/* css document */
body, img { border:0px; margin:0px; font-size:9pt; color:#444; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif; 
 line-height:180%; font-weight:bold; }
a { text-decoration:none; color:#888; } 
a:hover { text-decoration:none; color:#777;  } 

td { font-size:9pt; color:#444; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif; 
 line-height:180%; font-weight:bold; }

/*sub01*/
#body_wrap #contents #overview { width:440px; margin:45px 0 0 0px; }
#body_wrap #contents #overview .title { width:100px; height:20px; margin: 0 0 30px 0; }
#body_wrap #contents #overview .con { position:relative; margin: 0 0 30px 0;}

#body_wrap #contents #contact { width:440px; margin:45px 0px 0 0px; }
#body_wrap #contents #contact .title { width:100px; height:20px; margin: 0 0 30px 0; }
#body_wrap #contents #contact .con { position:relative; margin: 0 0 30px 0;}



/*sub06*/
#body_wrap #contents #award { width:895px; margin:45px 0 80px 0px; }

/*sub02*/
#body_wrap #contents #news_board { position:relative; top:-42px; margin-bottom:30px; }
#body_wrap #contents #news_board a { text-decoration:none; color:#555; } 
#body_wrap #contents #news_board a:hover { text-decoration:underline; color:#333;  } 
#body_wrap #contents #news_board .t_news { width:100%; margin:90px 0 0 0; padding:0; border-collapse:collapse; }
#body_wrap #contents #news_board .t_news th { margin:0; border:0; vertical-align:top; text-align:left; background:#000;}
#body_wrap #contents #news_board .t_news td { padding-bottom:7px; padding-top:7px; margin:0; border:0; vertical-align:top; }
#body_wrap #contents #news_board .t_news .last { padding-bottom:7px; padding-top:7px; margin:0; border:0; border-bottom:1px solid #ebebeb; }
#body_wrap #contents #news_board .t_news .subject { height:22px; vertical-align:middle;}
#body_wrap #contents #news_board .t_news .subject2 { height:22px; vertical-align:middle; text-align:center; }
#body_wrap #contents #news_board .t_news .notice { padding-top:11px; text-align:center; }
#body_wrap #contents #news_board .t_news .no {text-align:center; }

#body_wrap #contents #news_board .b_list { position:relative; width:930px;  margin:auto; border-bottom:1px solid #ebebeb; }
#body_wrap #contents #news_board .b_foot { position:relative; vertical-align:bottom; width:930px; top:0px;  margin:auto; margin-bottom:20px; }
#body_wrap #contents #news_board .b_btn { position:relative; top:25px;}
#body_wrap #contents #news_board .b_paging { position:relative; top:30px; left:8px; }
#body_wrap #contents #news_board .b_paging td { padding-left:3px; padding-right:3px; }

#body_wrap #contents #news_board .b_search { width:250px; } 
#body_wrap #contents #news_board .b_input { font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif; 
 background:#e6e6e6; margin:28px 5px 0 0; border:0; height:20px; padding:5px 2px 0px 2px;  } 
/*#body_wrap #contents #news_board .b_input { border-bottom:1px solid #d9d9d9; background:#d9d9d9; margin:30px 10px 0 0; } */
#body_wrap #contents #news_board .b_contents { width:90%; margin:10px 0 ; padding:30px 20px 30px 20px; background:#efefef; display:none; text-align:justify; font-size:9pt; color:#666; }

#head01 {width:100%; margin:auto; text-align:center;}

/*sub03*/
#body_wrap0301 #contents #portfolio .menu { position:relative; margin:55px 0 0 35px; width:245px; height:324px; padding:0; }
#body_wrap0301 #contents #portfolio .menu ul { position:relative; list-style:none; padding:0; margin:20px 0 0 0px; left:-5px;}
#body_wrap0301 #contents #portfolio .menu li { margin:0 0 7px 0;  padding:0; }

#body_wrap0301 #contents #portfolio .list {  position:relative; min-height:650px; _height:560px;}
/* html #body_wrap0301 #contents #portfolio .list {  position:relative; height:560px; border:solid 10px #00ff00; }*/

#body_wrap0301 #contents #portfolio .paging_left { position:absolute; top: 260px; left:280px;  z-index:1;}
#body_wrap0301 #contents #portfolio .paging_right { position:absolute; top: 260px; left:940px; z-index:2; }

#body_wrap0301 #contents #portfolio .list_table td, tr { border:0; padding:0; margin:0;  border:0; cellpadding:0; cellspacing:0; }

#body_wrap0301 #contents #portfolio .list ul { float:left;  margin:50px 70px 0 0;  list-style:none;  padding:0; width:600px;}
#body_wrap0301 #contents #portfolio .list li { float:left; margin:0px; padding:0;  }

/* #detail_port { width:750px; height:630px; }
#detail_port #detail_top { position:relative; height:79px; border-bottom:1px solid #ff8b00; background:#e8e8e8; padding:0; }
#detail_port #detail_top .text{ position:absolute; margin:22px 0 0 30px; height:50px; width:550px; }
#detail_port #detail_top .title { font-size:12pt; } 
#detail_port #detail_top .url { font-weight:normal; color:#555; } 
#detail_port #detail_top .url a { font-weight:normal; color:#555; }
#detail_port #detail_top .url a:hover { font-weight:normal; color:#ff8b00; text-decoration:underline; } 




#detail_port #detail_top .paging { position:absolute;  margin:20px 0 0 650px; }

#detail_port #detail_content .big { position:relative; }
#detail_port #detail_content .small { position:relative; }
#detail_port #detail_content .small ul { list-style:none; padding:0; margin:0; overflow:hidden; }
#detail_port #detail_content .small ul li {padding:0; margin:0; display:block; line-height:0; font-size:0; } */



#detail_port { width:760px; height:630px; margin: }
#detail_port #detail_top { position:relative; height:79px; border-bottom:1px solid #ff8b00; background:#e8e8e8; padding:0; }
#detail_port #detail_top .text{ position:absolute; margin:22px 0 0 30px; height:50px; width:550px; }
#detail_port #detail_top .title { font-size:12pt; } 
#detail_port #detail_top .url { font-weight:normal; color:#555; } 
#detail_port #detail_top .url a { font-weight:normal; color:#555; }
#detail_port #detail_top .url a:hover { font-weight:normal; color:#ff8b00; text-decoration:underline; } 




#detail_port #detail_top .paging { position:absolute;  margin:20px 0 0 650px; }

#detail_port #detail_content .big { position:relative; margin:10px 0 0 0; }
#detail_port #detail_content .small { position:relative; margin:10px 0 0 0;  }
#detail_port #detail_content .small ul { list-style:none; padding:0; margin:0; overflow:hidden; }
#detail_port #detail_content .small ul li {padding:0; margin:0; display:block; line-height:0; font-size:0; }




/*sub04*/

#body_wrap #contents #fixple_image  { position:relative; margin:0 0 30px 0px; width:460px; background:url(/templets/img/04_sub/bg_img.gif) no-repeat; background-position:right top; }
#body_wrap #contents #fixple_image .photo {  margin:96px 0 80px 0px; }

#body_wrap #contents #fixple_list { position:relative; width:420px; margin:50px 0 30px 0; padding:0;  }
#body_wrap #contents #fixple_list a { text-decoration:none; color:#555; } 
#body_wrap #contents #fixple_list a:hover { text-decoration:underline; color:#333;  } 

#body_wrap #contents #fixple_list #btn_open { display:block;  }
#body_wrap #contents #fixple_list #btn_close { display:;  }

#body_wrap #contents #fixple_list .list_btn { text-align:right; }
#body_wrap #contents #fixple_list .list { position:relative; display:none; border-top:1px solid #f8a13a; _width:410px; padding:20px 0 0 0;}
/*html #body_wrap #contents #fixple_list .list {padding:0; width:400px;}*/
#body_wrap #contents #fixple_list .t_list { width:97%; margin:15px 0 0 0; padding:0; }
#body_wrap #contents #fixple_list .t_list td { padding-bottom:5px; padding-top:5px; margin:0; border:0; vertical-align:top; }
#body_wrap #contents #fixple_list .t_list .last { padding-bottom:15px; padding-top:5px; margin:0; border:0; border-bottom:1px solid #ebebeb; }
#body_wrap #contents #fixple_list .paging { position:relative; width:93%; margin:10px 25px 20px 20px; height:20px;}
#body_wrap #contents #fixple_list .paging td { padding:3px 3px 0 3px; }



#body_wrap #contents #fixple_list .title { position:relative; width:100%; padding:35px 0;  border-top:1px solid #f8a13a; font-size:110%; border-bottom:1px solid #ebebeb; }
#body_wrap #contents #fixple_list .date { display:block; font-size:90%; color:#858585; margin-top:5px; }
#body_wrap #contents #fixple_list .contents { position:relative; width:90%; padding:30px 20px 30px 20px; background:#efefef; text-align:justify; margin:10px 0 20px 0; color:#666; border-bottom:1px solid #ebebeb; font-size:9pt; }




/*sub05*/
#body_wrap05 #contents .fcs { position:absolute; left:40px; top:105px; }
#body_wrap05 #contents .text { position:absolute; left:40px; top:230px; }
#body_wrap05 #contents .btn { position:absolute; left:40px; top:420px; }
#body_wrap05 #contents .triangel01 { position:absolute; left:340px; top:20px; }
#body_wrap05 #contents .triangel02 { position:absolute; left:405px; top:58px; }


/*sub97*/
#body_wrap #contents #recruit { position:relative !important; width:100%; z-index:5; padding:0 0 50px; height:480px; }
#body_wrap #contents #recruit:after {content:""; float:none; clear:both; height:0px; display:block;}
#body_wrap #contents #recruit .text01 { position:absolute; left:50px; top:25px; }
#body_wrap #contents #recruit .text02 { position:absolute; left:50px; top:80px; }
#body_wrap #contents #recruit #form_box { position:relative; left:50px; top:250px; width:680px; }
#body_wrap #contents #recruit #form_box dl { width:340px; }
#body_wrap #contents #recruit #form_box dt { float:left; background:url(/templets/img/98_form/text_07.gif) no-repeat; background-position:right 2px; width:105px; margin:0 10px 0 0;  }
#body_wrap #contents #recruit #form_box dd { margin: 0 0 20px 0; }
#body_wrap #contents #recruit .submit { position:absolute; left:800px; top:450px;  }
#body_wrap #contents #recruit .input01 { width:180px; height:20px; font-size:9pt;  font-weight:bold; height:20px; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }
#body_wrap #contents #recruit .textarea01 { width:220px; height:179px; font-size:9pt;  font-weight:bold; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }
#body_wrap #contents #recruit .select01 { width:50px; font-size:9pt;  font-weight:bold; height:20px; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }
#body_wrap #contents #recruit .select02 { width:147px; font-size:9pt;  font-weight:bold; height:20px; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }



/*sub98*/
#body_wrap #contents #feedback { position:relative; height:490px; width:100%; z-index:5;  }
#body_wrap #contents #feedback .text01 { position:absolute; left:50px; top:45px; }
#body_wrap #contents #feedback .text02 { position:absolute; left:50px; top:100px; }
#body_wrap #contents #feedback #form_box { position:relative; left:100px; top:165px; width:680px; }
#body_wrap #contents #feedback #form_box dl { width:340px; }
#body_wrap #contents #feedback #form_box dt { float:left; background:url(/templets/img/98_form/text_07.gif) no-repeat; background-position:right 2px; width:105px; margin:0 10px 0 0;  }
#body_wrap #contents #feedback #form_box dd { margin: 0 0 20px 0; }
#body_wrap #contents #feedback .submit { position:absolute; left:830px; top:387px;  }
#body_wrap #contents #feedback .input01 { width:180px; height:20px; font-size:9pt;  font-weight:bold; height:20px; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }
#body_wrap #contents #feedback .textarea01 { width:220px; height:190px; font-size:9pt;  font-weight:bold; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }
#body_wrap #contents #feedback .select01 { width:50px; font-size:9pt;  font-weight:bold; height:20px; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }
#body_wrap #contents #feedback .select02 { width:147px; font-size:9pt;  font-weight:bold; height:20px; margin:0; font-family: , 'nanumgothic', 'nanumgothicweb', ' ', 'malgun gothic', , , dotum, gulim, sans-serif;  color:#666666; }


#body_wrap #contents_foot { position:relative; margin:0px; padding:0px; clear:both; float:none; height:180px; width:100%; background:url(/templets/img/common/bg.gif); border-top:1px solid #2fc0d0;  }



.center { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.h40 { height:40px; }

.clear_both { clear:both;}

.pad3 { padding:3px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad35 { padding:35px; }

.m_top15 { margin-top:20px; }
.m_top20 { margin-top:20px; }
.m_top55 { margin-top:55px; }

.m5 { margin:5px; }
.m10 { margin:10px; }

.b1 { border:1px solid #fff; }
.b2 { border:1px solid #d7d7d7; }

.w185 { width: 185px }

.pb_70 {padding-bottom:70px;}
.pb_50 {padding-bottom:50px;}
.pb_40 {padding-bottom:40px;}
.pb_25 {padding-bottom:25px;}

.pt_25 {padding-top:25px;}

.pt_50 {padding-top:50px;}
.h100 {height:100px !important;}

/*  */
.tab_bg {	width:730px; height:32px;	background:url("/img/01_sogae/0201_bg.jpg") repeat-x;	margin:0 0 0 0;	position:relative;}
.tab_bg .title { position:absolute;	left:15px;	top:30px;}
.tab_btn { width:730px; padding: 0px 0 0 0px;}
.tab_btn ul {width:730px; padding:0px;  margin:0; list-style: none; }
.tab_btn ul li { height:32px; display: inline; margin-right:2px; padding:0; float:left}
#vision_1, #vision_2, #vision_3, #vision_4, #vision_5, #vision_6, #vision_7, #vision_8, #vision_9, #vision_10 {	padding:20px;}
#vision_1, #vision_2, #vision_3, #vision_4, #vision_5, #vision_6, #vision_7, #vision_8, #vision_9, #vision_10 ul {	padding-left:0px;}

/*作品展示*/

.zt-tu-pdt{height:134px;background-image:url(/templets/zhuyuxie/style/img/zt-tbj.gif);margin-bottom:25px;}
.zt-tut{height:134px;width:960px;margin-right:auto;margin-left:auto;}
.zt-tu-pdtl{float:left;height:134px;width:760px;}
.zt-tu-pdtl strong{color:#360;}
.zt-tu-pdtl span{line-height:25px;color:#787878;display:block;padding-left:3px;}
.zt-xjlist{display:block;float:right;width:126px;list-style-type:none;background-image:url(/templets/zhuyuxie/style/img/zt-tfg.gif);background-repeat:no-repeat;margin:20px 0 0;padding:0 0 0 30px;}
.zt-xjlist li{float:left;}
.zt-xjlist a{height:38px;width:126px;display:block;line-height:38px;text-align:center;font-size:14px;font-weight:700;color:#fff;margin-bottom:15px;}
.zt-fhsy{background-image:url(/templets/zhuyuxie/style/img/ztdf.gif);background-color: #75bce3;}
.zt-fhpd{background-image:url(/templets/zhuyuxie/style/img/ztdf.gif);background-position:left bottom;background-color: #73a534;}
.zt-fhsy:hover{background-image:url(/templets/zhuyuxie/style/img/ztdf.gif);background-position:right top;}
.zt-fhpd:hover{background-image:url(/templets/zhuyuxie/style/img/ztdf.gif);background-position:right bottom;}

.zt-title{line-height:70px;font-family:arial, helvetica, sans-serif;font-size:22px;font-weight:700;color:#06c;height:60px;overflow:hidden;}
.zt-body{width:960px;margin-right:auto;margin-left:auto;}
.zt-left{float:left;width:720px;padding-bottom:10px;padding-top:10px;}
.zt-list{list-style-type:none;display:block;margin:0;padding:0;}
.zt-list li{float:left;width:202px;display:block;height:224px;margin-bottom:15px;margin-left:11px;background-image:url(/templets/zhuyuxie/style/img/zt-listbj.gif);background-repeat:no-repeat;background-position:left top;padding-right:23px;}
.zt-piclink{display:block;padding:6px;}
.zt-piclink:hover{display:block;padding:6px;opacity:0.8;filter:alpha(opacity=80);zoom:1;}
.zt-list small{display:block;line-height:40px;font-size:12px;text-align:center;color:#999;}
.zt-list span a{display:block;line-height:30px;text-align:center;overflow:hidden;height:35px;color:#0070bc;margin-right:8px;margin-left:8px;}
.zt-list span a:hover{color:#f60;}
/*翻页*/
.profen {
    background-color: #ffffff;
    display: block;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}
.profen .f_l {
    display: block;
    float: left;
}
.profen .f_r {
    float: right;
}
li {
    margin: 0;
    padding: 0;
}
.profen .f_r a {
    color: #a26f2b;
    font-weight: bold;
}
<!--utf-8-->