/* common */
@font-face {
font-family:NanumGothic;
src: url(/inc/fonts/NanumGothic.eot);
src: local("나눔 고딕"), url(/inc/fonts/NanumGothic.woff) format("woff");
}
body { margin: 0px; padding: 0px; background-color: #f0f0f0;}
body,td {font-size:9pt; font-family: Gulim,tahoma;color:#626262;LETTER-SPACING: 0px; line-height:21px;}
div, p, option, select, input {font-family: Gulim,tahoma;}
img { border:none; }
form { margin:0px; }
a:link {text-decoration:none; color:#626262; }
a:visited {text-decoration:none; color:#626262; }
a:active {text-decoration:none; color:#626262; }
a:hover {text-decoration:none; color:black; }

a.am:link {text-decoration:none; color:#666666; }
a.am:visited {text-decoration:none; color:#666666; }
a.am:active {text-decoration:none; color:#666666; }
a.am:hover {text-decoration:none; color:#000000; font-weight:bold; }

/* .png24 {tmp:expression(setPng24(this));} png파일 투명배경처리*/
.iepngfix { behavior: url(/inc/iepngfix.htc) }

/* doctype html 에서 table 안의 img 하단에 공백생기는 문제. 해당테이블에 클래스 지정 */
.imgv img { vertical-align:top }
.imgv2 td { line-height:0 }

#top { height:50px; background:#EEE; text-align:center }
#bot { height:50px; background:#EEE; text-align:center; clear:both }
#container { }
#left { width:180px; float:left; background:#AAA}
#main { float:left;margin:10px;}
#product_list {width:250;float:left;margin:10px;}
#pageing {clear:both;text-align:center;margin:10px;}

	
/* 카테고리별 상단메뉴바 */
.top_menu_bar { background:#e3e3e3; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; height:34px }
/* 카테고리별 상단메뉴바의 타이틀명 */
.top_menu_bar_ttl { font-weight:bold; color: #fff; padding-left:10px}

/* 주문페이지 옵션 셀렉트박스 사이즈 */
.option_sel { width:200px }

/* 현수막 사이즈 입력폼 print_view7.html */
.input_num1 { width: 70px; border:1px solid #DBDBDB }

/*주문하기 - 공통옵션 타이틀 글자*/
.txt_order_tt2 { padding-left: 7px; color: #f60; font-size:14px; font-weight:bold }

/* 게시판 분류 */
.board_sub_cate { width:100% }
.board_sub_cate ul { list-style:none; margin:0; padding:0; overflow:hidden}
.board_sub_cate li { float:left; margin:5px 5px}
/* 게시판의 선택된 분류 */
.board_sub_cate .on { font-weight:bold } 


/*form design*/

	.login{font-family:gulim,굴림,tahoma;height:15px;font-size:12px;border:1px solid #cccccc;color:#898989;padding:3px 0px 0px 3px;}

	.input{font-family:"gulim", "굴림", "tahoma";height:17px;font-size:12px;border:1px solid #DBDBDB;color:#707070;padding:3px 0px 0px 3px;}

	.p_input{font-family:gulim,굴림,tahoma;height:18px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;}
	
	.otherNick{font-family:gulim,굴림,tahoma;height:20px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;LETTER-SPACING: 0px;}
	
	select{font-family:dotum,tahoma;color:#626262;font-size:12px;border:1px solid #e1e3ea;}
	
	textarea{font-family:dotum,tahoma;color:#626262;font-size:12px;border:1px solid #e1e3ea;padding:10px 5px 5px 10px;}	
	
	.textarea{border:1px solid #e1e3ea;}
	.textarea2{border:1px solid #d3d3d3;background-color:#f5f5f5;color:#4b5f9e;overflow:hidden;padding:3px}
	.textarea3{border:1px solid #dddddd;color:#626262;overflow:hidden;padding:3px}


/*구성요소 design*/
	
	
	/*팝업창 경고상자*/
	.box_2 {border:1px solid #d7dbe6;background-color:#f7f7f7;}


/* font design*/

	.special{font-size:11px;letter-spacing:0px;font-weight:bold;color:#323232;}
	
	.main_notice{font-size:11px;letter-spacing:0px;color:#626262;}
	
	.main_designBoard{color:#028083;font-weight:bold;}
	
	.numbers{letter-spacing:0px;}

	.numbers_b{letter-spacing:0px;font-weight:bold;color:#E83A62;}
	
	.numbers_b_gray{letter-spacing:0px;font-weight:bold;color:#626262;}
	
	.boardView{ padding:20px 20px 20px 20px;text-align:justify;line-height:20px;}
	
	.price01{ text-align:center; color:#000000; letter-spacing:0px;}
	.price02{ text-align:right; padding-right:10px; letter-spacing:0px;}
	
	.fcaaa{color:#aaaaaa;}
	.fc888{color:#888888}
	.fc32{color:#323232}
	
	.fcorange{color:#f7852c}
	.fcgreen{color:#51a247;}

	.spurple{font-size:11px;color:#8290bb;}
	.spurple2{font-size:11px;color:#9499ac;}
	.spurple3{font-size:11px;color:#4b5f9e;}
	
	.g15{font-family:gulim;font-size:15px}

	.checklabel{font-size:11px;color:#8a93b2}


.view_tit { COLOR:#323232 ; font-size:13px; font-family:굴림; font-weight:bold; padding: 15px 10px 10px 10px; }
.view_num_red { COLOR:#FE0000 ; font-size:11px; font-family:굴림; font-weight:bold; }
.delivery  { COLOR:#898989 ; }
.view { padding: 25px 25px 25px 25px; text-align:justify; line-height:14pt; }


	.best_white {text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:link{text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:visited{text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:active{text-decoration:none;color:#FFFFFF;font-weight:bold;}
	.best_white:hover{text-decoration:underline;color:#FFFFFF;font-weight:bold;}


/*영대 추가*/
.font_red {color:#FF0000}
.product_title {color:#777777;font-weight:bolder;font-size:14px;font-family:'돋움';}
.sample_box {height:12px;padding:5px 10px 5px 10px;text-align:center;margin:10px 20px 5px 0px;border:solid 1px #666666;font-size:12px;float:left;white-space:nowrap;cursor:pointer;}
.prd_left { color:#000000; padding:0px;margin:0 0 3px 0;};
.copy_t{color:#898989;font-weight:bolder;letter-spacing:-1px;}
.copy_v{color:#898989;letter-spacing:-1px;}

.aptext { text-align:right;margin-right:22px }

.tab {border-left: 5px solid #000000; border-right: 5px solid #000000; border-bottom: 5px solid #000000; }
.tab2 {border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }

#subMenu a {
  display: block;
  width: 150px;
  height: 17px;
  line-height:17px;
  color: #4E4E4E;
  text-decoration: none;
  text-indent: 5px;
  text-transform: none;
}

#subMenu a:hover {  
  color: #ffffff;
  font-weight:bold;
  background: url(/img/A/common/top_menu_bg.gif) no-repeat left center;
}
#subMenu2 a {
  display: block;
  width: 100px;
  height: 17px;
  line-height:17px;
  color: #4E4E4E;
  text-decoration: none;
  text-indent: 5px;
  text-transform: none;
}

#subMenu2 a:hover {  
  color: #ffffff;
  font-weight:bold;
  background: url(/img/A/common/top_menu_bg2.gif) no-repeat left center;
}

#subMenu3 a {
  display: block;
  width: 110px;
  height: 17px;
  line-height:17px;
  color: #4E4E4E;
  text-decoration: none;
  text-indent: 5px;
  text-transform: none;
}

#subMenu3 a:hover {  
  color: #ffffff;
  font-weight:bold;
  background: url(/img/A/common/top_menu_bg2.gif) no-repeat left center;
}


/*주문박스*/
.box {border: 3px solid #d1d3d4; }

/*상품 인트로 썸네일 이미지*/
DIV.product_intro {
	margin:0 auto;
	text-align: center;
	background:#FFF;
	margin-top:26px;
	padding:0;
}
DIV.product_intro A.thumbOn {
}
DIV.product_intro A.thumbOff {
}
DIV.product_intro A.thumbOn IMG {
	filter: alpha(opacity=20);
	opacity: .2;
}
DIV.product_intro A.thumbOff IMG {
	filter: alpha(opacity=100);
	opacity: 1;
}
DIV.product_intro .intro { margin:0 19px 0 22px; padding:30px 0; list-style:none; clear:both; width:959px; overflow:hidden  }
DIV.product_intro .intro li { float:left; }
DIV.product_intro .intro li.f { width:470px; padding:0 } /* 제품이미지 */
DIV.product_intro .intro li.l { width:425px; margin-left:64px; padding:0; } /* 제품설명이미지 */
DIV.product_intro .intro li .introimg { width:492px;margin:10px 0 0 0; padding:0; list-style:none; clear:both; height:43px }
DIV.product_intro .intro li .introimg li { float:left; margin:0 5px 0 0 }
DIV.product_intro .intro li .introimg li:last-child { margin:0 }


/*샘플목록 보기*/
#new_sample_category { list-style:none; margin:0; padding:0; width:100%; }
#new_sample_category li { float:left }
#new_sample_category li:first-child { margin-left:50px }
#new_sample_category li.d { margin:0 30px }

.sample_cate {
}
.sample_cate a.on_cate { /*대분류 활성화*/
	color: #499;
	text-decoration: underline;
}

.sample_sub_cate { /*중분류 테이블*/
}
.sample_sub_cate a { /*중분류 링크*/
	display: block;
	width: 125px;
	height: 17px;
	color: #4E4E4E;
	text-decoration: none;
	text-indent: 5px;
	text-transform: none;
	padding-top: 2px;
}
.sample_sub_cate a:hover {  
	color: #fff;
	font-weight: bold;
	Xbackground: url('/img/A/common/top_menu_bg.gif') no-repeat left center;
	letter-spacing: -1px;
	background-color: #000;
}
.sample_sub_cate a.on_cate2 { /*중분류 활성화*/
	Xcolor: #f60;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
	background-color: #8dd;
}
.on_cate2 { border:1px solid #ff0000 }

#sample_list { list-style:none; margin:20px 0 0 0; padding:0 }
#sample_list li { float: left; width:318px; height:319px; border:1px solid #d6d6d6; text-align: center;  margin:0 20px 20px 0; }
#sample_list li div { background:url(/img/A/common/sample_img_bg.png) no-repeat; width:318px; height:280px; line-height:280px; display:table-cell; vertical-align:middle; }
#sample_list li.l { margin:0 0 20px 0; }
.sample_item_box { /*샘플목록*/
}
/* 세금계산서 발행상태 */
.tax1 { color:#0000ff; }
.tax3 { color:#ff0000; }

/* mypage 타이틀 */
.mypage_bullet { font-size:11pt; font-weight:bold; }

.main_best { margin:0; padding:0; list-style:none; }
.main_best li { float:left; width:220px; margin:38px -10px -35px 30px }
.main_best li p { color:#707070; }

.main_best2 { margin:0; padding:0; list-style:none; }
.main_best2 li { float:left; width:220px; margin:10px -10px 0px 30px }
.main_best2 li p { color:#ff0000; }

._on  { color:#706e6e;font-weight:bold }
._sub { display:none }

#tmenu td img { z-index:2000; position:absolute  }

#portf { list-style:none; margin:0; padding:0; width:1000px }
#portf li { float:left; width:235px; height:255px; margin:26px 20px 24px 0; text-align:center }
#portf li img { border:1px solid #ddd }
#portf li span.pr { color:#ff0000; font-weight:bold }


.table-m  td{
	
	border-top: solid #ccc 1px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.table-od  td{
	
	border-top: solid #ccc 1px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}