@charset "utf-8";

/* ÃʱâÈ­ */
html {overflow-y:scroll;height:100%;min-width:320px;background:#f0f0f0}
body {margin:0;padding:0;font-size:0.75em;background:#f0f0f0;height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {vertical-align:top}
button, label {cursor:pointer;outline:none}
a,
a:hover,
a:focus,
a:active {
	background-color: transparent;
	outline: 0;
	text-decoration:none;
}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-0.1em}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1_3em {font-size:1.3em !important}
.f1_5em {font-size:1.5em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}
.fs03 {font-weight:normal !important}
.fs04 {text-decoration:underline !important}

.bg000 {color:#000 !important}

.divwrap05 {display:block;margin:0;padding:0;width:100%;height:5px}
.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per40 {width:40% !important}
.per50 {width:50% !important}
.per60 {width:60% !important}
.per70 {width:70% !important}
.per80 {width:80% !important}
.per85 {width:85% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

/************** Button **************/
.e-btn {
	display:inline-block;
	margin:1px;
	padding:5px 15px 7px;
	font-size:12px;
	letter-spacing:-1px;
	color:#000;
	border:1px solid #ccc;
	border-radius:2px;
	background-color:#fff;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {background-color:#f6f6f6}

.e-btn-xs {
	padding:2px 10px 4px;
}
.e-btn-lg {
	font-size:15px;
	padding:8px 20px 10px;
}
.e-btn-block {
	display:block;
	width:100%;
}

.e-btn-sty01 {color:#fff;border:1px solid #007bff;background-color:#007bff}
.e-btn-sty01:hover,
.e-btn-sty01:focus,
.e-btn-sty01:active {color:#fff;border:1px solid #0069D9;background-color:#0069D9}

.e-btn-sty02 {color:#fff;border:1px solid #6c757d;background-color:#6c757d}
.e-btn-sty02:hover,
.e-btn-sty02:focus,
.e-btn-sty02:active {color:#fff;border:1px solid #545B62;background-color:#545B62}

.e-btn-sty03 {color:#fff;border:1px solid #28a745;background-color:#28a745}
.e-btn-sty03:hover,
.e-btn-sty03:focus,
.e-btn-sty03:active {color:#fff;border:1px solid #218838;background-color:#218838}

.e-btn-sty04 {color:#fff;border:1px solid #dc3545;background-color:#dc3545}
.e-btn-sty04:hover,
.e-btn-sty04:focus,
.e-btn-sty04:active {color:#fff;border:1px solid #C82333;background-color:#C82333}

.e-btn-sty05 {color:#000;border:1px solid #ffc107;background-color:#ffc107}
.e-btn-sty05:hover,
.e-btn-sty05:focus,
.e-btn-sty05:active {color:#000;border:1px solid #E0A800;background-color:#E0A800}

.e-btn-sty06 {color:#fff;border:1px solid #17a2b8;background-color:#17a2b8}
.e-btn-sty06:hover,
.e-btn-sty06:focus,
.e-btn-sty06:active {color:#fff;border:1px solid #138496;background-color:#138496}

.e-btn-sty07 {color:#fff;border:1px solid #111;background-color:#111}
.e-btn-sty07:hover,
.e-btn-sty07:focus,
.e-btn-sty07:active {color:#fff;border:1px solid #000;background-color:#000}
/************** Button **************/

/************** Input **************/
.e-input {padding:2px 10px 4px}
/************** Input **************/

.tbl-sty01 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty01 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty01 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty01 table td.no-data {padding:50px;color:#999}

/** from table **/
.tbl-sty02 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty02 table caption {padding-bottom:3px;text-align:left;font-weight:bold}
.tbl-sty02 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f9f9f9}
.tbl-sty02 table td {padding:3px 3px 5px;text-align:center;border-bottom:1px solid #ccc}
.tbl-sty02 table td.no-data {padding:50px;color:#999}
.tbl-sty02 input,
.tbl-sty02 select,
.tbl-sty02 textarea {padding:3px 5px 5px}

/** order table - hover **/
.tbl-sty03 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty03 table tr:hover {background-color:#f9f9f9}
.tbl-sty03 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty03 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty03 table td:last-child {border-right:1px solid #fff}
.tbl-sty03 table td.no-data {padding:50px;color:#999}

/** order table **/
.tbl-sty04 table {width:100%;border-top:2px solid #333;background-color:#fff}
.tbl-sty04 table th {padding:10px 2px 13px;border-bottom:1px solid #ccc;background-color:#f6f6f6}
.tbl-sty04 table td {padding:3px 3px 5px;color:#666;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #eee}
.tbl-sty04 table td:last-child {border-right:1px solid #fff}
.tbl-sty04 table td.no-data {padding:50px;color:#999}


/*****CUSTOM*****/
#m-global-wrap {display:block;margin:0 auto;padding:0;max-width:720px;height:100%}

#header {display:block;margin:0;padding:10px}
#header .logo {display:block;margin:0;padding:0;text-align:left}
#header .logo img {height:30px}
#header a {display:inline-block;margin:0;padding:0;height:30px;line-height:30px;text-align:center}
#header a:hover {color:#666}
#header i {font-size:20px}
#header .nav-top-left {display:block;margin:0;padding:0;text-align:left;width:30px}
#header .nav-top-right {display:block;margin:0;padding:0;text-align:right;xwidth:60px}

.sch-wrap {display:block;margin:0;padding:10px;background-color:#e66}
.sch-wrap ul li {float:left;padding-right:10px}
.sch-wrap ul li.inp-txt {position:relative;padding-right:0px;background-color:#fff}
.sch-wrap ul li.inp-txt input {
	margin:0 30px 0 0;
	padding:0 10px;
	width:80%;
	height:30px;
	line-height:30px;
	border:none;
	border-radius:0;
	background-color:#fff;
	outline:none;
}
.sch-wrap ul li.inp-txt button {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:17px;
	color:#e66;
	border:none;
	border-radius:0;
	background-color:#fff;
}
.sch-wrap ul li select {
	margin:0;
	padding:0 10px;
	width:100%;
	height:30px;
	line-height:30px;
	border:none;
	border-radius:0;
	background-color:#fff;
}
.top-nav-wrap {display:block;margin:0;padding:10px 0}
.top-nav-wrap .sty01 {float:left;width:100px;text-align:center;}
.top-nav-wrap .sty02 {display:block;margin:0 0 0 100px;padding:0}
.top-nav-wrap .sty01 button {display:inline-block;margin:0;padding:0 10px;height:30px;color:#e66;font-weight:900;border:2px solid #e66;border-radius:15px;background-color:#f0f0f0}
.top-nav-wrap .sty02 a {color:#999;font-weight:900}
.top-nav-wrap .sty02 a:hover,
.top-nav-wrap .sty02 a:focus,
.top-nav-wrap .sty02 a:active {color:#e66}

.main-visual {display:block;margin:0;padding:0;width:100%;height:auto;background-color:#333}
/*.main-visual a {display:block;margin:0;padding:0;width:100%;height:100%;background:url(/minishop/m/img/main_visual.jpg) no-repeat 50% 50%;background-size:cover}*/

.ev-item {display:block;margin:0;padding:20px}
.ev-item.sty01 {color:#fff;background-color:#e3Cc6f}
.ev-item.sty02 {color:#fff;background-color:#ff9ac2}
.ev-item h2 {display:block;margin:0;padding:0;font-size:1.5em}
.ev-item h3 {display:block;margin:0;padding:0;font-size:1.7rem;line-height:2rem;font-weight:700}
.ev-item p {display:block;margin:0;padding:0;font-size:1.4rem;line-height:1.7rem}
.ev-item .btn-wrap {display:block;margin:0;padding:0;text-align:center}
.ev-item .btn-wrap button {display:block;margin:0;padding:5px 0;width:100%;
	color:#fff;
	font-size:1em;
	border:1px solid #333;
	border-radius:none;
	background-color:#333;
}

.ev-it-list {display:block;margin:20px 0;padding:0}
.ev-it-list li {float:left;padding:0 0 10px;width:50%}
.ev-it-list li.li0 {padding-right:5px}
.ev-it-list li.li1 {padding-left:5px}
.ev-it-list li div {display:block;margin:0;padding:0;color:#333;background-color:#fff}
.ev-it-list li .it-title {padding:5px;height:90px;overflow:hidden}
.ev-it-list li .it-price {padding:5px;font-size:15px;font-weight:900}

.bnr-wrap {display:block;margin:0;padding:0;text-align:center}

#footer {display:block;margin:20px 0;padding:15px;border-top:1px solid #ddd}
.f-nav-wrap {display:block;margin:0;padding:0}
.f-nav-wrap li {float:left;margin:-1px -1px 0 0;width:25%;border:1px solid #ccc;background-color:#fff}
.f-nav-wrap li a {display:block;margin:0;padding:0;line-height:30px;text-align:center;font-size:10px}
.f-nav-wrap p {display:block;margin:0;padding:10px;font-size:1em;line-height:1.4em;color:#333}
.f-nav-wrap p span {color:#5973ba}
.f-nav-wrap p.f-info {color:#333;font-weight:700;border-top:1px solid #ccc}

#hidden-nav {position:fixed;top:0;left:0;display:none;margin:0;padding:0;width:300px;height:100%;background-color:#eee;z-index:15000}
#hidden-nav .top-nav {display:block;margin:0;padding:10px 20px;color:#fff;border-bottom:1px solid #b32a27;background-color:#c62e2d}
#hidden-nav .top-nav a {color:#fff}

#minishop-title-wrap {display:block;margin:0;padding:0;height:250px;text-align:center}
#minishop-title-wrap h1 {
    display: inline-block;
    margin: 15% auto 0;
    padding: 0 3px 6px;
    text-align: center;
    font-size: 3em;
    font-weight:900;
    color: #fff;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}
#minishop-title-wrap p {
    display: block;
    margin: 20px auto 0;
    padding: 0;
    max-width: 300px;
    font-size: 1.5em;
    color: #fff;
}

.cate {display:block;margin:0;padding:5px 20px;background-color:#fff}
.cate li {border-bottom:1px solid #eee}
.cate li:last-child {border-bottom:1px solid #fff}
.cate li a {display:block;margin:0;padding:5px 0 5px 0}

.pagination {float: right;position: relative;left: -50%}
.pagination li {float: left;position: relative;left: 50%}
.pagination li a {display:block;margin:2px;padding:5px 10px;background-color:#fff}
.pagination li.active {}
.pagination li.active a {color:#fff;background-color:#c30}