/* common */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body { margin: 0px; padding: 0px; }
body,td {font-size:11pt; font-family: NanumGothic, Malgun Gothic, Gulim,tahoma;color:#000;}
div, p, option, select, input {font-family: NanumGothic, NanumGothic, Malgun Gothic, Gulim,tahoma; font-size:11pt}
img { border:none; }
form { margin:0px; }

a:link {text-decoration:none; color:#000; }
a:visited {text-decoration:none; color:#000; }
a:active {text-decoration:none; color:#626262; }
a:hover {text-decoration:none; color:#888; }
a.after_sub:link {text-decoration:none; color:#626262; }
a.after_sub:visited {text-decoration:none; color:#626262; }
a.after_sub:active {text-decoration:none; color:#626262; }
a.after_sub:hover {text-decoration:none; color:#ff0000; }

#bot_menu > li  a:link {text-decoration:none; color:#626262; }
#bot_menu > li  a:visited {text-decoration:none; color:#626262; }
#bot_menu > li  a:active {text-decoration:none; color:#626262; }
#bot_menu > li  a:hover {text-decoration:none; color:#000; }
#bot_info a:link {text-decoration:none; color:#626262; }
#bot_info a:visited {text-decoration:none; color:#626262; }
#bot_info a:active {text-decoration:none; color:#626262; }
#bot_info a:hover {text-decoration:none; color:#000; }

/* .png24 {tmp:expression(setPng24(this));} pngÆÄÀÏ Åõ¸í¹è°æÃ³¸®*/
.iepngfix { behavior: url(/inc/iepngfix.htc) }

/* doctype html ¿¡¼­ table ¾ÈÀÇ img ÇÏ´Ü¿¡ °ø¹é»ý±â´Â ¹®Á¦. ÇØ´çÅ×ÀÌºí¿¡ Å¬·¡½º ÁöÁ¤ */
.imgv img { vertical-align:top }

.f13 { font-size:13pt; font-weight:bold }

#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 { width:1000px; margin:4px auto; padding:0; list-style:none;}
#top_menu li { float:right; margin:0 15px }
#top_menu li.box { border:1px solid #ccc; background:#e9e9e9; padding:0 15px; margin:0 2px; font-size:10pt }

#main_menu { width:1000px; height:44px; margin:4px auto; padding:0; list-style:none; clear:both; }
#main_menu > li { float:left; margin:0 38px; height:46px; }
#main_menu2 { width:1000px; height:45px; margin:4px auto; padding:0; list-style:none; clear:both; }
#main_menu2 > li { float:left; margin:0 40px; height:50px; }
#main_menu2 > li:last-child { margin-right:0px; }

.sub_menu { z-index:10000; width:130px; background:#e9e9e9; display:none; position:absolute; margin-left:-48px; margin-top:23px; padding:0; list-style:none; }
.sub_menu li { text-align:center; width:130px; margin:7px 0}

/* »óÅÂ°ª ¹Ú½º */
.sbox1 { background:#a0a09f; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox2 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox4 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox5 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox6 { background:#a0a09f; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox7 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox8 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox9 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox10 { background:#a0a09f; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox11 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox12 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox13 { background:#d51c20; text-align:center; color:#fff; width:90px; padding:3px 0 }
.sbox0 { background:#000000; text-align:center; color:#fff; width:90px; padding:3px 0 }

#bot1 { width:100%; height:220px; background:#e9e9e9; text-align:center; clear:both; margin-top:60px; color:#626262 }
#bot2 { width:100%; height:160px; background:#ccc; text-align:center; clear:both; color:#626262 }
#bot2 .copyr { clear:both; width:1000px; margin:0px auto; text-align:left }
#bot_menu { clear:both; width:1000px; list-style:none; margin:0 auto; padding:0 0 30px 0; }
#bot_menu li { float:left; margin:5px }
#bot_info { clear:both; width:1000px; list-style:none; margin:0 auto; padding:0 0 30px 0; }
#bot_info li { float:left; margin-right:100px; text-align:left }
#bot_info li p.box { background:#a2a2a2; color:#e9e9e9; border:0; width:100px; text-align:center; padding:3px; margin:6px 0; cursor:pointer}

._total { color:#d51c20 }

.btn_black { width:240px; padding:20px 0; background:#2f2e2e; cursor:pointer; color:#fff; display:inline-block; text-align:center; font-size:15pt; font-weight:bold }
.btn_black:hover { background:#595858 }
.btn_ebony { width:240px; padding:20px 0; background:#2f2e2e; cursor:pointer; color:#fff; display:inline-block; text-align:center; font-size:15pt; font-weight:bold; border:0;  }
.btn_ebony:hover { background:#595858 }
.btn_red { width:240px; padding:20px 0; background:#d51c20; cursor:pointer; color:#fff; display:inline-block; text-align:center; font-size:15pt; font-weight:bold; border:0;  }
.btn_red:hover { background:#dd494d }
.btn_login { width:180px; padding:15px 0; background:#605e5e; cursor:pointer; color:#fff; display:inline-block; text-align:center; font-size:15pt; font-weight:bold; border:0 }
.btn_login:hover { background:#807e7e }
.btn_search { width:130px; padding:10px; background:#605e5e; color:#fff; border:0; }

.btn_view { border:0; background:#a0a09f; color:#fff; width:110px; padding:5px }
.btn_view:hover { background:#b3b3b2 }
.btn_down { border:0; background:#a0a09f; color:#fff; padding:10px 30px; font-size:14pt; font-weight:bold }
.btn_down:hover { background:#b3b3b2 }
.btn_submit { width:200px; border:0; background:#2f2e2e; color:#fff; padding:15px 30px; font-size:14pt; font-weight:bold }
.btn_submit:hover { background:#595858 }
.btn_submit_red { width:200px; border:0; background:#d51c20; color:#fff; padding:15px 30px; font-size:14pt; font-weight:bold }
.btn_submit_red:hover { background:#dd494d }

/* Á¾ÀÌ ÆäÀÌÁö */
#paper_category { list-style:none; margin:0; padding:0 }
#paper_category > li { margin-top:10px }
#paper_category li ul { list-style:none; padding:14px 12px 5px 12px; border:1px solid #ccc; background:#efefef; overflow:hidden }
#paper_category li ul li { border:1px solid #ccc; float:left; width:150px; height:36px; text-align:center; line-height:36px; margin-left:11px; margin-bottom:9px; background:#fff; cursor:pointer }
#paper_category li ul li.f { margin-left:0 }
#paper_category li ul li.on { background:#605e5e; color:#fff }


#paper_list { margin:0; padding:0; list-style:none }
#paper_list li { clear:both; margin:50px 0; border-bottom:1px solid #ccc; padding-bottom:50px; overflow:hidden }
#paper_list div { float:left; width:50%; }
#paper_list div span.t { font-size:18pt; font-weight:bold }

#prd_menu { clear:both; list-style:none; width:1000px; padding:0; } 
#prd_menu li { float:left; width:199px; font-size:13pt; font-weight:bold; padding:20px 0; border-top: 1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; cursor:pointer }
.prd_content { width:100%; min-height:500px; display:none; text-align:center; padding-top:100px; }
.prd_menu_on { background:#605e5e; color:#FFF }
.prd_menu_on a { color:#FFF }

	
/* Ä«Å×°í¸®º° »ó´Ü¸Þ´º¹Ù */
.top_menu_bar { background:#ffffff; border-top:0px solid #f26d7d; border-bottom:0px solid #f26d7d; height:39px }
/* Ä«Å×°í¸®º° »ó´Ü¸Þ´º¹ÙÀÇ Å¸ÀÌÆ²¸í */
.top_menu_bar_ttl { font-weight:bold; color: #000000; padding-left:10px}

/* ÁÖ¹®ÆäÀÌÁö ¿É¼Ç ¼¿·ºÆ®¹Ú½º »çÀÌÁî */
.option_sel { width:190px; height:30px; float:left }
.info_btn { background:#a0a09f; text-align:center; color:#fff; padding:0px 20px; float:left; margin-left:10px; width:110px }

/* Çö¼ö¸· »çÀÌÁî ÀÔ·ÂÆû print_view7.html */
.input_num1 { width: 70px; border:1px solid #DBDBDB }

/*ÁÖ¹®ÇÏ±â - °øÅë¿É¼Ç Å¸ÀÌÆ² ±ÛÀÚ*/
.txt_order_tt2 { padding-left: 7px; color: #000000; font-size:14px;  font-family: Malgun Gothic; 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:#A8A8A8;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}

#form input { border:1px solid #e1e3ea; height:27px }


/*±¸¼º¿ä¼Ò 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 {
	text-align: center;
}
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;
}


/*»ùÇÃ¸ñ·Ï º¸±â*/
.sample_cate {
}
.sample_cate a.on_cate { /*´ëºÐ·ù È°¼ºÈ­*/
	color: #499;
	text-decoration: underline;
}

.sample_sub_cate { /*ÁßºÐ·ù Å×ÀÌºí*/
	margin-left: 15px;
}
.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;
}

.sample_item_box { /*»ùÇÃ¸ñ·Ï*/
	float: left;
	text-align: center;
	margin: 15px 33px;
}

#table09 td { font-size:11pt; } 
.ttlsize { font-size:13pt; font-weight:bold }
#sian_search { border:1px solid #ccc; padding:20px; text-align:center; background:#e9e9e9; color:#000; font-weight:bold; margin:30px 0 }
#pds_search { border:1px solid #ccc; padding:20px; text-align:center; background:#e9e9e9; color:#000; }
.btn_box { margin:0; padding:0; list-style:none }
.btn_box li { float:right; padding:10px 20px; border:1px solid #ccc; margin:5px; font-weight:bold ; font-size:13pt; cursor:pointer }
.btn_box li.boxon { background:#605e5e; color:#fff }
.btn_box2 { margin:0; padding:0; list-style:none }
.btn_box2 li { float:left; padding:10px 0px; width:152px; text-align:center; border:1px solid #ccc; margin:5px; font-weight:bold ; font-size:13pt; cursor:pointer }
.btn_box2 li.boxon { background:#605e5e; color:#fff }

/* °Ô½ÃÆÇ ºÐ·ù */
.board_sub_cate { width:958px; border:1px solid #ccc; padding:10px }
.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 } 

.btn_orange { float:right; background:#f56618; color:#fff; border:0; width:150px; text-align:center; padding:25px; cursor:pointer }
.btn_orange:hover { background:#a34410 }
.btn_navy { float:right; background:#2f2e2e; color:#fff; border:0; width:240px; padding:20px 0; text-align:center; cursor:pointer }
.btn_navy:hover { background:#616473; color:#fff}
.btn_navy2 { background:#605e5e; color:#fff; border:0; width:100px; text-align:center; padding:5px; cursor:pointer }
.btn_navy2:hover { background:#595858; color:#fff}
.btn_gr { background:#605e5e; color:#fff; border:0; width:140px; padding:0px 0; text-align:center; cursor:pointer }
.btn_gr:hover { background:#807e7e; color:#fff}

#guide_menu { list-style:none; margin:0 auto; padding:0; }
#guide_menu li { display:inline-block; border:1px solid #ccc; padding:10px 35px; margin-right:10px; cursor:pointer; font-weight:bold }
#guide_menu li.on { background:#605e5e; color:#fff  }

#guide_menu2 { list-style:none; border:1px solid #ccc; overflow:hidden; padding-bottom:20px }
#guide_menu2 li { float:left; margin-right:10px; margin-top:15px; font-weight:bold }

#form2 input { border:1px solid #ccc; height:23px; background:#EEE }
#form2 select { height:30px; font-size:11pt; background:#EEE; border:1px solid #ccc }
#form2 li { margin-left:20px; color:#000; font-size:13pt; font-weight:bold }

.btn_change { border:0; background:#a0a09f; color:#fff; padding:3px cursor:pointer; width:70px }

#intro3 { margin:50px 0 0 0; padding:0; list-style:none }
#intro3 li { foat:left }
