@font-face {
	font-family:'Merriweather';
	src:url("/m/assets/font/Merriweather-Italic.woff");
	font-style:italic;
}
@font-face {
	font-family:'Merriweather';
	src:url("/m/assets/font/Merriweather-Light.woff");
	font-weight:300;
}
@font-face {
	font-family:'Montserrat';
	src:url("/m/assets/font/Montserrat-Bold.woff");
	font-weight:700;
}
@font-face {
	font-family:'Montserrat';
	src:url("/m/assets/font/Montserrat-Regular.woff");
}
@font-face {
	font-family:'S-CoreDream-4Regular';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'ghanachoco';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ghanachoco.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Binggrae-Bold';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Arita-buri-SemiBold';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'S-CoreDream-6Bold';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'S-CoreDream-9Black';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'S-CoreDream-2ExtraLight';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
section,.section-t-space {
	padding-top:30px;
}
.section-b-space {
	padding-bottom:30px;
}
.lg-t-space {
	padding-top:20px;
}
.lg-b-space {
	padding-bottom: 20px;
}
/*===================== 1.2 Typography CSS start==========================*/
body {
	font-family:'S-CoreDream-4Regular';
	letter-spacing:-1px;
	position:relative;
	font-size:14px;
	margin:0;
	color:#222222;
	background-color:#e6e6e6;
	height:100%
}
body::-webkit-scrollbar {
	width:0;
	background:transparent;
}
html {
	scroll-behavior:smooth;
	height:100%
}
ul {
	padding-left:0;
	margin-bottom:0;
}
[dir="rtl"] ul {
	-webkit-padding-start:0;
	padding-inline-start:0;
	-webkit-margin-start:0;
	margin-inline-start:0;
}
li {
	display:inline-block;
	font-size:14px;
	color:#222222;
}
p {
	font-size:14px;
	line-height:1.5;
	color:#222222;
}
a {
	-webkit-transition:0.5s ease;
	transition:0.5s ease;
	text-decoration:none;
	color:#222222;
}
a:hover {
	text-decoration:none;
	-webkit-transition:0.5s ease;
	transition:0.5s ease;
}
a:focus {
	outline:none;
}
:focus {
	outline:none;
}
.form-control {
	font-size:14px;
	color:#222222;
}
[dir="rtl"] .form-control {
	text-align:right;
}
.form-control:focus {
	-webkit-box-shadow:none;
	box-shadow:none;
}
h1 {
	font-size:20px;
	font-weight:700;
	line-height:1.1;
	text-transform:capitalize;
	margin:0;
	color:#222222;
}
h2 {
	font-size:16px;
	font-weight:700;
	line-height:1.3;
	margin:0;
	color:#222222;
}
h3 {
	font-size:24px;
	line-height:1.2;
	margin:0;
	color:#fff;
}
h4 {
	font-size:14px;
	line-height:1.3;
	margin:0;
	color:#222222;
}
h5 {
	font-size:13px;
	line-height:1.3;
	margin:0;
	color:#222222;
}
h6 {
	font-size:12px;
	line-height:16px;
	font-weight:500;
	margin:0;
	color:#222222;
}
span {
	font-size:14px;
}
.title {
	font-family:'S-CoreDream-6Bold';
	margin-top:-3px;
	color: #fff;
    text-align: center;
	margin-bottom: 5px;
}
#wrap_all_m {
	height:100vh;
	background-image:url('/assets/images/back_bg.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
/*¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡	 HEADER¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡*/
.header_wrap {
}
.header_wrap header {
	width:100%;
	min-width:320px;
	z-index:300;
	position:relative;
}
.header_wrap header.h_on {
	position:fixed;
	top:0;
	left:0;
}
.header_wrap header .header_box {
	border-bottom:0px solid #cbcbcb;
}
.header_wrap header .header_box .h_logo {
	width:110px;
	padding:15px 0 15px 0;
	margin:0 auto;
	line-height:0;
	text-align:center;
}
.header_wrap header .header_box .h_logo a {
	font-size:0;
	line-height:0;
}
.header_wrap header .header_box .h_logo img {
	width:100%;
}
.header_wrap header .header_box .left_menu {
	position:absolute;
	top:0;
	left:5px;
	display:table;
}
.header_wrap header .header_box .left_menu li {
	display:table-cell;
	vertical-align:top;
}
.header_wrap header .header_box .right_menu {
	position:absolute;
	top:0;
	right:5px;
	display:table;
}
.header_wrap header .header_box .right_menu li {
	position:relative;
	display:table-cell;
	vertical-align:top;
}
.header_wrap header .header_box .side_menu,.header_wrap header .header_box .top_search,.header_wrap header .header_box .mypage,.header_wrap header .header_box .cart {
	display:inline-block;
	padding:14px 7px 14px 7px;
	vertical-align:top;
	background:none;
	border:none;
}
.header_wrap header .header_box .side_menu span,.header_wrap header .header_box .top_search span,.header_wrap header .header_box .mypage span,.header_wrap header .header_box .cart span {
	display:inline-block;
	height:21px;
	font-size:0;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	vertical-align:top;
}
.header_wrap header .header_box .side_menu span {
	width:27px;
	background-image:url('/assets/images/home_icon.png');
}
.header_wrap header .header_box .mypage span {
	width:25px;
	background-image:url('/assets/images/share_icon.png');
}
.header_wrap header .header_box .cart span.cart_count {
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	top:7px;
	right:-3px;
	display:block;
	padding:3px 6px 1px 6px;
	line-height:15px;
	border-radius:100%;
	color:#fff;
	background:#222;
	vertical-align:middle;
	font-size:12px;
}
.con_map {
}
.main {
}
.main .main_top_menu {
	display:table;
	width:100%;
}
.main .main_top_menu li {
	display:table-cell;
	width:25%;
	text-align:center;
}
.main .main_top_menu li a {
	display:block;
	padding:13px 0 13px 0;
	font-size:14px;
	color:#fff;
}
.main .main_notice {
	display:table;
	width:100%;
	margin:0 auto;
	padding:22px 0 22px 0;
}
.main .main_notice .tit {
	display:table-cell;
	width:84px;
	font-size:13px;
	font-weight:bold;
	color:#282828;
	text-align:center;
}
.main .main_notice ul {
	display:table-cell;
}
.main .main_notice ul li {
	overflow:hidden;
	width:80%;
	display:-webkit-box;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	letter-spacing:-1px;
}
.main .main_notice ul li a {
	display:block;
	width:100%;
}
.spot-main {
	clear:both;
}
.spot-main {
	padding:10px 10px 15px 10px;

}
.spot-main .title h3,.spot-main .title a,.spot-main .title .goods_prd_item7 .tab_box .tab li.on a {
	color:#fff;
}
.spot-main .title h3 {
	color:#fff;
	font-family:'S-CoreDream-9Black';
	font-size:27px;
	text-align:center;
}
.title .img {
	height:28px;
}
.title .img {
	height:28px;
}
.bar_bg {
margin-top: -20px;
}
.bar_bg h1 {
	margin-top:10px;
	padding-left:5%;
	padding-top:3px;
	color:#fff;
	font-family:'S-CoreDream-2ExtraLight';
	font-size:20px;
	text-align:center;
	float:left;
}
.bar_bg h2 {
	color:#fff;
	font-family:'S-CoreDream-9Black';
	font-size:20px;
	text-align:center;
	padding-right:5%;
	float:right;
	margin-top:10px;
}
.map_map {
	text-align:center;
	width:92.5%;
	height: calc( 100% - (400px + 50px) );
	border-radius:20px;
	margin-left:3%;
	box-shadow:0px 0px 4px rgb(28 97 183 / 1);
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:cover;
	border:3px solid #fff;
	z-index:10;
}
.map_map h3 {
}
.btt {
	position:relative;
	height:30px;
	margin-left:30%;
	width:40%;
	background-color:#fff;
	box-shadow:0px 0px 4px rgb(28 97 183);
	text-align:center;
	background-repeat:no-repeat;
	border-radius:20px;
	top:57vw;
	color:#000;
	padding:3px 0 0 0;
	font-family:'S-CoreDream-9Black';
	font-size:16px;
	color:#1d5bdf;
	z-index: 999;
}
.info,.info a,.info .goods_prd_item7 .tab_box .tab li.on a {
	color: #fff;
    text-align: center;
    margin-top: 10px;
    width: 50%;
    margin-left: 25%;
}
.info h3 {
	color: #fff;
	text-align:center;
}
.kid,.kid a,.kid .goods_prd_item7 .tab_box .tab li.on a {
	color:#fff;
}
.spot-main .kid h3 {
	border-bottom:3px solid #fff;
}
.spot-main .beauty,.spot-main .beauty a,.spot-main .beauty .goods_prd_item7 .tab_box .tab li.on a {
	color:#fff;
}
.spot-main .beauty h3 {
	border-bottom:3px solid #fff;
}
.spot-main .fashion,.spot-main .fashion a,.spot-main .fashion .goods_prd_item7 .tab_box .tab li.on a {
	color:#fff;
}
.spot-main .fashion h3 {
	border-bottom:3px solid #fff;
}
.spot-main .banner-slot {
	padding:0 0 30px;
}
.spot-main .banner-slot img {
	width:100%;
}
.spot-main .thingool-category .banner-slot {
	padding:20px 0 0;
}
.spot-main .time-slot {
	padding:0px;
}
.spot-main .time-slot img {
	width:100%;
}
.spot-main .time-slot2 {
	padding:0px;
}
.spot-main .time-slot2 img {
	width:70%;
}
.spot-main .time-slot3 {
	padding:0px;
}
.spot-main .time-slot3 img {
	width: 100%;
}
/*¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡	 Áß¾Ó À§Ä¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡¦¡*/
.footer {
   width: 85%;
    padding: 5px;
    float: left;
    font-size: 15px;
    margin-left: 5%;
    color: #000;
    text-align: center;
    border-radius: 15px;
	}
.bottom_txt {font-size:20px; color:#e04006;}
.link_box {
width: 90%;
    color: #fff;
    font-family: 'S-CoreDream-9Black';
    font-size: 25px;
    text-align: center;
    margin-left: 5%;
    float: left;
	margin-top:10px;
	}
.link_box .sms {
float: left;
    width: 46%;
    background-color: #f99d1c;
    border: 3px solid #fff;
    height: 110px;
    border-radius: 15px;
	line-height:28px;}
.link_box .sms h1 {font-size:35px; color:#fff;margin-top:5px;}
.link_box .call {
float: right;
    width: 46%;
    background-color: #00b6bb;
    border: 3px solid #fff;
    height: 110px;
    border-radius: 15px;
	line-height:28px;}
.link_box .call h1 {font-size:35px; color:#fff;margin-top:5px;}
.bottom_gab {height:55px;}
#infoDiv {
width: 100%;
    background-color: #fff;
   height: 50px;}

.modal {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        display: none;

        background-color: rgba(0, 0, 0, 0.4);
      }

      .modal.show {
        display: block;
      }

      .modal_body {
        position: absolute;
        top: 50%;
        left: 50%;

        width: 400px;
        height: 600px;

        padding: 40px;

        text-align: center;

        background-color: rgb(255, 255, 255);
        border-radius: 10px;
        box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);

        transform: translateX(-50%) translateY(-50%);
      }