@charset "utf-8";

@font-face{font-family:ng; src:url(NanumGothic.eot); src:local(※),url(NanumGothic.woff) format('woff'), url(NanumGothic.ttf) format('truetype'), url(NanumGothic.otf) format('opentype'), url(NanumGothic.svg#ng) format('svg');}
* { 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-family:나눔고딕, NanumGothic, ng, 'NanumGothicWeb', "Malgun Gothic", AppleSDGothic, "돋움", dotum;
	font-style:normal;
	
 }
/* 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; background-color: #f4f4f4; }
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 { border:0; width:100%; height:27px; padding:0; background:none; line-height:27px; color:#565960; text-align:center; }
.select{ background:url(../images/common/common_img.png) no-repeat 100% 0,-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ebebee))}
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; }

/*header부분*/

/* 상단 로고 라인 */
#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: 5px; top: 6px; }
#main_header > h1.logo { width: 118px; top:10px; margin: 0 auto; }
#main_header > label.right { width: 30px; right: 10px; top: 6px; }
/* header 이미지 */
#main_header > h1.logo { background: url('../_images/common/header_img.png') no-repeat; background-position: 0px 0px; text-indent: -99999px ; }
#main_header > a.left { background: url('../_images/common/header_img.png') no-repeat; background-position: 0px -40px; text-indent: -99999px ; }
#main_header > label.right { position:absolute; background: url('../_images/common/header_img.png') no-repeat; background-position: 0px -80px; cursor:pointer; text-indent: -99999px; }

/* 토글 목록 */
#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 { background: #FFFFFF;}
/* 토글 목록 */
#toggle_gnb > ul { overflow: hidden; }
#toggle_gnb > ul > li a { display: block; float: left; border:1px solid #555; margin: 10px 5px; width: 110px; height:110px;  text-align: center; }


/* 네비게이션 */
#lnb { display: table; width: 100%; min-width:300px; 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: -1px; width: 1px; height: 15px; background: url('../_images/common/header_img.png') left no-repeat; background-position: 0px -120px; content: ''; }


/*메뉴타이틀*/
#snb { min-width:300px; 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; text-align: center; font-size:12px; color: #a4a3a3; border-top: 1px solid #fff; }



/*로그인페이지*/
/*중앙 이미지*/
#visual { width: 100%; height: 320px; margin-top:10px; background: url('../_images/login/login_visual.png') no-repeat center center;-webkit-background-size: 100% 100%; background-size: 100% 100%;}

/*로그인 Form*/
#login_section { width: 100%; height: 100%; margin:0 auto; background: url('../_images/login/login_form.png') no-repeat top center;-webkit-background-size: 95% auto; background-size: 95% auto;}
#loginform { padding: 19% 7% 0; }
#loginform dl dd { margin: 5px 110px 5px 0; }


	/*비밀번호 자간*/
	.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:relative; float:right; bottom:93px;} 

	/*로그인버튼 색상 2*/
	.btn_sl{ width:91px; height:86px; padding-right:5px;
	border:1px solid #b9dbf0; border-radius:1px;
	background-color: transparent;
	font-size:15px; font-weight:bold;
	text-shadow:0 0 2px #000; text-align:center; color:#fff; } 

	/*text hidden*/
	.screen_out{ display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent: -9999px; } 

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


	/*ID저장체크*/
	.input_check { font-size: 12px;}
	.input_check .check { background: url('../_images/login/check_box.png');}

/*소개페이지*/
/* info */
#main_section { margin:20px 0; padding:0 15px; }
#main_section h2 { font-size:17px; font-weight: bold; color:#779fcb; margin:10px 0; }
#main_section article { border:1px solid #d8d8d8; border-radius:10px; background-color:#fff; font-size:13px; }
	
/*수발주란?*/
.define { margin-bottom:30px; padding:10px 17px; }

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

/*업무흐름도*/
.flow { margin-bottom:10px; min-width:300px; overflow:hidden; }
.flow h3 { width:100%; padding:10px 0; background-color:#a9cce2; border-top-left-radius:9px; border-top-right-radius:9px; font-size:14px; font-weight:bold; text-align:center; color:#fff; }
.flow_cont { width:100%; text-indent: -9999px; }
#flow_top .flow_cont { background: url('../_images/info/flow_top.png') no-repeat center center; -webkit-background-size: contain; }
#flow_bottom .flow_cont { background: url('../_images/info/flow_bottom.png') no-repeat center center; -webkit-background-size: contain;  }
*/

/*조회하기*/
#search { margin:10px; padding:10px; border:2px solid #9fc3da; }
#search h2 { font-size:17px; font-weight: bold; color:#555; margin-bottom:5px; }
#search .setbox{ width: 70%; margin:2px 0; border:1px solid #cbcccc; border-radius:3px; background:#fff; background:-webkit-gradient(linear,0 23%,0 100%,from(#fff),to(#f0f0f0));color:#565960;-webkit-box-shadow:inset 0 0 5px #fff; }
#search .setbox select { border-radius:3px;}
.set{ display:inline-block; background:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),color-stop(.27,#fdfdfd),color-stop(.73,#f2f2f5),to(#eaeaec))}
/*.set .select{ height:27px; background-position:0 0; color:#20232c;}*/
/*조회버튼 위치*/
.ls_v2{ display:block; position:relative; float:right; bottom:60px;} 


#list { clear:both; margin:10px; overflow:hidden;}
#list h2 { font-size:15px; font-weight: bold; color:#555; margin-bottom:5px; }
#list table { width:100%; border:1px solid #bdbdbd; }
#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:20%; text-align:left; padding-left:5px; line-height:13px; }
#list td.orderNum { width:15%; text-align:center;}
#list td.process { width:15%; text-align:center; font-weight: bold;}
#list td.delivery { width:20%; text-align:center;}
#list td.case { width:10%; text-align:center;}
#list td.sum { text-align:right; padding-right:5px; font-size:14px; font-weight: bold;}

#list tr.total { background: #c3d7e3;}




/*정보수정*/
#content { clear:both; min-width:300px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; }
#content ul { overflow:hidden; width:100%; padding:2px 0; }
#content ul li { padding:2px 0; font-size:14px; }
#content ul li.t { font-size:14px; background:url(../img_my/b.png) no-repeat 0 8px; padding-left:8px; color:#333; }
#content ul li select { padding-left:0px; }

.bottom_btn { min-width:300px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }



/*단골&후기*/
#fav_type { min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #cecece; overflow:hidden; }
#fav_type p.bt { float:right; height:19px; width:64px; padding-top:3px; 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-left:0px; }
#fav_type p.bt img { vertical-align:middle; }
#fav_type p.sel { float:left; }
#fav_type p.sel select { height:22px; font-size:12px; width:100px; padding-left:0px; }

.fav_list { min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #cecece; overflow:hidden; position:relative; }
.fav_list .bt_f { float:left; width:55px; }
.fav_list .bt_f input { color:#7d7d7d; width:38px; height:22px; background-color:#fff; border:solid 1px #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; font-weight:bold; cursor:pointer; padding-left:0; }

.fav_list .list_f { float:left; width:81%; font-size:12px; overflow:hidden; }
.fav_list .list_f ul { overflow:hidden; }
.fav_list .list_f li { font-size:12px; }
.fav_list .list_f li img { height:14px; vertical-align: sub; }
.fav_list .list_f li.type_f { font-weight:bold; padding-bottom:3px }
.t_blue { color:#0b83e0; }
.t_pink { color:#f407c5; }
.t_red { color:#ff0000; }
.t_yellow { color:#ffa800; }
.t_purple { color:#b407f4; }
.t_brown { color:#9d6707; }
.t_green { color:#0abf0a; }    

.fav_list .list_f li.tit { font-size:14px; font-weight:bold; }
.fav_list .call_f { position:absolute; top:10px; right:10px; }
.fav_list .call_f img { width:50px; }

.reply_list { min-width:300px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #cecece; overflow:hidden; position:relative; }
.reply_list .bt_f { float:left; width:55px; }
.reply_list .bt_f input { color:#7d7d7d; width:38px; height:22px; background-color:#fff; border:solid 1px #7d7d7d; -moz-border-radius:5px; -webkit-border-radius:0px; -webkit-appearance:none; border-radius:5px; font-size:11px; text-align:center; font-weight:bold; cursor:pointer; padding-left:0; }
.reply_list .reply { float:left; overflow:hidden; width:81%; }
.reply_list .reply ul { overflow:hidden; width:100%; }
.reply_list .reply ul li { padding:2px 0; font-size:12px; line-height:14px; clear:both; }
.reply_list .reply ul li.t { font-size:14px; padding-bottom:2px; }
.reply_list .reply ul li.type { font-weight:bold; padding-bottom:5px; }

.reply_list .reply_star { position:absolute; top:10px; right:10px; }
.reply_list .reply_star img { height:18px; }


/*포인트*/
.app { background-color:#f1ece9; padding:10px 10px 15px 10px; }
.app ul { overflow:hidden; padding-top:0px; padding-bottom:2px; clear:both; }
.app li { background:none; font-size:14px; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:0; color:#53251b; }
.app p { margin-top:5px; }



/*공통*/
.blue { color:#1515b6; }
.red { color:#ff3030; }
.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; }
.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; }
.gray { color:#888; }
.blue { color:#3d7194; }
.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; }