#progressBar {
    width: 300px;
    height: 22px;
    border: 1px solid #111;
    background-color: #292929;
}
#progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0099ff;
}
#progressText {
	color: #fff;
}

#m_contents .product_icon >*  { font-size: .45rem; font-style: normal; font-weight: 300; display: inline-block; vertical-align: middle; min-width: 1.0rem; padding: 0.120em 0.4em; color: #ffffff; background: #000000; text-shadow: 1px 1px 3px rgba(0,0,0, 0.9); border-radius: .2rem; text-align: center; text-transform: uppercase; }
#m_contents .product_icon .best  { background-color: rgb(233,101,95); }
#m_contents .product_icon .hit  { background-color: rgb(68,156,222); }
#m_contents .product_icon .event  { background-color: #ff63ef; }
#m_contents .product_icon .new  { background-color: rgb(114,190,77); }
#m_contents .product_icon .soldout  { background-color: #9C9FA0; }

.bg_alpha { background-color:rgba(0,0,0,0.75); }

.my_progress{
	z-index:999;
  position:fixed;
  top:0;right:0;bottom:0;left:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;

  align-items:center;
  justify-content:center;
  -webkit-align-items:center;
  -webkit-justify-content:center;

  -webkit-box-pack:center;
  -webkit-box-align:center;
  -moz-box-pack:center;
  -moz-box-align:center;
  -ms-box-pack:center;
  -ms-box-align:center;
}

.preview {
	background-color:rgba(0,0,0,0.8); height:100%; width:100%; z-index:10000;
	position:fixed; top:0; left:0; cursor:default; aling-items:center; margin:auto;
}
.preview-container {
	background-color:rgba(255,255,255,0.5); height:35px; width:100%; position:fixed;
	top:0; left:0; padding:3px; padding-top:0px; z-index:100000;
}
.preview-close { padding:10px; cursor:pointer; top:0; right:0; position:fixed; }
.preview-text { color:#ffffff; font-size:1.5em; text-align:center; padding-top:4px; }

/*#photoArea { background-color:#d3e9f1; }*/

#drop-area {
	display:none;
	border: 5px dashed lightgray;
	padding: 5em 2em;
	text-align: center;
	font-size: 16px;
}
#click-upload { display: none; }
#editable-image { display: none; }

.file_hide { display: none; }
/* .file_hide { position: absolute; top: -9999px; } */

/*! 에디터 들어가는 부분 */
.ffGothicCoding {font-family:"Nanum Gothic Coding", Serif, sans-serif;}
.ffGothic {font-family:"Nanum Gothic", "나눔고딕", Serif, sans-serif;}
.ffMyeongjo {font-family:"Nanum Myeongjo", Serif, sans-serif;}
.ffJejuHallasan {font-family:"Jeju Hallasan", Serif, sans-serif;}
.ffHanna {font-family:"Hanna", Serif, sans-serif;}
.ffNotoSansKR {font-family:"Noto Sans KR", Serif, sans-serif;}
.custom-layer { text-align: center; padding: 10px; }
.fr-view {line-height:160%; font-family: 'Poor Story'; font-size:1.4vw;}
.fr-view ul {padding-left:40px;}
.fr-view ol {padding-left:40px;}
.fr-view ul li {list-style-type: circle;}
.fr-view ol li {list-style-type: decimal;}
.fr-view table {border-spacing:2px;}
.fr-view table tbody td {padding:0;font-weight:normal;display: table-cell;vertical-align:middle;}
.fr-view tbody td span {padding:0;font-weight:normal;}

.editor_font_size4 { font-size: 2.1vw; }
.editor_font_size3 { font-size: 1.7vw; }
.editor_font_size2 { font-size: 1.4vw; }
.editor_font_size1 { font-size: 1.2vw; }

/*.fr-view p {padding:0;margin:0.6em;border-spacing:2px;display:block;}*/
.fr-view p {
	margin: 12px 0 !important;
	line-height: 1.5 !important;
	text-align:left;
	word-break: break-all;
	word-wrap: break-word;
}
.fr-view img { max-width: 100%; height: auto; }

.fr-view table {width: 100%; max-width: 700px; white-space: normal;line-height: normal;font-weight: normal;font-size: medium;font-variant: normal;font-style: normal;color: -webkit-text;text-align: start;}
.fr-view strong {font-weight:bold;}
.fr-view em {font-style:italic;}
.fr-view img {width:auto; max-width:100%;}

@media all and (max-width:768px){
	.fr-view {line-height:160%; font-family: 'Poor Story'; font-size:4vw;}
	.editor_font_size4 { font-size: 5.4vw; }
	.editor_font_size3 { font-size: 4.6vw; }
	.editor_font_size2 { font-size: 4vw; }
	.editor_font_size1 { font-size: 3.4vw; }
}

/*!
.fr-view {
	font-family: "나눔고딕", Serif;
	font-size: 16px;
	color: #444444;
}
.fr-view p {
    margin: 12px 0 !important;
    line-height: 1.5 !important;
    text-align:left;
    word-break: break-all;
    word-wrap: break-word;
}
.fr-view br {
    margin: 12px 0 !important;
    line-height: 1.5 !important;
    text-align:left;
    word-break: break-all;
    word-wrap: break-word;
}*/

#agreementBtn{cursor:pointer;}
#privacyBtn{cursor:pointer;}

.eom_visible{visibility:visible!important}
.eom_invisible{visibility:hidden!important}@media