/* 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; }
body,td {font-size:10pt; font-family: Gulim,tahoma;color:#000000;LETTER-SPACING: 0px; line-height:21px;}
font, p, option, select, input {font-size:10pt; font-family: Gulim,tahoma; color:#000000;} 
div{font-size: 9pt;}

img { border: none; outline: 0; }
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; }
*:focus {
     outline: none;
}

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

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

#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:#484848; border-top:2px solid #484848; border-bottom:2px solid #484848; height:45px }
/* 카테고리별 상단메뉴바의 타이틀명 */
.top_menu_bar_ttl { font-weight:bold; color: #cbcbcb; padding-left:10px}
.top_menu_bar2 { list-style:none; margin:0; padding:0; float:right; border-bottom:10px solid #ffffff }
.top_menu_bar2 li { float:left; cursor:pointer; margin:0 5px }

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

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

/*주문하기 - 공통옵션 타이틀 글자*/
.txt_order_tt2 { padding-left: 0px; color: #0067c6; font-size:12px; 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;}
	
	.otherNick{font-family:gulim,굴림,tahoma;height:20px;font-size:12px;border:1px solid #DBDBDB;color:#A8A8A8;padding:3px 0px 0px 3px;LETTER-SPACING: 0px;}
	
	
	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*/
    .product_title_02 {color:#000000;font-size:30px;font-family:'NanumGothic'; line-height:30px}

	.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_gray {color:#cccccc}
.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( /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( /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( /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('/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 40px;
}

.form_round_start {
	background:url(/img/B/common/form_round.jpg) no-repeat 0 0;padding: 30px 0 0 30px;
}
.form_round_start2 {
	background:url(/img/B/common/form_round.jpg) no-repeat 0 0;padding: 10px 10px 0 10px;
}

.form_round_end {
	background:url(/img/B/common/form_round.jpg) no-repeat 0 -965px;margin-left: -30px;
}

.best { list-style:none; margin:0; padding:0; display:none }
.best li { float:left; margin-right:5px }

.tborder { border:1px solid #ddd }
.vline { width:1px; height:300px; background:#ddd }
.ft { font-weight:bold; color:#000 }
.kyd_btn{background:url('/admin/img/btn_bg.gif') no-repeat; width:69px;height:25px;margin:0;padding:3px 0 0 0;text-align:center;cursor:pointer;color:#000000;display:block}

/* 디자인 변경 css모음 main*/

/* body{margin: 0 auto; width: 100%; height: auto;} */

/* 레이아웃 큰 박스 속성 */
#layout {width: 100%;}
#header {width: 1000px; height: 104px; margin: 0 auto; background: transparent;}
#contents {width: 100%; height: auto; }
#sub_contents{width: 1000px; height: auto; margin: 0 auto; min-height: 400px;}

/* header 속성 */
#header_logo{width: 300px; height: 104px; float: left;}
	#header_logo h1{padding: 15px 0px 0px 0px; display: block;}
	#header_logo a span{display: block; text-indent: -9999px; white-space: nowrap; overflow: hidden;}
#header_lnb{float: right; width: auto; height: 20px; padding: 13px 0 0 0;}
	#header_lnb li{float: left; font-size: 12px; font-weight: bold;}
	#header_lnb li.log a{color: #0072bc;}
	#header_lnb li a{padding: 0 15px;}
	#header_lnb li.last a{padding: 0 0 0 15px;}

#header_login{width: 443px; height: 39px; float: right; margin: 20px 0 0 0;}
#header_gnb{width: 100%; height: 35px; margin: 0 auto; background-color: #505050;}
	#header_gnb .nav {padding: 0 70px 0 ; text-align: center; height: 32px; position: relative; z-index: 1000; width: 1000px; margin: -500px; left: 50%;}
	#header_gnb .nav li{float: left;}
	#header_gnb .nav li:hover{background: #008bD0;}
	#header_gnb .nav li a{color: #ffffff; font-size: 16px; font-weight: bold; display: block; padding: 0 23px; height: 35px; line-height: 35px;}
	#header_gnb .nav li:hover > a{color: #ffffff;}
	#header_gnb .nav .offset a{color: #ff7272;}
	#header_gnb .nav .offset ul li a{color: #333333;}
	#header_gnb .nav .divide{background: url(../common/bg_bar02.png) right center no-repeat;}
	/* 2depth */
	#header_gnb .nav li ul{display: none; position: absolute; height: auto; width: 200px; float: left; background: #eeeeee; top: 35px; border-bottom: 3px solid #0060b8}
	#header_gnb .nav li:hover ul{display: block;}
	#header_gnb .nav li ul li{float: none; display: block; text-align: left; border-bottom: 1px dotted #ffffff;}
	#header_gnb .nav li ul li:hover{background: #008bd0;}
	#header_gnb .nav li ul li:hover a{color: #ffffff;}
	#header_gnb .nav li ul li a{font-size: 15px; color: #333333; line-height: 35px; z-index: 10;}
	
/* content 속성 */
/*#main_banner{width: 1000; min-weidth: 1000px; height: 437px; background: transparent; overflow: hidden;} 
	#main_banner .main_event{height: 437px; width: 1000px; margin: 0 auto; background: #ffffff; position: relative; left: 0%; margin-left: 0px;}*/

#main_banner{width: 100%; min-weidth: 1000px; height: 479px; background: transparent; overflow: hidden;} 
	#main_banner .main_event{height: 479px; width: 1920px; margin: 0 auto; background: #ffffff; position: relative; left: 50%; margin-left: -960px;}

#main_order {width: 1000px; height: 94px; padding: 24px 0; margin: 0 auto;}
	#main_order ul{height: 94px;}
	#main_order li{padding-right: 12px; float: left; width: 241px; height: 94px;}
	#main_order li.order_01{background: url(../common/order01.png) no-repeat;}
	#main_order li.order_02{background: url(../common/order02.png) no-repeat;}
	#main_order li.order_03{background: url(../common/order03.png) no-repeat;}
	#main_order li.order_last{padding-right: 0; float: right; background: url(../common/order04.png) no-repeat;}
	#main_order li a{height: 94px; display: block;}
	#main_order li a dl{margin-left: 116px; height: 94px;}
	#main_order li a dl dt{padding: 10px 0 0;}
	#main_order li a dl dt h2{font-size: 18px; color: #333333; font-weight: 900;}
	#main_order li a dl dd{font-size: 12px; color: #aaaaaa; font-weight: normal; margin: 10px 0 0; line-height: 1.2;}
#main_news_wrap{width: 100%; height: 36px; background: #eeeeee;}
	#main_news_wrap .main_news{width: 1000px; height: 36px; line-height: 36px; margin: 0 auto;}
	#main_news_wrap .main_news .news{float: left; width: 760px;}
	#main_news_wrap .main_news .news h2{font-size: 18px; font-weight: bold; padding: 0 0 0 10px; width: 170px; float: left;}
	#main_news_wrap .main_news .news li{width: 560px;}
	#main_news_wrap .main_news .news span{float: right;}
	#main_news_wrap .main_news .sns{float: right; width: 240px;}
	#main_news_wrap .main_news .sns h2{font-size: 18px; font-weight: bold; padding: 0 0 0 65px; width: 60px; display: inline; float: left;}
	#main_news_wrap .main_news .sns ul{line-height: 36px; padding-top: 5px; float: left;}
	#main_news_wrap .main_news .sns li{float: left; margin-left: 11px;}
#main_guide{width: 1000px; height: 42px; margin: 24px auto;}
	#main_guide a{width: 241px; height: 42px; color: #ffffff; display: block; font-size: 18px; font-weight: bold;}
	#main_guide .mi_01{width: 241px; height: 42px; line-height: 42px; margin-right: 12px; background: #a0c1da; text-align: center; float: left;}
	#main_guide .mi_02{width: 241px; height: 42px; line-height: 42px; margin-right: 12px; background: #92c4c5; text-align: center; float: left;}
	#main_guide .mi_03{width: 241px; height: 42px; line-height: 42px; margin-right: 12px; background: #ffc688; text-align: center; float: left;}
	#main_guide .mi_04{width: 241px; height: 42px; line-height: 42px; background: #4a84aa; text-align: center; float: left;}
#main_AD{width:1000px; height: 344px; margin: 0 auto 30px; }
	#main_AD .ad{width: 494px; height: 344px; background: #dddddd; float: left;}
	#main_AD .m_best{width: 239px; height: 342px; margin-left: 12px; background: #ffffff; float: left; border: #bbbbbb 1px solid;}
	#main_AD .m_best a{width: 239px; height: 342px;}
	#main_AD .m_best dl{width: 219px; height: auto; padding: 10px; background: url(../main/best_bar.jpg) no-repeat 0 50%;}
	#main_AD .m_best dl dt{color: #333333; font-size: 18px; font-weight: bold; text-align: center;}
	#main_AD .m_best dl dd{color: #0072bc; font-size: 18px; font-weight: bold; text-align: center; padding-top: 20px;}
#main_template{width: 1000px; margin: 0 auto 12px;}
	#main_template .templateTitle{width: 1000px; height: 49px; text-align: center; background: url(../common/product_bar.png) no-repeat; margin-bottom: 30px;}
	#main_template .templateTitle h2{font-size: 24px; font-weight: 900; line-height: 1;}
	#main_template .templateTitle h2 span{color: #0072bc;}
	#main_template .templateList{width: 1000px}
	#main_template .templateList ul li{width: 91px; height: 170px; float: left; margin-right: 10px; margin-bottom: 12px; text-align: center;}
	#main_template .templateList ul li a{height: 170px; width: 91px; display: block;}
	#main_template .templateList ul li.temp_txt{width: 192px; float: left; margin-right: 10px; margin-bottom: 12px; text-align: left;}
	#main_template .templateList ul li.temp_txt h3{font-size: 24px; color: #0072bc; line-height: 1.2; margin: 50px 35px;}
	#main_template .templateList ul li.temp_last{width: 91px; float: left; margin-right: 0; margin-bottom: 12px;}
#main_product{width: 1000px; margin: 0 auto 12px;}
	#main_product .productTitle{width: 1000px; height: 49px; text-align: center; background: url(../common/product_bar.png) no-repeat; margin-bottom: 30px;}
	#main_product .productTitle h2{font-size: 24px; font-weight: 900; line-height: 1;}
	#main_product .productTitle h2 span{color: #0072bc;}
	#main_product .productList{width: 1000px}
	#main_product .productList ul li{width: 239px; height: 214px; border: #bbbbbb 1px solid; float: left; margin-right: 12px; margin-bottom: 12px;}
	#main_product .productList ul li.pl_04, #main_product .productList ul li.pl_08, #main_product .productList ul li.pl_12{float: right; margin-right: 0;} 
	#main_product .productList ul li a img{width: 239px; height: 146px;}
	#main_product .productList ul li a dl{padding: 6px 3px 3px;}
	#main_product .productList ul li a dl dt{font-size: 14px; font-weight: bold; padding-left: 10px;}
	#main_product .productList ul li a dl dd{font-size: 12px; font-weight: normal; padding-left: 10px;}
#main_info{width: 1000px; height: 174px; margin: 0 auto 24px; }
	#main_info .m_center{width: 275px; float: left;}
	#main_info .m_bank{width: 223px; float: left;}
	#main_info .m_webhard{width: 249px; float: left; margin-right: 12px}
	#main_info .m_webhard a{width: 249px; height: 174px; display: block;}
	#main_info .m_etc {width: 241px; float: left;}
	#main_info .m_etc ul li{float: left; margin-bottom: 12px;}
	#main_info .m_etc ul .co_center a{display: block; width: 121px; height: 72px;}
	#main_info .m_etc ul .card a{display: block; width: 120px; height: 72px;}
	#main_info .m_etc .m_map a{display: block; width: 241px; height: 90px;}

/* sub_contents 속성 */
#top_menu{width: 1000px; margin: 0 auto;}

/* footer 속성 */
#footer_wrap {background-color: #263238; width: 100%; height: 141px;}
	#footer_wrap #footer{width: 1000px; margin: 0 auto; height: 141px;}
	#footer_wrap #footer .footer_logo{padding-top: 43px; width: 144px; float: left;}
	#footer_wrap #footer .footer_cont{padding-top: 27px; margin-left: 150px; width: 600px; float: left;}
	#footer_wrap #footer .footer_cont ul{width: 600px; float: left;}
	#footer_wrap #footer .footer_cont ul li{float: left; padding: 0px 20px; background: url(../common/bg_bar01.gif) right center no-repeat;}
	#footer_wrap #footer .footer_cont ul li.last_link{background: none;}
	#footer_wrap #footer .footer_cont ul li a{font-size: 10px; font-weight: bold; color: #999999;}
	#footer_wrap #footer .footer_cont ul li.agree a{color: #0072bc;}
	#footer_wrap #footer .footer_cont address{font-style: normal; float: left; font-size: 10px; font-weight: bold; color: #999999; margin-left: 20px; line-height: 1.5;}
	#footer_wrap #footer .footer_cont address span{font-size: 14px;}
	#footer_wrap #footer .footer_kcp{float: right; margin: 34px 16px 0 0;}
	
/* 디자인 변경 css모음 sub*/
#sub_product{width: 1000px; height: auto; margin: 0 auto;}
	#sub_product .sub_img{width: 494px; margin: 0 12px 12px 0; float: left;}
	#sub_product .sub_img.a{width: 494px; margin: 0 12px 12px 0; float: left;}
	#sub_product .sub_img .prd_img{width: 494px; height: 396px; overflow: hiddena; margin-bottom: 12px;}
	#sub_product .sub_img .sub_guide{width: 494px; height: 42px;}
	#sub_product .sub_img .sub_guide li{float: left; margin: 0 12px 0 0;}
	#sub_product .sub_img .sub_guide ul li a{color: #ffffff; font-size: 14px; font-weight: bold; display: block; width: 100%; height: 100%; text-align: center; line-height: 42px;}
	#sub_product .sub_img .sub_guide p{text-align: right; color: #333333; font-weight: bold; padding-top: 1px;}
	#sub_product .sub_img .sub_guide .g2_1{width: 241px; background: #a0c1da;}
	#sub_product .sub_img .sub_guide .g2_2{width: 241px; background: #92c4c5; margin: 0;}
	#sub_product .sub_img .sub_guide .g3_1{width: 156px; background: #a0c1da;}
	#sub_product .sub_img .sub_guide .g3_2{width: 157px; background: #92c4c5;}
	#sub_product .sub_img .sub_guide .g3_3{width: 157px; background: #ffc688; margin: 0;}
	#sub_product .sub_img .sub_guide .g4_1{width: 114px; background: #a0c1da;}
	#sub_product .sub_img .sub_guide .g4_2{width: 115px; background: #92c4c5;}
	#sub_product .sub_img .sub_guide .g4_3{width: 114px; background: #ffc688;}
	#sub_product .sub_img .sub_guide .g4_4{width: 115px; background: #4a84aa; margin: 0;}
	#sub_product .sub_count{width: 492px; height: auto; margin:0 0 12px -30px; float: right; border: 1px solid #dddddd; min-height: 450px;}
	#sub_product .sub_count.a{width: 492px; height: auto; margin:0 0 12px -30px; float: right; border: 1px solid #dddddd; min-height: 470px;}
	#sub_product .sub_order_wrap{width: 1000px; height: auto; margin:0 0 12px 0; float: left; border: 1px solid #dddddd;}
	#sub_product .sub_order_wrap .sub_memo > p, #sub_product .sub_order_wrap .sub_attach > p{width: 80px; font-size: 16px; font-weight: bold; padding-bottom: 35px; background: url(../common/sub_bar.png) no-repeat; float: left;}
	#sub_product .sub_order_wrap .sub_memo{width: 475px; height: auto; float: left; padding: 12px}
	#sub_product .sub_order_wrap .sub_order{width: 475px; height: auto; float: left; padding: 12px; position: relative; border-left: 1px solid #dddddd; min-height: 220px;}
	#sub_product .sub_order_wrap .sub_order .order_btn{float: left}
	#sub_product .sub_order_wrap .sub_order .order_btn li, #sub_product .sub_order_wrap .sub_order .order_btn {float: left; margin-left: 6px;}
	#sub_product .sub_order_wrap .sub_order .sub_attach{width: 475px; height: auto; float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .attach_info{width: 355px; height: 56px; margin-left: 40px; float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .attach_info a{color: #333333; font-size: 14px; font-weight: bold;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .attach_info ul li > p{font-size: 12px; font-weight: bold; line-height: 1.2; margin-left: 20px;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .upload_area {margin: 0; padding: 0;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .upload_area object{float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .upload_area #upload_progress_area{}
	#sub_product .sub_order_wrap .sub_order .sub_attach #upload_list{float: left;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt{float: left; margin: 10px 0 0;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt li {padding-bottom: 10px; width: 472px;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt li p{font-size: 11px; font-weight: bold; line-height: 1.5; color: #999999;}
	#sub_product .sub_order_wrap .sub_order .sub_attach .webhard_txt li p span{color: #ff0000; font-weight: 900;}
	
/* 랜딩페이지 */

.layer_popup{
	position:absolute;  
	left:100px;
	top:100px;
	z-index:10000;
}
.layer_popup p{color: #ffffff; font-weight: bold;}
#mask {  
  position:absolute;  
  left:0;
  top:0;
  z-index:9000;  
  background-color:#000;  
  display:none;  
}
.pop{color: #dddddd;}
.pop a{color: #dddddd;}

noscript{display: none;}

/*rolling Button*/
ul,ol,li{margin:0;padding:0;}
ol,ul,dl{list-style:none;}
#bKey { position:relative; width:530px; }
#bKey .keyBg{margin:0;overflow:hidden;height:20px;}
#bKey ul{clear:both; margin:0; padding:0; height:20px}
#bKey ul li{float:left;height:20px;}


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; }


a.menu_black {text-decoration:none;color:#000000;font-size:17px;  font-weight:bold;}
a.menu_black:link{text-decoration:none;color:#000000;font-size:17px;  font-weight:bold;}
a.menu_black:visited{text-decoration:none;color:#000000;font-size:17px; font-weight:bold;}
a.menu_black:active{text-decoration:none;color:#ffffff;font-size:17px; font-weight:bold;}
a.menu_black:hover{text-decoration:none;color:#ffffff;font-size:17px; font-weight:bold;}


a.sub_black {text-decoration:none;color:#000000;font-size:14px;  font-weight:bold;}
a.sub_black:link{text-decoration:none;color:#000000;font-size:14px;  font-weight:bold;}
a.sub_black:visited{text-decoration:none;color:#000000;font-size:14px; font-weight:bold;}
a.sub_black:active{text-decoration:none;color:#ffffff;font-size:14px; font-weight:bold;}
a.sub_black:hover{text-decoration:none;color:#ffffff;font-size:14px; font-weight:bold;}


a.menu_login {text-decoration:none;color:#808080;font-size:13px;  LETTER-SPACING: -1px;}
a.menu_login:link{text-decoration:none;color:#808080;font-size:13px;LETTER-SPACING: -1px; }
a.menu_login:visited{text-decoration:none;color:#808080;font-size:13px; LETTER-SPACING: -1px;}
a.menu_login:active{text-decoration:none;color:#202020;font-size:13px; LETTER-SPACING: -1px;}
a.menu_login:hover{text-decoration:none;color:#202020;font-size:13px; LETTER-SPACING: -1px;}


a.menu_bmenu {text-decoration:none;color:#999999;font-size:12px;}
a.menu_bmenu:link{text-decoration:none;color:#999999;font-size:12px;}
a.menu_bmenu:visited{text-decoration:none;color:#999999;font-size:12px;}
a.menu_bmenu:active{text-decoration:none;color:#ffffff;font-size:12px;}
a.menu_bmenu:hover{text-decoration:none;color:#ffffff;font-size:12px;}


a.menu_popup {text-decoration:none;color:#000000;font-size:14px; }
a.menu_popup:link{text-decoration:none;color:#000000;font-size:14px; }
a.menu_popup:visited{text-decoration:none;color:#000000;font-size:14px; }
a.menu_popup:active{text-decoration:none;color:#ef4e52;font-size:14px; }
a.menu_popup:hover{text-decoration:none;color:#ef4e52;font-size:14px; }


a.p_menu {text-decoration:none;color:#253a72;font-size:18px; font-weight:bold; }
a.p_menu:link{text-decoration:none;color:#253a72;font-size:18px; font-weight:bold;}
a.p_menu:visited{text-decoration:none;color:#253a72;font-size:18px; font-weight:bold;}
a.p_menu:active{text-decoration:none;color:#ef4e52;font-size:18px; font-weight:bold;}
a.p_menu:hover{text-decoration:none;color:#ef4e52;font-size:18px; font-weight:bold;}


.p_text {
	font-size: 13px;
	color:#666;
}

.p_title {
	font-size: 14px;
	color:#000000;
	
}

.m_title {
	font-size: 17px;
	color:#666;
	font-weight: bold;
}

.b_text {
	font-size: 12px;
	color:#999;
}

.b_title {
	font-size: 18px;
	color:#000000;
	font-weight: bold;
	line-height:30px;

}

.c_tel {
	font-size: 28px;
	color:#c21c1c;
	font-weight: bold;
	line-height:30px;
}
.c_text {
	font-size: 15px;
	color:#4d4d4e;
}

.b_bank {
	font-size: 17px;
	color:#c21c1c;
	font-weight: bold;
	line-height:30px;
}

.board_title {
	font-size: 17px;
	color:#000000;
	
}

.main_portfolio { list-style:none; margin:0; padding:0; display:none }
.main_portfolio li { float:left; width:170px; height:170px; margin-left:25px }

#main_board li { float:left }
#main_board li:first-child { margin-right:8px }
#main_board .notice { margin:0; padding:0; list-style:none; width:318px }
#main_board .notice li { clear:both; }
#main_board .notice .list span { padding-left:0px; margin-right:0px  }
#main_board #sian { margin:0; padding:0; list-style:none }
#main_board #sian li { clear:both; }
#main_board .list { background:url(/img/A/common/dot_w.gif) repeat-x bottom; width:100%; height:28px; line-height:28px }
#main_board #sian .list p { float:left; margin:0; text-align:center }
#main_board #sian .list p:first-child { width:120px;  }
#main_board #sian .list p:nth-child(2) { width:300px;  }
#main_board #sian .list p:last-child { width:100px;  }

#printbook_after td { border-bottom:1px solid #ddd }
#foil_table td { border-bottom:0 }
