@charset "euc-kr";
/***** List Skin *****/

.selectBoxSelectedAreaGlobal {padding-left:5px; padding-top:3px; background-color:#fffa8f; letter-spacing:-1px; }
.selectBoxSelectedAreaFocusGlobal {padding-left:5px; padding-top:3px; background-color:#fffeea; letter-spacing:-1px;}
.selectBoxOptionGlobal {color:#0e66b2; padding-top:4px; height:24px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionOverGlobal {color:#000000; background-color:#fffa8f; padding-top:4px; height:24px; padding-left:5px; letter-spacing:-1px;}

.selectBoxOptionInnerLayer {overflow:auto;background-color:#ffffff;
    scrollbar-face-color:#F3F3F3;
    scrollbar-shadow-color:#6C6C6C;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#C9C9C9;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#000000;
}

#list_content { position: relative; height:170px; border-bottom:1px solid #dcdcdc;}
#list_content .img { float:left; }
#list_content .img img { display: inline; border: 0; vertical-align: middle; border:3px solid #d5d5d5; }
#list_content nobr { display:block; overflow:hidden; }

#list_content dl { float:right; margin-left:20px;}
#list_content .point {position: absolute; width:100px; height:78px; left:600px; text-align:center; background:url(img/bg_grade.gif) repeat-x; border:solid 1px #ededed;}
#list_content .point .comment{height:12px; font-size:12px;color:#c1c1c1;}

#list_content .tel{font-size:14px;color:#2d64ad;}

/***** View Skin *****/
/* ŸÀÌƲºÎºÐ */
.view { position:relative; float:left; margin:0; padding:10px; border:1px solid #e7e7e7; } /* Padding&Margin: Top,Right,Bottom,Left */
.view .info li {  clear:both; height:25px; margin-top:-1px; }
.view .info li.top { height:35px; padding-top:10px; background:url(img/dot.gif) repeat-x bottom; }
.view .info li.line { padding:2px; background:url(img/dot.gif) repeat-x bottom; }
.view .info .title { float:left; color:#222; font-size:11pt; font-weight:bold; font-family:±¼¸²,µ¸¿ò; }
.view .info .date { float:left; padding:4px 0 0 15px; color:#cecece; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }

.view .info .writer { float:left; padding:4px 0 0 10px; color:#595959; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }
.view .info .writer_name { float:left; padding:4px 4px 0 10px; color:#8c8c8c; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }
.view .info .writer_other { float:left; padding:4px 3px 0 3px; background:#f5f5f5; color:#8c8c8c; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }
.view .info .ip { float:left; padding:0 0 0 15px; color:#cecece; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }

.view .info .zoom { float:right; padding:0 0 0 0; }
.view .info .cut { float:right; padding:0 4px 0 4px; }
.view .info .i_tag { float:right; margin:0 3px 0 0; padding:2px 3px 0 3px; color:#70a0d0; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }
.view .info .tag { float:right; margin:0 10px 0 0; padding:2px 5px 0 5px; background:#eff8ff; color:#70a0d0; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }

.view .info  a.download { text-decoration:none; }
.view .info  a.download:hover { background:#f5f5f5; padding:1 0; }
.view .info .download .count { padding:0 15px 0 4px; color:#ff6000; font-size:9pt; font-family:±¼¸²,µ¸¿ò; }

/* ºä ¿É¼Ç */
.view .info .option { float:right; }
.view .info #option1 { display:none; position:absolute; width:110px; padding:10px; margin:22px 0 0 -110px; background:#dbff79; border:1px solid #8ab023; filter:alpha(opacity=80);}
.view .info #option1 ol li {  }
.view .info #option1 li a:hover {  }

/* °ü·Ã±Û */
.view .relation { margin-top:5px; padding:7px; background:#fefffa; border:1px solid #ecefe9; }
.view .relation li { position:relative; clear:both; height:18px; }
.view .relation li.info { height:25px; }
.view .relation span { float:left; }
.view .relation span.icon { width:40px; }
.view .relation span.nums { width:20px; }
.view .relation span.title {  }
.view .relation span.commentcnt a{ width:50px; font:normal 10px Tahoma; color:#EE5A00; }
.view .relation span.date { float:right; color:#8c8c8c; }

/* ̵̧ */

.view .good ul { clear:both; }
.view .good li { float:right; margin-top:3px; }
.view .good li.good a { padding:0px 0 0 25px; font:16pt tahoma; color:#51be00; background:url(img/btn_good.gif) no-repeat; }
.view .good li.nogood a{ padding:0px 10px 0 25px; font:16pt tahoma; color:#e63f11; background:url(img/btn_nogood.gif) no-repeat; }

.view .view_contents { position:relative; clear:both; padding:5px; }
.view .view_contents li.img { clear:both; margin: 0; border:1px solid #8ab023; }

/* ÀÚµ¿Ãâó */
DIV.autosourcing-stub { display:none }
DIV.autosourcing-stub-extra { position:absolute; opacity:0 }

/* ¹öÆ° */
.board_view_btn { clear:both; height:43px; border-top: 1px solid #DDD; border-bottom: 2px solid #DEDEDE; padding-top:10px; }


/***** Write *****/
.write { position:relative; width:100%; margin:0; padding:5px; } /* Padding&Margin: Top,Right,Bottom,Left */
.write ul.line { background:url(img/dot.gif) repeat-x bottom; }

.write label { float:left; width:100px; padding-top:8px; text-align:center; color:#8492A0; }
.write p{ padding:4px 0 4px 0; margin:0; }
.write .button {clear:both; position:relative; padding:15px 0 40px 0; text-align: center; }


/* ¹öÆ° °ø°£ÀÇ ½ºÅ¸ÀÏÀ» ÁöÁ¤ÇÕ´Ï´Ù. */
.board_bottom li { padding:15px 0 40px 0; }

/* CSS Document */


.lof-slidecontent{
	float:left;
	position:relative;
	width:263px;
	height:150px;
	overflow:hidden;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#f0f2f5;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
}
.lof-slidecontent .preload div{
	height:150px;
	width:263px;
	background:transparent url(img/load-indicator.gif) no-repeat scroll 50% 50%;
	border:1px solid #d7dae0;
}

.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
	overflow:auto;
}


/* item navigator */
ul.lof-navigator{
	position:relative;
	overflow:hidden;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	padding:0;
	margin:0;
}

.lof-navigator-outer{position:absolute; right:3px; top:0; z-index:100;}
.lof-navigator li img{ margin-top:2px; paddong:0; border:1px solid #bdbdbd;}
.lof-navigator li.active img{ border:#fd6414 solid 2px;}
.lof-navigator .active{background:url(img/arrow-bg2.PNG) center right no-repeat;}


/*¸®½ºÆ®°¶·¯¸®*/
#body_wrapperr { position:relative; margin:0 auto; width:805px; height:220px; text-align:left;}
/*.bg { background:#fbfcfd}*/
.portfolio { float:left; margin-bottom:0px;}
.portfolio_description h3 {font-family:¸¼Àº °íµñ; font-size:1.1em; width:300px; }
.portfolio_description .comment { font-size:.8em; color:#db001a;}
.portfolio_content { width:805px; height:220px; float:right; padding:15px 0 25px 5px; position:relative; border-bottom:1px solid #ddd;}
.portfolio_description {width:330px; float:right; font-size:1.5em; line-height:1.4; padding:0 0 0 10px; margin-left:10px;}
.portfolio_description p { margin-top:5px; color:#999999;}

.portfolio_details {width:330px; position:absolute; bottom:30px; right:0; }
.portfolio_details table { width:100%; font-size:0.9em; line-height:1.2; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.portfolio_details table .add { color:#0058bb; font-size:1.1em;}
.comment { font-size:1.2em; color:#db001a;}
.portfolio_details_title {font-weight: bold; padding-right: 30px;}

.portfolio_images {width:250px; height:170px; position:absolute; top:18px; left:0; z-index:10; border:1px solid #ccc;}
.portfolio_images img { width:250px; height:170px; cursor:pointer; z-index:10; position:absolute; display:none;}
.portfolio_images_no { position:absolute; padding:2px 4px 2px 2px; border:1px solid #ddd; top:-1px; right:-1px; z-index: 11; font-size:.9em; font-weight:bold; color:#414141; background:#e9e9e9;}
.portfolio_images_no p { float:left; margin:1px 1px 0 0; font-weight:bold; color:#999999;}
.portfolio_images img.active {display: block;}
.portfolio_images span {display:none;}

.portfolio_thumbnails { position:absolute; width:140px; height:176px; overflow:hidden; top:18px; left:253px;}
.portfolio_thumbnails_vertical { position:absolute; top:18px; right:0; width:245px; height:310px; display:none;}
.portfolio_thumbnails ul, .portfolio_thumbnails_vertical ul { width:auto; list-style:none; float:left;}
.portfolio_thumbnails ul li { width:55px; height:35px; border:3px solid #eaeaea; float:left; margin:0 0 3px 2px; cursor:pointer;}
.portfolio_thumbnails img { width:55px; height:35px;}
.portfolio_thumbnails_vertical ul li { width:70px; height:50px; border:3px solid #dddddd; float:left; margin:0 0 5px 5px; cursor:pointer;}
.portfolio_thumbnails ul li:hover, .portfolio_thumbnails ul li.active, .portfolio_thumbnails_vertical ul li:hover, .portfolio_thumbnails_vertical ul li.active { border: 3px solid #db001a;}
.portfolio_caption {position:absolute; bottom:0; left:0; width:598px; padding:20px 25px; border-top:1px solid #ddd; font-size:0.9em; line-height:1.2; text-align:center; display:none; z-index:5;}
.portfolio_back { width:76px; height:56px; font-family:¸¼Àº °íµñ; text-align:center; font-size:1.3em; font-weight:bold; color:#ffffff; letter-spacing:-2px; background:#ddd; cursor:pointer; display:none; position:absolute; top:261px; right:17px;}
.portfolio_back:hover { background:#db001a;}
.portfolio_info { font-size:1em; color:#999999; display:none; position:absolute; bottom:3px; left:20px;}