@charset "utf-8";

* { margin:0px; font-family:'Nanum Gothic','나눔고딕','Apple SD Gothic Neo','Helvetica',sans-serif; } /* Nanum Gothic  Noto Sans KR */
body, html { margin:0px; position:relative; width:100%; text-align:center; background-color:#ffffff; -webkit-text-size-adjust: 100%; }
img { padding:0px; margin:0px; border:0px; }

#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; line-height:170%; }

@keyframes lotate { 100% { transform: rotate(360deg); } }
#pageloading { display:none; position:fixed; z-index:30; top:0px; left:0px; right:0px; bottom:0px; } 
.loadingbg { position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.2); }
.loadingimg { position:fixed; z-index:1; animation-name:lotate; animation:lotate 3s infinite; top:50%; left:50%; width:36px; height:36px; margin-top:-18px; margin-left:-18px; border-radius:36px; 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='M11.501 4.025v-4.025h1v4.025l-.5-.025-.5.025zm-7.079 5.428l-3.884-1.041-.26.966 3.881 1.04c.067-.331.157-.651.263-.965zm5.995-5.295l-1.039-3.878-.967.259 1.041 3.883c.315-.106.635-.197.965-.264zm-6.416 7.842l.025-.499h-4.026v1h4.026l-.025-.501zm2.713-5.993l-2.846-2.845-.707.707 2.846 2.846c.221-.251.457-.487.707-.708zm-1.377 1.569l-3.48-2.009-.5.866 3.484 2.012c.15-.299.312-.591.496-.869zm13.696.607l3.465-2-.207-.36-3.474 2.005.216.355zm.751 1.993l3.873-1.038-.129-.483-3.869 1.037.125.484zm-3.677-5.032l2.005-3.472-.217-.125-2.002 3.467.214.13zm-1.955-.843l1.037-3.871-.16-.043-1.038 3.873.161.041zm3.619 2.168l2.835-2.834-.236-.236-2.834 2.833.235.237zm-9.327-1.627l-2.011-3.484-.865.5 2.009 3.479c.276-.184.568-.346.867-.495zm-4.285 8.743l-3.88 1.04.26.966 3.884-1.041c-.106-.314-.197-.634-.264-.965zm11.435 5.556l2.01 3.481.793-.458-2.008-3.478c-.255.167-.522.316-.795.455zm3.135-2.823l3.477 2.007.375-.649-3.476-2.007c-.116.224-.242.439-.376.649zm-1.38 1.62l2.842 2.842.59-.589-2.843-2.842c-.187.207-.383.403-.589.589zm2.288-3.546l3.869 1.037.172-.644-3.874-1.038c-.049.218-.102.434-.167.645zm.349-2.682l.015.29-.015.293h4.014v-.583h-4.014zm-6.402 8.132l1.039 3.879.967-.259-1.041-3.884c-.315.106-.635.197-.965.264zm-1.583.158l-.5-.025v4.025h1v-4.025l-.5.025zm-5.992-2.712l-2.847 2.846.707.707 2.847-2.847c-.25-.22-.487-.456-.707-.706zm-1.165-1.73l-3.485 2.012.5.866 3.48-2.009c-.185-.278-.347-.57-.495-.869zm2.734 3.106l-2.01 3.481.865.5 2.013-3.486c-.299-.149-.591-.311-.868-.495zm1.876.915l-1.042 3.886.967.259 1.04-3.881c-.33-.067-.65-.158-.965-.264z'/%3E%3C/svg%3E"); background-size: 36px auto; background-position:center; background-repeat:no-repeat; }

/* 아이폰 기본 스타일 제거 */
button, input, textarea { appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#000000; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' 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-size: 16px auto; background-position:right; background-repeat:no-repeat; }

/* 익스플로러 select 화살표 제거 - 화살표 없애기 for IE10, 11*/ 
/* select::-ms-expand { display:none; } */

/* 리사이즈 시 상하만 되도록 */
textarea { resize: vertical; }

/* partner connect */
.partner_conbox_top { height:30px; }
.partner_conbox_title { margin:0 auto; max-width:1000px; font-size:18px; text-align:left; font-weight:600; color:#000000; }
.partner_conbox { 
	margin:0 auto; margin-top:20px; margin-bottom:50px; max-width:962px; box-shadow:0 3px 5px 0 rgba(169,175,202,.09803921568627451); 
	border:1px solid #e0e3ed; border-radius: 10px; background:#FFFFFF; padding:30px; line-height:200%; font-size:15px; text-align:left; 
}
.partner_conbox_flex { display:inline-flex; margin:30px 0px 30px 0px; justify-content:center; align-items:center; vertical-align:top; }
.partner_conbox_flex_item { display:flex; flex-direction:column; width:100px; height:130px; text-align:center; }
.parnter_conbox_flex_item_term { 
	display:flex; flex-direction:column; width:100px; height:130px; 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='%23dddddd' d='m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z'/%3E%3C/svg%3E");
	background-size: 48px auto; background-position:center 30%; background-repeat:no-repeat;
}
.parnter_conbox_flex_item_term2 {
	display:inline-flex; flex-direction:column; margin-top:30px; width:100px; height:130px; 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='%23dddddd' d='m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z'/%3E%3C/svg%3E");
	background-size: 48px auto; background-position:center 30%; background-repeat:no-repeat;
}

.parnter_conbox_flex_item_term_img { width:100px; height:100px; }
.parnter_conbox_flex_item_term_txt { width:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; }

@media screen and (min-width: 601px) and (max-width: 860px) {
	.partner_conbox_top { height:20px; }
	.partner_conbox_title { font-size:15px; }
	.partner_conbox { font-size:13px; margin-bottom:30px; }
	.partner_conbox_flex { margin:10px 0px 10px 0px; }
	.partner_conbox_flex_item { width:70px; height:90px; }
	.parnter_conbox_flex_item_term { width:70px; height:90px; background-size: 24px auto; }
	.parnter_conbox_flex_item_term2 { width:70px; height:90px; background-size: 24px auto; margin-top:10px; }
	.parnter_conbox_flex_item_term_img { width:70px; height:70px; }
	.parnter_conbox_flex_item_term_txt { font-size:12px; margin-top:5px; }
 }
 
@media screen and (max-width: 600px) {
	.partner_conbox_top { height:10px; }
	.partner_conbox_title { font-size:15px; }
	.partner_conbox { font-size:13px; margin-bottom:30px; }
	.partner_conbox_flex { margin:10px 0px 10px 0px; }
	.partner_conbox_flex_item { width:70px; height:90px; }
	.parnter_conbox_flex_item_term { width:70px; height:90px; background-size: 24px auto; }
	.parnter_conbox_flex_item_term2 { display:flex; background-size:0px auto; width:0px; margin-top:10px; height:0px; }
	.parnter_conbox_flex_item_term_img { width:70px; height:70px; }
	.parnter_conbox_flex_item_term_txt { font-size:12px; margin-top:5px; }
 }	
 

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

/* scroll */
::-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); }


/* paging */
.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:6px 9px 6px 9px; border:1px solid #DCDCDC; background-color:#FFFFFF; border-radius:3px; text-align:center; font-size:12px; color:#191919; }
.pagings2:hover { background-color:#DCDCDC; }

.pagingson { background-color:#DCDCDC; }

/* alert */
#alertbox { z-index:20; display:none; position:fixed; top:100px; left:50%; width:240px; padding:20px; margin-left:-140px; text-align:left; background-color:#FFFFFF; border-radius:3px; border:1px solid #efefef; }
#alerttxt { font-size:12px; text-align:start; line-height:170%; word-break:break-all; }
#alertbtn { }
#alertbg { z-index:19; text-indent:-9999px; display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); }

#alertbox2 { z-index:25; display:none; position:fixed; top:150px; left:50%; width:200px; padding:20px; margin-left:-120px; text-align:left; background-color:#FFFFFF; border-radius:3px; border:1px solid #efefef; }
#alerttxt2 { font-size:12px; text-align:start; line-height:170%; word-break:break-all; }
#alertbtn2 { }
#alertbg2 { z-index:24; text-indent:-9999px; display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); }



/* 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; }
.font16 { font-size:16px; }
.font17 { font-size:17px; }
.font18 { font-size:18px; }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
.font30 { font-size:30px; }
.fontbold { font-weight:600; }
.fontbold2 { font-weight:700; }

.fontwhite { color:#FFFFFF; }
.fontblack { color:#000000; }
.fontgray { color:#888888; }
.fontstrike { text-decoration:line-through; }
.wordbreak { word-break:break-all; }
/* blanks */
.blankszero { clear:both; height:0px; }
.blanks { clear:both; height:10px; }
.blanks5 { clear:both; height:5px; }
.blanks10 { 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; }
.blanks80 { clear:both; height:80px; }
.blanks90 { clear:both; height:90px; }
.blanks100 { clear:both; height:100px; }
.blanks150 { clear:both; height:150px; }
.blanks200 { clear:both; height:200px; }


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

.colresize { color:#191919; padding:5px; font-size:12px; font-weight:700; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.goodstdcenter { color:#191919; padding:5px; font-size:12px; font-weight:400; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.goodstdleft { color:#191919; padding:5px; font-size:12px; font-weight:400; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.goodstdright { color:#191919; padding:5px; font-size:12px; font-weight:400; 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; }


/* form - shadow : x-position y-position blur spread color :  box-shadow:0px 0px 5px 1px #DFE0E2; */
form { margin:0px; padding:0px; }
input { -webkit-appearance: none; -webkit-border-radius: 0; }
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:11px; }
textarea { resize: vertical; }

.inputsbg { position:relative; float:left; width:170px; height:40px; }

.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:3px; vertical-align:middle; }
.inputs:hover { border:1px solid #cccccc; }
.inputs:focus { border:1px solid #cccccc; }

.inputsunder { position:relative; float:left; height:32px; text-align:start; padding:0px; border:0px; border-bottom:2px solid transparent; color:#000000; transition-duration:0.25s; box-sizing:border-box; vertical-align:middle; background-color:transparent; outline:none; box-shadow:none; }
.inputsunder:hover { border-bottom:2px solid #cccccc; }
.inputsunder:focus { border-bottom:2px solid #cccccc; }

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

.search_txt_close {
	z-index:1; display:none; position:absolute; cursor:pointer; right:0px; margin:0px 5px 0px 5px; height:100%; width:20px; 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='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.151 17.943l-4.143-4.102-4.117 4.159-1.833-1.833 4.104-4.157-4.162-4.119 1.833-1.833 4.155 4.102 4.106-4.16 1.849 1.849-4.1 4.141 4.157 4.104-1.849 1.849z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size: 20px auto; background-position:right;
}
.search_txt_close: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='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.151 17.943l-4.143-4.102-4.117 4.159-1.833-1.833 4.104-4.157-4.162-4.119 1.833-1.833 4.155 4.102 4.106-4.16 1.849 1.849-4.1 4.141 4.157 4.104-1.849 1.849z'/%3E%3C/svg%3E");
}

.search_txt_box {
	z-index:1; cursor:pointer; height:100%; background-color:#eeeff1; border:1px solid #e9eaed; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23687685' 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-size: 16px auto; background-position:5px; padding-left:24px; padding-right:30px;
}
.search_txt_box:hover {
	z-index:1; cursor:pointer; height:100%; background-color:#eeeff1; border:1px solid #e9eaed; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23687685' 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-size: 16px auto; background-position:5px; padding-left:24px; padding-right:30px;
}
.search_txt_box_close {
	z-index:2; position:absolute; cursor:pointer; right:0px; width:20px; height:16px; padding:12px 5px 12px 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23687685' d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.151 17.943l-4.143-4.102-4.117 4.159-1.833-1.833 4.104-4.157-4.162-4.119 1.833-1.833 4.155 4.102 4.106-4.16 1.849 1.849-4.1 4.141 4.157 4.104-1.849 1.849z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size: 16px auto; background-position:center;
}

#data_none { display:none; width:100%; font-size:12px; text-align:center; padding:150px 0px 150px 0px; vertical-align:middle; line-height:150%; }
.data_none_icon { position:relative; left:50%; width:100px; margin-left:-50px; height:100px; 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='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-12zm-1.5 6h3l-1 8h-1l-1-8zm1.5 12.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size: 100px auto; background-position:center; }

.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:3px; vertical-align:middle; }
.selects:hover	{ border:1px solid #cccccc; } 
.selects:focus	{ border:1px solid #cccccc; }

.btns { position:relative; float:left; height:32px; text-align:center; padding:5px; background-color:#003c5a; border:1px solid #003c5a; color:#FFFFFF; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; cursor:pointer; }
.btns:hover	{ border:1px solid #111111; } /* x-position y-position blur spread color */
.btns:focus	{ border:1px solid #003c5a; }

.btnsnone { position:relative; height:32px; text-align:center; padding:5px; margin:2px; background-color:#003c5a; border:1px solid #003c5a; color:#FFFFFF; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; cursor:pointer; }
.btnsnone:hover	{ border:1px solid #111111; } /* x-position y-position blur spread color */
.btnsnone:focus	{ border:1px solid #003c5a; }


.btns_hidden { position:relative; float:left; height:32px; text-align:center; padding:5px; background-color:transparent; border:1px solid transparent; color:transparent; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; cursor:pointer; }
.btns_hidden:hover	{ border:1px solid transparent; } /* x-position y-position blur spread color */
.btns_hidden:focus	{ border:1px solid transparent; }

.btns_orange { position:relative; float:left; height:32px; text-align:center; padding:5px; background-color:#ffa144; border:1px solid #ffa144; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; cursor:pointer; }
.btns_orange:hover	{ border:1px solid #111111; } /* x-position y-position blur spread color */
.btns_orange:focus	{ border:1px solid #003c5a; }

.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; }

.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:#000000; box-sizing:border-box; }
.input12c		{ position:relative; width:100%; height:40px; text-align:start; border:1px solid #BABEC5; font-size:12px; color:#000000; background-color:#EAEFF7; box-sizing:border-box; }

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


.popupbox_bg { z-index:15; display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.5); }
.popupbox_data { z-index:16; display:none; position:fixed; top:50%; left:50%; width:600px; height:600px; margin:-300px 0px 0px -300px; overflow:hidden; border:1px solid #000000; background-color:#FFFFFF; transition-duration:0.25s; box-sizing:border-box; border-radius:10px; vertical-align:middle; padding:20px; }

.popupbox_title_bg { border-bottom:1px solid #000000; height:40px; background-color:#FFFFFF; }
.popupbox_title { position:absolute; left:20px; top:25px; right:50px; font-size:15px; text-align:left; }

.popupbox_footer_bg { display:none; height:50px;  }
.popupbox_footer { z-index:16; position:absolute; border-top:1px solid #000000; left:20px; bottom:10px; padding-top:10px; right:20px; font-size:15px; background-color:#FFFFFF; text-align:left; }

.popupbox_content { position:absolute; left:20px; right:20px; top:80px; bottom:20px; overflow-x:hidden; overflow-y:scroll; }
.popupbox_content::-webkit-scrollbar { -webkit-appearance:none; width:10px; }
.popupbox_content::-webkit-scrollbar-thumb { border-radius:4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.popupbox_content_in { position:absolute; top:0px; left:0px; right:0px; text-align:left; font-size:13px; }
.popupbox_close { z-index:17; position:absolute; top:20px; height:24px; width:24px; 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='%23888888' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:24px auto; background-position:center; cursor:pointer; }
.popupbox_close:hover { z-index:17; position:absolute; top:20px; height:24px; width:24px; 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='%23000000' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:24px auto; background-position:center; cursor:pointer; }
@media screen and (max-width: 700px) {
	.popupbox_data { left:5%; width:90%; margin-left:0px; }
}
@media screen and (max-height: 700px) {
	.popupbox_data { top:5%; height:90%; margin-top:0px; }
}
.popup_insert_title { position:relative; left:1%; width:99%; text-align:left; font-size:11px; margin-bottom:5px; color:#777777; }
.popup_insert_input { position:relative; left:0px; width:100%; height:45px; text-align:left; font-size:11px; }



.uppopupbox_bg { z-index:20; display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.5); }
.uppopupbox_data { z-index:21; display:none; position:fixed; top:50%; left:50%; width:600px; height:600px; margin:-300px 0px 0px -300px; overflow:hidden; border:1px solid #000000; background-color:#FFFFFF; transition-duration:0.25s; box-sizing:border-box; border-radius:10px; vertical-align:middle; padding:20px; }

.uppopupbox_title_bg { border-bottom:1px solid #000000; height:40px; background-color:#FFFFFF; }
.uppopupbox_title { position:absolute; left:20px; top:25px; right:50px; font-size:15px; text-align:left; }

.uppopupbox_footer_bg { display:none; height:50px;  }
.uppopupbox_footer { z-index:21; position:absolute; border-top:1px solid #000000; left:20px; bottom:10px; padding-top:10px; right:20px; font-size:15px; background-color:#FFFFFF; text-align:left; }

.uppopupbox_content { position:absolute; left:20px; right:20px; top:80px; bottom:20px; overflow-x:hidden; overflow-y:scroll; }
.uppopupbox_content::-webkit-scrollbar { -webkit-appearance:none; width:10px; }
.uppopupbox_content::-webkit-scrollbar-thumb { border-radius:4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.uppopupbox_content_in { position:absolute; top:0px; left:0px; right:0px; text-align:left; font-size:13px; }
.uppopupbox_close { z-index:17; position:absolute; top:20px; height:24px; width:24px; 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='%23888888' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:24px auto; background-position:center; cursor:pointer; }
.uppopupbox_close:hover { z-index:22; position:absolute; top:20px; height:24px; width:24px; 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='%23000000' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:24px auto; background-position:center; cursor:pointer; }
@media screen and (max-width: 700px) {
	.uppopupbox_data { left:5%; width:90%; margin-left:0px; }
}
@media screen and (max-height: 700px) {
	.uppopupbox_data { top:5%; height:90%; margin-top:0px; }
}
.uppopup_insert_title { position:relative; left:1%; width:99%; text-align:left; font-size:11px; margin-bottom:5px; color:#777777; }
.uppopup_insert_input { position:relative; left:0px; width:100%; height:45px; text-align:left; font-size:11px; }



.fullpopupbox_bg { z-index:15; display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.5); }
.fullpopupbox_data { z-index:16; display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; overflow:hidden; border:0px; background-color:#FFFFFF; transition-duration:0.25s; box-sizing:border-box; border-radius:0px; vertical-align:middle; padding:20px; }

.fullpopupbox_title_bg { border-bottom:1px solid #000000; height:40px; background-color:#FFFFFF; }
.fullpopupbox_title { position:absolute; left:20px; top:25px; right:50px; font-size:15px; text-align:left; }

.fullpopupbox_footer_bg { display:none; height:50px;  }
.fullpopupbox_footer { z-index:16; position:absolute; border-top:1px solid #000000; left:20px; bottom:10px; padding-top:10px; right:20px; font-size:15px; background-color:#FFFFFF; text-align:left; }

.fullpopupbox_content { position:absolute; left:20px; right:20px; top:80px; bottom:20px; overflow-x:hidden; overflow-y:scroll; }
.fullpopupbox_content::-webkit-scrollbar { -webkit-appearance:none; width:10px; }
.fullpopupbox_content::-webkit-scrollbar-thumb { border-radius:4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.fullpopupbox_content_in { position:absolute; top:0px; left:0px; right:0px; text-align:left; font-size:13px; }
.fullpopupbox_close { z-index:17; position:absolute; top:20px; height:24px; width:24px; 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='%23888888' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:24px auto; background-position:center; cursor:pointer; }
.fullpopupbox_close:hover { z-index:17; position:absolute; top:20px; height:24px; width:24px; 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='%23000000' d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:24px auto; background-position:center; cursor:pointer; }

.fullpopup_insert_title { position:relative; left:1%; width:99%; text-align:left; font-size:11px; margin-bottom:5px; color:#777777; }
.fullpopup_insert_input { position:relative; left:0px; width:100%; height:45px; text-align:left; font-size:11px; }

@media screen and (min-width: 800px) {
	.fullpopupbox_data { z-index:16; display:none; position:fixed; top:5px; bottom:5px; left:50%; width:700px; margin-left:-350px; overflow:hidden; border:1px solid #000000; background-color:#FFFFFF; transition-duration:0.25s; box-sizing:border-box; border-radius:10px; vertical-align:middle; padding:20px; }
}




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


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

.orange			{ border:1px solid #ffa144; color:#000000; background-color:#ffa144; }
.orange:hover	{ box-shadow:0 0 0 2px #e6e8eb; background-color:#ffa144; }

.grays			{ border:1px solid #BABEC5; color:#404040; background-color:#F4F5F7; }
.grays:hover	{ box-shadow:0 0 0 2px #BABEC5; background-color:#efefef; }

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

.grayszero			{ border:1px solid #BABEC5; color:#e5e5e5; background-color:#F4F5F7; }
.grayszero:hover	{ border:1px solid #BABEC5; color:#e5e5e5; background-color:#F4F5F7; }

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

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

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

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

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

.inputzero			{ border:1px solid transparent; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; font-size:12px; float:none; width:100%; height:40px; }
.inputzero:hover	{ border:1px solid transparent; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; font-size:12px; float:none; width:100%; height:40px; }
.inputzero:focus	{ border:1px solid transparent; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; font-size:12px; float:none; width:100%; height:40px; }
.inputzero:active	{ border:1px solid transparent; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; font-size:12px; float:none; width:100%; height:40px; }





.underlinesgray		{ border-bottom:1px solid #DCDCDC; }
.underlineslightgray		{ border-bottom:1px solid #EFEFEF; }
.underlines			{ border-bottom:1px solid #000000; }
.underlines2		{ border-bottom:2px solid #000000; }

.underdottedgray	{ border-bottom:1px dotted #DCDCDC; }
.underdotted		{ border-bottom:1px dotted #000000; }
.underdotted2		{ border-bottom:2px dotted #000000; }

.toplineslightgray		{ border-top:1px solid #EFEFEF; }
.toplinesgray		{ border-top:1px solid #DCDCDC; }
.toplines			{ border-top:1px solid #000000; }
.toplines2			{ border-top:2px solid #000000; }

.topdottedgray		{ border-top:1px dotted #DCDCDC; }
.topdotted			{ border-top:1px dotted #000000; }
.topdotted2			{ border-top:2px dotted #000000; }

.leftlinesgray		{ border-left:1px solid #DCDCDC; }
.leftlines			{ border-left:1px solid #000000; }
.leftlines2			{ border-left:2px solid #000000; }

.leftdottedgray		{ border-left:1px dotted #DCDCDC; }
.leftdotted			{ border-left:1px dotted #000000; }
.leftdotted2		{ border-left:2px dotted #000000; }

.rightlinesgray		{ border-right:1px solid #DCDCDC; }
.rightlines			{ border-right:1px solid #000000; }
.rightlines2		{ border-right:2px solid #000000; }

.rightdottedgray	{ border-right:1px dotted #DCDCDC; }
.rightdotted		{ border-right:1px dotted #000000; }
.rightdotted2		{ border-right:2px dotted #000000; }

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

/* login */
.paybox { position:relative; width:100%; max-width:800px; margin:0 auto; }
.introbox { position:relative; width:94%; max-width:500px; margin:0 auto; }
.introtitle { position:relative; font-family: 'Noto Sans KR', sans-serif; color:#FFFFFF; font-size:66px; font-weight:900; }
.introlocation { font-family: 'Noto Sans KR', sans-serif; color:#FFFFFF; font-size:30px; font-weight:900; }
.introlocationb { font-family: 'Noto Sans KR', sans-serif; color:#ffa144; font-size:30px; font-weight:900; }
.intrologo { font-family: 'Noto Sans KR', sans-serif; color:#ffa144; font-size:50px; font-weight:900; }
.introtxt0b { font-size:18px; color:#000000; line-height:160%; font-weight:700; margin-left:20px; width:200px; }
.introtxt0 { font-size:18px; color:#FFFFFF; line-height:160%; }
.introtxt1 { font-size:15px; color:#FFFFFF; line-height:160%; }
.introtxt2 { font-size:10px; color:#FFFFFF; }
.introblank1 { clear:both; height:40px; color:#FFFFFF; }
.introcopy { font-size:11px; margin-bottom:10px; font-family:verdana; color:#ffa144; }

@media screen and (max-width: 600px) and (min-width: 401px) {
	.introtitle { font-family: 'Noto Sans KR', sans-serif; color:#FFFFFF; font-size:55px; font-weight:900; }
	.introlocation { font-family: 'Noto Sans KR', sans-serif; color:#FFFFFF; font-size:25px; font-weight:900; }
	.introlocationb { font-family: 'Noto Sans KR', sans-serif; color:#ffa144; font-size:25px; font-weight:900; }
	.intrologo { font-family: 'Noto Sans KR', sans-serif; color:#ffa144; font-size:45px; font-weight:700; }
	.introtxt0b { font-size:15px; }
	.introtxt0 { font-size:15px; color:#FFFFFF; }
	.introtxt1 { font-size:13px; color:#FFFFFF; }
	.introtxt2 { font-size:10px; color:#FFFFFF; }
	.introblank1 { clear:both; height:30px; color:#FFFFFF; }
}
@media screen and (max-width: 400px) {
	.introtitle { font-family: 'Noto Sans KR', sans-serif; color:#FFFFFF; font-size:44px; font-weight:900; }
	.introlocation { font-family: 'Noto Sans KR', sans-serif; color:#FFFFFF; font-size:20px; font-weight:900; }
	.introlocationb { font-family: 'Noto Sans KR', sans-serif; color:#ffa144; font-size:20px; font-weight:900; }
	.intrologo { font-family: 'Noto Sans KR', sans-serif; color:#ffa144; font-size:40px; font-weight:700; }
	.introtxt0b { font-size:13px; }
	.introtxt0 { font-size:13px; color:#FFFFFF; }
	.introtxt1 { font-size:12px; color:#FFFFFF; }
	.introtxt2 { font-size:9px; color:#FFFFFF; }
	.introblank1 { clear:both; height:20px; color:#FFFFFF; }
}

.checkbox {
	width:24px; height:24px; 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='%23FFFFFF' 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;
}
.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='%23FFFFFF' 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;
}
.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='%23FFFFFF' 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;
}
.checkbox.on:hover {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' 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;
}


.checkboxS {
	width:24px; height:24px; 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='%23003143' 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;
}
.checkboxS:hover {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23003143' 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;
}
.checkboxS.on {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23003143' 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;
}
.checkboxS.on:hover {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23003143' 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;
}



.checkbox_black {
	width:24px; height:24px; 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='%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;
}
.checkbox_black: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;
}
.checkbox_black.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;
}
.checkbox_black.on: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='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;
}





.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;
}


.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; }

.tdviewpc { display: table-cell; } /* table-row */
.tdviewm { display: none; }
.viewpc { display:block; }
.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_group_box { display:none; z-index:1; position:absolute; left: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:3px; 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:3px; 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; }
	.viewpc { display:none; }
	
	.tdviewpc { display: none; } /* table-row */
	.tdviewm { display: table-cell; }

	#popup_modifybox { width:94%; height:500px; left:0px; margin:-250px 0px 0px 3%; overflow-x:hidden; border-radius:3px; 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:3px; 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; 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; background-color:#FFFFFF; border-collapse:collapse; font-size:12px; }

.tablebground	{ border-radius:7px; overflow:hidden; border:1px solid #DCDCDC; background-color:#FFFFFF; border-spacing:0px; border-collapse:separate; }
.tablebgnone	{ background-color:#DCDCDC; border-radius:0px; overflow:hidden; border:0px; border-spacing:0px; border-collapse:separate; }
.tablebg		{ background-color:#FFFFFF; border-radius:0px; overflow:hidden; border:1px solid #dedede; border-spacing:1px; border-collapse:separate; }
.tablebg2		{ overflow:hidden; border:0px; border-spacing:0px; border-collapse:separate; }

.tabletitle		{ color:#313131; background-color:#f9f9f9; } /* ㅠackground-color:#f3f4fa; */
.cursors		{ cursor:pointer; }

.tabletr		{ background-color:#FFFFFF; border-collapse:collapse; }
.tabletr:hover	{ background-color:#E3F1FF; }

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

.tabletr_check2	{ background-color:#f4e4f2; border-collapse:collapse; }
.tabletr_check2:hover	{ background-color:#ecdcf3; }

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

.tabletrline		{ background-color:#FFFFFF; border-collapse:collapse; }
.tabletrline_check	{ background-color:#efefef; border-collapse:collapse; }


.tableth		{ color:#191919; padding:10px; font-weight:700; }
.tabletd		{ color:#191919; padding:10px; }
.tabletdgray	{ color:#191919; padding:10px; background-color:#F8F9FD }

.tableth5		{ color:#191919; padding:5px; font-weight:700; }
.tabletd5		{ color:#191919; padding:5px; }
.tabletdgray5	{ color:#191919; padding:5px; background-color:#F8F9FD }

.tabletd15		{ color:#191919; padding:15px; }
.tabletd20		{ color:#191919; padding:20px; }

.tabletd105		{ color:#191919; padding:5px 10px 5px 10px; }

.tabletdz		{ color:#191919; padding:0px; }
.tabletdz15		{ color:#191919; padding:15px 0px 15px 0px; }
.tabletdz10		{ color:#191919; padding:10px 0px 10px 0px; }
.tabletdz5		{ color:#191919; padding:5px 0px 5px 0px; }
.tabletdy5		{ color:#191919; padding:0px 5px 0px 5px; }
.tabletd05		{ color:#191919; padding:10px 5px 10px 5px; }
.tabletd015		{ color:#191919; padding:15px 5px 15px 5px; }
.tabletd1015	{ color:#191919; padding:15px 10px 15px 10px; }
.tabletd017		{ color:#191919; padding:17px 5px 17px 5px; }
.tabletd020		{ color:#191919; padding:20px 5px 20px 5px; }
.tabletd025		{ color:#191919; padding:25px 5px 25px 5px; }
.tabletd1020	{ color:#191919; padding:20px 10px 20px 10px; }

.tdzero			{ border:1px solid transparent; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }
.tdzero:hover	{ border:1px solid #000000; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }
.tdzero:focus	{ border:1px solid #000000; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }
.tdzero:active	{ border:1px solid #000000; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }

.tdnone			{ border:1px solid transparent; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }
.tdnone:hover	{ border:1px solid transparent; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }
.tdnone:focus	{ border:1px solid transparent; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }
.tdnone:active	{ border:1px solid transparent; font-size:12px; text-align:center; color:#191919; background-color:transparent; outline:none; box-shadow:none; padding:0px; overflow:hidden; }



/* 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;
}

.right_arrow_down {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23999999' d='m2.009 11.998c0-5.518 4.48-9.998 9.998-9.998s9.998 4.48 9.998 9.998c0 5.517-4.48 9.997-9.998 9.997s-9.998-4.48-9.998-9.997zm1.5 0c0 4.69 3.808 8.497 8.498 8.497s8.498-3.807 8.498-8.497-3.808-8.498-8.498-8.498-8.498 3.808-8.498 8.498zm4.716 1.528s1.505 1.501 3.259 3.254c.146.147.338.22.53.22s.384-.073.53-.22c1.754-1.752 3.258-3.254 3.258-3.254.145-.145.217-.335.217-.526 0-.192-.074-.384-.221-.53-.292-.293-.766-.295-1.057-.004l-1.977 1.977v-6.693c0-.414-.336-.75-.75-.75s-.75.336-.75.75v6.693l-1.979-1.978c-.289-.289-.761-.287-1.054.006-.147.147-.221.339-.222.53 0 .191.071.38.216.525z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 18px auto; background-position:right center; padding-right:24px; cursor:pointer;
}
.right_arrow_down: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='m2.009 11.998c0-5.518 4.48-9.998 9.998-9.998s9.998 4.48 9.998 9.998c0 5.517-4.48 9.997-9.998 9.997s-9.998-4.48-9.998-9.997zm1.5 0c0 4.69 3.808 8.497 8.498 8.497s8.498-3.807 8.498-8.497-3.808-8.498-8.498-8.498-8.498 3.808-8.498 8.498zm4.716 1.528s1.505 1.501 3.259 3.254c.146.147.338.22.53.22s.384-.073.53-.22c1.754-1.752 3.258-3.254 3.258-3.254.145-.145.217-.335.217-.526 0-.192-.074-.384-.221-.53-.292-.293-.766-.295-1.057-.004l-1.977 1.977v-6.693c0-.414-.336-.75-.75-.75s-.75.336-.75.75v6.693l-1.979-1.978c-.289-.289-.761-.287-1.054.006-.147.147-.221.339-.222.53 0 .191.071.38.216.525z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 18px auto; background-position:right center; padding-right:24px; cursor:pointer; font-weight:700;
}

.right_arrow_down.on {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23999999' d='m2.019 11.993c0 5.518 4.48 9.998 9.998 9.998 5.517 0 9.997-4.48 9.997-9.998s-4.48-9.998-9.997-9.998c-5.518 0-9.998 4.48-9.998 9.998zm1.5 0c0-4.69 3.808-8.498 8.498-8.498s8.497 3.808 8.497 8.498-3.807 8.498-8.497 8.498-8.498-3.808-8.498-8.498zm4.715-1.528s1.505-1.502 3.259-3.255c.147-.146.338-.219.53-.219s.384.073.53.219c1.754 1.753 3.259 3.254 3.259 3.254.145.145.217.336.216.527 0 .191-.074.383-.22.53-.293.293-.766.294-1.057.004l-1.978-1.978v6.694c0 .413-.336.75-.75.75s-.75-.337-.75-.75v-6.694l-1.978 1.979c-.29.289-.762.286-1.055-.007-.147-.146-.22-.338-.221-.53-.001-.19.071-.38.215-.524z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 18px auto; background-position:right center; padding-right:24px; cursor:pointer;
}
.right_arrow_down.on: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='m2.019 11.993c0 5.518 4.48 9.998 9.998 9.998 5.517 0 9.997-4.48 9.997-9.998s-4.48-9.998-9.997-9.998c-5.518 0-9.998 4.48-9.998 9.998zm1.5 0c0-4.69 3.808-8.498 8.498-8.498s8.497 3.808 8.497 8.498-3.807 8.498-8.497 8.498-8.498-3.808-8.498-8.498zm4.715-1.528s1.505-1.502 3.259-3.255c.147-.146.338-.219.53-.219s.384.073.53.219c1.754 1.753 3.259 3.254 3.259 3.254.145.145.217.336.216.527 0 .191-.074.383-.22.53-.293.293-.766.294-1.057.004l-1.978-1.978v6.694c0 .413-.336.75-.75.75s-.75-.337-.75-.75v-6.694l-1.978 1.979c-.29.289-.762.286-1.055-.007-.147-.146-.22-.338-.221-.53-.001-.19.071-.38.215-.524z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 18px auto; background-position:right center; padding-right:24px; cursor:pointer; font-weight:700;
}


.left_shop {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300000' d='M9.939 0l-.939 4.971v1.098c0 1.066-.934 1.931-2 1.931s-2-.865-2-1.932v-1.097l2.996-4.971h1.943zm-3.052 0l-2.887 4.971v1.098c0 1.066-.934 1.931-2 1.931s-2-.865-2-1.932v-1.097l4.873-4.971h2.014zm17.113 6.068c0 1.067-.934 1.932-2 1.932s-2-.933-2-2v-1.098l-2.887-4.902h2.014l4.873 4.971v1.097zm-10-1.168v1.098c0 1.066-.934 2.002-2 2.002s-2-.933-2-2v-1.098l1.047-4.902h1.906l1.047 4.9zm2.004-4.9l2.994 5.002v1.098c0 1.067-.932 1.9-1.998 1.9s-2-.933-2-2v-1.098l-.939-4.902h1.943zm4.996 12v7h-18v-7h18zm2-2h-22v14h22v-14zm-13.751 6.054c0 .399-.228.734-.697.878-.267.082-.641.096-.967.01-.472-.123-.789-.469-.781-.985l.001-.078h.736v.079c0 .211.11.344.313.397.184.047.497.042.622-.114.046-.057.054-.178-.01-.241-.173-.168-.572-.181-1.005-.347-.352-.133-.565-.384-.565-.753 0-.435.304-.739.709-.849.275-.075.56-.064.813-.002.441.107.74.422.74.904v.079h-.732l-.004-.074c-.013-.179-.09-.282-.271-.319-.127-.026-.31-.033-.421.039-.121.079-.15.249.007.322.273.128.836.173 1.149.378.228.151.363.375.363.676zm1.892-.947h-.941v-1.042h-.756v2.875h.755v-1.171h.941v1.171h.756v-2.875h-.756v1.042zm3.833.406c0 .853-.549 1.487-1.414 1.487-.871 0-1.415-.642-1.415-1.487 0-.865.547-1.513 1.415-1.513.878 0 1.414.661 1.414 1.513zm-.755 0c0-.467-.192-.853-.659-.853-.471 0-.658.392-.658.853 0 .45.198.83.658.83.461 0 .659-.381.659-.83zm3.327-.498c0 .389-.179.713-.555.87-.129.053-.285.08-.464.08h-.55v.974h-.755v-2.875h1.305c.179 0 .335.027.464.081.375.156.555.479.555.87zm-1.568.328h.386l.185-.014c.184-.029.261-.136.261-.314s-.078-.284-.261-.313l-.185-.014h-.386v.655z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 24px auto; background-position:left center; padding-left:36px; cursor:pointer;
}

.left_product {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300000' d='M2.978 8.358l-2.978-2.618 8.707-4.74 3.341 2.345 3.21-2.345 8.742 4.639-3.014 2.68.014.008 3 4.115-3 1.634v4.122l-9 4.802-9-4.802v-4.115l1 .544v2.971l7.501 4.002v-7.889l-2.501 3.634-9-4.893 2.978-4.094zm9.523 5.366v7.875l7.499-4.001v-2.977l-5 2.724-2.499-3.621zm-11.022-1.606l7.208 3.918 1.847-2.684-7.231-3.742-1.824 2.508zm11.989 1.247l1.844 2.671 7.208-3.927-1.822-2.498-7.23 3.754zm-9.477-4.525l8.01-4.43 7.999 4.437-7.971 4.153-8.038-4.16zm-2.256-2.906l2.106 1.851 7.16-3.953-2.361-1.657-6.905 3.759zm11.273-2.052l7.076 3.901 2.176-1.935-6.918-3.671-2.334 1.705z'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-size: 24px auto; background-position:left center; padding-left:32px; cursor:pointer;
}




.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 #BABEC5; 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); }


/* width:210px; height:294px; */
.plusfilesboxarea { position:relative; width:100%; height:300px; }
.plusfilesboxflex { position:relative; width:100%; height:100%; border:1px solid #BABEC5; background-color:#FFFFFF; overflow:hidden; margin:0px; border-radius:3px; }
.plusfilesflex {
	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;
}
.plusfilesflex::file-selector-button { display: none; }

.plusfile_imgflex { z-index:1; position:absolute; top:0px; left:0px; width:100%; background-color:transparent; height:100%; }
.plusfile_onflex { z-index:2; position:absolute; bottom:0px; left:0px; width:100%; height:40px; background-color:rgba(0, 0, 0, 0.5); }


.plusfile_modifyflex {
	z-index:3; position:absolute; bottom:0px; 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='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_modifyflex:hover { background-color:rgba(0, 0, 0, 0.8); }

.plusfile_deleteflex {
	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='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_deleteflex: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:3px; }
.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; }

.marginbot5	{ margin-bottom:5px; }

.lineheight20px	{ line-height:20px; }
.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:3px; width:18px; height:18px; 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:3px; width:18px; height:18px; 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%; overflow:hidden; text-align:left; background-color:#FFFFFF; border-bottom:1px solid #efefef; cursor:pointer; }

.bbs_lines2 { border-bottom:1px dotted #111111; }
.bbs_lines3 { border-bottom:1px solid #111111; }

.bbs_title { position:relative; text-align:left; color:#111111; margin-top:10px; margin-left:10px; text-decoration:none; cursor:pointer; line-height:170%; }
.bbs_title:hover { font-weight:700; text-decoration:underline; text-underline-position : under; }

.bbs_title_no { position:relative; margin-left:5px; width:100%; text-align:left; color:#111111; padding:10px 0px 3px 0px; text-decoration:none; cursor:pointer; line-height:170%; }
.bbs_title_no:hover { font-weight:700; text-decoration:none; }

.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_subtxt { position:relative; text-align:left; margin-top:5px; margin-left:10px; 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:5px; 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:5px; 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; text-align:left; }
/*.headers_bg 	{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('https://image.sapal.co.kr/image/image/sky_background.jpg'); background-repeat:no-repeat; background-size:cover; text-align:left; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } */

.headers_bg 	{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#003143; }

.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:15px; color:#FFFFFF; height:30px; cursor:pointer; padding:18px 22px 18px 10px; margin-right:15px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12zm-18.005-1.568l1.415-1.414 4.59 4.574 4.579-4.574 1.416 1.414-5.995 5.988-6.005-5.988z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:15px auto; background-position:right;
}
.headermenutxt:hover { 
	color:#C0FFFF; text-decoration:underline; text-underline-position: under; text-underline-offset:5px; 
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C0FFFF' d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12zm-18.005-1.568l1.415-1.414 4.59 4.574 4.579-4.574 1.416 1.414-5.995 5.988-6.005-5.988z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:15px auto; background-position:right;
}
.headermenutxt.on	{ 
	font-size:15px; color:#FFFFFF; height:30px; cursor:pointer; padding:18px 22px 18px 10px; margin-right:15px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 7.58l5.995 5.988-1.416 1.414-4.579-4.574-4.59 4.574-1.416-1.414 6.006-5.988z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:15px auto; background-position:right;
}
.headermenutxt.on:hover	{ 
	font-size:15px; color:#FFFFFF; height:30px; cursor:pointer; padding:18px 22px 18px 10px; margin-right:15px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C0FFFF' d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 7.58l5.995 5.988-1.416 1.414-4.579-4.574-4.59 4.574-1.416-1.414 6.006-5.988z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:15px auto; background-position:right;
}
.headermenutitle{ font-size:11px; padding: 2px 5px 2px 5px; background-color: #A3A9B3; border: 1px solid #9298A1; color: #FFFFFF; }

.headermenuhuman {
	margin-top:-13px; margin-right:10px; cursor:pointer; padding:8px; height:30px; width:30px; 
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm8.127 19.41c-.282-.401-.772-.654-1.624-.85-3.848-.906-4.097-1.501-4.352-2.059-.259-.565-.19-1.23.205-1.977 1.726-3.257 2.09-6.024 1.027-7.79-.674-1.119-1.875-1.734-3.383-1.734-1.521 0-2.732.626-3.409 1.763-1.066 1.789-.693 4.544 1.049 7.757.402.742.476 1.406.22 1.974-.265.586-.611 1.19-4.365 2.066-.852.196-1.342.449-1.623.848 2.012 2.207 4.91 3.592 8.128 3.592s6.115-1.385 8.127-3.59zm.65-.782c1.395-1.844 2.223-4.14 2.223-6.628 0-6.071-4.929-11-11-11s-11 4.929-11 11c0 2.487.827 4.783 2.222 6.626.409-.452 1.049-.81 2.049-1.041 2.025-.462 3.376-.836 3.678-1.502.122-.272.061-.628-.188-1.087-1.917-3.535-2.282-6.641-1.03-8.745.853-1.431 2.408-2.251 4.269-2.251 1.845 0 3.391.808 4.24 2.218 1.251 2.079.896 5.195-1 8.774-.245.463-.304.821-.179 1.094.305.668 1.644 1.038 3.667 1.499 1 .23 1.64.59 2.049 1.043z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:30px auto; background-position:center;
}
.headermenuhuman:hover {
	margin-top:-13px; margin-right:10px; cursor:pointer; padding:8px; height:30px; width:30px; 
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C0FFFF' d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm8.127 19.41c-.282-.401-.772-.654-1.624-.85-3.848-.906-4.097-1.501-4.352-2.059-.259-.565-.19-1.23.205-1.977 1.726-3.257 2.09-6.024 1.027-7.79-.674-1.119-1.875-1.734-3.383-1.734-1.521 0-2.732.626-3.409 1.763-1.066 1.789-.693 4.544 1.049 7.757.402.742.476 1.406.22 1.974-.265.586-.611 1.19-4.365 2.066-.852.196-1.342.449-1.623.848 2.012 2.207 4.91 3.592 8.128 3.592s6.115-1.385 8.127-3.59zm.65-.782c1.395-1.844 2.223-4.14 2.223-6.628 0-6.071-4.929-11-11-11s-11 4.929-11 11c0 2.487.827 4.783 2.222 6.626.409-.452 1.049-.81 2.049-1.041 2.025-.462 3.376-.836 3.678-1.502.122-.272.061-.628-.188-1.087-1.917-3.535-2.282-6.641-1.03-8.745.853-1.431 2.408-2.251 4.269-2.251 1.845 0 3.391.808 4.24 2.218 1.251 2.079.896 5.195-1 8.774-.245.463-.304.821-.179 1.094.305.668 1.644 1.038 3.667 1.499 1 .23 1.64.59 2.049 1.043z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:30px auto; background-position:center;
}

.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-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23222222' 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:160px 15px; }
.group_up		{ 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='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:160px 15px; }
.group_right	{ 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='M4 .755l14.374 11.245-14.374 11.219.619.781 15.381-12-15.391-12-.609.755z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size: 12px auto; background-position:160px 15px; }
.group_left		{ 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='M20 .755l-14.374 11.245 14.374 11.219-.619.781-15.381-12 15.391-12 .609.755z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size: 12px auto; background-position:160px 15px; }

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

.txt_bold		{ font-weight:bold; padding:12px 5px 12px 0px; color:#191919; font-size:12px; letter-spacing:1.3px; }


.txt			{ background:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23333333' cx='11.998' cy='11.998' fill-rule='nonzero' r='9.998'/%3E%3C/svg%3E") no-repeat 0px 10px; background-size:5px auto; padding:5px 5px 10px 13px; color:#191919; font-size:13px; cursor:pointer; }
.txt:hover		{ text-decoration:underline; }

/*
.txt			{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath fill='%23333333' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E") no-repeat 0px 8px; background-size:7px auto; padding:5px 5px 10px 13px; color:#191919; font-size:13px; cursor:pointer; }
.txt:hover		{ text-decoration:underline; }
*/

.txts			{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z'/%3E%3C/svg%3E") no-repeat -5px 4px; background-size:15px auto; padding:3px 0px 0px 12px; color:#000000; font-size:11px; cursor:pointer; line-height:160%; }

.txtsF			{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z'/%3E%3C/svg%3E") no-repeat -5px 4px; background-size:20px auto; padding:5px 0px 5px 15px; color:#FFFFFF; font-size:15px; cursor:pointer; line-height:160%; }
.txtsF:hover	{ border-bottom:1px solid #FFFFFF; }

.txtsS			{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath fill='%23003143' d='m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z'/%3E%3C/svg%3E") no-repeat -5px 4px; background-size:20px auto; padding:5px 0px 5px 15px; color:#003143; font-size:15px; cursor:pointer; line-height:160%; }
.txtsS:hover	{ border-bottom:1px solid #003143; }

.txtsF11		{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z'/%3E%3C/svg%3E") no-repeat -5px 4px; background-size:20px auto; padding:5px 0px 5px 15px; color:#FFFFFF; font-size:11px; cursor:pointer; line-height:160%; }

.txts11		{ background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z'/%3E%3C/svg%3E") no-repeat -5px 4px; background-size:20px auto; padding:5px 0px 5px 15px; color:#000000; font-size:11px; cursor:pointer; line-height:160%; }

.txts15		{ color:#000000; font-size:15px; font-weight:700; cursor:pointer; line-height:160%; }
.txts11N	{ color:#888888; font-size:11px; cursor:pointer; line-height:140%; }

.txtsF11N		{ padding:0px 0px 5px 15px; color:#cccccc; font-size:11px; cursor:pointer; line-height:140%; }


.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; text-underline-position : under; }

#containers		{ position:fixed; top:20px; left:0px; right:0px; bottom:0px; background-color:#FFFFFF; overflow:auto; }
.containerbox	{ position:relative; margin:60px 15px 20px 15px; text-align:left; }
.containerfix	{ z-index:1; position:fixed; bottom:0px; left:0px; width:100%; padding:15px; text-align:left; border-top:2px solid #000000; background-color:#EFEFEF; }
#footers		{ position:fixed; bottom:0px; left:0px; width:100%; height:5px; background-color:#002248; z-index:10; }

.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; }



#explainbtn { position:absolute; top:-5px; right:0px; width:30px; height:30px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12zm-18.005-1.568l1.415-1.414 4.59 4.574 4.579-4.574 1.416 1.414-5.995 5.988-6.005-5.988z'/%3E%3C/svg%3E") no-repeat; background-size:30px auto; padding:0px; cursor:pointer; }

#explainbtn_close { display:none; position:absolute; top:-5px; right:0px; width:30px; height:30px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 7.58l5.995 5.988-1.416 1.414-4.579-4.574-4.59 4.574-1.416-1.414 6.006-5.988z'/%3E%3C/svg%3E") no-repeat; background-size:30px auto; padding:0px; cursor:pointer; }

#questionbtn { z-index:11; position:fixed; bottom:10px; right:10px; width:40px; height:40px;  border-radius:5px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23313131' d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 18.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25c.691 0 1.25.56 1.25 1.25s-.559 1.25-1.25 1.25zm1.961-5.928c-.904.975-.947 1.514-.935 2.178h-2.005c-.007-1.475.02-2.125 1.431-3.468.573-.544 1.025-.975.962-1.821-.058-.805-.73-1.226-1.365-1.226-.709 0-1.538.527-1.538 2.013h-2.01c0-2.4 1.409-3.95 3.59-3.95 1.036 0 1.942.339 2.55.955.57.578.865 1.372.854 2.298-.016 1.383-.857 2.291-1.534 3.021z'/%3E%3C/svg%3E") no-repeat; background-size:40px auto; background-position:center; padding:0px; cursor:pointer; }

#questionkakaobtn { z-index:11; position:absolute; top:0px; right:50px; width:40px; height:40px; background:url("/image/bbs_paste/2024/09/11/20240911134628S9ZFDG.png") no-repeat; background-size:40px auto; padding:0px; cursor:pointer; filter: grayscale(100%) invert(1); }


.explainbtn { position:absolute; top:-5px; right:0px; width:30px; height:30px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12zm-18.005-1.568l1.415-1.414 4.59 4.574 4.579-4.574 1.416 1.414-5.995 5.988-6.005-5.988z'/%3E%3C/svg%3E") no-repeat; background-size:30px auto; padding:0px; cursor:pointer; }

.explainbtn_close { display:none; position:absolute; top:-5px; right:0px; width:30px; height:30px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 7.58l5.995 5.988-1.416 1.414-4.579-4.574-4.59 4.574-1.416-1.414 6.006-5.988z'/%3E%3C/svg%3E") no-repeat; background-size:30px auto; padding:0px; cursor:pointer; }



@media screen and (max-width: 700px) {
	.mobiles { display:block; }
	.pcs { display:none; }
}
@media screen and (min-width: 701px) {
	.mobiles { display:none; }
	.pcs { display:table-cell; }
}


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


.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; }

/* 카테고리 관리 수정 공간 */
.categorymakebox { position:relative; float:left; width:100%; max-width:500px; vertical-align:top; }

/* 상품 */
.groupboxin { position:relative; top:0px; left:50%; width:1200px; margin-left:-600px; }
.groupboxinlight { position:relative; top:0px; left:50%; width:1200px; margin-left:-600px; }
.groupboxinnarrow { position:relative; top:0px; left:50%; width:700px; margin-left:-350px; }

.maingoods_box25 { position:relative; float:left; width:25%; padding:0px; margin:0px; vertical-align:top; }
.maingoods_box25:after { content:""; display:block; }

.maingoods_box20 { position:relative; float:left; width:20%; padding:0px; margin:0px; vertical-align:top; }
.maingoods_box20:after { content:""; display:block; }

.maingoods_box16 { position:relative; float:left; width:16.666%; padding:0px; margin:0px; vertical-align:top; }
.maingoods_box16:after { content:""; display:block; }

.maingoods_box14 { position:relative; float:left; width:14.285%; padding:0px; margin:0px; vertical-align:top; }
.maingoods_box14:after { content:""; display:block; }

.maingoods_box_inner50 { position:relative; width:100%; margin-bottom:50px; }

.square_box96 { position:relative; width:96%; margin-left:2%; margin-bottom:10px; border-radius:10px; background-color:#F9FAFD; border:1px solid #e5e5e5; vertical-align:top; overflow:hidden; }
.square_box96:after { content:""; display:block; padding-bottom:100%; }
.square_box96:hover { border:1px solid #999999; }

.square_box90 { position:relative; width:90%; margin-left:5%; margin-bottom:10px; border-radius:10px; background-color:#F9FAFD; border:1px solid #e5e5e5; vertical-align:top; overflow:hidden; }
.square_box90:after { content:""; display:block; padding-bottom:100%; }
.square_box90:hover { border:1px solid #999999; }

.square_box_inner { position:absolute; width:100%; height:100%; }

.imagebox_bg { display:flex; position:relative; width:100%; height:100%; overflow:hidden; cursor:pointer; font-size:11px; color:#88888; text-align:center; justify-content:center; align-items:center; line-height:170%; }

.list_titlebox { position:relative; width:96%; margin-left:2%; text-align:left; height:100px; overflow:hidden; }
.list_subtitle { position:relative; width:96%; margin-left:2%; height:20px; text-align:left; font-size:11px; font-weight:600; color:#888888; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.list_subtitle:hover { color:#000000; }

.list_title { position:relative; width:96%; margin-left:2%; text-align:left; font-size:15px; font-weight:600; color:#000000; letter-spacing:-1px; line-height:150%; }
.list_title:hover { color:#000000; }

.list_pricebox55 { position:relative; width:96%; margin-left:2%; height:55px; text-align:left; overflow:hidden; }
.list_pricebox50 { position:relative; width:96%; margin-left:2%; height:50px; text-align:left; overflow:hidden; }
.list_pricebox40 { position:relative; width:96%; margin-left:2%; height:40px; text-align:left; overflow:hidden; }

.list_price_regular { position:relative; width:96%; margin:0px 0px 2% 5px; text-align:left; font-size:12px; font-weight:400; color:#888888; letter-spacing:-1px; text-decoration:line-through; }
.list_price_regular:hover { color:#888888; }

.list_price_sale { position:relative; width:96%; margin-left:2%; text-align:left; font-size:15px; font-weight:600; color:#000000; letter-spacing:-1px; line-height:150%; }
.list_price_sale:hover { color:#000000; }

.list_price_per { color:#ffa144; letter-spacing:-2px; }

.list_subbox { position:relative; width:96%; margin-left:2%; text-align:left; height:30px; border-top:1px dotted #cccccc; overflow:hidden; }
.list_subtxt { font-size:11px; padding-right:10px; }
.list_subtxt:hover { color:#000000; }


.pay_top_title { z-index:1; position:absolute; bottom:0px; padding:15px 0px 15px 0px; text-align:center; font-size:18px; color:#FFFFFF; }
.pay_top_title.on { background-color:#FFFFFF; border-top-left-radius:3px; border-top-right-radius:3px; color:#000000; }

.pay_top_goods { position:relative; top:0px; left:0px; font-size:13px; color:#000000; text-align:left; }
.pay_top_goods_bold { font-weight:700; font-family:\'Noto Sans KR\'; }

.p_img_bg { width:110px; }


@media all and (min-width: 1901px) {
	.groupboxin { width:1860px; margin-left:-930px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:10%; }
}
@media all and (min-width: 1801px) and (max-width: 1900px) {
	.groupboxin { width:1760px; margin-left:-880px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:12.5%; }
}
@media all and (min-width: 1701px) and (max-width: 1800px) {
	.groupboxin { width:1660px; margin-left:-830px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:12.5%; }
}
@media all and (min-width: 1601px) and (max-width: 1700px) {
	.groupboxin { width:1560px; margin-left:-780px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:14.285%; }
}
@media all and (min-width: 1501px) and (max-width: 1600px) {
	.groupboxin { width:1460px; margin-left:-730px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:14.285%; }
}
@media all and (min-width: 1401px) and (max-width: 1500px) {
	.groupboxin { width:1360px; margin-left:-680px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:14.285%; }
}
@media all and (min-width: 1301px) and (max-width: 1400px) {
	.groupboxin { width:1260px; margin-left:-630px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:16.666%; }
}
@media all and (min-width: 1201px) and (max-width: 1300px) {
	.groupboxin { width:1160px; margin-left:-580px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:16.666%; }
}
@media all and (min-width: 1101px) and (max-width: 1200px) {
	.groupboxin { width:1060px; margin-left:-530px; }
	.groupboxinlight { width:1000px; margin-left:-500px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:20%; }
}
@media all and (min-width: 1001px) and (max-width: 1100px) {
	.groupboxin { width:960px; margin-left:-480px; }
	.groupboxinlight { width:960px; margin-left:-480px; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
	.maingoods_box14 { width:20%; }
}
@media all and (min-width: 901px) and (max-width: 1000px) {
	.maingoods_box14 { width:25%; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
}
@media all and (min-width: 801px) and (max-width: 900px) {
	.maingoods_box14 { width:25%; }
	.groupboxinnarrow { width:700px; margin-left:-350px; }
}
@media all and (min-width: 701px) and (max-width: 800px) {
	.maingoods_box14 { width:33.333%; }
	.groupboxinnarrow { position:relative; top:0px; left:0px; left:3%; width:94%; margin:0px; }
}
@media all and (min-width: 601px) and (max-width: 700px) {
	.maingoods_box25 { width:33.333%; }
	.maingoods_box14 { width:33.333%; }
	.groupboxinnarrow { position:relative; top:0px; left:0px; left:3%; width:94%; margin:0px; }
}
@media all and (min-width: 501px) and (max-width: 600px) {
	.groupboxin { width:1160px; margin-left:-580px; }
	.maingoods_box14 { width:33.333%; }
	.maingoods_box25 { width:33.333%; }
	.groupboxinnarrow { position:relative; top:0px; left:0px; left:3%; width:94%; margin:0px; }
}
@media all and (max-width: 500px) {
	.maingoods_box14 { width:50%; }
	.maingoods_box25 { width:50%; }
	.groupboxinnarrow { position:relative; top:0px; left:0px; left:3%; width:94%; margin:0px; }
}


@media all and (max-width: 740px) {
	.list_titlebox { height:60px; }
	.list_subtitle { font-size:10px; }
	.list_title { font-size:13px; }
	.list_price_regular { font-size:11px; }
	.list_price_sale { font-size:14px; }
	
	.p_img_bg { width:70px; }
	.pay_top_title { font-size:15px; }
	.pay_top_goods { font-size:13px; }
}

@media all and (max-width: 1000px) {
	.groupboxin { position:relative; top:0px; left:0px; left:3%; width:94%; margin:0px; }
	.groupboxinlight { position:relative; top:0px; left:0px; left:0px; width:100%; margin:0px; }
}



/* dashboard */
.flexdisplay { display:flex; flex-wrap:wrap; box-sizing:border-box; }
.dashboardinfo { }
.dashboardcopy { }
.dashboardboxbg { margin:0px; paading:5px; flex:0 0 25%; max-width:25%; }
.dashboardboxbgpc { margin:0px; paading:5px; flex:0 0 25%; max-width:25%; }
.dashboardboxbg12 { margin:0px; paading:5px; flex:0 0 25%; max-width:25%; }
.dashboardboxbg22 { margin:0px; paading:5px; flex:0 0 25%; max-width:25%; }
.dashboardboxbg2 { margin:0px; paading:5px; flex:0 0 50%; max-width:50%; }
.dashboardboxbg3 { margin:0px; paading:5px; flex:0 0 100%; max-width:100%; }
.dashboardboxpadding { position:relative; padding:7px; }
.dashboardbox { position:relative; padding:10px; border:1px solid #E5E5E5; box-shadow:none; background-color:#FFFFFF; border-radius:7px; }
.dashboardbox_title { font-size:14px; font-weight:600; padding:10px 0px 10px 0px; border-bottom:1px solid #E5E5E5; }
.dashboardbox_contentbg { min-height:250px; }
.dashboardbox_title_right { position:absolute; right:10px; padding:10px; top:10px; font-size:11px; cursor:pointer; color:#000000; border-bottom:1px solid #FFFFFF;  }
.dashboardbox_title_right:hover { background-color:#efefef; border-radius:3px; }

.goods_add_category_in { width:100%; height:300px; border:1px solid #cccccc; overflow-x:none; overflow-y:scroll; }

@media all and (min-width: 1401px) {
	.dashboardboxbg { flex:0 0 33.33%; max-width:33.33%; }
	.dashboardboxbgpc { flex:0 0 33.33%; max-width:33.33%; }
	.dashboardboxbg12 { flex:0 0 33.33%; max-width:33.33%; }
	.dashboardboxbg22 { flex:0 0 66.66%; max-width:66.66%; }
	.dashboardboxbg2 { flex:0 0 50%; max-width:50%; }
}
@media all and (min-width: 1101px) and (max-width: 1400px) {
	.dashboardboxbg { flex:0 0 33.33%; max-width:33.33%; }
	.dashboardboxbgpc { flex:0 0 33.33%; max-width:33.33%; }
	.dashboardboxbg12 { flex:0 0 33.33%; max-width:33.33%; }
	.dashboardboxbg22 { flex:0 0 66.66%; max-width:66.66%; }
	.dashboardboxbg2 { flex:0 0 50%; max-width:50%; }
}
@media all and (min-width: 671px) and (max-width: 1100px) {
	.dashboardboxbg { flex:0 0 50%; max-width:50%; }
	.dashboardboxbgpc { display:none; }
	.dashboardboxbg12 { flex:0 0 100%; max-width:100%; }
	.dashboardboxbg22 { flex:0 0 100%; max-width:100%; }
	.dashboardboxbg2 { flex:0 0 100%; max-width:100%; }
}
@media all and (max-width: 670px) {
	.dashboardboxbg { flex:0 0 100%; max-width:100%; }
	.dashboardboxbgpc { display:none; }
	.dashboardboxbg12 { flex:0 0 100%; max-width:100%; }
	.dashboardboxbg22 { flex:0 0 100%; max-width:100%; }
	.dashboardboxbg2 { flex:0 0 100%; max-width:100%; }
}