@charset "utf-8";
@font-face { 
		font-family: "NanumGothic", "나눔고딕";
		src: url("./NanumGothic.ttf"), url("./NanumGothic.eot"), url("./NanumGothic.woff");
	}

* { margin:0; padding:0; -webkit-text-size-adjust:none; }



/* 공통 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight:normal;
	font-size:13px;
	font-family:나눔고딕, NanumGothic, 'NanumGothicWeb', "Malgun Gothic", "돋움", dotum;
	font-style:normal;
 }

body { background-color: #e4e4e4; }
iframe body { background: none; }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{ overflow-y:scroll;}
body { line-height:18px; color:#333; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b,strong { font-weight:bold; }
caption, legend { display:none; }
a:link, a:visited, a:active , a:hover { border:0; padding:0; margin:0; }
a:link, a:visited, a:active { text-decoration:none; color:#333; }
a:hover { color:#333; text-decoration:none; }
img{ border:0px; margin:0; padding:0; }
div img { vertical-align:middle; }
li img { vertical-align:middle; }
p input { vertical-align:middle; }
select {width:100%;padding:0 3px;height:27px;border:1px solid #afafaf;background: url('../images/common/select.png') no-repeat 100% -150px,-webkit-gradient(linear,0 0,0 100%,from(white),to(#f3f3f3)); font-size:14px; color:#444; line-height:1.62em;vertical-align:middle;-webkit-appearance:none;border-radius:3px;background-size:25px 730px,100% 100%}
/*@media screen and (-webkit-min-device-pixel-ratio:1.5){.wr1 .sl{background:url('https://ssl.pstatic.net/static/m/calendar/im/sp_ico1_120830_rtn.png') no-repeat 100% -150px,-webkit-gradient(linear,0 0,0 100%,from(white),to(#f3f3f3));background-size:25px 730px,100% 100%}}
*/
input, option, textarea { height:40px; padding-left:10px; border:solid 1px #c2c2c2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:14px; color:#666; }
legend { display:none; }
h2 {font-size:15px; font-weight: bold; color:#527dac; }
	


/*체크박스 디자인*/
input[type=checkbox].css_checkbox {display:none;}
input[type=checkbox].css_checkbox + label.checkbox_label {padding-left:25px; height:20px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css_checkbox:checked + label.checkbox_label {background-position: 0 -20px;}
label.checkbox_label {background-image:url('../images/common/css_checkbox.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/*input[type=text]*/
input.it{font-size:0.8em;width:100%; min-width:14px; height:27px; margin: 0 10px 0 0; padding:0 0 0 3px; color:#444; border:1px solid #afafaf;border-radius:3px;-webkit-appearance:none;box-sizing:border-box;box-shadow:0 1px 0 #f2f2f2 inset;-webkit-box-shadow:0 1px 0 #f2f2f2 inset;-moz-box-shadow:0 1px 0 #f2f2f2 inset}
input.small{font-size:1em}
.it{width:100%; height:1.4em; }
.it_num{width:48.2%; height:27px; padding:0 0 0 3px; color:#444; border:1px solid #afafaf;border-radius:3px;-webkit-appearance:none;box-sizing:border-box;box-shadow:0 1px 0 #f2f2f2 inset;-webkit-box-shadow:0 1px 0 #f2f2f2 inset;-moz-box-shadow:0 1px 0 #f2f2f2 inset}
input.small{font-size:1em}

 /*top*/
/*.quick > a { display: block; position: absolute; }*/
.quick {top:400px; width:60px; height: 55px; }
.quick2 {top:460px; width:60px; height: 55px;}
.quick {position:absolute; display: block; background: url('../images/common/up.png') no-repeat; background-size:65px 110px; -webkit-background-size:65px 110px; background-position: 0px 0px; cursor:pointer;}
.quick2 { position:absolute; display: block; background: url('../images/common/up.png') no-repeat; background-size:65px 110px; -webkit-background-size:65px 110px; background-position: 0px -55px; cursor:pointer;}


/*header부분*/
.warp { background:#f4f4f4;}
#content { background:#f4f4f4;} /*상품검색 결과*/

/* 상단 로고 라인 */
.main_header { height: 45px; background: url('../images/common/header_background.png'); position: relative; line-height: 45px; }
.main_header > a, #main_header > label { display: block; height: 32px; position: absolute; }
.main_header > a.left { width: 30px; left: 10px; top: 6px; }
.main_header > h1.logo a{ width: 170px; height:40px; top:10px; margin: 0 auto; font-size:0;}
.main_header > label.right { width: 30px; right: 7px; top: 6px; }

/* header 이미지 */
.main_header > h1.logo a{display:block; background: url('../images/common/header_img.png') no-repeat; background-size:170px 150px; -webkit-background-size:170px 150px; background-position: 0 5px; cursor:pointer;}
.main_header > a.left {background: url('../images/common/header_img.png') no-repeat; background-size:170px 150px; -webkit-background-size:170px 150px; background-position: 0px -42px; text-indent:-9999px; cursor:pointer;}
.main_header > label.right { position:absolute; background: url('../images/common/header_img.png') no-repeat; background-size:170px 150px; -webkit-background-size:170px 150px; background-position: 0px -80px; text-indent:-9999px; cursor:pointer;}

/* 토글 목록 */
#toggle { display: none; }
#toggle + .wrap > .toggle_gnb_wrap { display: none; position: absolute; z-index:10;; }
#toggle:checked + .wrap > .toggle_gnb_wrap { display: block; }
/* 토글 레이아웃 색상 */
.toggle_gnb_wrap { width: 100%; overflow:hidden; margin: 0 auto; }
.toggle_gnb { width: 100%;}
/* 토글 목록 */
.toggle_gnb > ul { overflow: hidden;}
.toggle_gnb > ul > li a { display: block; float: left; padding:40px 0 7px 0; text-align:center; font-weight:bold; cursor:pointer; border-bottom:solid 1px #dedede;}

.gnb_write a{width:25%; background:url('../images/common/toggle_icon.png') no-repeat #fff; background-size:25px 205px; -webkit-background-size:25px 205px; cursor:pointer; background-position: 50% 10px;}
.gnb_news a{width:25%; background:url('../images/common/toggle_icon.png') no-repeat #f4f4f4; background-size:25px 205px; -webkit-background-size:25px 205px; cursor:pointer; background-position: 50% -50px;}
.gnb_cs a{width:25%; background:url('../images/common/toggle_icon.png') no-repeat #fff; background-size:25px 205px; -webkit-background-size:25px 205px; cursor:pointer; background-position: 50% -110px;}
.gnb_pwd a{width:25%; background:url('../images/common/toggle_icon.png') no-repeat #f4f4f4; background-size:25px 205px; -webkit-background-size:25px 205px; cursor:pointer; background-position: 50% -172px;}


/* 네비게이션 */
.lnb { display: table; width: 100%; border-bottom: 1px solid #c0c0c0; }
.lnb > div { display: table-cell; position: relative; width:16%; }
.lnb > div > a { display: block; height: 35px; font-weight: bold; font-size: 15px; color: #555; line-height: 35px; text-align: center; }
.lnb > div > a::before { display: block; position: absolute; top: 9px; left: -2px; width: 15px; height: 15px; background: url('../images/common/header_img.png') no-repeat; background-size:170px 150px; -webkit-background-size:170px 150px; background-position: 0px -130px; content: ''; }


/*메뉴타이틀*/
.snb { padding:6px 10px; border-bottom:solid 1px #dedede; background-color:#9fc3da; overflow:hidden; }
.snb p.txt { float:left; font-size:14px; color: #fff; font-weight:bold; }


/*footer부분*/
.main_footer { padding:10px; background-color: #e4e4e4; /*border-top: 1px solid #d6d6d6;*/ }
.main_footer p{text-align: center; font-size:11px; color: #a4a3a3;}


/*로그인페이지*/
	/*중앙 이미지*/
	.main_visual { width:90%; height: 250px; margin:0 auto; padding-top:10px; background: url('../images/login/login_visual.png') no-repeat center center;-webkit-background-size: 95% 95%; background-size: 95% 95%;}

	/*로그인 Form*/
	.login_section {/*width:90%; height: 90%; margin:0 auto; background: url('../images/login/login_form.png') no-repeat; background-size: 95% 95%; -webkit-background-size: 95% 95%; background-position: 50% 0;*/margin: 0 10px 10px;text-align: center;}
	.loginform { position:relative; /*padding:60px 9% 10px 30px;*/padding:0;}
	.loginform dl {display: block;width: 90%; margin-left: 5%;}
	.loginform dl dd { /*margin: 5px 110px 5px 0;*/margin:0;}
	.loginform dl dd input {margin:0 0 10px 0;width:80%;}


	/*비밀번호 자간*/
	.space_v1 { letter-spacing:1px; }

	/*로그인버튼 색상 1
	.ls{display:inline-block; position:absolute;
	border: 1px solid #7fa3bb;border-radius:2px;
	background-color: #3a404a;
	background:
	-webkit-gradient(linear,0 0,0 100%,from(#a9cce2),to(#96bcd3));
	-webkit-box-shadow:0 1px 2px #bdbfc0;}*/
	
	/*로그인버튼 위치
	.ls_v1{ display:block; position:absolute;top:70px; right:30px; }수정 */
	.ls_v1{display: inline-block;width: 60%;margin: 0 auto;margin-right: 3%;margin-bottom: 30px;}

	/*로그인버튼 색상 2*/
	.btn_sl{ /*width:81px; height:76px; */padding-right:5px;
	border:1px solid #b9dbf0; border-radius:30px;
	background: #355d9b !important;
	font-size:15px; font-weight:bold;
	text-shadow:0 0 2px #000; text-align:center; color:#fff;
	width: 100%;cursor: pointer;padding: 10px 0;}
	
	
	/*ID저장체크*/
	.input_check {float:left;margin: 10px 5%;padding: 5px 0 10px;}
	.input_check label {margin-right:10px; font-size: 11px; vertical-align:3px;}
	.check {width:13px; height:13px; vertical-align:text-top;}

	/*로그인 추가*/
	.login_input_box1{border: 1px solid #355d9b;height: 40px !important;border-radius: 10px !important;font-size: 14px !important;padding: 0 !important;padding-left: 15% !important;background:url('../images/login/login_input_icon1.png') #fff no-repeat;background-position: 15px 10px;}
	.login_input_box2{border: 1px solid #355d9b;height: 40px !important;border-radius: 10px !important;font-size: 14px !important;padding: 0 !important;padding-left: 15% !important;background:url('../images/login/login_input_icon2.png') #fff no-repeat;background-position: 15px 10px;}
	.login_input_box3{border: 1px solid #355d9b;height: 40px !important;border-radius: 10px !important;font-size: 14px !important;padding: 0 !important;padding-left: 15% !important;background:url('../images/login/login_input_icon3.png') #fff no-repeat;background-position: 15px 10px;}
	.login_top_main{width:100%;text-align:center;}
	.login_top_main img{width:100%;max-width:800px;}
	.login_sec_txt{padding:20px 0;font-weight:600;text-align:center;font-size:14px;}

	/*체크박스 디자인*/
	.check_icon {position: relative;float:left;} 
	.check_icon input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 /* 실제 체크박스는 화면에서 숨김 */ } 
	.check_icon input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer;font-weight:600; } 
	.check_icon input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 15px; /* 체크박스의 너비를 지정 */ height: 15px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 5px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);/* 가짜 체크박스 */ } \
	.check_icon input[type="checkbox"] + label:active:before, .check_icon input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
	.check_icon input[type="checkbox"]:checked + label:before { content: url("../images/login/login_check.png"); color: #99a1a7; text-shadow: 1px 1px #fff; background: #edf6ff; border-color: #355d9b; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);  /* 체크박스를 체크했을때 */}


/*소개페이지*/
	/* info */
	.main_section { margin:20px 0; padding:0 15px; }
	.main_section h2 { margin:5px 0; }
	.main_section article { border:1px solid #d8d8d8; border-radius:5px; background-color:#fff; font-size:13px; }

	/*수발주 특징*/
	.strength { margin-bottom:10px; padding:5px 10px; }
	.strength ul li { margin:5px 0; }
	.txt_indent { margin-left:13px; }

	/*업무흐름도*/
	.flow { margin-bottom:10px; overflow:hidden; }
	.flow h3 { padding:7px 0; background-color:#a9cce2; border-top-left-radius:4px; border-top-right-radius:4px; font-size:14px; font-weight:bold; text-align:center; color:#fff; }
	.flow_cont { width:100%; text-indent: -9999px; }
	.flow_top .flow_cont { height: 210px; background: url('../images/info/flow_top.png') no-repeat center center; -webkit-background-size: contain; }
	
	/*상세페이지:업무흐름도(수정)*/
	.m_tit_box{text-align:center;margin-bottom:20px;}
	.m_tit_box h3{color: #1c4c97;font-size: 16px;font-weight: 600;padding: 15px 0;}
	.flow_cs{width:95%;max-width: 800px;background:#fff;margin:0 auto;margin-bottom:15px;border-radius:10px;border:1px solid #a9a9a9;box-sizing:border-box;text-align:center;}
	.flow_cs h3{background:#4a4a4a;color:#fff;border-radius:10px 10px 0 0;text-align:center;padding:10px 0;font-size:14px;font-weight:600;}
	.flow_cs img{width:95%;padding:10px 0 15px;}
	.flow_tel{width:95%;max-width: 800px;background:#fff;margin:0 auto;margin-bottom:30px;cursor:pointer;border-radius:10px;border:1px solid #a9a9a9;box-sizing:border-box;text-align:center;padding:10px 0 15px;}
	.flow_tel h3{font-weight:600;color:#313131;}

	/*문의전화*/
	.tel{ padding:7px 10px; text-align:center;}

/*조회하기*/
.search {margin:10px; padding:10px; border:2px solid #9fc3da;}
.search .buy { display:block; margin-top:3px; margin-right:100px;}
.search .buy dd{margin-bottom:3px;}

	/*조회버튼 위치*/
	.search .ls_v3{ display:block; position:absolute; top:155px; right:20px; } 

	/*조회내역*/
	.list { clear:both;  margin:10px; overflow:hidden;}
	.list h2 { margin-bottom:5px; }
	.list table { width:100%; border:1px solid #bdbdbd; margin-bottom:10px; }
	.list th { height:35px; border-bottom:1px solid #bdbdbd; background: #e5e5e5; font-size:13px; font-weight: bold;}

	.list td { font-size:12px; border-bottom:1px solid #bdbdbd; padding:7px 0; }
	.list td.time { width:23%; text-align:left; padding-left:5px; line-height:13px; }
	.list td.process { width:15%; text-align:center; font-weight: bold;}
	.list td.delivery { width:20%; text-align:center;}
	.list td.case { width:15%; text-align:center;}
	.list td.sum { width:27%; text-align:right; padding-right:5px; font-size:14px;}



	/*우편번호 조회*/

	.addrBtn{ display:table; width:100%; margin:10px 0 0 30px;}
	.addrBtn li{display:table-cell; width:30%; }
	.addrBtn li:first-of-type{ display:table-cell;  margin-left:30px; }
	.b_off,.b_on{display:block; margin-right:10px; text-align:center; line-height:25px; cursor:pointer;}

	.b_off{border:1px solid #cbcccc; border-bottom:none; background:-webkit-gradient(linear,0 23%,0 100%,from(#fff),to(#f0f0f0));}
	.b_on{border:1px solid #7fa3bb; border-bottom:none; background:-webkit-gradient(linear,0 23%,0 100%,from(#a9cce2),to(#7dafd1));}
	.b_off div{font-weight:bold; color:#565960; } 
	.b_on div{font-weight:bold; color:#fff; text-shadow:0 0 2px #000; } 




	.postSearch{overflow:hidden; margin:0 10px; border: 1px solid #dcdcdc; border-radius:5px; -webkit-box-shadow:0 1px 2px #dcdcdc;}
	.postSearch dt{letter-spacing:-1px;}
	.postSearch dd{padding-left:6.5em;}


	.list .zipCode { width:15%;  text-align:center; font-weight: bold; line-height:13px; }
	.list .city { width:10%; text-align:center; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; }
	.list .town { width:15%; text-align:center; }
	.list .district { width:37%; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; }
	.list .street { width:23%; }

	.postcodeText{ margin:10px 0 3px 60px; letter-spacing:-0.5px; }


/*buyWrite 저장하기*/
.write_top{position:relative; width:100%; height:35px; background:#fff; border-bottom:1px solid #eee;}
.save_top{position:relative; width:100%; height:35px; border-bottom:1px solid #c8c8c8;}
.save_bottom{position:relative; width:100%; height:35px; border-top:1px solid #c8c8c8;}
.wr3{position: relative;  margin:5px; padding:5px;}

	.pl, .pl2, .pr, .prAdd2, .prCopy, .prDel, .pr2{position:absolute; white-space:nowrap;}
	.pl{top:4px; left:5px}
	.pl2{top:4px; left:50px}/*popcategory.php*/
	.pr{top:4px; right:5px;} /*발주등록/*/
	.prAdd2{right:25px;}/*popcategory.php 등록*/
	.prSearch{width:24%; top:5px;}/*popcategory.php 조회*/
	.prCopy{top:4px; right:179px}/*buyWrite.php*/
	.prDel{top:4px; right:92px}
	.pr2{top:83px;}/*buy.php*/




	/*write*/
	.order_wirte h2 {margin:10px 0 0 10px;}
	.wr{overflow:hidden; margin:5px 10px; padding:.5em 0; background:#fff; border:1px solid #c8c8c8; font-size:.85em; letter-spacing:-1px; }
	.wr h2{padding-left:10px;}

	.wr1{position: relative;padding:7px 10px 0 0}
	.wr1 table{width:100%;}
	.wr1 .cw1{width:40%}/*table td3*/
	.wr1 .cw2{width:15%;}
	.wr1 .cw3{width:45%}
	.wr1 .cw4{width:30%}/*table td2*/
	.wr1 .cw5{width:70%}

	.wr1 .addr1{width:25%}/*buyWrite_order.php 배송정보 */
	.wr1 .addr2{width:45%}
	.wr1 .addr3{width:30%}
		.deliver{ display:block; height:25px; background:url('../images/write/deliver.png') no-repeat center; -webkit-background-size:20px; }

	.wr1 .cw6{width:30%} /*popcategory.php 통합검색. input. 조회버튼*/
	.wr1 .cw7{width:40%}
	.wr1 .cw8{width:30%}

	.wr1 dt{position:absolute; left:10px; top:1em; white-space:nowrap;}
	.wr1 dd{padding-left:4.5em;}
	.wr1 dd label{color:#909090;white-space:nowrap;}
	.wr1 .cw_text{padding:0 10px; white-space:nowrap;}
	.wr1 .cw_text input{margin-left:5px;}
	.wr1 .cw_text label{line-height:27px;}/*select박스 높이*/

	.wr1 .rep span{height:25px; line-height:25px;}
	.wr1 .ta2{width:100%; height:3.8em; vertical-align:top; color:gray ;border:1px solid #afafaf; -webkit-appearance:none;border-radius:3px;box-sizing:border-box;-webkit-box-shadow:inset 0 1px 0 #f2f2f2;}

	.btn_total{ display:table; width:100%; margin-bottom:5px; }
	.btn_total li{display:table-cell;}
	.b_gray,.b_defn,.b_blue{display:block; border-radius:3px; text-align:center; line-height:25px; cursor:pointer;}

	.b_gray{border:1px solid #646874; background:-webkit-gradient(linear,0 23%,0 100%,from(#9ea4b1),to(#7e838f));}
	.b_defn{border:1px solid #cbcccc; background:-webkit-gradient(linear,0 23%,0 100%,from(#fff),to(#f0f0f0));}
	.b_blue{border:1px solid #7fa3bb; background:-webkit-gradient(linear,0 23%,0 100%,from(#a9cce2),to(#7dafd1));}
	.b_gray div{font-weight:bold; color:#fff; } 
	.b_defn div{font-weight:bold; color:#565960; } 
	.b_blue div{font-weight:bold; color:#436689;/*text-shadow:0 0 2px #000;*/ } 

	.wr2{position: relative;  margin:5px 10px; padding:10px;}


/* 주문상태 */
.hm,.hm:before,.hm_arr:after{background-image:url('../images/write/step.png');-webkit-background-size:150px 280px;}/* 상태 Images */
.ordlist .hm_arr:after{position:absolute; top:7px; width:20px; height:25px;  background-position:0px -240px;content:''}
.ordlist .hm{position:absolute;top:0;left:25%;height:25px}

	.ordlist li{font-weight:bold;font-size:12px;color:#868c96;text-align:center;vertical-align:top;}
	.ordlist li a{display:block;position:relative;color:#868c96}
	.ordlist li div{position:relative;padding-top:30px;white-space:nowrap}
	.ordlist li.ow1{width:60px;}
	.ordlist li.ow2{width:50px}
	.ordlist li.ow3{width:60px}
	.ordlist li.ow4{width:50px}
	.ordlist li.ow5{width:50px;}
	.ordlist .i1{width:30px; height:30px; background-position:0 0;}
	.ordlist .i2{width:30px; height:27px; background-position:0 -50px;}
	.ordlist .i3{width:32px; height:27px; background-position:0 -90px;}
	.ordlist .i4{width:32px; height:27px; background-position:0 -140px;}
	.ordlist .i5{width:32px; height:30px; background-position:0 -190px;}
	.ordlist .on .i1{background-position:-40px 0;}
	.ordlist .on .i2{background-position:-40px -50px;}
	.ordlist .on .i3{background-position:-40px -90px;}
	.ordlist .on .i4{background-position:-40px -140px;}
	.ordlist .on .i5{background-position:-40px -190px;}
	.ordlist .off .i1{background-position:-80px 0;}
	.ordlist .off .i2{background-position:-80px -50px;}
	.ordlist .off .i3{background-position:-80px -90px;}
	.ordlist .off .i4{background-position:-80px -140px;}
	.ordlist .off .i5{background-position:-80px -190px;}

	.ordlist{display:table;width:100%}/* 해상도 */
	.ordlist{table-layout:fixed}
	.ordlist li{display:table-cell}





/* 상품 분류선택 */
.category_s{width:100%;}
.category_s select{width:49%; overflow:hidden;}

	/* 상품 분류목록 */
	.category_list {clear:both;}
	.category_list dt {margin-bottom:2px;}
	.category_list ul{overflow:hidden; padding-top:1px; background:#fff;}

	.category_list li{float:left; white-space:normal; width:25%; font-size:14px; text-align:center;}
	.category_list li a{display:block; position:relative; margin:-1px -1px 0 0; border-width:1px 1px 1px 0;border-style:solid;border-color:#e9eaec;color:#3c4150}

	.category_list .lst li.on a{border:1px solid #14ad64; background:#29c078;}
	.category_list .lst li{line-height:20px}

	@media screen and (min-width:640px){
	.category_list li{width:20%}
	.category_list li:nth-child(5n) a{margin-right:0;border-width:1px 0 1px 0}
	}



/*상품목록*/
.chb_all{overflow:hidden; margin:10px; padding:10px 10px; border:1px solid #e9eaec; border-radius:3px; background:#fff;}/*상품 전체선택*/
.chb_all div{margin-top:-3px;}

	.product th{border:1px solid #bdbdbd; letter-spacing:-1px;}
	.product_first{background: #e5e5e5;}
	.product_2nd{background:#fefeba;}
	.product_2nd .product_right{text-align:right; padding-right:10px;}
	.product_income td{color:#fc5381; font-weight:bold;}
	.product td{overflow:auto; height:27px; text-align:center; padding:2px;}
	.product td input{margin:0; padding:0; }
	.product td p{display:block; margin:0 auto; width:15px; height:15px; border:1px solid #bdbdbd;}
	.pw1{width:10%;}
	.pw2{width:13%;}
	.pw3{width:13%;}
	.pw4{width:13%;}
	.pw5{width:13%;}
	.pw6{width:21%;}
	.pw7{width:10%;}
	.pw8{width:10%;}

	/*상품변경,취소 버튼*/
	.product_first th a{display:block;}
	.product_first th div{position:relative; height:60px;white-space:nowrap; }
	.product_first th .btn{position:absolute;}
	.change, .concel, .choice, .none {height:60px; background:url('../images/write/btn.png') no-repeat; background-size:25px 200px; white-space:nowrap; cursor:pointer;}
	.change {background-position:5px 17px; white-space:nowrap; cursor:pointer;}
	.concel {background-position:5px -39px;}
	.choice {background-position:5px -95px;}
	.none {background-position:5px -151px;}

	.chb1{height:60px; z-index:-100;}/*loadResult.php 상품선택버튼*/
	



	.pcw1{width:35px;}
	.pcw2{width:35px;}
	.pcw3{width:9%;}
	.pcw4{width:9%;}
	.pcw5{width:9%;}
	.pcw6{width:33%;}
	.pcw7{width:20%;}

	



/*상품선택*/
.chk_list table { width:100%; border-top:2px solid #bdbdbd;}
.chk_list table td{border:1px solid #bdbdbd;}


/*매출처원장*/
.books{overflow:hidden; margin:10px; border: 1px solid #dcdcdc; border-radius:5px; -webkit-box-shadow:0 1px 2px #dcdcdc;}

	.books_carry{padding:7px 10px; text-size:15px; font-weight:bold; border-radius:4px; background:#fff;}/*전기이월,합계*/
	.books .books_day{padding:7px 10px; text-size:15px; font-weight:bold; background:#fff; border-bottom: 1px solid #dcdcdc; border-top-left-radius:4px;border-top-right-radius:4px;}/*일자*/

	.optbox{margin:7px; padding:5px; border:1px solid #dedede; background: #e8e8e8;}
	.optlist li{padding-left:5px; font-size:13px; color:#95969e; letter-spacing:0;word-wrap:break-word;word-break:break-all}

	.optsum{margin:7px; padding:5px;  color:#95969e; border:1px solid #c4d7e2; background:#d3e3ec; }
	.income{margin:7px; padding:5px; border:1px solid #e8e8e8; background:#fff; }

	.sum_title{display:inline-block; margin-bottom:3px; padding:2px 3px;  height:16px; line-height:16px;  font-size:13px; color:#fff; border:1px solid #8baec5; background:#9ac2dc;}

	/*조회버튼 위치*/
	.search .ls_v2{ display:block; position:absolute; top:157px; right:20px; } 

	.books_sum dt{clear:both; float:left; padding-left:10px; overflow:hidden;}/*일자*/
	.books_sum dd{float:right; overflow:hidden; padding:0 10px; }



/*공지사항*/
.notice_section { margin:10px; }

	/* 상단 */
	.board{margin-top:5px; border-top:1px solid #cecece;}
	.boardName { display: table; width: 100%; height:30px; line-height:30px; text-align:center; }
	.boardName > div { display: table-cell; position: relative; font-size:13px; letter-spacing:-1px;}
	
	.newsNum{ width:10%; }
	.newsDate{ width:20%; }
	.newsTime{ width:15%; }
	.newsTitle{ width:50%; padding:0 5px; }/*width고정값일 때 글이 넘치면 ...overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */
	.newsIcon{ width:20px; background: url('../images/common/common_img.png') no-repeat left -92px; }
	
	.noticeBlock{margin:0;}
	.noticeBlock:first-of-type{border-top:1px solid #dcdcdc;}
	.noticeTitle{overflow:hidden;border-bottom:1px solid #dcdcdc; cursor:pointer;}
	.noticeContents{margin:0; padding:10px; background:#e5e5e5; border-bottom:1px solid #cecece; cursor:pointer;}


/*고객센터*/
.cs_bg{background:url('../images/CScenter/tel_bg.png') repeat-x; background-size:12px 492px; -webkit-background-size:12px 492px;}
.cs_bg img{display:block;vertical-align:top;margin:0 auto}

	.cs_bg .cs_info{position:relative;width:100%;display:inline-block;vertical-align:middle;overflow:hidden;}

	.cs_bg .cs_info .btn{position: absolute;display: block;width: 260px;height: 47px;top: 28.2%;left: 50%;margin-left: -130px;}
	.cs_bg .cs_info .btn2{position: absolute;display: block;width: 260px;height: 47px;top: 38.5%;left: 50%;margin-left: -130px;}


/*비밀번호 변경*/
.pwd_section{overflow:hidden; margin:10px; border: 1px solid #dcdcdc; border-radius:5px; -webkit-box-shadow:0 1px 2px #dcdcdc;}
	.pwd_section dt{letter-spacing:-1px;}
	.pwd_section dd{padding-left:6.5em;}


/*공통*/
	/*text hidden*/
	.screen_out{visibility:hidden; overflow:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;} 

	/*input box*/
	.int{width:100%; height:100%; margin-right:5px; padding:5px; border-radius:2px; -webkit-appearance:none; font-size:12px; font-weight:bold; } 



	/*버튼*/
	.bt25{display:inline-block; width:auto; height:25px; padding:0 10px 0 10px; line-height:25px;font-size:12px; color:#444; letter-spacing:-1px; vertical-align:middle; white-space:nowrap; border:1px solid #afafaf; -webkit-border-radius:3px; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f3f3f3));}
	.search .bt25{display:inline-block; width:auto; height:35px; line-height:35px; font-size:12px; color:#444; vertical-align:middle; white-space:nowrap; border:1px solid #afafaf; -webkit-border-radius:3px; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f3f3f3));}
	.sbt1{display:inline-block; width:auto; height:25px; padding:0 10px 0 10px; line-height:25px;font-size:12px; font-weight: bold; letter-spacing:0; vertical-align:middle; white-space:nowrap; border:1px solid #afafaf; -webkit-border-radius:3px; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f3f3f3));}
	.sbt1 .save_icon{height:25px;line-height:25px; padding-left:8px; border:none; background:url(../images/common/common_img.png) no-repeat 0 -13px; white-space:nowrap; font-size:12px; text-indent:9px; color:#444; cursor:pointer; -webkit-border-radius:0;}
	.sbt1 .copy_icon{height:25px;line-height:25px; padding-left:8px; border:none; background:url(../images/common/common_img.png) no-repeat 0 -37px; white-space:nowrap; font-size:12px; text-indent:9px; color:#444; cursor:pointer; -webkit-border-radius:0;}
	.sbt1 .del_icon{height:25px;line-height:25px; padding-left:8px; border:none; background:url(../images/common/common_img.png) no-repeat 0 -64px; white-space:nowrap; font-size:12px; text-indent:9px; color:#444; cursor:pointer; -webkit-border-radius:0;}

	.blue { color:#3d7194;  font-weight: bold;}
	.red { color:#ff5400; }
	.gray { color:#888; }
	.black { color:#555; }
	.bgWhite { background:#fff; }
	.bold{ font-weight: bold;}
	.under { text-decoration:underline; }
	.pl5 { padding-left:5px; }
	.pl6 { padding-left:6px; }
	.pl8 { padding-left:8px; }
	.pl10 { padding-left:10px; }
	.pt4 { padding-top:4px; }
	.pt5 { padding-top:5px; }
	.pt6 { padding-top:6px; }
	.pt8 { padding-top:8px; }
	.pt20 { padding-top:20px; }
	.pb10 { padding-bottom:10px; }
	.pb5 { padding-bottom:5px; }
	.mt10 { margin-top:10px; }
	.ml7{ margin-left:7px;}/*배송주소 버튼 buyWrite_order.php*/
	.f11 { font-size:11px; }
	.f12 { font-size:12px; }
	.f13 { font-size:13px; }
	.f14 { font-size:14px; }
	.f16 { font-size:16px; }
	.lh12 { line-height:12px; }
	.t_center { text-align:center; }
	.t_name { font-size:16px; color:#006edf; background-color:#e4e4e4; font-weight:bold; }
	.none { border:0; padding:0; height:15px; }
	.disnone { display:none; }
	.dot_line { border-bottom:dotted 1px #d7d7d7; }
	.clear { clear:both; }
	.fleft { float:left; }
	.fright { float:right; }
	.pos { position:relative; }


	.b_inputbt { background:url(../img_pro/bt_delbg.png) bottom repeat-x; border:solid 1px #b1b1b1; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; color:#7d7d7d; font-weight:bold; cursor:pointer; padding:3px 5px; height:20px; }
	.t_inputbt { width:100%; height:45px; padding-top:12px; padding-bottom:10px; text-align:center; background:url(../img_my/b_btbg.png) bottom repeat-x; border:solid 1px #a0a3b7; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:16px; color:#595f90; font-weight:bold; cursor:pointer; box-shadow:0px 2px 2px #e8e8e8; -moz-box-shadow:0px 2px 2px #e8e8e8; }