@charset "utf-8";
/* CSS Document */



html { font-size: 1em;  height:100%;}
body {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움',sans-serif, monospace;  font-size: 0.75em; color: #333; letter-spacing: -0.045em; height:100%; width:100%; margin:0 auto; }
label { cursor:pointer; }
code  { display:block; }

a:link, a:visited { text-decoration:none; color:#333; }
a:hover, a:focus, a:active { text-decoration:none; }

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea { font-size:100%;}
body, input, button, select, textarea {font-family:'Malgun Gothic','맑은 고딕','dotum','돋움',sans-serif, monospace;  }
em, cite, address, optgroup { font-style:normal; }
kbd, samp, code { font-family:monospace; }

img, input, button, select, textarea { vertical-align:middle; }
ul, ol { list-style:none; }
img, fieldset { border:0;}
abbr, acronym { cursor:help; border-bottom:1px dotted black; }
table {	width:100%;  border-spacing:0; border:0;}/* border-collapse: collapse; ff?�서 border="0" ??경우 문제 발생 */
table th, table td{ border:0;}
legend, hr { overflow:hidden; position:absolute; top:0; left:0;}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0;}

.fullBg {position: fixed; top:0; left:0;overflow: hidden;}


/* 로그인페이지 */

#logininner{ width:1000px; margin:0 auto; overflow:hidden; display:block; clear:both; text-align:center; }
#logininner h1{display:block;overflow:hidden; width:250px; height:auto; padding-top:30px; margin:0 auto;}

#logininner .box{overflow:hidden; display:block; clear:both; position:relative;  width:500px; height:500px; margin:50px auto 0 auto;  }
#logininner .box h2{display:block;overflow:hidden; text-align:left; margin-bottom:20px;  }

#logininner .box .loginbox{ border:1px solid #ccc;   }
#logininner .box .loginbox img{ width:337px; margin:0 auto 30px auto;}
#logininner .box .loginbox ul{ border:10px solid #f9f9f9; padding:20px 20px 20px 20px;}
#logininner .box ul li input[type=text], #logininner .box ul li input[type=password]{ border:2px solid #e1e1e1; width:100%; height:40px; padding:5px;  border-radius:5px; margin-bottom:7px; font-size:16px; }
#logininner .box ul li button{ background:#e21a1e; border:1px solid #c5050a; border-radius:5px;  width:100%; height:50px; margin:0 auto; color:#fff;font-size:19px; font-weight:900; }
/*#logininner .box ul li.btntype input[type=image]{ width:56px; height:22px; margin:0 auto;}*/

@media screen and (max-width:767px){
	#logininner{ width:100%; margin:0 auto; overflow:hidden; display:block; clear:both; text-align:center; }

	#logininner h1{display:block;overflow:hidden; width:100%; height:auto;  margin:0 auto 20px auto;}
	#logininner h1 img{ width:39%;}
	.img100{ width:65%;}
	#logininner .box{overflow:hidden; display:block; clear:both;    width:90%; height:auto;  margin:0 auto;  }
	#logininner .box h2{display:block;overflow:hidden; text-align:left; margin-bottom:15px;  }
	
	#logininner .box .loginbox{ border:1px solid #ccc;  }
	#logininner .box .loginbox img{ width:100%; margin:0 auto 30px auto;}
	#logininner .box .loginbox ul{ border:10px solid #f9f9f9; padding:20px 20px 20px 20px;}
	#logininner .box ul li input[type=text], #logininner .box ul li input[type=password]{ border:2px solid #e1e1e1; width:100%; height:45px;  border-radius:5px; margin-bottom:7px; font-size:16px;} 

	
	
	}


#logininner address{font-style:normal; font-family:Verdana, Geneva, sans-serif; font-size:11px; border-top:1px solid #ededed; margin-top:50px; padding-top:20px; color:#999;}

/********** 순서 변경 테이블 **********/
ul.sortable li.row {border-bottom: 1px solid #ccc;text-align: center;line-height: 20px;padding: 10px 0;}
ul.sortable li.row.active {border:1px solid #ccc;background:#fff}
ul.sortable li.row ul {overflow:visible;height:20px}
ul.sortable li.row ul li {float:left;height:100%}
ul.sortable li.row ul li:first-child {text-align:left;padding-left:30px}
ul.sortable li.row ul li:first-child span { position: absolute; margin-left: -2em; margin-top:2px}
ul.sortable li.row ul li.w170 {width:170px}
ul.sortable li.row ul li.w150 {width:150px}
ul.sortable li.row ul li.w190 {width:190px}
ul.sortable li.row ul li.w118 {width:118px}
ul.sortable li.row ul li.w518 {width:518px}
ul.sortable li.row ul li.w100c {width:40px;padding-right:30px;text-align:center;}
ul.sortable .highlight {height:41px;background-color: #f7f7f7;}

#sortablehelp {background:#d4d4d4;margin-top:10px;}
#sortablehelp img, #sortablehelp span {margin-left:5px;}
#sortablehelp span b {color:#ca3c18;font-weight:normal;}



/* 추가 : 2018-02-13*/
.rowline {border-bottom: 1px solid #ccc;text-align: center;line-height: 20px;padding: 10px 0;display:block; overflow:hidden;}
.rowline .active {border:1px solid #ccc;background:#fff}
.rowline  ul {overflow:visible;display:block;}
.rowline  ul li {float:left;height:20px; }
.rowline  ul li:first-child {text-align:left;padding-left:30px}
.rowline  ul li:first-child span { position: absolute; margin-left: -2em; margin-top:2px}
.rowline  ul li.w170 {width:170px}
.rowline  ul li.w150 {width:150px}
.rowline  ul li.w190 {width:190px}
.rowline  ul li.w118 {width:118px}
.rowline  ul li.w518 {width:518px}
.rowline  ul li.w100c {width:40px;padding-right:30px;text-align:center;}
.rowline .highlight {height:41px;background-color: #f7f7f7;}



/**************************************/

/*********** 우편번호 검색 ************/
#popZipcode {padding:20px;display:none;}
#popZipcode > span {line-height:20px;}
#popZipcode .searcharea {height:45px;border:1px solid #E5E5E5;background:#F9F9F9;line-height:45px;padding-left:70px;font-weight:bold;margin-top:10px;}
#popZipcode .searcharea input[type=text] {width:200px;margin-left:20px}
#popZipcode .searchlist {max-height:300px;overflow-y:auto;margin-top:15px;display:none;}
#popZipcode table th {height:25px;background:#F9F9F9;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;font-weight:normal;}
#popZipcode table td {border-bottom:1px solid #E5E5E5;text-align:center;padding:5px 10px;line-height:20px;}
#popZipcode table td a {display:block;width:98%;text-align:left;}
#popZipcode table tr th:first-child, #tblZipcodeList tr td:first-child {border-right:1px solid #E5E5E5;}
/**************************************/

/*********** 카탈로그 관리 ************/
div.catalog {width:260px;min-height:100%;float:left;}
div.catalog .btnOrder {float:left;display:none;margin-left:10px;margin-top:5px}
div.catalog .btnAdd {float:right;margin-right:15px;margin-top:5px}
div.catalog .bod_list {width:240px;height:50px;line-height:50px;font-weight:bold;font-size:13px;padding-left:20px;}
div.catalog .sortable li {text-align:left;padding-left:20px;}
div.catalog .sortable li.on, div.catalog .sortable li:hover {background:#F7F7F7}
div.catalog .sortable li a {float:right;margin-top:-2px;margin-right:15px;}
div.catalog .sortable li .ui-icon-arrowthick-2-n-s {position:absolute;margin-left:-15px;margin-top:2px;}

#popCatalog dl dt {width:100px;float:left;height:30px;line-height:30px;margin-top:5px}
#popCatalog dl dt .ui-icon {float:left;margin-top:6px;}
#popCatalog dl dd  {width:520px;height:30px;float:left;margin-top:5px;line-height:30px;}
/**************************************/

img.ui-datepicker-trigger {margin-left:3px;cursor:pointer;}


#popZipcode {padding:15px;display:none;font-size:12px;line-height:10px}
.zipcode select {height:29px;padding:4px 3px;border:1px solid #ccc;width:110px;margin-right:5px;display:none }
.zipcode input{ padding:5px 3px;border:1px solid #ccc; width:270px; margin-right:5px;*width:260px;}
.content_intro{ padding:10px 0;}
.content_intro p{padding:1px 0;}
.content_intro p strong{ color:#B41216;}
.content_intro.txt_msg{min-height:17px;}
.zipcode .field{overflow:hidden;margin-top:12px;padding:10px 20px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.zipcode .field button{ border-radius:3px;font-size:11px; font-weight:900; padding:4px 15px 7px 15px;border:1px solid #000; color:#fff; background:#333;}
.zipcode .ajaxload {width:32px;height:32px;position:absolute;left:50%;top:140px;margin-left:-32px;background:url(/images/jqueryui/ajax_loader.gif) no-repeat 0 50%;}
.tbl_data_scroll{width:100%;border-bottom:1px solid #e5e5e5;border-top:1px solid #666;table-layout:fixed;display:none}
.tbl_data_scroll .heading td{padding:10px 0;font-weight:bold;text-align:center;line-height:20px;border-top:1px solid #666;background-color:#f2f2f2; color:#222}
.tbl_data_scroll .heading td.bdline{background:#f2f2f2;}
.tbl_data_scroll .table_scroll{overflow:hidden;overflow-y:auto;background:#fff;max-height:344px;}
.tbl_data_scroll .table_scroll table{width:100%;table-layout:fixed;background:#fff;word-wrap:break-word}
.tbl_data_scroll .table_scroll table thead th{background:none;border:0;line-height:0}
.tbl_data_scroll .table_scroll table thead .blind{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0}
.tbl_data_scroll .table_scroll table thead{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0}
.tbl_data_scroll .table_scroll table tbody tr td{font-size:12px;color:#666;letter-spacing:0px}
.tbl_data_scroll .table_scroll table tbody tr td .limit01{display:block;width:61px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
.tbl_data_scroll .table_scroll table tbody tr td .in_ar{display:block;padding:0 10px}
.tbl_data_scroll .table_scroll table tbody tr:first-child td{background-color:#fff}
.tbl_data_scroll .table_scroll table tr td{height:auto;padding:3px 0;text-align:center;background:#fff;border-top:solid 1px #e5e5e5;color:#666;font-weight:normal;line-height:18px; }
.tbl_data_scroll .table_scroll table tr td.address{ text-align:left}
.tbl_data_scroll .table_scroll table tr th{border-top:solid 1px #e5e5e5;background:#f9f9f9; text-align:left}