@charset "utf-8";
@import url( font_ng.css );
 * {margin:0;padding:0;}
html, body{-webkit-text-size-adjust:none !important;-ms-text-size-adjust:none !important;-moz-text-size-adjust:none !important;-o-text-size-adjust:none !important;}

/* 공통 */
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:14px;
	/* font-family:Tahoma, Geneva, sans-serif; */
	/* font-family: 'ng', '나눔고딕', 'NanumGothic', sans-serif; */
	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:600;}
a:link, a:visited, a:active , a:hover {display:block;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%}
input, option, textarea {padding:0 10px;font-size:14px;color:#333;border:solid 1px #c2c2c2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
input[type=button] {font-weight:600;border:0 none;background:none;}
h2, caption {margin:0 0 5px;text-align:left;font-size:15px;font-weight:600;color:#355d9b;}


/*체크박스 디자인*/
input[type=checkbox].css_checkbox {display:none;}
input[type=checkbox].css_checkbox + label.checkbox_label {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 {padding-left:23px;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;}
label.checkbox_label span {float:right;padding-left:22px;}

/*input[type=text]*/
input.it{width:100% !important;min-width:14px;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}
.cost {text-align:right !important;padding:0 3px 0 0 !important;}
.small {display:block;font-size:0.85em;font-weight:600;}
	
/*top*/
.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;}

/* 상단 로고 라인 */
/* .main_header {position:relative;height:45px;line-height:45px;background:#355d9b} */
.main_header {position:fixed;left:0px;top:0px;z-index:999;width:100%;height:45px;line-height:45px;background:#355d9b;}
.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:600;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 325px;-webkit-background-size:25px 325px;cursor:pointer;background-position:50% 10px;}
.gnb_news a{width:25%;background:url('../images/common/toggle_icon.png') no-repeat #f4f4f4;background-size:25px 325px;-webkit-background-size:25px 325px;cursor:pointer;background-position:50% -50px;}
.gnb_cs a{width:25%;background:url('../images/common/toggle_icon.png') no-repeat #fff;background-size:25px 325px;-webkit-background-size:25px 325px;cursor:pointer;background-position:50% -110px;}
.gnb_pwd a{width:25%;background:url('../images/common/toggle_icon.png') no-repeat #f4f4f4;background-size:25px 325px;-webkit-background-size:25px 325px;cursor:pointer;background-position:50% -172px;}


/* 네비게이션 */
.lnb {display:table;width:100%;background-color:#FFF;}
.lnb > div {display:table-cell;position:relative;width:16%;}
.lnb > div > a {display:block;height:33px;font-weight:600;font-size:15px;line-height:35px;text-align:center;border-bottom:2px solid #FFF}
.lnb > div > a::before {display:block;position:absolute;top:9px;left:-2px;width:15px;height:15px;}
.lnb > div > a:hover {border-bottom:2px solid #355d9b}
.lnb_on a{border-bottom: 2px solid #355d9b !important;}

/*메뉴타이틀*/
.snb {margin:10px 10px 0;padding:6px 10px;overflow:hidden;}
.snb p.txt {font-size:16px;font-weight:600;text-align:center}
.snb p.txt span {display:block}


/*footer부분*/
.main_footer {padding:10px;}
.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 {margin:0 10px 10px;/*background:#FFF;border-radius:3px;-webkit-box-shadow:0 1px 3px #d4d4d4;*/text-align:center;}
	.login_section h2 {padding:20px 0 5px;font-size:1.25em;font-weight:600;text-align:center;}
	.login_section h2 span{display:block;font-size:0.75em;}
	.loginform {display:block;width:100%;overflow:hidden;overflow:hidden;}
	.loginform dl {;display:block;/*float:left;width:65%;*/width:90%;margin-left:3%;}
	.loginform dl dd input {/*margin:0 0 3px 0;width:95%;*/margin:0 0 10px 0;width:90%;}

	/*비밀번호 자간*/
	.space_v1 {letter-spacing:1px;}
	
	/*로그인버튼*/
	.ls{display:inline-block;}
	.ls_v1{/*display:block;float:right;width:25%;*/display: inline-block;width:60%;margin:0 auto;margin-right:3%;margin-bottom:30px;} /*우측형*/
	.ls .btn_sl {padding:29px 0;width:100%;text-align:center;cursor:pointer;padding: 10px 0;border-radius: 30px;background: #355d9b !important;}

	/*조회버튼*/
	.ls_v2, .search .ls_v3 {display:block;width:100%;height:27px;margin-top:7px;} /*하단형*/
	.ls_v3 p {display:inline-block;float:left;width:48.3%;margin-right:2%;}/*더블형*/
	.ls_v3 p:last-child {margin:0;}
	
	/*ID저장체크*/
	.input_check {float:left;margin:10px 5%; padding:5px 0 10px;}
	.input_check label {margin-right:5px;font-size:0.85em;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;}

	/*체크박스 디자인*/
	.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);  /* 체크박스를 체크했을때 */}
/*소개페이지*/
	/*intro*/
	.m3_tit_box{text-align:center;margin-bottom:20px;}
	.m3_tit_box h3{color: #1c4c97;font-size: 16px;font-weight: 600;padding: 15px 0;}
	.m3_select li img{width:100%;}
	.m3_select li .select_cs{position:relative;width:95%;max-width: 800px;background:#fff;border-radius:10px;border-top:10px solid #4a4a4a;margin:0 auto;padding:10px 0;margin-bottom:20px;cursor:pointer;}
	.m3_select li .select_3cs{position:relative;width:95%;max-width: 800px;background:#fff;border-radius:10px;border-top:10px solid #355d9b;margin:0 auto;padding:10px 0;margin-bottom:20px;cursor:pointer;}
	.m3_select li .select_btn{ position: absolute;bottom: -20px;background: red;width: 40px;height: 40px;border:1px solid #aaacad;border-radius: 100px;background:#b7bdc2;text-align: center;line-height: 40px;left: 50%;transform: translateX(-50%);font-weight:600;color:#fff;}
	.m3_select li:hover .select_btn{background: #3d9adc;}
	
	/* 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:#668bc1;border-top-left-radius:4px;border-top-right-radius:4px;font-size:14px;font-weight:600;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;}

	/*상세페이지:업무흐름도(수정)*/
	.flow_3cs{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_3cs h3{background:#4a4a4a;color:#fff;border-radius:10px 10px 0 0;text-align:center;padding:10px 0;font-size:14px;font-weight:600;}
	.flow_3cs 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;}
	/*.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;}

	/*조회하기*/
	.tab_section {display:block;margin:0 10px 10px;overflow:hidden;}
	.tab_section ul.tabs {float:left;width:100%;height:40px;border-top-left-radius:5px;border-bottom:1px solid #c3cedc;border-left:1px solid #c3cedc;}
	.tab_section ul.tabs li {float:left;position:relative;overflow:hidden;width:49.6%;height:39px;line-height:39px;color:#8fafdc ;text-align:center;font-weight:600;border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #c3cedc;border-left:none;background:#f3f9fb;}
	.tab_section ul.tabs li.active {color:#2e5694;background:#FFF;border-bottom:1px solid #FFF;}
	.tab_container {clear:both;float:left;width:93.5%;padding:3%;border:1px solid #c3cedc;border-top:none;background:#FFF;}
	.tab_container .tab_content {display:none;}

	.product_section {clear:both;display:block;margin:0 3px;}
	.sum {margin:10px 0;padding:10px;border:1px solid #c3cedc;border-top:2px solid #6288bf;background:#f3f9fb }
		.sum h3 {display:inline-block;float:left;width:30%;line-height:27px;color:#2e5694;font-weight:600;letter-spacing:-1px;}
		.sum p {width:70%;line-height:27px;overflow:hidden;}
	.search {margin:10px 0;padding:10px;border:1px solid #c3cedc;border-top:2px solid #000;background:#FFF}
	.search .buy, .search .remarks_area {display:block;width:100%;margin-top:3px;line-height:27px;}/*2열*/
	.search .buy select {width:32%;margin-right:2%;}
	.search .buy select:last-child {margin-right:0px;}
	.search .buy input[type=text] {width:45% !important;}
	.search .buy span {display:inline-block;width:10%;text-align:center}
	.search .buy dd{margin-bottom:3px;}
	.search .buy h3 {display:block;float:left;width:15%;font-weight:600;}
	
	.search .order {display:block;float:left;width:48.7%;margin-top:3px;}/*4열*/
	.search .odd {margin-right:2%;}
	.search .order_w {display:inline-block;width:100%;margin-top:3px;}/*2열*/
	.search .order h3, .search .order_w h3 {display:inline-block;float:left;line-height:27px;font-weight:600;letter-spacing:-1px;}
	.search .order h3 {width:40%;}
	.search .order_w h3 {width:19%;}
	.search .order p {width:58%;padding-left:2%;letter-spacing:-1px;line-height:27px;overflow:hidden}
	.search .order p span {line-height:1.25em;}
	.search .order_w p {width:78.9%;padding-left:1.6%;line-height:27px;overflow:hidden;}
	.search .order input[type=text] {width:90%;}

	.search .notice {margin:0 0 10px;padding:5px;text-align:center;border:1px solid #afafaf;border-radius:3px;}
	.cust_info {border-top:2px solid #6288bf;}
	.cust_info th,
	.cust_info td {border-bottom:1px solid #8db3e2;}
	.cust_info th {padding:5px 0;font-weight:600;letter-spacing:-1px;background:#c6d9f0;}
	.cust_info td {padding-left:5px;}
	.cust_info .addr {padding:5px;}

	.search .pwd {display:inline-block;width:100%;margin-top:3px;}/*2열*/
	.search .pwd h3 {display:inline-block;float:left;width:30%;line-height:27px;font-weight:600;letter-spacing:-1px;}
	.search .pwd p {width:68%;padding-left:2%;letter-spacing:-1px;line-height:27px;overflow:hidden}
	.search div > input[type=button] {line-height:27px;}
	
	.search .item {margin-top:5px;}
	.search .item input[type=text], .search .item select {width:32% !important;margin-right:2%;}
	.search .item input[type=text]:last-child, .search .item select:last-child {margin-right:0%;}
	.search .item .check {display:inline-block;margin-top:2px;}
	.search .item label {margin-right:10px;letter-spacing:-1px;font-weight:600;}
	.search .item input[type=text].long {width:50% !important;}
	.search .item .b_blue {float:right;width:23%;}
	
	/* 상품 분류목록 */
	.category_list {clear:both;margin-top:10px;}
	.category_list .buy select {width:48%;}
	.category_list .buy select:last-child {float:right;}
	
	.category_list .lst {margin-top:10px;}
	.category_list .lst ul{overflow:hidden;}
	.category_list .lst li{display:block;float:left;width:24.5%;height:40px;letter-spacing:-1px;line-height:40px;border-right:1px solid #afafaf;border-bottom:1px solid #afafaf;background:#f3f3f3;overflow:hidden;}
    .category_list .lst li:nth-child(-n+7) {border-top:1px solid #afafaf;}
	.category_list .lst li:nth-child(4n) {border-left:1px solid #afafaf;}
	.category_list .lst li a{display:block;text-align:center;}
	
	/*조회내역 : 우선*/
	.list {clear:both;margin:10px 0;display:inline-block;width:100%;overflow:hidden;}
	.list h3 {margin:0 0 10px;font-size:1em;font-weight:600;text-align:center;}
	.list .chb_all{display:block;margin:10px 0 0;padding:10px;min-height:20px;border:1px solid #c3cedc;border-top:2px solid #000;background:#FFF;}
	.list .chb_all div{float:right;margin-top:-3px;}

	.p_line {/*border-top:2px solid #6288bf;*/border-top: 2px solid #fdd739;}
	.product {width:100%;border-left:1px solid #c3cedc;border-right:1px solid #c3cedc;background:#FFF;}
	.product .odd, 	.product .daily {background:#f3f9fb;}
	.product .deposit{background:#fefee9;}
		.product .deposit_b {border-top:2px solid #6288bf;}
	.product thead td {font-weight:600;}
	.product th{padding:2px 0;font-size:0.95em;font-weight:600;letter-spacing:-1px;/*border-bottom:1px solid #c3cedc;background:#accaf2;*/border-bottom:1px solid #fdd739;background:#fff3c1;}
	.product th a {font-size:1em;font-weight:600;}
	.product td{padding:2px;height:27px;font-size:0.85em;text-align:center;white-space:normal;border-bottom:1px solid #c3cedc;}
	.product input[type=checkbox] {width:21px;height:21px;}
	.product td p{display:block;margin:0 auto;width:15px;height:15px;border:1px solid #afafaf;}
	.product td strong {font-size:1em;}
	.product .lineR {border-right:1px solid #c3cedc;}
	.product td .b_blue, .product td .b_defn {float:right;width:25%;}

	.pw1{width:12%;}
	.pw2{width:14%;}
	.pw3{width:13%;}
	.pw4{width:12%;}
	.pw5{width:8%;}
	.pw8{width:11%;}
	
	.lw1 {width:23%;height:35px;}
	.lw2 {width:20%;font-weight:600;}
	.lw3 {width:17%;}
	.lw4 {width:25%;}
	.lw5 {width:15%;}

	.pcw1{width:36px;}
	.pcw2{width:10%;}
	.pcw3{width:30%;}
	.pcw4{width:20%;}
	
	.bw1 {width:15%;}
	.bw2 {width:20%;}

	/*매출처원장*/
	.blueBox {margin:10px;border:1px solid #90b3e6;background:#accaf2;}
	.blueBox table {margin:5px 10px 7px;background:#FFF}
	.blueBox table caption {font-size:0.95em;}
	.blueBox table th {padding:1px 0;color:#666;font-size:0.9em;font-weight:600;border-bottom:1px solid #accaf2;background:#c7dffc;}
	.blueBox table td {text-align:center;padding:0 1%;border-bottom:1px solid #accaf2;}
	
	.grayBox {margin:10px 0;border:1px solid #DDD;background:#E8E8E8;}
	.grayBox table {margin:5px 10px 7px;background:#FFF}
	.grayBox table caption {color:#444;text-align:right;font-size:0.95em;}
	.grayBox table th {padding:1px 0;color:#777;font-size:0.9em;font-weight:600;border-bottom:1px solid #E8E8E8;background:#f8f8f8;}
	.grayBox table td {text-align:center;padding:0 1%;border-bottom:1px solid #E8E8E8;}

	.dotLine {margin:15px 10px;height:1px;border-bottom:1px dashed #999}
	
	/*buy.php*/
	.time {font-weight:normal !important;font-size:0.85em !important;}
	.process {font-weight:600;}
	.delivery {font-weight:normal !important;font-size:0.85em !important;}

	/*buyWrite.php*/
	.odd th a{display:block;}
	.odd th div{position:relative;height:60px;white-space:nowrap;}
	.odd 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:2px -95px;}
	.none {background-position:5px -151px;}
	
	.chb1{height:60px;z-index:-100;}/*loadResult.php 상품선택버튼*/
	
	/*우편번호 조회*/
	.tabArea ul {overflow:hidden;margin:10px;}
	.tabArea li {float:left;width:50%;}
	.tabArea li a {display:block;height:27px;line-height:27px;text-align:center;border:1px solid #d4d4d4;background:#e4e4e4;}
	.tabArea li.on a {z-index:2;color:#FFF;font-weight:600;border:1px solid #6181af;background:#8fafdc;}
	.postTxt {margin:10px 0 5px;font-size:0.95em;font-weight:600;text-align:center}


/*buyWrite 저장하기*/
.btnArea {position:relative;margin:10px 0 0;padding:5px 10px 7px;text-align:right;height:25px;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;} 
.btn_total{position:relative;margin:20px 0;height:32px;}
.btn_total span.b4 {display:block;float:left;margin-right:2%;width:22.8%;height:32px;}
.btn_total span.b3 {display:block;float:left;margin-right:2%;width:31.3%;height:32px;}
.btn_total span.b2 {display:block;float:left;margin-right:2%;width:48.2%;height:32px;}
.btn_total span:last-child {margin-right:0%;}
.btn_total a, .btn_total input[type=button] {line-height:32px !important;border:0;background:none;}
	
.wr3{position:relative; margin:5px;padding:5px;}

	.pl, .pr {position:absolute;white-space:nowrap;}
	.pl{top:4px;left:5px}
	.pr{top:4px;right:5px;}

	.b_defn, .b_blue, .b_gray{width:99.5%;border-radius:2px;}

	.b_blue{border:1px solid #6181af;background:-webkit-gradient(linear,0 23%,0 100%,from(#accaf2),to(#8fafdc));}
	.b_defn{border:1px solid #cbcccc;background:-webkit-gradient(linear,0 23%,0 100%,from(#fff),to(#f0f0f0));}
	.b_gray{border:1px solid #888;background:-webkit-gradient(linear,0 23%,0 100%,from(#CCC),to(#AAA));}
	.b_yellow{border:1px solid ##fdd739;background:#fdd739;}
	.b_grayn{border:1px solid #ccc;background:#ccc;}
	.b_gray a, .b_gray input, .b_gray span,
	.b_defn a, .b_defn input, .b_defn span,
	.b_blue a, .b_blue input, .b_blue span,
	.b_yellow a, .b_yellow input, .b_yellow span, .b_grayn span, .b_grayn input{display:block;width:100%;line-height:25px;text-align:center;font-size:1em;font-weight:600;}
	.b_defn span{color:#565960;}

	.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 270px;}/* 상태 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:600;font-size:12px;color:#284d89;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 div span {width:30px;height:30px;}
	.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{background-position:0 0;}
	.ordlist .i2{background-position:0 -45px;}
	.ordlist .i3{background-position:0 -90px;}
	.ordlist .i4{background-position:0 -135px;}
	.ordlist .i5{background-position:0 -180px;}
	.ordlist .on .i1{background-position:-45px 0;}
	.ordlist .on .i2{background-position:-45px -45px;}
	.ordlist .on .i3{background-position:-45px -90px;}
	.ordlist .on .i4{background-position:-45px -135px;}
	.ordlist .on .i5{background-position:-45px -180px;}
	.ordlist .off .i1{background-position:-90px 0;}
	.ordlist .off .i2{background-position:-90px -45px;}
	.ordlist .off .i3{background-position:-90px -90px;}
	.ordlist .off .i4{background-position:-90px -135px;}
	.ordlist .off .i5{background-position:-90px -180px;}

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


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

	.board {width:100%;border-top:2px solid #000;border-left:1px solid #c3cedc;border-right:1px solid #c3cedc;background:#FFF;}
	.board th{height:27px;font-size:0.95em;font-weight:600;line-height:27px;letter-spacing:-1px;border-bottom:1px solid #c3cedc;background:#f3f9fb;}/*background:#accaf2;*/
	.board td{padding:2px;height:25px;font-size:0.85em;text-align:center;border-bottom:1px solid #c3cedc;}
	.board td.title {text-align:left;padding:0 5px;}
	.board .open a {display:block;width:29px;height:27px;background:url('../images/common/common_img.png') 10px 11px no-repeat;}

	.tr_line_top .open a {display:block;width:29px;height:27px;background:url('../images/common/common_img.png') 10px 11px no-repeat;}

	.nw1{width:15%;}
	.nw2{width:25%;}
	.nw3{width:20%;}
	.nw4{width:35%;}
	.nw5{width:5%;}
	
	.contents{text-align:left !important;background:#f3f9fb;}


/*고객센터*/
.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;}

/*공통*/
	/*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{display:inline-block;margin-right:5px;padding:5px;border-radius:2px;-webkit-appearance:none;font-size:12px;font-weight:600;}
		
	/*그라데이션 버튼*/
	.gradi {color:#FFF;font-size:14px;font-weight:600;
	border:1px solid #062b63 !important;border-radius:2px;
	background-color:#87abde !important;
	background:-webkit-linear-gradient(top,  #87abde 0%,#284d89 50%,#2e5694 50%,#6288bf 100%)  !important;
	background:-moz-linear-gradient(top,  #87abde 0%, #284d89 50%, #2e5694 50%, #6288bf 100%)  !important;
	background:linear-gradient(to bottom,  #87abde 0%,#284d89 50%,#2e5694 50%,#6288bf 100%)  !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87abde', endColorstr='#6288bf',GradientType=0 )  !important;}
	
	/*버튼*/
	.bt25{display:inline-block;width:auto;height:25px;padding:0 10px 0 10px;border:1px solid #afafaf;-webkit-border-radius:3px;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f3f3f3));}
	.bt25 a, .bt25 input[type=button] {line-height:25px;font-size:12px;color:#666;font-weight:600;letter-spacing:-1px;vertical-align:middle;white-space:nowrap;}
	.sbt1{display:inline-block;width:auto;height:25px;margin-left:5px;padding:0 5px;font-size:1em;font-weight:600;white-space:nowrap;border:1px solid #afafaf;-webkit-border-radius:3px;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f3f3f3));}
	.sbt1 a, .sbt1 input[type=button] {height:25px;color:#444;font-size:0.9em;white-space:nowrap;}


	.blue {color:#355d9b !important;font-weight:600;}
	.light_blue {color:#668bc1 !important;}
	.red {color:#D00;font-weight:600;}
	.green {color:#093;font-weight:600;}
	.gray {color:#888;}
	.black {color:#000;}
	.bold{font-weight:600;}
	.f11 {font-size:11px;}
	.none {border:0;padding:0;height:15px;}

	.mg_top_20 { margin-top:20px; }
	#order_tr_idx {display:none;}
	#order_tr_idx2 {display:none;}

.red { color:red;}

@media screen and (max-width: 360px) {
.order_info h3, .order_info_w h3 {font-size: 12px !important;}
.order_list_con .order_info p{font-size:12px !important;}
.order_info input, .order_info_w input{font-size:12px !important;}
}

.clear{clear:both;content:'';display:block;}