@charset "utf-8";

/*포토리스트*/
#pro_List_img{padding-left:5px;clear: both;}
#pro_List_img li{float:left;letter-spacing: -1px;	padding: 5px;}

.firstimg{text-align:center;height:155px; width:190px; overflow:hidden;margin:5px;border:1px solid #EFEFEF;}
.firstimg img{overflow:hidden;}

.subject{min-height:25px; width:190px;text-align:center;overflow:hidden;padding:3px;font-size:11pt;font-weight:bold;letter-spacing: -1px;}


#ViewHead #ViewImg {float:left;}
#ViewHead #ViewInfor {float:right; width: 310px;overflow: hidden;}


/* 포토갤러리 */
.photo_viewtype2smll {clear:both;overflow:hidden;margin-bottom:5px; width:320px; background:#fdecb4;}
.photo_viewtype2smll .big_list {float:left; width:320px; padding:4px; overflow:hidden;}
.photo_viewtype2smll .big_list .photo {position:relative;overflow:hidden; width:312px;height:230px;_height:230px; background:#FFFFFF;}
.photo_viewtype2smll .big_list .photo img{}

.photo_viewtype2smll ul {float:right;width:320px; margin:0px; }
.photo_viewtype2smll ul li {display:inline; float:left; width:75px; height:55px; margin:2px;}
.photo_viewtype2smll ul li.f{margin-left:4px;}
.photo_viewtype2smll ul li a {border:2px solid #fddc70; display:block;}
.photo_viewtype2smll ul li a:hover {border:2px solid #ff5703}


.protitle { position: relative; height: 25px; margin-bottom: 10px; border-bottom: 2px solid #DDD; }
.protitle h3 { position: absolute; left: 0; bottom: 1px; }
.protitle p { position: absolute; right: 0; bottom: 1px; }

.protitleline {position:relative;border-bottom:1px solid #E5E5E5; clear:both; height:44px;_top:1px;}
.protitleline h3 {position:absolute;top:1px;font-weight: bold;height:44px;padding:0px 1px;font-size:14px;}
.protitleline p {position:absolute;right:0;clear:both;padding:0 1px;_top:2px;}

/*VIEW 테이블*/
.proTview {margin:1em auto;border-collapse:collapse; font-size:12px;}
.proTview tbody tr {height:25px;}
.proTview tbody th, .proTview tbody td{border-bottom:0px solid #e5eff8; padding: 3px 0 2px 0px;color:#678197;}
.proTview tbody th {width:80px; font-weight:normal;text-align:left; padding-left: 10px; }
.proTview .bold {font-weight:bold;letter-spacing:-1px;}
.proTview em {color:#FF3300;}


.procatlist ul {float:left; margin-top:7px;}
.procatlist li { line-height: 20px; background: url(img/ico_square9.png) no-repeat 4px 8px; padding: 3px 20px; border:1px solid #DDD;margin-bottom:2px;}
.procatlist li:hover {border:1px solid #bc0101;}

.procatlist li a{text-decoration:none;}
.procatlist li.selected { line-height: 22px; background: #fef5e2 url(img/ico_try9.png) no-repeat 4px 9px;}
.procatlist li.selected a{ line-height: 22px; color:#bc0101;font-weight:bold;}

/*제품리스트 Table*/
.prolistbox table {border: 1px solid #DDD;margin:5px auto 5px;border-collapse:collapse;font-size:11px;letter-spacing:-1px;}
.prolistbox table tfoot {background-color:#F0F8FD;}
.prolistbox table th, .prolistbox table td {padding:7px 5px 7px 3px;empty-cells:show;text-align:center;border: 1px solid #ddd;}
.prolistbox table thead th {background-color:#DDEEFA;line-height:13px;}
.prolistbox table tbody th {background-color:#F0F8FD;text-align:left; white-space:nowrap;}
.prolistbox table th.center {text-align:center;}
.prolistbox table tbody th.thbr {background-color:#F0F8FD;text-align:left; white-space:normal;}
.prolistbox table tr.bgr th {background-color:#F0F8FD;}