@charset "utf-8";

*				{ margin:0px; font-family: '나눔고딕','nanum gothic','맑은고딕','malgun gothic','돋움','Dotum','Apple SD Gothic Neo','Helvetica','Noto Sans KR',sans-serif; } /* Nanum Gothic  Noto Sans KR */
body, html		{ margin:0px; position:relative; width:100%; text-align:center; background-color:#ffffff; }
img				{ padding:0px; margin:0px; border:0px; }
form			{ margin:0px; padding:0px; }

a				{ cursor:pointer; text-decoration:none; }

input { -webkit-appearance: none; -webkit-border-radius: 0; }

#toastmessage	{ display:none; z-index:30000; position:fixed; left:50%; width:280px; margin-left:-140px; bottom:100px; padding:10px; background-color:#000000; color:#FFFFFF; transition-duration:0.25s; text-align:center; font-size:12px; }

a.normal		{ color:#000000; cursor:pointer; text-decoration:none; }
a.normal:hover	{ text-decoration:underline; }

.pagings		{ padding:5px 10px 5px 10px; border:1px solid #DCDCDC; background-color:#FFFFFF; border-radius:3px; text-align:center; font-size:11px; color:#191919; }
.pagings:hover	{ background-color:#DCDCDC; }

.pagings2		{ padding:5px 8px 5px 8px; border:1px solid #DCDCDC; background-color:#FFFFFF; border-radius:3px; text-align:center; font-size:11px; color:#191919; }
.pagings2:hover { background-color:#DCDCDC; }

.pagingson		{ background-color:#DCDCDC; }

.paging { margin-top: 20px; text-align: center; }
.paging button { min-width: 32px; height: 32px; margin: 0 2px; padding: 0 8px; border: 1px solid #d0d0d0; background: #fff; cursor: pointer; font-size: 13px; color:#191919; }
.paging button.active { background: #333; border-color: #333; color: #fff; font-weight: bold; color:#FFF; }
.paging button:hover { background: #f5f5f5; color:#191919; }
.paging button.active:hover { background: #333; color:#FFF; }

textarea { resize: vertical; }


/* font */
.font8			{ font-size:8px; }
.font9			{ font-size:9px; }
.font10			{ font-size:10px; }
.font11			{ font-size:11px; }
.font12			{ font-size:12px; }
.font13			{ font-size:13px; }
.font14			{ font-size:14px; }
.font15			{ font-size:15px; }
.font20			{ font-size:20px; }
.fontbold		{ font-weight:600; }

/* blanks */
.blankszero		{ clear:both; height:0px; }
.blanks			{ clear:both; height:10px; }
.blanks15		{ clear:both; height:15px; }
.blanks20		{ clear:both; height:20px; }
.blanks25		{ clear:both; height:25px; }
.blanks30		{ clear:both; height:30px; }
.blanks40		{ clear:both; height:40px; }
.blanks50		{ clear:both; height:50px; }
.blanks60		{ clear:both; height:60px; }
.blanks70		{ clear:both; height:70px; }
.blanks100		{ clear:both; height:100px; }
.blanks200		{ clear:both; height:200px; }

.ellipsis4 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.ellipsis3 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.ellipsis2 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ellipsis1 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }

.colresize { color:#191919; padding:5px; font-family: 'Nanum Gothic', sans-serif; font-weight:700; font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.goodstdcenter { color:#191919; padding:5px; font-family: 'Nanum Gothic', sans-serif; font-weight:400; font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.goodstdleft { color:#191919; padding:5px; font-family: 'Nanum Gothic', sans-serif; font-weight:400; font-size:12px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.goodstdright { color:#191919; padding:5px; font-family: 'Nanum Gothic', sans-serif; font-weight:400; font-size:12px; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }

.alignleft		{ text-align:left; }
.aligncenter	{ text-align:center; }
.alignright		{ text-align:right; }
.cursors		{ cursor:pointer; }

.wh20			{ width:20px; height:20px; }
.color1			{ background-color:#EAEFF7; }
.color2			{ background-color:#20509E; color:#FFFFFF; border:1px solid #000000; }


.addgroup_btn { z-index:100; position:fixed; width:100%; left:0px; text-align:center; bottom:0px; height:70px; border-top:2px solid #000000; background-color:#C4D1DE; }

.inputs			{ position:relative; float:left; height:32px; text-align:start; padding:5px; border:1px solid #BABEC5; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:0px; vertical-align:middle; appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; }
.inputs:hover	{ box-shadow:0 0 0 2px #DFE0E2; }
.inputs:focus	{ border:1px solid #2EA21E; box-shadow:0 0 0 2px #DFE0E2; }

.inputsno		{ position:relative; float:left; height:32px; text-align:start; padding:5px; border:1px solid #BABEC5; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; }

.selects		{ position:relative; float:left; height:32px; text-align:start; padding:5px; border:1px solid #BABEC5; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:0px; vertical-align:middle; }
.selects:hover	{ box-shadow:0 0 0 2px #DFE0E2; }
.selects:focus	{ border:1px solid #2EA21E; box-shadow:0 0 0 2px #DFE0E2; }

.input112		{ position:relative; float:left; height:32px; text-align:start; padding:5px; border:1px solid #BABEC5; font-size:11px; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:0px; vertical-align:middle; }

.input13		{ position:relative; width:100%; height:40px; text-align:start; border:1px solid #BABEC5; font-size:13px; color:#000000; box-sizing:border-box; }
.input13c		{ position:relative; width:100%; height:40px; text-align:start; border:1px solid #BABEC5; font-size:13px; color:#000000; background-color:#EAEFF7; box-sizing:border-box; }

.input12		{ position:relative; width:100%; height:40px; text-align:start; border:1px solid #BABEC5; font-size:12px; color:#191919; box-sizing:border-box; }
.input12c		{ position:relative; width:100%; height:40px; text-align:start; border:1px solid #BABEC5; font-size:12px; color:#191919; background-color:#EAEFF7; box-sizing:border-box; }


.textarea11		{ border:1px solid #808080; background-color:#ffffff; color:#191919; font-size:11px; vertical-align: bottom; }

.btns			{ position:relative; float:left; height:32px; text-align:center; cursor:pointer; transition-duration:0.25s; box-sizing:border-box; border-radius:0px; vertical-align:middle; appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; }



.redss			{ border:1px solid #efefef; color:#404040; background-color:#f1ccbb; }
.redss:hover	{ box-shadow:0 0 0 2px #DFE0E2; background-color:#efefef; }


.white			{ border:1px solid #efefef; color:#404040; background-color:#FFFFFF; }
.white:hover	{ box-shadow:0 0 0 2px #DFE0E2; background-color:#efefef; }

.grays			{ border:1px solid #efefef; color:#404040; background-color:#f8f9fd; }
.grays:hover	{ border-color:#404040; background-color:#f8f9fd; }

.darks			{ border:1px solid #404040; color:#FFFFFF; background-color:#404040; }
.darks:hover	{ box-shadow:0 0 0 2px #DFE0E2; background-color:#000000; }

.trans			{ border:1px solid transparent; color:#404040; background-color:transparent; }
.trans:hover	{ box-shadow:0 0 0 2px #DFE0E2; }

.transdot		{ border:1px solid transparent; border-bottom:1px solid #efefef; color:#404040; background-color:transparent; }
.transdot:hover	{ box-shadow:0 0 0 2px #DFE0E2; }

.transzero		{ border:1px solid transparent; color:#404040; background-color:transparent; }
.transzero:hover	{ ; }
.transzero:focus	{ border:1px solid transparent; }

.transzero2		{ border:none; color:#404040; background-color:transparent; outline:none; box-shadow:none; }
.transzero2:hover	{ border:none; color:#404040; background-color:transparent; outline:none; box-shadow:none; }
.transzero2:focus	{ border:none; color:#404040; background-color:transparent; outline:none; box-shadow:none; }

.underlines		{ border-bottom:1px solid #000000; }
.underlines2	{ border-bottom:1px solid #DCDCDC; }
.toplines2		{ border-top:1px solid #DCDCDC; }

.order_detail_title { position:relative; left:3%; width:94%; font-size:15px; font-weight:600; text-align:left; padding-bottom:10px; border-bottom:2px solid #000000; margin:40px 0px 15px 0px; }
.order_detail_info { position:relative; left:3%; width:94%; font-size:12px; color:#666666; text-align:left; line-height:170%; letter-spacing:-0.5px; margin-bottom:15px; }


.cart_sheet_checkbox {
	width:30px; height:30px; cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M5 2c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size:24px auto; background-position:center;
}
.cart_sheet_checkbox:hover {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M5 2c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size:24px auto; background-position:center;
}
.cart_sheet_checkbox.on {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M19 0h-14c-2.762 0-5 2.239-5 5v14c0 2.761 2.238 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-8.959 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size:24px auto; background-position:center;
}

::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }


.scrollbars::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
.scrollbars::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }

.tdtype { font-size:13px; padding:10px 0px 10px 0px; text-align:center; cursor:pointer; color:#000000; }
.tdtype:hover { font-weight:600; color:#000000; }
.tdtype.on { font-weight:600; color:#000000; background-color:#E5E5E5; }

.tdty { font-size:13px; padding:0px 15px 0px 15px; text-align:center; border-right:1px solid #E5E5E5; cursor:pointer; color:#000000; }
.tdty2 { font-size:13px; padding:0px 15px 0px 15px; text-align:center; cursor:pointer; color:#000000; }

.viewm { display:none; }
.dtds { font-size:12px; text-align:left; border:1px solid #CCCCCC; padding:7px; }
.dtds2 { font-size:12px; text-align:left; padding:7px; }

.pagingtd { font-size:12px; text-align:center; cursor:pointer; background-color:#FFFFFF; }
.pagingtd:hover { background-color:#EFEFEF; }
#change_page_box { display:none; z-index:1; position:absolute; right:0px; margin-top:33px; width:80px; height:150px; background-color:#FFFFFF; border-collapse:collapse; border:1px solid #E5E5E5; }
#change_page_box2 { display:none; z-index:1; position:absolute; right:0px; margin-top:33px; width:80px; height:150px; background-color:#FFFFFF; border-collapse:collapse; border:1px solid #E5E5E5; }

#popup_modifybox { z-index:10; display:none; position:fixed; top:50%; left:50%; width:500px; height:500px; margin:-250px 0px 0px -250px; overflow-x:hidden; border-radius:5px; overflow-y:auto; background-color:#FFFFFF; border:1px solid #cccccc; text-align:left; }
#popup_modifyboxbg { z-indx:9; display:none; position:fixed; top:0px; left:0px; bottom:0px; right:0px; background-color:#000000; opacity: 0.5; }

#popup_widebox { z-index:10; display:none; position:fixed; top:50%; left:50%; width:800px; height:500px; margin:-250px 0px 0px -400px; overflow-x:hidden; border-radius:5px; overflow-y:auto; background-color:#FFFFFF; border:1px solid #cccccc; text-align:left; }
#popup_wideboxbg { z-indx:9; display:none; position:fixed; top:0px; left:0px; bottom:0px; right:0px; background-color:#000000; opacity: 0.5; }

@media all and (max-width: 620px) {
	.viewm { display:block; }

	#popup_modifybox { width:94%; height:500px; left:0px; margin:-250px 0px 0px 3%; overflow-x:hidden; border-radius:5px; overflow-y:auto; background-color:#FFFFFF; border:1px solid #cccccc; text-align:left; }
	
	#popup_widebox { width:94%; height:500px; left:0px; margin:-250px 0px 0px 3%; overflow-x:hidden; border-radius:5px; overflow-y:auto; background-color:#FFFFFF; border:1px solid #cccccc; text-align:left; }
}
.note-frame { font-size:12px; }
.note-current-fontsize { font-size:12px; }
.note-editable { line-height:170%; }

/* table */
.table-bordered { width:100%; min-width:720px; background-color:#cccccc; border-collapse:collapse; font-size:11px;  }
.table-bordered td { color:#191919; background-color:#FFFFFF; font-family: 'Nanum Gothic', sans-serif; border-collapse:collapse; border:1px solid #cccccc; padding:7px; font-size:11px; }

.titlebar		{ padding:3px; margin-right:10px; background-color:#000000; }

.tdtr2 { color:#191919; padding:10px; font-family: 'Nanum Gothic', sans-serif; background-color:#FFFFFF; border-collapse:collapse; font-size:12px; }

.tablebg		{ background-color:#DCDCDC; border-radius:0px; overflow:hidden; border:0px; border-spacing:1px; border-collapse:separate; }
.tablebg2		{ overflow:hidden; border:0px; border-spacing:0px; border-collapse:separate; }

.tabletitle		{ color:#191919; background-color:#f8f9fd; font-family: 'Nanum Gothic', sans-serif; }
.cursors		{ cursor:pointer; }
.tabletr		{ background-color:#FFFFFF; border-collapse:collapse; }
.tabletr:hover	{ background-color:#E3F1FF; }

.tabletr_check	{ background-color:#FFFBC9; border-collapse:collapse; }

.tabletr2		{ background-color:#FFFFFF; border-collapse:collapse; }

.tableth		{ color:#191919; padding:10px; font-family: 'Nanum Gothic', sans-serif; font-weight:700; }
.tableth5		{ color:#191919; padding:5px; font-family: 'Nanum Gothic', sans-serif; font-weight:700; }
.tabletd		{ color:#191919; padding:10px; font-family: 'Nanum Gothic', sans-serif; }
.tabletd5		{ color:#191919; padding:5px; font-family: 'Nanum Gothic', sans-serif; }
.tabletdz		{ color:#191919; font-family: 'Nanum Gothic', sans-serif; }
.tabletd05		{ color:#191919; padding:10px 5px 10px 5px; font-family: 'Nanum Gothic', sans-serif; }

/* date month picker */
.ui-datepicker { margin-top:5px; }
.ui-datepicker-calendar { z-index:10; background-color:#FFFFFF; width:170px; }
.ui-monthpicker { z-index:10; background-color:#FFFFFF; width:170px; margin-top:5px; }
.ui-datepicker-header { position:relative; height:30px; background-color:#f8f9fd; border:1px solid #e5e5e5; }
.ui-datepicker-prev { position:absolute; left:0px; top:0px; padding:7px 0px 7px 7px; width:50px; font-size:12px; text-align:left; }
.ui-datepicker-next { position:absolute; right:0px; top:0px; padding:7px 7px 7px 0px; width:50px; font-size:12px; text-align:right; }

.ui-datepicker-title { position:absolute; top:5px; left:50%; width:80px; height:20px; margin-left:-40px; border:1px solid #e5e5e5; background-color:#FFFFFF; font-size:12px; }
.ui-datepicker-year { position:inline-block; font-size:12px; margin-top:3px; border:0px; outline:0px; }
.ui-datepicker-month { position:inline-block; font-size:12px; margin-top:3px; border:0px; outline:0px;  }

.ui-datepicker-calendar { font-size:12px; width:170px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.ui-datepicker-calendar td { border:1px solid #e5e5e5; width:50px; height:30px; cursor:pointer; }
.ui-datepicker-calendar td:hover { background-color:#f8f9fd; }

.ui-datepicker-current-day { background-color:#efefef; }
.ui-datepicker-today { background-color:#abc8e4; }
.ui-state-default { color:#000000; }

.check_box {
	position:relative; float:left; width:25px; height:22px; padding-top:3px; font-size:18px; font-weight:600; text-align:center;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M5 2c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 24px auto; background-position:center;
}
.check_box.on {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23201A5A' d='M19 0h-14c-2.762 0-5 2.239-5 5v14c0 2.761 2.238 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-8.959 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 24px auto; background-position:center;
}



.height24		{ height:24px; }

.optionbg	{ z-index:1; position:absolute; top:41px; left:0px; width:250px; height:200px; overflow-x:hidden; overflow-y:scroll; background-color:#FFFFFF; padding:10px; border:1px solid #BABEC5; border-radius:3px; }
.optionin	{ width:100%; height:40px; font-size:11px; border-bottom:1px dotted #BABEC5; vertical-align:middle; text-align:left; background-color:#FFFFFF; color:#000000; cursor:pointer; }
.optionin:hover { background-color:#efefef; }

.selectbox {
	width:100%; cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111111' d='m16.843 10.211c.108-.141.157-.3.157-.456 0-.389-.306-.755-.749-.755h-8.501c-.445 0-.75.367-.75.755 0 .157.05.316.159.457 1.203 1.554 3.252 4.199 4.258 5.498.142.184.36.29.592.29.23 0 .449-.107.591-.291 1.002-1.299 3.044-3.945 4.243-5.498z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 24px auto; background-position:right;
}

.selectbox2 {
	cursor:pointer; padding-right:20px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E5E5E5' d='m16.843 10.211c.108-.141.157-.3.157-.456 0-.389-.306-.755-.749-.755h-8.501c-.445 0-.75.367-.75.755 0 .157.05.316.159.457 1.203 1.554 3.252 4.199 4.258 5.498.142.184.36.29.592.29.23 0 .449-.107.591-.291 1.002-1.299 3.044-3.945 4.243-5.498z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 24px auto; background-position:right;
}
.closebox2 {
	cursor:pointer; padding-right:30px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E5E5E5' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5 15.538l-3.592-3.548 3.546-3.587-1.416-1.403-3.545 3.589-3.588-3.543-1.405 1.405 3.593 3.552-3.547 3.592 1.405 1.405 3.555-3.596 3.591 3.55 1.403-1.416z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 18px auto; background-position:right;
}
.plusfilesbox { display:none; position:relative; float:left; width:140px; height:140px; border:1px solid #E5E5E5; background-color:#FFFFFF; overflow:hidden; margin:0px 0px 5px 5px; }
.plusfiles {
	z-index:1; position:absolute; top:0px; left:0px; width:100%; background-color:transparent; height:100%;  cursor:pointer;
	background:url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEgMTFoLTcuMjVjLS40MTQgMC0uNzUuMzM2LS43NS43NXMuMzM2Ljc1Ljc1Ljc1aDcuMjV2Ny4yNWMwIC40MTQuMzM2Ljc1Ljc1Ljc1cy43NS0uMzM2Ljc1LS43NXYtNy4yNWg3LjI1Yy40MTQgMCAuNzUtLjMzNi43NS0uNzVzLS4zMzYtLjc1LS43NS0uNzVoLTcuMjV2LTcuMjVjMC0uNDE0LS4zMzYtLjc1LS43NS0uNzVzLS43NS4zMzYtLjc1Ljc1eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');
	background-repeat:no-repeat; background-position:center; background-size:50px;
}
.plusfiles::file-selector-button { display: none; }

.plusfile_img { z-index:1; position:absolute; top:0px; left:0px; width:100%; background-color:transparent; height:100%; }
.plusfile_on { z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:40px; background-color:rgba(0, 0, 0, 0.5); }
.plusfile_search {
	z-index:3; position:absolute; left:0px; width:46px; height:40px; cursor:pointer;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:center; background-size:20px auto;
}
.plusfile_search:hover { background-color:rgba(0, 0, 0, 0.8); }

.plusfile_modify {
	z-index:3; position:absolute; bottom:0px; left:47px; width:46px; height:40px; cursor:pointer;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M1.438 16.875l5.688 5.689-7.126 1.436 1.438-7.125zm22.562-11.186l-15.46 15.46-5.688-5.689 15.459-15.46 5.689 5.689zm-4.839-2.017l-.849-.849-12.614 12.599.85.849 12.613-12.599z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:center; background-size:20px auto;
}
.plusfile_modify:hover { background-color:rgba(0, 0, 0, 0.8); }

.plusfile_delete {
	z-index:3; position:absolute; bottom:0px; left:94px; width:46px; height:40px; cursor:pointer;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='m12 10.93 5.719-5.72c.146-.146.339-.219.531-.219.404 0 .75.324.75.749 0 .193-.073.385-.219.532l-5.72 5.719 5.719 5.719c.147.147.22.339.22.531 0 .427-.349.75-.75.75-.192 0-.385-.073-.531-.219l-5.719-5.719-5.719 5.719c-.146.146-.339.219-.531.219-.401 0-.75-.323-.75-.75 0-.192.073-.384.22-.531l5.719-5.719-5.72-5.719c-.146-.147-.219-.339-.219-.532 0-.425.346-.749.75-.749.192 0 .385.073.531.219z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:center; background-size:24px auto;
}
.plusfile_delete:hover { background-color:rgba(0, 0, 0, 0.8); }


.plusfile_img_big_bg { display:none; z-index:5; position:fixed; top:50%; left:50%; width:1060px; height:500px; margin-left:-500px; margin-top:-250px; border:2px solid #000000; overflow:hidden; background-color:#FFFFFF; border-radius:5px; }
.plusfile_img_big_title_bg { position:relative; top:0px; left:0px; width:100%; height:50px; background-color:#DCDCDC; border-bottom:1px solid #000000; }
.plusfile_img_big_title { position:absolute; left:20px; top:18px; font-size:13px; font-weight:600; color:#111111; }
.plusfile_img_big_close { position:absolute; top:13px; right:20px; font-size:14px; cursor:pointer; }
.plusfile_img_add { position:relative; top:0px; left:0px; height:430px; background-color:#FFFFFF; overflow-x:hidden; overflow-y:scroll; margin:10px; }

.absolutezero { position:absolute; top:0px; left:0px; padding:0px; }
.relativezero { position:relative; top:0px; left:0px; padding:0px; }

.selectbox_sub { display:none; z-index:10; position:absolute; left:0px; top:33px; width:99%; background-color:#FFFFFF; text-align:start; border:1px solid #BABEC5; vertical-align:middle; transition-duration:0.01s; }

.selectbox_sub_start { position:relative; height:32px; text-align:start; padding:5px; border:1px solid transparent; color:#000000; background-color:#EFEFEF; vertical-align:middle; width:100%; cursor:pointer; font-size:12px; }

.selectbox_sub_in { position:relative; height:32px; text-align:start; padding:5px; border:1px solid transparent; color:#000000; background-color:#FFFFFF; vertical-align:middle; width:100%; cursor:pointer; font-size:12px; }
.selectbox_sub_in:hover { background-color:#EFEFEF; }

.selectbox_sub_make { position:relative; height:32px; text-align:start; padding:5px; border:1px solid transparent; color:#000000; background-color:#EFEFEF; vertical-align:middle; width:100%; cursor:pointer; font-size:12px; }
.selectbox_sub_make:hover { background-color:#cccccc; }


.lineheight120	{ line-height:120%; }
.lineheight150	{ line-height:150%; }
.lineheight170	{ line-height:170%; }

/* 상품등록 */
.group_title_txt { position:relative; text-align:left; }
.group_title_ico {
	position:absolute; right:0px; top:0px; width:18px; height:18px; border:1px solid #BABEC5; padding:5px; margin-top:-8px; border-radius:3px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111111' d='M23.245 4l-11.245 14.374-11.219-14.374-.781.619 12 15.381 12-15.391-.755-.609z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 16px auto; background-position:center;
}
.group_title_ico.on {
	position:absolute; right:0px; top:0px; width:18px; height:18px; border:1px solid #BABEC5; padding:5px; margin-top:-8px; border-radius:3px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111111' d='M23.245 20l-11.245-14.374-11.219 14.374-.781-.619 12-15.381 12 15.391-.755.609z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 16px auto; background-position:center;
}


.option_detail { position:relative; float:left; width:100%; height:40px; text-align:start; padding:5px; border:1px solid #BABEC5; background-color:#EAEFF7; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; font-size:12px; }
.option_detail:hover	{ box-shadow:0 0 0 2px #DFE0E2; }
.option_detail:focus	{ border:1px solid #2EA21E; box-shadow:0 0 0 2px #DFE0E2; }

.option_detail2 { position:relative; float:left; width:100%; height:40px; text-align:start; padding:5px; border:1px solid #BABEC5; background-color:#FFFFFF; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; font-size:12px; }


.bbs_lines { position:relative; width:100%; text-align:left; padding:3px 0px 3px 0px; background-color:#FFFFFF; border-bottom:1px solid #efefef; }
.bbs_lines2 { border-bottom:1px dotted #111111; }
.bbs_lines3 { border-bottom:1px solid #111111; }
.bbs_title { position:relative; width:100%; text-align:left; color:#111111; padding:10px 0px 3px 0px; text-decoration:none; cursor:pointer; line-height:170%; }
.bbs_title2 { position:relative; width:100%; text-align:left; color:#111111; padding:10px 0px 3px 0px; text-decoration:none; cursor:pointer; line-height:170%; }
.bbs_title3 { position:relative; width:100%; text-align:left; color:#111111; padding:10px 0px 3px 0px; text-decoration:none; line-height:170%; }
.bbs_title:hover { font-weight:700; text-decoration:underline; }
.bbs_subtxt { position:relative; text-align:left; height:24px; color:#9D9D9D; }
.bbs_right { position:absolute; right:0px; bottom:11px; color:#9D9D9D; }
.bbs_right2 { position:absolute; right:0px; top:11px; color:#9D9D9D; }

.bbs_right_down {
	position:absolute; right:0px; top:10px; width:30px; height:30px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111111' d='M23.245 4l-11.245 14.374-11.219-14.374-.781.619 12 15.381 12-15.391-.755-.609z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 12px auto; background-position:5px 5px;
}
.bbs_right_up {
	position:absolute; right:0px; top:10px; width:30px; height:30px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111111' d='M23.245 20l-11.245-14.374-11.219 14.374-.781-.619 12-15.381 12 15.391-.755.609z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 12px auto; background-position:5px 5px;
}


.content_search_box_group { display:none; z-index:10; position:absolute; margin-top:42px; width:100px; border:1px solid #E5E5E5; background-color:#FFFFFF; border-radius:3px; }
.content_search_box_group_txt { padding:7px 10px 7px 10px; font-size:13px; height:20px; line-height:20px; background-color:#FFFFFF; cursor:pointer; }
.content_search_box_group_txt:hover { background-color:#E5E5E5; }


.faq_roundbox { position:relative; top:0px; left:0px; float:left; width:90px; height:120px; margin:10px; cursor:pointer; }
.faq_roundbox:hover { background-color:#efefef; border-radius:100px; }
.faq_roundbox_box { position:relative; top:0px; left:0px; width:100%; height:auto; border-radius:100px; background-color:#BABEC5; }
.faq_roundbox_ico { position:relative; top:0px; left:0px; width:100%; height:100%; background-color:transparent; }
.faq_roundbox_txt { position:relative; top:0px; left:0px; width:100%; font-size:13px; letter-spacing:-1px; text-align:center; }

@media all and (max-width: 620px) {
	.faq_roundbox { width:60px; height:80px; }
	.faq_roundbox_txt { font-size:11px; }
}


/* header */
#headers		{ z-index:10; position:fixed; top:0px; left:0px; width:100%; height:50px; background-color:#002248; text-align:left; }
.headermenubtn	{ position:absolute; padding:13px; cursor:pointer; }
.headerlogobox	{ position:absolute; font-size:20px; color:#FFFFFF; padding:10px; cursor:pointer; font-family: 'Noto Sans KR', sans-serif; font-weight:700; }
.headermenubox	{ position:absolute; left:120px; top:15px; }
.headermenuboxout	{ position:absolute; right:0px; top:15px; }
.headermenubar	{ border-right:1px solid #094889; }
.headermenutxt	{ font-size:13px; color:#FFFFFF; height:30px; cursor:pointer; padding:20px 12px 20px 12px; }
.headermenutxt:hover { color:#C0FFFF; text-decoration:underline; }
.headermenutitle{ font-size:11px; padding: 2px 5px 2px 5px; background-color: #A3A9B3; border: 1px solid #9298A1; color: #FFFFFF; }

.menulistbox	{ display:none; z-index:11; position:fixed; top:50px; left:0px; width:180px; padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; overflow-x:hidden; overflow-y:auto; }
.menulistboxout	{ display:none; z-index:11; position:fixed; top:50px; right:0px; width:180px; padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; }

.menu_group		{ font-weight:bold; padding:12px 5px 12px 5px; color:#191919; font-size:12px; letter-spacing:1.3px; cursor:pointer; border-bottom:1px solid #efefef; margin-bottom:10px; }
.group_down		{ background:url('/image/comm/dot_down.gif') no-repeat 160px 15px; }
.group_up		{ background:url('/image/comm/dot_up.gif') no-repeat 160px 15px; }
.group_right	{ background:url('/image/comm/dot_right.gif') no-repeat 160px 15px; }
.group_left		{ background:url('/image/comm/dot_left.gif') no-repeat 160px 15px; }

.menu_groupbox	{ display:none; margin-left:10px; text-align:left; }

.txt_bold		{ font-weight:bold; padding:12px 5px 12px 5px; color:#191919; font-size:12px; letter-spacing:1.3px; }
.txt			{ background:url('/image/comm/dot_right.gif') no-repeat 3px 10px; padding:5px 5px 5px 18px; color:#191919; font-size:13px; cursor:pointer; }
.txt:hover		{ text-decoration:underline; }

.txts			{ background:url('/image/comm/dot_right.gif') no-repeat 3px 10px; padding:5px 5px 5px 18px; color:#191919; font-size:11px; cursor:pointer; line-height:160%; }

.txt11			{ color:#191919; font-size:11px; text-align:left; cursor:pointer; }
.txt11:hover	{ text-decoration:underline; }

.txt15			{ color:#191919; font-size:15px; text-align:left; cursor:pointer; }
.txt15:hover	{ text-decoration:underline; }

#containers		{ position:fixed; top:50px; left:0px; right:0px; bottom:0px; background-color:#FFFFFF; overflow:auto; }
.containerbox	{ position:relative; margin:50px 15px 20px 15px; text-align:left; }
#footers		{ position:fixed; bottom:0px; left:0px; width:100%; height:5px; background-color:#002248; z-index:10; }
#alertbox		{ display:none; position:fixed; top:50%; left:50%; width:300px; max-width:calc(100% - 40px); box-sizing:border-box; padding:22px 20px 18px 20px; margin:0px; text-align:center; background-color:#FFFFFF; border-radius:10px; border:1px solid #efefef; box-shadow:0px 12px 36px rgba(0,0,0,0.22); transform:translate(-50%, -50%); z-index:10002; }
#alerttxt		{ color:#111111; font-size:14px; line-height:160%; text-align:center; word-break:keep-all; overflow-wrap:anywhere; }
#alertbtn		{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; }
#bgdark			{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:13; text-indent:-9999px; }
#bgdark.shop-alert-bg { background:rgba(0,0,0,0.45); z-index:10001; }
.shop-alert-btn { flex:1 1 0; height:42px; border:1px solid #111111; border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; }
.shop-alert-btn-full { flex:0 0 100%; }
.shop-alert-btn-ok { color:#FFFFFF; background-color:#111111; }
.shop-alert-btn-cancel { color:#111111; background-color:#FFFFFF; border-color:#D0D0D0; }

.locationbox	{ position:fixed; top:50px; left:0px; width:100%; height:30px; background-color:#efefef; border-bottom:1px solid #cccccc; z-index:10; text-align:left; }
#locationtxt	{ color:#191919; font-size:12px; margin:9px 0px 0px 20px; text-align:left; }

.flexdisplay { display:flex; flex-wrap:wrap; box-sizing:border-box; }




@media screen and (max-width: 960px) {
	.mobiles { display:block; }
	.pcs { display:none; }
}
@media screen and (min-width: 961px) {
	.mobiles { display:none; }
	.pcs { display:block; }
}


@media screen and (max-width: 400px) {
	.loginbox { width:240px; margin:0 auto; }
}
@media screen and (min-width: 401px) {
	.loginbox { width:320px; margin:0 auto; }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none; margin: 0;
}

input::placeholder { color: #888888; font-size:12px; }

.d { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }


.width60 { width:60px; }
.width80 { width:80px; }
.width100 { width:100px; }
.width110 { width:110px; }
.width120 { width:120px; }

.zindex1 { z-index:1; }
.zindexminus1 { z-index:-1; }

.nice-select {
	position:relative; float:left; height:32px; text-align:start; padding:8px 30px 5px 5px; border:1px solid #BABEC5; color:#000000; cursor:pointer;
	transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle;
}
.nice-select:hover { box-shadow:0 0 0 2px #DFE0E2; }
.nice-select:active, .nice-select.open, .nice-select:focus { border:1px solid #2EA21E; box-shadow:0 0 0 2px #DFE0E2; }
.nice-select:after {
	border-bottom: 2px solid #90a1b5; border-right: 2px solid #90a1b5; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%;
	-webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
	transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px;
}
.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select.disabled { border-color: #e7ecf2; color: #90a1b5; pointer-events: none; }
.nice-select.disabled:after { border-color: #cdd5de; }

.nice-select.wide { width: 100%; }
.nice-select.wide .list { left: 0 !important; right: 0 !important; }

.nice-select.right { float:right; }
.nice-select.right .list { left:auto; right:0; }

.nice-select.small { font-size:12px; height:36px; line-height:34px; }
.nice-select.small:after { height:4px; width:4px; }
.nice-select.small .option { line-height:34px; min-height:34px; }

.nice-select .list {
	position:absolute; width:auto; top:100%; left:0; background-color:#FFFFFF; color:#000000; cursor:pointer; transition-duration:0.25s; box-sizing:border-box; border-radius:3px;
	border:1px solid #BABEC5; margin-top:4px; opacity:0; overflow:hidden; padding:5px; z-index:-1; list-style:none;
}
.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }

.nice-select .option { cursor:pointer; padding:5px 15px 5px 10px; text-align:left; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color:#f6f7f9; }
.nice-select .option.selected { font-weight:bold; }
.nice-select .option.disabled { background-color:transparent; color:#90a1b5; cursor:default; }

.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list { display: block; }


.padding10 { padding-top:10px; padding-bottom:10px; }