@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/* vertical-align: middle; */
	box-sizing: border-box; /* W3C width가 border에 영향을 미치지 않게 하는 속성 */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* IE */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {	margin:0px;	padding:0px; font-family: 'Nanum Gothic', '나눔고딕','돋움', Dotum, Helvetica, sans-serif; }
div {
	box-sizing: border-box; /* W3C width가 border에 영향을 미치지 않게 하는 속성 */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* IE */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
img, fieldset {	border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
audio, canvas, video {	display: inline-block; *display: inline; *zoom: 1;}
ul, ol, dl {	list-style: none;}
img, video {	display:inline-block; max-width: 100%; margin:0px;	padding:0px; }
a {	color: #646464; text-decoration: none;}
/*table {	border-collapse: collapse;	border-spacing: 0;} */
table { height:auto; border:0px solid #cdcdcd; border-spacing:0px; }
table.tbl { border-spacing:1px; padding:0px; table-layout:fixed; background:#dfe0e6; }
input, select {	vertical-align: middle;}
body, input, textarea, select, button, table, div, p, span, th, td, a {	font-family: 'Nanum Gothic', '나눔고딕','돋움', Dotum, Helvetica, sans-serif;	font-size: 12px; color: #646464; margin:0px;	padding:0px; }
label {	cursor: pointer;}
.blind, legend, hr, caption {	top: 0;	left: 0;	width: 1px;	height: 1px;	font-size: 0;	line-height: 0;	display: block;	visibility: hidden;	overflow: hidden;	position: absolute;}
i, em, address {	font-style: normal;	font-weight: normal;}
**html input, *html input {	margin: -1px 0px -1px 0px;}

#header { clear:both; margin:0 auto; width:100%; text-align:center; overflow:hidden; }

.head_bar { display:none; }

.fixed { table-layout:fixed; }
.line_ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

.bold { font-weight:700; }

.nowPageInfo { clear:both; width:100%; text-align:left; padding-bottom:5px; margin-top:20px; border-bottom:1px solid #dadada; }
.nowPageInfo_sub { clear:both; width:100%; text-align:left; padding-bottom:5px; margin-top:20px; border-bottom:1px solid #dadada; }

.nowPageTitle { clear:both; width:100%; text-align:left; padding-bottom:5px; margin-top:10px; }

.contentBrandCategory { clear:both; width:100%; text-align:left; margin:10px 0px 15px 0px; border-radius: 13px; padding:7px; background: #f9f9f9; }

.editbox {	BORDER: #dadada 1px solid; COLOR: #333333; height: 23px;  TEXT-DECORATION: none }
/* .hidden_editbox {	BORDER: #dadada 0px solid; COLOR: #333333; height: 23px; TEXT-DECORATION: none } */
.hidden_editbox {	border: #dadada 0px solid; color: #333333; line-height: 16px; text-decoration: none; }

.selectbox {	font-size:12px;	border:1px solid #B1B5B6;	background-color:#FFFFFF; height:24px; padding:3px; }
.selectBox {	font-size:12px;	border:1px solid #B1B5B6;	background-color:#FFFFFF; height:24px; padding:3px; }

.grayBox2 { border:2px solid #EBEBEB; padding:10px; }
.grayBox3 { border:4px solid #EBEBEB; padding:10px; }

.boxwt {	font-family: "돋움", "돋움체", "굴림", "굴림체";	font-size: 12px;	color: #666666;	border: 1px solid #FFFFFF;	height: 23px; }
.boxwt2 {	font-family: "돋움", "돋움체", "굴림", "굴림체";	font-size: 12px;	color: #666666;	border: 1px solid #FFFFFF; width: 95%; height:15px; margin-left:3px;}

#listdiv td { font-size: 12px; letter-spacing: -1px; }
#listdiv .listCell { background: #FFFFFF; padding: 3px; }
#listdiv .leftCell { background: #F4F4F4; padding: 7px; }
#listdiv .leftCell_b { background: #F4F4F4; padding: 7px; font-weight:bold; }
#listdiv .leftCell4 { background: #F4F4F4; padding: 4px; }
#listdiv .leftCell4b { background: #F4F4F4; padding: 4px; font-weight:bold; }
#listdiv .rightCell { background: #FFFFFF; padding-left: 5px; }
#listdiv .centerCell { background: #FFFFFF; text-align:center; }
#listdiv .dataCell { padding: 4px 0 4px 0; } /* padding: top right bottom left */
#listdiv .listTitle { letter-spacing: -1px; color: #FFFFFF; padding: 8px 0 8px 0; }
#listdiv .listData { 	white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	letter-spacing: 0; padding: 8px 0 8px 0; }

#formdiv td { font-size: 12px; letter-spacing: -1px; }
#formdiv .leftCell { background: #F4F4F4; padding: 5px; }
#formdiv .leftCell2 { background: #FFFFFF; padding: 10px; }
#formdiv .rightCell { background: #FFFFFF; padding-left: 5px; }
#formdiv .rightCell2 { background: #FFFFFF; padding: 2px; line-height:29px; }

#formdiv_pop { clear:both; margin:0 auto; width:95%; padding:10px;  }
#formdiv_pop td { font-size: 11px; letter-spacing: -1px; }
#formdiv_pop .leftCell { background: #F4F4F4; padding: 7px; font-weight:bold; }
#formdiv_pop .rightCell { background: #FFFFFF; padding: 7px 5px 7px 5px; }
#formdiv_pop .rightCell2 { background: #FFFFFF; padding: 3px 0 0 0; }
#formdiv_pop .dataCell { background: #FFFFFF; font-size: 11px; letter-spacing: 0px; padding: 3px 3px 3px 3px; }
#formdiv_pop input{ float: left;	border: solid 1px;	border-color: inherit;	height: 20px;	}		
#formdiv_pop textarea{ 	float: left;	border: solid 1px;	border-color: inherit;		}	

.sampleProductNoticeAlarm { font-size:11px; letter-spacing:-1px; color:#f2653a; }

/*상점관리, 매입처*/
.bbs_t01 {color:#FFFFFF;background:#3EBD00 url(../images/buy_bar.gif) no-repeat right top;}
.bbs_t02 {color:#FFFFFF;background:#3EBD00}
.bbs_m01 {background:#FFFFFF;padding:4px 4px 2px 4px;text-align:center}
.bbs_m02 {background:#F0F0F0;padding:4px 4px 2px 4px;text-align:center}

/*주문관리, 상품관리*/
.bbs_o01 {color:#666666;background:#F6F6F6 url(../images/bd_bar.gif) no-repeat right top; padding:10px 0px 10px 0px; font-weight:700; }
.bbs_o02 {color:#666666;background:#F6F6F6; padding:10px 0px 10px 0px; font-weight:700; }

/*회사소개 글*/
/*.comp {font-family: "굴림", "sans-serif"; color:#454545; background: url(../images/comp_bg.gif); line-height:21px}*/
.comp { color:#454545; line-height:21px; }

#formTitle { background: url('/images/icon/titledot.gif') no-repeat; padding:13px 0px 5px 22px;	font-size:15px; font-weight:700;	color:#717171; letter-spacing:0px; margin-bottom:15px;}
#formTitle span { font-size: 11px; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }
#formTitle .btn { float:right;  }
#formTitle .pagenow { float:right;  }

span.submitBtn { padding:0; }
span.submitBtn button {	font: 11px Dotum;	font-weight: bold;	color: #FFFFFF;	letter-spacing: -1px;	border: 2px solid #EA6E3D;	background: #EA6E3D;	margin:0 2px 0 2px;	padding: 10px 15px 8px 15px;	cursor: pointer;}

span.cancelBtn { padding:0; }
span.cancelBtn button {	font: 11px Dotum;	font-weight: bold;	color: #FFFFFF;	letter-spacing: -1px;	border: 2px solid #A0A0A0;	background: #A0A0A0;	margin:0 2px 0 2px;	padding: 10px 15px 8px 15px;	cursor: pointer;}

span.in_searchBtn { padding:0; }
span.in_searchBtn button {	font: 12px Dotum;	font-weight: bold;	color: #FFFFFF;	letter-spacing: -1px;	border: 2px solid #d70d0d;	background: #d70d0d;	margin:2px 5px 5px 5px; padding: 7px 13px 5px 13px;	cursor: pointer;}

span.s_btn_red { padding:0px; }
span.s_btn_red button {	font-size:11px;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #D45517;	background-color: #D45517; padding: 1px 4px 2px 4px;	cursor: pointer;}

span.loginBtn { padding:0; }
span.loginBtn button {	font-size:15px; font-family:'NotoSansKR-Medium','NanumGothic','Dotum'; font-weight:700;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #4A3635; border-radius:4px;	background: #4A3635; margin:1px 1px 1px 0px; padding: 8px 14px 9px 14px;	cursor: pointer;}

span.joinBtn { padding:0; }
span.joinBtn button {	font-size:15px; font-family:'NotoSansKR-Medium','NanumGothic','Dotum'; font-weight:700;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #828282; border-radius:4px;	background: #828282; margin:1px 0px 1px 1px; padding: 8px 14px 9px 14px;	cursor: pointer;}

span.idpwBtn { padding:0; }
span.idpwBtn button {	font-size:15px; font-family:'NotoSansKR-Medium','NanumGothic','Dotum'; font-weight:700;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #828282; border-radius:4px;	background: #828282; margin:1px 0px 1px 1px; padding: 8px 14px 9px 14px;	cursor: pointer;}

span.shoppingContinueBtn { padding:0; }
span.shoppingContinueBtn button {	font-size: 12px;	font-weight: 700;	color: #000000;	letter-spacing: -1px;	border: 1px solid #EA6E3D;	background: #ffffff;	margin:0 2px;	padding: 10px 15px 9px 15px;	cursor: pointer;}

span.cartMoveBtn { padding:0; }
span.cartMoveBtn button {	font-size: 12px;	font-weight: 700;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #E63640;	background: #E63640;	margin:0 2px;	padding: 10px 15px 9px 15px;	cursor: pointer;}

#inSearch { clear:both; margin:0 auto; width:100%; text-align:center; margin:10px 0 20px 0; padding:20px 0 20px 0; border:1px solid #dddddd; }

#searchResult_category1 { clear:both; margin:0 auto; width:100%; margin:10px 0 10px 0; padding:10px 0 10px 0; border:1px solid #dddddd; background-image:url(../image/cream_pixels.png); }
#searchResult_category1 ul { margin:5px; text-align:center; }
#searchResult_category1 ul li {  display:inline-block; padding:10px 17px 10px 17px; margin:0 1px 0 1px; border:1px solid #dddddd; overflow:hidden; }

#searchResult_category2 { clear:both; margin:0 auto; width:100%; margin-bottom:15px; display:none; overflow:hidden; }
#searchResult_category2 ul { margin:0px; padding:0px; }
#searchResult_category2 ul li { float:left; padding:0 17px 10px 0px;  }

#rcorners1 {    border-radius: 25px;    background: #73AD21;    padding: 20px;     width: 200px;    height: 150px; }
#rcorners2 {    border-radius: 25px;    border: 2px solid #73AD21;    padding: 20px;     width: 200px;    height: 150px;}
#rcorners3 {    border-radius: 25px;    background: url(paper.gif);    background-position: left top;    background-repeat: repeat;    padding: 20px;     width: 200px;    height: 150px; }

/* 레프트 메뉴 텍스트 롤오버 및 링크 */
.am:link     { font-size: 12px; 	color: #454545;	text-decoration: none; line-height:21px ;}
.am:active   { font-size: 12px; 	color: #454545;	text-decoration: none; line-height:21px ;}
.am:visited  { font-size: 12px; 	color: #454545;	text-decoration: none; line-height:21px ;}
.am:hover    { font-size: 12px; 	color: #dd0000;	text-decoration: none; font-weight:bold; line-height:21px ;}

/* 시안확인시 본문이미지 사이즈보다 클경우 */
#sianContents { font-size:12px; letter-spacing: 0px; line-height:19px; }
#sianContents P { margin:0px; padding:0px; }
#sianContents img{ max-width: 730px; width: expression(this.width > ? : true);  height:auto; overflow: hidden;  }

.float_left { float:left; }
.float_right { float:right; }

#_order_ord_info_ { width:100%; overflow:hidden; }
#_order_ord_info_ td { height:30px; padding:5px 15px; }

#_order_rev_info_ { width:100%; overflow:hidden; }
#_order_rev_info_ td { height:30px; padding:5px 15px; }

#_order_tax_info_ { width:100%; overflow:hidden; }
#_order_tax_info_ td { height:30px; padding:5px 15px; }

#_order_print_info_ { width:100%; overflow:hidden; }
#_order_print_info_ td { height:30px; padding:5px 15px; }

/* 로그인 */
#login_wrap { margin:50px auto; width:450px; border:1px solid #CECECE; overflow:hidden; }
#login_wrap .title { display:block; font-size: 58px; color: #7e7e7e; font-weight:100; margin-bottom:15px; }
#login_wrap .form_wrap p { padding:7px 0 7px 2px; }
#login_wrap .form_wrap .eletitle { display:block; font-size: 20px; color: #7e7e7e; font-weight:500; margin-bottom:5px; }
#login_wrap .login { font:bold 12px Dotum; color:#4B463E; border:1px solid #E8E8E8; background-color: #FFFFFF; width:98%; padding:15px 10px 10px 10px; }

#completeCheck { margin:0 auto; padding:20px; text-align:center; overflow: hidden;}
#completeCheck p.tit { margin-top:20px; }
#completeCheck p.tit span { font-size:20px; font-weight:800; letter-spacing:-1px; }
#completeCheck p.explan_txt span { font-size:20px; color:#627DCE; font-weight:800; letter-spacing:-1px; }

#submitArea { clear:both; width:100%; text-align:center; padding:30px 0 10px 0; }
#submitArea .const { margin:0 auto; }