@charset "euc-kr";

/* visual */

#visual { position:relative; width:100%; height:365px;}
.free { position:absolute; left:50%; margin-left:-493px; top:0; z-index:8; width:280px;}

/* content  position:relative;  border:1px solid blue; client_tit*/

.pink {color: #fa5c95;}
#content {width:100%; margin:0 auto;}

#content #data1 { width:1057px; margin:0 auto; padding-top:87px; zoom:1; }
#content #data1 .box_list01 {float:right; }
#content #data1 .box_list01 #netpeace { height:394px; background-color:#4a4a4a; margin-bottom:8px;}
#netpeace .location_txt { font-family:Dotum,'µ¸¿ò'; font-size:11px; color:#929292; padding:16px 2px 11px 16px ; line-height:13px; letter-spacing:-0.04em; }

#content #data1 .box_list01 .ongoing { position:relative; width:172px; height:306px; padding:22px 15px 18px 15px; background-color:#FFFFFF; border:1px solid #ccc; border-top:none;}
.ongoing .go_tit {}
.clear{clear:both}
#gallery{position: absolute; top:52px; background:url(../images/main/ongoing_line2.gif) no-repeat 5px 144px;}
#gallery .going_list { padding:27px 0 0 5px;}
#gallery a.show{z-index:500;}
#gallery .client_tit { font-size:13px; color:#777; padding-bottom:1px;}

#content #data1 .box_list01 .ongoing p img { vertical-align:top;}
#data1 .box_list01 .ongoing  dl { width:166px; padding:27px 0 0 4px; background:url(../images/main/ongoing_line.gif) no-repeat 0 -7px; }
#data1 .box_list01 .ongoing  dl dt { font-weight:bold; font-size:14px; padding-bottom:10px; }
#data1 .box_list01 .ongoing  dl dt a {color:#fa5c95;}
#data1 .box_list01 .ongoing  dl dd { height:40px; color:#8f8f8f; font-size:12px;}
#data1 .box_list01 .ongoing  dl .data_day { height:11px; font-size:11px; letter-spacing: -0.02em; }

#content #data1 .box_list02 { float:left; width:851px; overflow:hidden;}
#content #data1 .box_list02 li { float:left;}
#content #data1 .box_list02 li ul {padding-right:10px;}

.box_list02 ul li{clear:both; padding: 0 0 8px 0;}

#content #data1 .box_list02 li ul li img { vertical-align:top;}

.box_list02 .box_list02_01 li { width:197px;}
.box_list02 .box_list02_01 li .con_cus { width:196px; height:150px; padding-top:23px; background:url('../images/common/bg_box01.gif') repeat-x 0 bottom #fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.box_list02 .box_list02_01 li .con_recruit { color:#393939; width:197px; height:148px; padding-top:26px; background:url('../images/common/bg_box02.gif') no-repeat right bottom;}
.box_list02 .box_list02_01 li .con_neto {width:197px; height:154px; padding-top:20px; background:url('../images/common/bg_box03.gif') no-repeat 0 0;}
.box_list02 .box_list02_01 li .con_neto h3 {padding-bottom:0;}
.box_list02 .box_list02_01 li .con_neto p a{ color:#555;}
.box_list02 .box_list02_03 li .con_domain { width:206px; height:143px; padding-top:30px; text-align:center; background:url('../images/common/bg_box02.gif') no-repeat right bottom;}
.box_list02 .box_list02_03 li .con_domain p{ font-size:25px; line-height:29px; color:#2a2a2a; padding-bottom:7px;}
.box_list02 .box_list02_03 li .con_w_order { width:205px; height:153px; padding-top:20px; background-color:#fff526; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.box_list02 .box_list02_03 li .con_w_order h3 { text-align:center;}
.box_list02 .box_list02_03 li .con_w_order p a{ display:block; padding:10px 18px 0 22px; color:#555;}
.box_list02 .box_list02_03 li .con_name {width:183px; height:153px; padding:20px 10px 0 12px; background-color:#FFFFFF; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.box_list02 .box_list02_03 li .con_name h3 {padding:0 0 12px 4px; border-bottom:1px solid #d5d5d5;}
.con_name .name_st1 { margin-top:12px;}
.con_name .name_st1 dt { float:left; display:inline-block; width:37px; margin:0 7px 0 2px; padding:9px 0 7px 0; border:1px solid #e5e5e5; background:#f8f8f8; color:#3d3d3d; text-align:center;}
.con_name .name_st1 dd {letter-spacing:-0.04em; line-height:15px; display:inline-block; padding:1px 0 0 5px; background:url('../images/main/bl01.gif') no-repeat 0 50%;}



.box_list02 .box_list02_01 li div h3 { padding-bottom:8px; text-align:center;}
.box_list02 .box_list02_01 li div p { padding:10px 18px 0 22px;}

#content #data1 .box_list03 { float:left; }
#content #data1 .box_list03 .con_best { float:left; width:197px; height:175px; padding-top:26px; background:url('../images/common/bg_box04.gif') no-repeat right bottom; text-align:center; margin-right:11px;}
#content #data1 .box_list03 .con_best p { color:#e1e1e1; padding:12px 18px 0 16px;}
#content #data1 .box_list03 ul { border:1px solid #ccc; border-right:none; display:inline-block;}
#content #data1 .box_list03 ul li { width:210px; height:201px; float:left; display:inline-block; border-right:1px solid #ccc; padding:0; background:#FFFFFF; }
.box_list03 ul li .bestimg p { text-align:center; padding:20px 0 0 0;}
.bestimg dl { padding:0px 20px 0 20px;}
.bestimg dl dt a{ display:block; font-weight:bold; font-size:13px; padding-bottom:4px; color:#e13137;}
.bestimg dl dd {font-size:12px; color:#888888;}
.bestimg dl .data_day { height:11px; font-size:11px; letter-spacing: -0.02em; }


#news_notice { height:80px; padding:15px 15px 0 15px; background-color:#FFFFFF; border:1px solid #ccc; border-top:none; }
#news_notice h3 { height:30px;}
#news_notice ol { width:388px; display:block; overflow:hidden; }
#news_notice ol li { width:388px; overflow:hidden; font-size:11px; padding:0; margin:0; line-height:18px;}
#news_notice ol li .data_day { float:right; color:#7f7f7f; letter-spacing: -0.03em; width:70px; }


#content #data1:after { display:block; content:""; clear:both; }

/* 
#content #works { clear:both; position:relative; overflow:hidden; width:1059px; margin:50px auto 0 auto; border:1px solid #bcbcbc; background-color:#FFFFFF; height:990px;} */
#content #works { clear:both; width:1055px; overflow:hidden; margin:50px auto 0 auto; border:1px solid #bcbcbc; background-color:#FFFFFF; height:920px;}
#portfolio h3 { border-bottom:1px solid #dbdbdb;}
#portfolio ul li {
	width:263px;
	margin:20px 0 10px 0;
	border-collapse:collapse;
	border-left:1px solid #dbdbdb;
    float:left;
}
#portfolio ul li p { text-align:center;}
#portfolio ul .first { border-left:none;}
#portfolio ul li dl { padding:2px 22px 18px 22px;}
#portfolio ul li dl dt a{ display:block; font-weight:bold; font-size:14px; padding:4px 0 8px 0; color:#e13137;}
#portfolio ul li dl dd a{ display:block; font-size:13px; height:32px; color:#666;}
#portfolio ul li dl .data_day { height:11px; font-size:11px; letter-spacing: -0.02em; }