/*font*/
@charset "utf-8";


/*
@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NanumGothic.eot');
	src: local('.'), url('/css/font/NanumGothic.woff') format('woff'), url('/css/font/NanumGothic.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumGothicBold';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NanumGothicBold.eot');
	src: local('.'), url('/css/font/NanumGothicBold.woff') format('woff'), url('/css/font/NanumGothicBold.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumGothicExtraBold';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NanumGothicExtraBold.eot');
	src: local('.'), url('/css/font/NanumGothicExtraBold.woff') format('woff'), url('/css/font/NanumGothicExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NanumBarunGothic.eot');
	src: local('.'), url('/css/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('/css/font/NanumBarunGothic.woff') format('woff'), url('/css/font/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumBarunGothicBold';
	font-style: normal;
	font-weight: normal;
	src: url('/css/font/NanumBarunGothicBold.eot');
	src: local('.'), url('/css/font/NanumBarunGothicBold.woff') format('woff'), url('/css/font/NanumBarunGothicBold.ttf') format('truetype');
}*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*Default*/
@font-face {
	font-family: 'NanumGothic';
}
* {
	margin: 0;
	padding: 0;
	font-family: 'Malgun Gothic','맑은 고딕',Helvetica,'Apple SD Gothic Neo',Dotum,'돋움',sans-serif;
}
img{
	border:0;
}
body {
	font-family: 'Malgun Gothic','맑은 고딕',Helvetica,'Apple SD Gothic Neo',Dotum,'돋움',sans-serif;
	font-size: 12px;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	-o-overflow-x: hidden;
	-webkit-overflow-x: hidden;
	-moz-overflow-x: hidden;
}
button {
	border: 0px;
	outline:none;
}
li {
	list-style: none;
}

.pri>img {
	width: 90%;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.intable {
	position: relative;
	width: 96%;
	margin: 0 auto;
	padding: 0;
}
.section {
	width: 100%;
}
table{width:100%}
input[type='text'], input[type='password'] {
	font-size: 12px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0;
	padding-left: 10px;
	-webkit-appearance: none;/*아이폰에서 그림자제거*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
input[type="select"] {
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0;
	padding-left: 10px;
	-webkit-appearance: none;/*아이폰에서 그림자제거*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
input[type="checkbox"] {
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0;
	padding-left: 10px;
	background-color: #fff;
}
input[type="checkbox"]:checked {
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 0;
	padding-left: 10px;
	background-color: #ccc;
}
select{
	font-size: 12px;
	width: 95%;
  margin-top: 0px;
  border: 1px solid #caced2;
  border-radius: 1.1px;
  background: #f7f7f7;
  padding: 0 0 0 4px;
}
#topScroll {
	position: fixed;
	left: 50%;
	margin-left: -35px;
	z-index: 999;
	top: 0;
	display: none;
}
#topScroll a {
	position: relative;
	margin: 0 auto;
	display: block;
	height: 100%;
	opacity: 0.8;
	background-color: #000;
	color: #fff;
	width: 70px;
	height: 30px;
	line-height: 30px;
}
/*border control*/
.bt {
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}
.bt-bold {
	border-top: 1px solid #2b2b2b;
}
.bb {
	border-bottom: 1px solid #ececec;
	box-sizing: border-box;
}
.bl {
	border-left: 1px solid #ececec;
	box-sizing: border-box;
}
.br {
	border-right: 1px solid #ececec;
	box-sizing: border-box;
}
.bt1 {
	border-top: 1px solid #ececec;
}
.bb1 {
	border-bottom: 1px solid #ececec;
}
.bl1 {
	border-left: 1px solid #ececec;
}
.br1 {
	border-right: 1px solid #ececec;
}
.bt2 {
	border-top: 1px solid #515151;
}
.bb2 {
	border-bottom: 1px solid #515151;
}
.bl2 {
	border-left: 1px solid #515151;
}
.br2 {
	border-right: 1px solid#515151;
}
.bt2-bold {
	border-top: 3px solid #515151;
}
.bb2-bold {
	border-bottom: 3px solid #515151;
}
.bl2-bold {
	border-left: 3px solid #515151;
}
.br2-bold {
	border-right: 3px solid#515151;
}
.bbor {
	border-bottom: 1px solid #fb2818;
}
/*--
오렌지색 선*/
.bbbu {
	border-bottom: 2px solid #00a1e0;
}
/*--
블루 선(굵은)
*/
.bbbu-small {
border-bottom:1px solid #00a1e0;
}
/*--
블루 얇은선-->*/
.bbdot {
	border-bottom: 1px dotted #ddd;
}

/*칼라코드*/

.ylbg {
	background: #CF3;
}
.bubg {
	background: #0b54ba;
}
.bkbg {
	background: #515151;
}
.gabg {
	background: #cfe1e8;
}
.eeebg {
	background: #eee;
}
.whbg {
	background: #fff;
}
.pkbg {
	background: red;
}
.pinkbg {
	background: #ff00ff;
}
.or {
	color: orange;
}
.rd {
	color: red;
}
.wh {
	color: white;
}
.bu {
	color: #0b54ba
}
.bk {
	color: #0e0e0e;
}
.yl {
	color: #CF3;
}
.textr {
	text-align: right
}
.textc {
	text-align: center
}
.textl {
	text-align: left
}
.valignm {
	vertical-align: middle;
}
/*폰트사이즈업*/
.f11 {
	font-size: 11px;
}
.fu1 {
	font-size: 14px;
}
.fu2 {
	font-size: 16px;
}
.fu3 {
	font-size: 20px;
}
.fu4 {
	font-size: 24px;
}
.fu5 {
	font-size: 30px;
}

.bold{ font-weight:bold}
/*텍스트 DECORATION*/
.dprice {
	text-decoration: line-through;
}

li.st_type{ list-style-type:disc;}

.clear {
	clear: both;
}
.prodImg {
	position: relative;
	width: 20%;
	float: left;
	z-index: 999;
}
.prodImg>img {
	float: left;
}
.prodName {
	width: 80%;
	float: left;
}
.prodName>p {
	font-size: 1.2em;
	padding: 5px 0 10px 25px;
}
.prodPlus {
	float: left;
	display: block;
}
.prodPlus>p {
	padding: 5px 0 10px 25px;
	font-size: 12px;
}
/*GRID 분할 LAYOUT*/
.grid1 {
	position: relative;
	width: 100%;
}
.gridx {
	position: relative;
	width: 100%;
}
.grid1f {
	position: relative;
	width: 100%;
	float: left;
}
.grid2 {
	position: relative;
	width: 50%;
}
.grid2f {
	position: relative;
	width: 50%;
	float: left;
}
.grid50 {
	position: relative;
	width: 50%;
	float: left;
}
.grid3f {
	position: relative;
	width: 33.333%;
	float: left;
}
.grid3fb {
	position: relative;
	width: 33%;
	float: left;
}
.grid3 {
	position: relative;
	width: 33.333%;
}
.grid3f-border {
	position: relative;
	width: 33%;
	float: left;
}
.grid30f-border {
	position: relative;
	width: 30%;
	float: left;
}
.grid40f-border {
	position: relative;
	width: 40%;
	float: left;
}
.grid4f {
	position: relative;
	width: 25%;
	float: left;
}
.grid4 {
	position: relative;
	width: 25%;
}
.grid5f {
	position: relative;
	width: 20%;
	float: left;
}
.grid5 {
	position: relative;
	width: 20%;
}
.grid10f {
	position: relative;
	width: 10%;
	float: left;
}
.grid15f {
	position: relative;
	width: 15%;
	float: left;
}
.grid18f {
	position: relative;
	width: 19%;
	float: left;
}
.grid20f {
	position: relative;
	width: 20%;
	float: left;
}
.grid23f {
	position: relative;
	width: 23%;
	float: left;
}
.grid30f {
	position: relative;
	width: 30%;
	float: left;
}
.grid35f {
	position: relative;
	width: 35%;
	float: left;
}
.grid40f {
	position: relative;
	width: 40%;
	float: left;
}
.grid40 {
	position: relative;
	width: 40%;
}
.grid60f {
	position: relative;
	width: 60%;
	float: left;
}
.grid60 {
	position: relative;
	width: 60%;
}
.grid50f {
	position: relative;
	width: 50%;
	float:left;
}
.grid50 {
	position: relative;
	width: 50%;
}
.grid66f {
	position: relative;
	width: 60%;
	float:left;
}
.grid70f {
	position: relative;
	width: 70%;
	float: left;
}
.grid75f {
	position: relative;
	width: 75%;
	float: left;
}
.grid75 {
	position: relative;
	width: 75%;
}
.grid80f {
	position: relative;
	width: 80%;
	float: left;
}
.grid80 {
	position: relative;
	width: 80%;
}
.grid85f {
	position: relative;
	width: 85%;
	float: left;
}
.grid90f {
	position: relative;
	width: 90%;
	float: left;
}

/*grid 합*/
.c {
	position: relative;
	width: 66.666%;
	float: left;
}
a {
	text-decoration: none;
}
.hei {
	height: 100%;
}
.heicontrol5 {
	text-indent: -9999em;
	height: 5px;
}
.heicontrol10 {
	text-indent: -9999em;
	height: 10px;
}
.heicontrol50 {
	height: 50px;
}
.heicontrol40 {
	height: 40px;
}
.heicontrol30 {
	height: 30px;
}
.heicontrol20 {
	height: 20px;
}
.heicontrol10 {
	height: 10px;
}
.heicontrol70 {
	height: 70px;
}
.heicontrol80 {
	height: 80px;
}
.heicontrol100 {
	height: 100px;
}
.heicontrol110 {
	height: 110px;
}
.heicontrol120 {
	height: 120px;
}
.heicontrol150 {
	height: 150px;
}
.heicontrol180 {
	height: 180px;
}
.heicontrol230 {
	height: 230px;
}
.heicontrol250 {
	height: 250px;
}
.heicontrol280 {
	height: 280px;
}
.heicontrol300 {
	height: 300px;
}
.heicontrol350 {
	height: 350px;
}
.heicontrol500 {
	height: 500px;
}
.heicontrol550 {
	height: 550px;
}
.heicontrol600 {
	height: 600px;
}
.heicontrol450 {
	height: 450px;
}
/*마진 패딩 control*/
.leftmargin {
	margin-left: 20%;
}
p {
	padding: 10px 0;
}
.padd {
	padding: 10px;
}
.padds {
	padding: 5px;
}
.padds1 {
	padding: 1.5px 5px;
}
.lpad {
	padding-left: 10px;
}
.rpad {
	padding-right: 10px;
}
.tpad {
	padding-top: 5px;
}
.tpad2 {
	padding-top: 20px;
}
.bpad {
	padding-bottom: 5px;
}
.bpad2 {
	padding-bottom: 10px;
}
.bpad3 {
	padding-bottom: 20px;
}
.nodis {
	display: none;
}
.pad0{ padding:0 !important;}
.padl0{ padding-left:0}
.margin0{margin:0 !important;}
.lmargin{ margin-left:10px;}
.tmargin{ margin-top:10px;}
.bmargin{ margin-bottom:10px;}
/*header*/
#headerWrap {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
/*mainContents*/
#maincontent {
	position: relative;
	width: 100%;
}
#mainContent img {
	width: 100%;
	border: none;
}
#footer img {
	width: 100%;
	border: none;
}
#companyName span {
	padding-left: 10px;
	padding-bottom: 5px;
}
#contWrap {
	position: relative;
	width: 100%;
	top: 0;
	z-index: 5;
	background: #fff;/* right: -80%; */
}
#sideWrap {
	position: absolute;
	width: 80%;
	vertical-align: top;
	background: #000;
	left: -80%;
	display: none;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background: #000;
	height: 100%;
}
.wrapper {
	margin: 30px auto;
	width: 300px;
	height: 150px;
	background: #ccc;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#bgWrap {
	position: fixed;
	width: 20%;
	height: 100%;
	top: 0px;
	left: 80%;
	z-index: 200;
	background: #000;
	opacity: 0.8;
	overflow-x: hidden;
	display: none;/* right: -80%; */
}
#Wrap {
	width: 100%;
	overflow: hidden;
}
#contWrap.addShow {
	left: 80%;
	overflow: hidden;
}
#sideWrap.addShow {
	left: 0%;
}
/*ASIDE*/
/*category*/
/*
.sideWrap{position:absolute; width:80%; font-size:13px; min-width:220px; z-index:9999; left:-120%; top:0; bottom:0; background:#000; height:100%;}
*/
aside {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}
.toptoyMenu {
	display: none;
}
.toptoyMenu li {
	width: 100%;
	position: relative;
	background: #0e0e0e;
	border-bottom: #fff solid 1px;
}
.toptoyMenu li a {
	padding: 10px 0 10px 16%;
	color: #00a1e0;
	display: block;
}
.category {
	width: 100%;
	position: relative;
	background: #424141;
}
.category>a {
	padding: 10px 0 10px 13%;
	color: #fff;
	display: block;
	border-bottom: #fff solid 1px;
}
/*top2*/

.top2 {
	width: 100%;
	position: relative;
	height: 100px;
	background: #282828;
	border-bottom: #fff solid 1px;
}
.top2 li {
	padding: 10px 0;
	color: #fff;
}
.logins {
	width: 100%;
	position: relative;
	padding: 30px 0 0 0;
	display: none;
}
.logins>p {
	width: 50%;
	position: relative;
	margin: 0px auto;
	background: #eae9e9;
	border: 1px solid #eee;
	color: #00a1e0;
	text-align: center;
	font-size: 16px;
}
.logouts {
	width: 100%;
	position: relative;
	padding: 10px;
}
/*top3*/
.top3 {
	width: 100%;
	position: relative;
	background: #282828;
}
.top3>ul {
	display: block;
}
.top3>ul>li {
	width: 100%;
	position: relative;
	background: #282828;
	border-bottom: #fff solid 1px;
}
.top3>ul>li>a {
	padding: 10px 0 10px 5%;
	color: #fff;
	display: block;
}
/*pointbar & top1*/

.pointBar {
	width: 100%;
	position: relative;
}
.pointBar>ul {
	width: 100%;
	padding: 0;
	margin: 0;
}
.top1 {
	width: 100%;
	position: relative;
}
.top1>ul>li>a {
	background: #282828;
}
/*메뉴 아이콘 컨트롤*/
.gicon {
	width: 10%;
	position: absolute;
	right: 3%;
	top: 2%;
}
.picon {
	width: 10%;
	position: absolute;
	left: 1%;
	top: 0%;
}
/*ASIDE*/


/*장바구니*/
/*메뉴*/
.basketWrap {
	width: 100%;
	position: relative;
}
.layoutWrapper {
	width: 96%;
	position: relative;
	margin: 0 auto;
}
.basketTop {
	width: 100%;
	position: relative;
}
.menuTabname>div {
	margin-left: 30px;
}
/*타이틀*/
.titleMenu {
	width: 100%;
	position: relative;
	padding: 10px 0;
	background: #eee;
}
.tmWrapper>ul {
	padding:15px 10px 10px;
	background: #fff;
	height: 50px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}
#jumpMenu {
	width: 100%;
}
.imgEach {
	width: 96%;
	position: relative;
	margin: 0 auto;
}
.infoEach {
	width: 96%;
	position: relative;
	margin: 0 auto;
}
.basketimgBox {
	width: 100%
}
.basketimgBox>img {
	width: 100%;
}
.bare {
	position: relative;
	width: 100%;
	height: 15px;
	background: #eee;
	text-indent: -9999em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.bare1 {
	position: relative;
	width: 100%;
	height: 15px;
	background: #fff;
	text-indent: -9999em;
	border-bottom: 1px solid #eee;
}
.tog1 {
	display: none;
}
#companyName span {
	line-height: 24px;
}
/*결제예정금액*/
.basketPriceBox {
	position: relative;
	width: 100%;
}
.priceBoxTitle {
	position: relative;
	width: 100%;
}
.pbt {
	position: relative;
	width: 96%;
	margin: 10px auto;
}
/*마이페이지 BTN*/
#pageBtn {
	position: relative;
	width: 100%;
}
.pageNum {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 20px auto 0;
}
.numSt {
	position: relative;
	display:inline-block;
	padding:10px;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	border-right:none;
	font-size: 12px;
	width:10px;
	height:10px;
}
.numSt>img{max-width:100%;}
.pageNum>span.numSt:last-child{border-right:1px solid #ccc; }
.numSt a {
	color: #000;
}
.numSt.active {
	background-color: #515151;
	color: #fff;
	border: 1px solid #515151;
}
.ons {
	top: -5px;
	font-weight: bold;
}

/*페이지네이션*/
.pageing {padding:15px 0 0;font-size:0;text-align:center;line-height:0;clear: both;}
.pageing a, .pageing strong {display:inline-block;width:30px;height:30px;border:1px solid #e5e5e5; border-right:none;color:#888;font-size:12px;line-height:28px;vertical-align:top;font-weight:700}
.pageing a:last-child{border-right:1px solid #e5e5e5;}
.pageing a {text-decoration:none;}
.pageing strong, .pageing a:hover, .pageing a:active, .pageing a:focus, .pageing strong:hover, .pageing strong:focus, .pageing strong:active {border:1px solid #333; background-color:#333;font-weight:700; color:#fff;}
.pageing .prev_none, .pageing .next_none {height:30px;padding:0;font-size:0;text-indent:-99999px;line-height:0;cursor: default;}
.pageing .first_none {width: 40px;height:30px;font-size: 11px;background:url("/img/toptoy_renew/ico_pageing_last_prev.png") no-repeat center center;cursor: default;}
.pageing .last_none {width: 40px;height:30px;font-size: 11px;background:url("/img/toptoy_renew/ico_pageing_last_next.png") no-repeat center center;cursor: default;}
.pageing .first_none:hover,.pageing .last_none:hover {color:#888;border:1px solid #e5e5e5;}
.pageing .prev_none {background:url("/img/toptoy_renew/ico_pageing_prev.png") no-repeat center center;}
.pageing .next_none {background:url("/img/toptoy_renew/ico_pageing_next.png") no-repeat center center;}

/*장바구니*/

/*타이틀이미지*/
.titleImage img {
	width: 100%;
}
.plcategory img {
	width: 100%;
}
.pr2 img {
	width: 80%;
}
.padds img {
	width: 100%;
}
.detail1 img {
	width: 100%;
}
#oneaday img {
	width: 100%;
}
/*CYCLE2 모바일슬라이더*/

ul.mobileSlider li {
	width: 100%;
	position: absolute;
	display: block;
}
ul.mobileSlider img {
	width: 100%;
}
li.example-pager {
	position: relative;
	width: 50%;
	margin: 0 auto;
	font-size: 45px;
	text-align: center;
}
li.example-pager .active {
	color: #00a1e0;
}
/*썸네일 아이콘 (주문폭주)(동영상)*/
.thumico22 {
	padding: 2px 10px;
	background: #ff0099;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}
.thumico223 {
	padding: 2px 10px;
	background: #b41818;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}
.thumico1 {
	padding: 2px 10px;
	background: #fd428d;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}/*주문폭주*/
.thumico2 {
	padding: 2px 10px;
	background: #0e0e0e;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}/*동영상*/
.thumico3 {
	padding: 2px 10px;
	background: #06C;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}/*동영상*/
.thumico4 {
	padding: 2px 10px;
	background: #00a1e0;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}/*동영상*/
.thumico5 {
	padding: 2px 10px;
	background: red;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}/*동영상*/

/*버튼*/
.thumico6 {
	width:25%;
	background: #219370;
	color: #fff;
	border: 1px solid #eee;
	font-size: 11px;
}/*버튼*/

.thumbtn7 {
	padding: 10px 20px;
	background: #515151;
	color: #fff;
	border: 1px solid #eee;
	font-size: 15px;
	}
.thumbtn8 {
	padding: 10px 20px;
	background: #06c;
	color: #fff;
	border: 1px solid #eee;
	font-size: 15px;
	}



/*상세페이지 내 고정NAV*/
.payfixed {
	position: fixed;
	width: 100%;
	z-index: 9999;
	height: 40px;
	bottom: 0;
}
.dtable {
	border-top: 2px solid #73778b;
	margin: 0 auto;
}
.dtable td {
	height: 24px;
	color: #505050;
	padding: 5px
}
.ntable td {
	padding: 0px
}
.th-cell {
	background: #f4f4f6;
	font-weight: bold
}
.td-br {
	border-right: 1px solid #c5c5c5
}
.td-bb {
	border-bottom: 1px solid #c5c5c5
}
.td-bt {
	border-top: 1px solid #c5c5c5
}
.td-bl {
	border-left: 1px solid #c5c5c5
}
.td-b {
	border: 1px solid #c5c5c5
}
.resize_view_table {
	table-layout: fixed;
	width: 100%;
}
.resize_view_table img {
	width: 100%;
}
.fb {
	font-weight: bold;
}
.headerWrap{width:100%; padding:0; margin:0;}
.iphone_com a {color:#fff; }

.payment_Box{
	display:none;

}

.foot_motion a{
color:#fff;
}

.foot_motion a{
color:#fff;
}

.foot_motion ul .icon_menu{
	width:20%;
	max-width:20px;
	max-height:20px;
	margin-right:5px;
	vertical-align:text-bottom
}

.wish_heart{
	position:fixed;
	height:34px;
	width:34px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	right:5px;
	opacity:0.7;
	z-index:9999;
	cursor:pointer
	}
.wish_heart.icon_home{
	bottom:90px;
	}
.wish_heart.icon_top{
	bottom:60px;
	}
.wish_heart.icon_top a{
    display:block;
	text-align:center;
	}
	.icon_mobile{
		position:fixed;
		height:34px;
		width:34px;
		background:#fff;
		border:1px solid #ccc;
		border-radius:3px;
		right:5px;
		opacity:0.7;
		z-index:9999;
		cursor:pointer
		}
	.icon_mobile.icon_zoom{
		bottom:93px;
		}

.topNum{
	position:absolute;
	width:15%;
	top:0;
	left:5%;
	z-index:9999;

}
.topNum img{
	width:100%;

}
/*모바일Default 끝*/


.textFlow {
	white-space:nowrap; overflow:hidden; display:block;text-overflow:ellipsis;
}


div.couponImg {
	margin: 5px 10px;
	position: relative;
	width:120px;
	height:50px;
	background-image: url('https://marubiz.diskn.com/16uuHYdDVk');
	background-repeat: no-repeat;
	background-position:-127px -8px;
}

div.couponImg .str {
	position: absolute;
	top:4px;
	left:12px;
	width:80px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
}

div.couponImg .str.strE {
	font-size:16px;
}

.couponIcon { }
.couponIcon span {
	background-image: url('https://marubiz.diskn.com/16uuHYdDVk');
	background-repeat: no-repeat;
	display:inline-block;
	width:50px;
	height:12px;
	text-indent:-9999px;
}
.couponIcon span.pcIcon { background-position:-248px -21px; }
.couponIcon span.mIcon { background-position:-248px -8px; }
.couponIcon span.dt1Icon { background-position:-299px -21px; }
.couponIcon span.dt2Icon { background-position:-299px -8px; }

.mypageCouponInfo {
	background:#f2f2f2;
	border:1px solid #dbdbdb;
	padding:15px;
}
.mypageCouponInfo p { line-height:18px; }

.plinetype1 p { padding:3px 0px;  }

a.couponIconBtn1, a.couponIconBtn2, a.couponIconBtn3 {
	display:inline-block;
	background-image: url('https://marubiz.diskn.com/16uuHYdDVk');
	text-indent:-9999px;
	vertical-align: bottom;

}

a.couponIconBtn1 {
	width: 63px;
	height: 18px;
	background-position:-6px -97px;
}
a.couponIconBtn2 {
	width: 103px;
	height: 37px;
	background-position:-6px -59px;
}
a.couponIconBtn3 {
	width: 103px;
	height: 37px;
	background-position:-110px -59px;
}


/*---------------------------------------- je시작-------------------------------------- */

/*-------------------상단 시작200427-------------------*/
/* 공통 */
button {border: 0 none; background-color: transparent; cursor: pointer;}
fieldset,img{border:0 none}
address, caption, cite, code, dfn, em, var, i{font-style: normal; font-weight: normal;}

/* GNB */
#m_gnb{position:relative;background-color:#fff}
.mcom_gnb .mcom_gnb_lft{position:absolute;top:0;left:0}
.mcom_gnb .mcom_gnb_rgt{position:absolute;top:0;right:0}
.mcom_gnb{position:relative;padding-top: 5px;}
.mcom_gnb .mcom_gnb_rgt{position:absolute;top:0;right:7px}
.mcom_gnb .mcom_gnb_my{position:absolute;top:0;right:50px}
.mcom_gnb .mcom_gnb_btn{display:inline-block;position:relative;width:47px;height:54px;font-size:11px;color:#4a4a4a;text-align:center;vertical-align:top;letter-spacing:-1px}
.mcom_gnb .mcom_gnb_btn .b_btn{position:absolute;height:auto;top:57%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.mcom_gnb .mcom_gnb_btn .b_btn:before{display:block;height:18px;margin:0 auto 2px;content:''}
.mcom_gnb .m_logo{text-align:center}
.mcom_gnb .m_logo a{display:inline-block;height:54px}
.mcom_gnb .m_logo a:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.mcom_gnb .m_logo strong{display:inline-block;overflow:hidden;color:transparent;vertical-align:middle}
.mcom_gnb .b_category:before{width:22px;background-position:0 0}
.mcom_gnb .b_cart:before{width:21px;background-position:-24px -2px}
.mcom_gnb .b_my:before{width:20px;background-position:-46px 0!important}
.mcom_gnb .b_mall{margin-right:5px}
.mcom_gnb .b_mall:before{width:23px;background-position:-25px 0}
.mcom_gnb .b_ship:before{width:27px;background-position:-103px -120px!important}
.mcom_gnb .pd_numbx{position:absolute;top:-5px;left:50%;margin-left:3px}
.mcom_gnb .pd_num{display:inline-block;min-width:17px;padding:0 3px;border-radius:10px;background:#ff5b59;font-size:11px;font-family:'Roboto-Medium';color:#fff;font-weight:bold;line-height:17px;box-sizing:border-box}
.sp_cmg,.mcom_gnb .b_category:before,.mcom_gnb .b_my:before,.b_cart:before,.mcom_gnb .b_mall:before,.mcom_gnb .b_ship:before,.cm_logo .cm_logo_toggle_ico{overflow:hidden;display:inline-block;background:url(../img/icon_com.png) no-repeat;background-size:150px auto;vertical-align:top}


/* 헤더타이틀영역 */
.hdr .mcom_gnb_lft{position:absolute;top:0;left:0;z-index: 1;}
.hdr .mcom_gnb_rgt{position:absolute;top:0;right:0;z-index: 1;}
.hdr{position:relative;padding:0}
.hdr .mcom_gnb_rgt{position:absolute;top:0;right:7px}
.hdr .mcom_gnb_my{position:absolute;top:0;right:50px}
.hdr .mcom_gnb_btn{display:inline-block;position:relative;width:47px;height:47px;font-size:11px;color:#4a4a4a;text-align:center;vertical-align:top;letter-spacing:-1px}
.hdr .mcom_gnb_btn .b_btn{position:absolute;height:auto;top:55%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.hdr .mcom_gnb_btn .b_btn:before{display:block;height:18px;margin:0 auto 2px;content:''}
.hdr .m_logo{text-align:center}
.hdr .m_logo a{display:inline-block;height:54px}
.hdr .m_logo a:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.hdr .m_logo strong{display:inline-block;overflow:hidden;color:transparent;vertical-align:middle}
.hdr .b_home:before{width:21px;background-position:2px -63px!important}
.hdr .b_category:before{width:22px;background-position:0 0}
.hdr .b_cart:before{width:21px;background-position:-25px -2px}
.hdr .b_zzim:before{width:21px;background-position:-44px -18px}
.hdr .b_my:before{width:21px;background-position:-46px 0!important}
.hdr .b_mall{margin-right:5px}
.hdr .b_mall:before{width:23px;background-position:-25px 0}
.hdr .pd_numbx{position:absolute;top:-5px;left:50%;margin-left:3px}
.hdr .pd_num{display:inline-block;min-width:17px;padding:0 3px;border-radius:10px;background:#ff5b59;font-size:11px;color:#fff;font-weight:bold;line-height:17px;box-sizing:border-box}
/* .sp_cmg,.hdr .b_home:before,.hdr .b_category:before,.hdr .b_my:before,.b_cart:before,.b_zzim:before,.hdr .b_mall:before,.cm_logo .cm_logo_toggle_ico{overflow:hidden;display:inline-block;background:url(../img/icon_com.png) no-repeat;background-size:150px auto;vertical-align:top} */


/* GNB로고 + 몰이동 */
.cm_logo{position:relative;text-align:center}
.cm_logo .cm_logo_home{display:inline-block;position:relative;vertical-align:top}
.cm_logo .cm_logo_home h1{overflow:hidden;height:50px}
.cm_logo .cm_logo_homebtn{display:block;position:relative;font-size:0}
.cm_logo .cm_logo_homelogo{display:inline-block;font-size:14px;vertical-align:middle}
.cm_logo .cm_logo_homelogo.normal{width:150px;height:50px;background:url(../img/logo_haeder.png) no-repeat;background-size:150px auto}
.cm_logo .cm_logo_homelogo.sub{width:110px;height:32px;background:url(../img/logo_haeder.png) no-repeat;background-size:110px auto}
@media screen and (max-width: 360px){
.cm_logo .cm_logo_home{font-size:0}
.cm_logo .cm_logo_home h1{display:inline-block;vertical-align:top}
.mcom_gnb_v2 .cm_logo .cm_logo_home{font-size:14px}
.mcom_gnb_v2 .cm_logo .cm_logo_home h1{display:block;vertical-align:top}
.mcom_gnb_v2 .cm_logo .cm_logo_toggle{position:absolute;left:100%;font-size:14px}
.mcom_gnb_v2 .cm_logo .cm_logo_malllist{margin-left:-115px}
}
.cgsearch_inpbox_wrap {padding:0 10px 10px;}
.cgsearch_inpbox {display:table;width:100%;height:30px;background-color:#f5f5f5;border-radius:2px;}
.cgsearch_inpbox_sbox {display:table-cell;vertical-align:middle;position:relative;z-index:10;}
.cgsearch_inpbox_sbox {padding-right:36px;border: 2px solid #3567b5;}
.cgsearch_inpbox_inp {font-size: 13px;border:0;background:none;width:100%;height:30px;padding-left:40px;box-sizing:border-box;text-align: center;}
.cgsearch_inpbox_src {position:absolute;right:0;top:0;width:30px;height:30px;}
.cgsearch_inpbox_src:before {content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_com.png) no-repeat; background-size: 190px 190px; background-position: -105px 4px; width: 28px; height: 28px;}

/* 전체메뉴 */
.hdr_blue{ position: relative; /* padding: 5px 6px 0; */ border-bottom: 1px solid #b7b7b7; background-color: #fff; }
.hdr_blue > h2{position: relative; font-size: 18px; font-weight: 800; text-align: left; background: #3567b5; color: #fff;padding:10px 30px;}
.hdr_blue h2:before,.hdr_blue h2:before{content: ''; float: left; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_com.png) no-repeat; background-size: 150px 150px;}
.hdr_blue .logout:before{background-position: -50px -96px; width: 18px; height: 22px;left: 21px; top: 46%;}
.hdr_blue .login:before{background-position: -51px -64px; width: 18px; height: 20px;left: 19px; top: 45.7%;}
.hdr_blue > h2 > a{color: #fff;padding: 10px 30px 10px 3px;}
.hdr_blue > h2 > a > .btn_home{ content: ''; position: absolute; left: 5%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_com.png) no-repeat; background-size: 190px 190px; background-position: 0 -79px; width: 28px; height: 28px; }
.hdr_blue > h2 .arrow{display: inline-block;position: relative; top: -2px;padding-left: 2px;}
.hdr_blue > h2 .arrow:after{display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 7px; height: 7px; margin: 0 auto; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: "";}
.hdr_blue .btn_close{content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_com.png) no-repeat; background-size: 200px 200px; background-position: -38px -158px; width: 28px; height: 28px;}

/* 마이페이지 - 무엇을도와드릴까요 */
.help_wrap {position: relative;margin-top: -2px; padding: 0 15px 0;overflow: hidden;}
.help_wrap section > header.tit_wp { position: relative; height: 50px;}
.help_wrap section > header.tit_wp > h2 { font-size: 16px;font-weight: 800; line-height: 30px; color: #16181a; text-align: center;padding: 10px 0; font-size: 16px; color: #16181a; text-align: center; letter-spacing: -0.06em;}
.help_wrap{display: block; overflow: hidden;}
.help_wrap .info ul li {float: left; width: 33.33333%;}
.help_wrap .info ul li a {position: relative;display: block;text-align: center; border: 1px solid #c1c5cb; box-sizing: border-box;background: #f2f4f7;margin-right: 2px;padding: 48px 0 10px 0;}
.help_wrap .info ul li:last-child a{margin-right: 0;}
.help_wrap .info ul li a em{font-size: 12px; letter-spacing: -0.06em;}
.help_wrap .info ul li a em span{}
.help_wrap .info ul li a em:before{position: absolute; left: 50%; top: 38%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_grid.png) no-repeat; width: 36px; height: 30px; content: ''; }
.help_wrap .info{padding-bottom: 20px; overflow: hidden;}
.help_wrap .info ul li a em.tel:before{background-size: 380px 380px; background-position: -1px -118px; }
.help_wrap .info ul li a em.talk:before{background-size: 380px 380px; background-position: -39px -118px; }
.help_wrap .info ul li a em.quick:before{background-size: 380px 380px; background-position: -153px -118px }
.help_wrap .info ul li a em.help:before{background-size: 380px 380px; background-position: -77px -118px; }

.ban_member { display: block; padding: 0 15px 0;}
.ban_member a img { width: 100%; }

/* 전체메뉴-전체카테고리 */
.all_car {position: relative;margin-top: -2px; overflow: hidden;}
.all_car section > header.tit_wp { position: relative; height: 50px;}
.all_car section > header.tit_wp > h2 { font-size: 16px;font-weight: 800; line-height: 33px; color: #16181a; text-align: center;padding: 10px 0;letter-spacing: -0.06em;}
.all_car .info {border-top:1px solid #dcdcdc;}
.all_car .info ul li {position: relative;float: left; width: 50%;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;}
.all_car .info ul li:before { content: ''; position: absolute; right: 10px; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_com.png) no-repeat; background-size: 100px auto; background-position: -55px -73px; width: 8px; height: 13px; z-index: 2; }
.all_car .info ul li:nth-child(odd) {border-right: 1px solid #dcdcdc;}
.all_car .info ul li a {position: relative; display: block; background: #f7f7f7; padding: 8px 8px 8px 14px ; font-size: 13px; letter-spacing: -0.06em;}


/* 전체메뉴-맞춤카테고리 */
.spe_car {position: relative;margin-top: -2px; overflow: hidden;}
.spe_car section > header.tit_wp { position: relative; height: 50px;}
.spe_car section > header.tit_wp > h2 { font-size: 16px;font-weight: 800; line-height: 33px; color: #16181a; text-align: center;padding: 10px 0;letter-spacing: -0.06em;}
.spe_car .info {border-top:1px solid #dcdcdc;}
.spe_car .info ul {padding-bottom: 4px; display: block; overflow: hidden;}
.spe_car .info ul li {position: relative;float: left; width: 50%;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;}
.spe_car .info ul li:before {content: ''; position: absolute; left: 20px; top: 51%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_grid.png) no-repeat; background-size: 220px auto; background-position: -1px -199px; width: 20px; height: 20px; z-index: 2; border-radius: 4px;}
.spe_car .info ul li a {position: relative; display: block;  padding: 8px 8px 8px 29px; font-size: 12px; letter-spacing: -0.06em;}

/*-------------------전체메뉴 시작-------------------*/
/* 마이페이지-내정보 */
.mypage_hiwrap{display: block; overflow: hidden;}
.mypage_hiwrap ul li {float: left; width: 20%;text-align: center; border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.mypage_hiwrap ul li:nth-child(5n){float: left; width: 20%; text-align: center;border-right: 0;box-sizing: border-box;}
.mypage_hiwrap ul li a {position: relative;display: block;height: 54px;}
.mypage_hiwrap ul li a > em{display: block; padding-top: 32px; font-size: 12px; letter-spacing: -0.06em;}
.mypage_hiwrap ul li a > em:before{position: absolute; left: 50%; top: 30%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_grid.png) no-repeat; width: 36px; height: 30px; content: ''; }
.mypage_hiwrap ul li a em.order:before{background-size: 380px auto; background-position: -1px -1px; }
.mypage_hiwrap ul li a em.infomo:before{background-size: 380px auto; background-position: -38px -1px; }
.mypage_hiwrap ul li a em.logout:before{background-size: 380px auto; background-position: -266px -42px; }
.mypage_hiwrap ul li a em.qalist:before{background-size: 360px auto; background-position: -142px 0; }
.mypage_hiwrap ul li a em.basket:before{background-size: 380px auto; background-position: -192px -1px;}
.mypage_hiwrap ul li a em.zzim:before{background-size: 380px auto; background-position: -116px -1px; }
.mypage_hiwrap ul li a em.history:before{background-size: 380px auto; background-position: 1px -39px; }
.mypage_hiwrap ul li a em.mycou:before{background-size: 380px auto; background-position: -38px -39px; }
.mypage_hiwrap ul li a em.coureg:before{background-size: 380px auto; background-position: -77px -39px; }
.mypage_hiwrap ul li a em.quick:before{background-size: 380px auto; background-position: -191px -39px; }
.mypage_hiwrap ul li a em.point:before{background-size: 380px auto; background-position: -227px -39px; }
.mypage_hiwrap ul li a em.real:before{background-size: 200px auto; background-position: -80px -80px; width: 20px; height: 20px; top: 19px; }
.mypage_hiwrap ul li a em.special:before{background-size: 380px auto; background-position: -313px -46px; width: 22px; height: 20px; top: 19px;}

.mypage_hiwrap ul li .pd_numbx{position: relative;}
.mypage_hiwrap ul li .pd_numbx .pd_num{display: inline-block; min-width: 17px; padding: 0 3px; border-radius: 10px; background: #ff5b59; font-size: 11px; color: #fff; font-weight: bold; line-height: 17px; box-sizing: border-box; position: absolute;; top: -29px; right: -47px;}
.mypage_destatus_wrap{position:relative;}
.mypage_destatus_wrap .mypage_destatus{display: block; overflow: hidden; width: 95%; margin: 0 auto; padding: 12px 0 12px 0;}
.mypage_destatus_wrap .mypage_destatus ul {position: relative;display: block;overflow: hidden;}
.mypage_destatus_wrap .mypage_destatus ul::before {content: ''; position: absolute; top: 21px; left: 10%; right: 10%; height: 1px; background: #e2e2e2;z-index: -2;}
.mypage_destatus_wrap .mypage_destatus ul li {float: left; width: 16.66666%;;text-align: center;}
.mypage_destatus_wrap .mypage_destatus ul li span.circle{background: #fff;border: 1px solid #eaeaea; box-sizing: border-box; border-radius: 50%; width: 40px; height: 40px; display: block; padding:8px 8px 8px 7px;margin: 0 auto;}
.mypage_destatus_wrap .mypage_destatus ul li span.circle strong{font-size: 16px;}
.mypage_destatus_wrap .mypage_destatus ul li span.circle strong.grey{color: #afafaf}
.mypage_destatus_wrap .mypage_destatus ul li span.circle strong.black{color: #000}
.mypage_destatus_wrap .mypage_destatus ul li span.circle strong.red{color: #dc3f3f}
.mypage_destatus_wrap .mypage_destatus ul li em{display: block; font-size: 11px; letter-spacing: -0.08em; padding-top: 5px;color: #595959;}
.mypage_destatus_wrap .destatus_etc {display: block; letter-spacing: -0.08em; padding: 5px 0; color: #353535; font-weight: 800; text-align: center; border-top: 1px solid #e2e2e2;}
.mypage_destatus_wrap .destatus_etc em{color: #dc3f3f; font-weight: 800; text-align: center; padding-left: 4px; vertical-align: middle;}

/*-------------------헤더스크립트 시작-------------------*/

/* 상단띠배너 포함 */
.body_sticky { padding-top: 153px;}
.header_sticky { position: fixed; top: 0; left: 0;width: 100%; height: 99px;  transition: top 0.2s ease-in-out;z-index: 999;}

/* 상단띠배너 미포함 */
.body_sticky_none { padding-top: 97px;}
.header_sticky_none { position: fixed; top: 0; left: 0;width: 100%; height: 99px;  transition: top 0.2s ease-in-out;z-index: 9999;background: #fff;}

/* 스티키효과 끔 */
.body_fix { padding-top: 0;}
.header_fix { position: relative;width: 100%; transition: top 0.2s ease-in-out;z-index: 999;}

.nav-up { top: -99px;}

/*-------------------상단 시작-------------------*/
div.menu_po {background-color:#0b54ba; width:100%; height:50px; margin:0px; font-size:12px; padding:0 10px;}
div.menu_po ul li{display:inline-block; line-height:50px;}

.logo_search_size {width:100%; height:110px; float:right; position : relative;}
.logo_size {width:100%; margin:15px auto; text-align:center; }
.search_img { width:19px; margin:6px; }
.my_img { width:19px; margin:6px; }
.search_size { position : absolute; bottom: 6px; right: 10px;}
.my_img_size {position : absolute; bottom: 6px; left: 10px;}

.search_input_box{margin:10px 0px; width:150px; border:1px solid #00b5ff; padding:0 0px;}
input.search_input_box_input{padding:10px 10px 9px; width:100%; border:none; margin-top:8px;}
.search_input_button{padding:10px; background:none; border:none; float:right;}
table.quick_menu {width:100%; border-collapse:collapse; text-align:center; font-size:12px;}
table.quick_menu tr td {border:1px solid #ccc; width:16%; height:45px; padding:5px 0;}
table.quick_menu tr td img{width:15px; margin-top:2px; }


table.myinfo_slider{width:100%; border-collapse:collapse; text-align:center; font-size:12px; background:#5f5f5f; color:#fff;}
table.myinfo_slider tr td {border:1px solid #ccc; border-bottom:none; width:25%; height:45px; padding:5px 0;}
table.myinfo_slider tr td img{width:15px; margin-top:2px;}


.search_tt{ width:160px; display:inline-block; float:right; margin-right:40px;}
@media screen and (min-width:0px) and (max-width:330px){
	.search_tt{ width:100px; display:inline-block; float:right; margin-right:40px;}
}
@media screen and (min-width:347px) and (max-width:372px){
	.search_tt{ width:130px; display:inline-block; float:right; margin-right:40px;}
}
@media screen and (min-width:330px) and (max-width:346px){
	.search_tt{ width:115px; display:inline-block; float:right; margin-right:40px;}
}

/**
 * Styling top level items
 */
.nav a,
.nav label {
  display: block;
  color: #fff;
}
.nav a:focus, .nav a:hover,
.nav label:focus,
.nav label:hover {
  color: rgba(255, 255, 255, 0.5);
}

.nav label {
  cursor: pointer;
}


/**
 * Hide nested lists
 */
.group-list,
.sub-group-list,
.sub-sub-group-list {
  height: 100%;
  max-height:0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
 -moz-transition: max-height .5s ease-in-out;
 -ms-transition: max-height .5s ease-in-out;
     transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul {
  /* reset the height when checkbox is checked */
  max-height: 1000px;
}

/**
 * Rotating chevron icon
 */

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	   -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

/**
 * Styling footer
 */
footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #050505;
}

.soc-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.soc-media li:nth-child(n+2) {
  margin-left: 1rem;
}

.soc-media a {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.65);
  -webkit-transition: color .25s ease-in;
          transition: color .25s ease-in;
}
.soc-media a:focus, .soc-media a:hover {
  color: rgba(255, 255, 255, 0.2);
}




.menu a{cursor:pointer; display:block;}
.menu .hide{display:none;}



.movie-player-wrapper {
	position: relative;
	width: 100%;
	height: 50px;
	background-color:#080808;
}
.movie-player-wrapper>a>img {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 270px; height: auto;
}

/*-------------------상단 끝-------------------*/


/* .page-title{ padding-top:15px;} */

/*-------------------하단 시작200427-------------------*/
// =============================================================================
// 모바일 공통 푸터
// =============================================================================

#mcom_footer{padding-bottom:70px;border-top:1px solid #e7e7e7;background:#fff}
#mcom_footer .mcom_footer.type02 {padding-bottom:50px}
#mcom_footer .mcom_ch_banner{text-align:center}
#mcom_footer .mcom_ch_banner img{width:320px;margin:0;padding:0;vertical-align:top}
// 더보기 버튼
.btn_area {
	a,
	button {
		display: inline-block;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		vertical-align: top;
	}

	.btn_txt {
		font-weight: bold;
		font-size: 14px;
	}

	.list_btn_more {
		height: 45px;
		background: #faf7ea;
		color: #484848;
		&:after {
			display: inline-block;
			width: 17px;
			height: 17px;
			margin: -8px 0 0 3px;
			border-bottom: 3px solid #484848;
			border-right: 3px solid #484848;
			vertical-align: middle;
			transform: scale(0.5) rotate(45deg);
			content: "";
		}
	}
}
.mcom_footer .os_view{margin-top:15px}
.mcom_footer .os_view a{display:block;margin:0 -4px;padding:10px 0;border:1px solid #9a9a9a;background:#adadad;font-size:18px;color:#fff;text-align:center}
.mcom_footer{clear: both;font-family:'AppleSDGothicNeo-Regular',sans-serif}
.mcom_footer .bar{margin:0 5px;font-size:10px;color:#cdcdd0}
.mcom_footer .txt_link{color:#414141;text-decoration:underline}
.mcom_footer .mcom_btnbx_warp{padding:0 13px;background:#dbdbe0}
.mcom_footer .mcom_btnbx_list{display:table;width:100%;border-collapse:collapse}
.mcom_footer .mcom_btnbx_list li{display:table-cell;position:relative;vertical-align:top}
.mcom_footer .mcom_btnbx_list li:after{position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background:#b8b8be;content:''}
.mcom_footer .mcom_btnbx_list li:last-child:after{display:none}
.mcom_footer .mcom_btnbx_list li a{display:block;position:relative;margin:0 10px;padding:9px 0;font-size:11px;color:#565656;text-align:center;letter-spacing:-.05px}
.mcom_footer .mcom_service_wrap{padding:0 5px;background:#717178}
.mcom_footer .mcom_service_area{display:table;width:100%;min-height:53px;padding:8px 0 12px 0;border-top:1px solid #606066;box-sizing:border-box}
.mcom_footer .mcom_service_area:first-of-type{border-top:0}
.mcom_footer .mcom_service_area .mcom_service_info{display:table-cell;position:relative;padding:0 0 0 14px;font-size:11px;color:#fff;vertical-align:middle;line-height:16px;font-weight:300;}
.mcom_footer .mcom_service_area.sm .mcom_service_info:before{background-position:0 0}
.mcom_footer .mcom_service_area.em .mcom_service_info:before{background-position:0 -30px}
.mcom_footer .mcom_service_info .mcom_info_mall{letter-spacing:-.5px}
.mcom_footer .mcom_service_info .mcom_tel_title{font-size:12px;font-weight:300;color:#fcfcfd;vertical-align:-1px;letter-spacing:-.3px;white-space:nowrap}
.mcom_footer .mcom_service_info .mcom_tel_tx{display: block;font-size:14px;font-weight:700;color:#fcfcfd;vertical-align:-1px;letter-spacing:-.3px;white-space:nowrap}
.mcom_footer .mcom_service_info .mcom_time_tx{font-size:9px;font-weight:300;color:#fcfcfd;vertical-align:-1px;letter-spacing:-0.03em;white-space:nowrap;line-height: 10px;}
.mcom_footer .mcom_service_info .mcom_time_tx > i{display: block;font-size:9px;font-weight:300;color:#fcfcfd;vertical-align:-1px;letter-spacing:-0.03em;white-space:nowrap}
.mcom_footer .mcom_service_btnarea{display:table-cell;vertical-align:middle;font-size:0;text-align:right}
.mcom_footer .mcom_service_btnarea .mcom_service_btn{display: inline-block; height: 30px; margin: 2px 4px 2px 1px; padding: 0 15px; border: 1px solid #464646; border-radius: 3px; background: #585863; font-size: 10px; color: #fff; letter-spacing: -.05px;}
.mcom_footer .mcom_service_btnarea .mcom_service_btn em{display:inline-block;vertical-align:-1px;line-height:1.2}
.mcom_footer .mcom_service_btnarea .mcom_service_btn:before{display:inline-block;width:1px;height:100%;margin-left:-1px;vertical-align:middle;content:''}
.mcom_footer .mcom_mall_wrap{padding:0 20px}
.mcom_footer .mcom_mall_box{margin-top:7px}
.mcom_footer .mcom_mall_box .mcom_mall_name{font-size:11px;color:#414141;letter-spacing:-.5px}
.mcom_footer .mcom_mall_box address{margin-top:0;font-size:10px;color:#888;line-height:1.5}

.mcom_footer .mcom_cont_info{margin-top:13px;padding-top:6px;border-top:1px solid #d8d8dc;font-size:0}
.mcom_footer .mcom_cont_lst:after{display:block;clear:both;content:''}
.mcom_footer .mcom_cont_lst li{float:left;margin: 0 8px 8px 0}
.mcom_footer .mcom_cont_lst li a{font-size:11px;color:#414141;letter-spacing:-.5px}
.mcom_footer .mcom_cont_lst li .bar{margin:0 8px 0 0}
@media screen and (max-width:320px){
  .mcom_footer .mcom_service_wrap{padding:0 13px}
  .mcom_footer .mcom_service_btnarea .mcom_service_btn{padding:0 4px}
}

/* 고객센터&자주묻는질문 */
.ft_cusfaq {position: relative;display: block;}
.ft_cusfaq ul li {position: relative;float: left; width: 50%;letter-spacing: -0.06em;}
.ft_cusfaq ul li:first-child:before {content: ""; background: #a2a2a2; width: 1px; height: 14px; position: absolute; top: 13px; right: 0;}
.ft_cusfaq ul li a{display: block; padding: 3px 0 10px 0; border-top: 1px solid #dadada; text-align: center; font-size: 12px; background: #e7e7e7; }
.ft_cusfaq ul li span {position: relative; top: 15px; left: 9px; display: inline-block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_grid.png) no-repeat; background-size: 220px auto; width: 20px; height: 20px; content: ""; }
.ft_cusfaq ul li span.cust {background-position: -45px -67px;}
.ft_cusfaq ul li span.faq {background-position: -66px -67px;}

/*-------------------하단 시작-------------------*/
.foot_motion { position: fixed; bottom: 0; z-index: 9999; width: 100%; height: 40px; line-height:40px; background: #333; opacity: 1; color: #fff; font-size:12px; }
.foot_motion ul li{width:25%;}
.mySlides {display:none;}
.bottom_table_st{width:100%; background:#f9f9f9;padding:10px 0 45px; }
.bottom_table_st_td{width:50%; padding:20px 10px 20px 10px; border-right:1px solid #ccc;}
.bottom_table_st_td_p1{font-size: 18px; font-weight: 900; color:#606060;}
.bottom_table_st_td_p2{font-size: 14px; font-weight: 900; margin-top:14px;}
.button_style1 {padding:5px; width:100%; margin-top:14px; border:none;}
.button_style2 {padding:5px; width:100%; margin-top:34px; border:none;}
ul.bottom_nav{border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; font-size:14px;}
ul.bottom_nav li{display:inline-block; padding:10px;}
.bottom_text{font-size:12px; text-align:center; padding:10px; color:#626262;}
/*-------------------하단 끝-------------------*/
/*-------------------리스트고정 시작-------------------*/

.fixed_menu_div{
	position: fixed;
	width: 100%;
	z-index: 9999;
	height: 40px;
	line-height:40px;
	bottom: 0;
	}

ul.fixed_menu_ul{width:100%;}
ul.fixed_menu_ul a li{width:16%; float:left;text-align:center; color:#fff;background-color:#656565; border-right:1px solid #999;}
ul.fixed_menu_ul a:first-child li{ width:52%; background-color:red;border-right:none}
ul.fixed_menu_ul a:last-child li{border-right:none}
ul.fixed_menu_ul a li img{ width:24px; vertical-align:middle;}
.icon_circle_num{position:absolute; width:30px;line-height:20px;display:inline-block; top:-27px; right:-4px; text-align:center; background:red; color:#fff; border:1px solid #fff; border-radius:10px;}

ul.fixed_menu_ul2{width:100%;}
ul.fixed_menu_ul2 a li{width:12%; float:left;text-align:center; color:#fff;background-color:#656565; border-right:1px solid #999;}
ul.fixed_menu_ul2 a:first-child li{ width:52%; background-color:red;border-right:none}
ul.fixed_menu_ul2 a:last-child li{border-right:none}
ul.fixed_menu_ul2 a li img{ width:24px; vertical-align:middle;}

/*-------------------리스트고정 끝-------------------*/
/*-------------------리스트 시작-------------------*/
p.p_padding_n {padding:0px;}
p.p_padding_y{padding-bottom:5px;}
.main-goods-list .main-goods-title-line {
	margin-top:20px;
}

.main-goods-list .main-goods-title-line .main-goods-title i {
	color:#ff4200;
}
.main-goods-list .main-goods-title-line .main-goods-icon {
	text-align:center;
	font-size:1.3em;
	border-left:none;
	border-right:none;
}
.main-goods-list .main-goods-title-line .main-goods-icon a { color:#ff4200; }

.main-goods-list .main-goods-item {
	position: relative;
	padding:10px 10px 0 10px ;
	border-bottom:1px solid #ccc;
	max-width:300px;
}

.main-goods-list .main-goods-item a {
	display:block;
}

.main-goods-list .main-goods-item p {
	text-align:center;
	font-size:0.8em;
	max-width:300px;
	margin:0 auto;
}




#sale-price {
	font-size:1.2em;
/*	color:#ff4200;*/
	color:#d50808;
	font-weight: bold;
	float:left;
}

#sale-icon {
	position:absolute;
  background-color: #ff4200;
	top:300px;
	left:5px;
	padding:0.2em;
	color:#fff;
	font-weight: bold;
	font-size:1.0em;
	text-align:center;
	z-index:300;
	opacity: 0.6;
}


p.item-icon {	/* .main-goods-list .main-goods-item  */
	white-space: nowrap;
}




.main-goods-list .main-goods-item div.item-price {
	font-size:12px;
	color:#7c7c7c;
	text-decoration: line-through;
	max-width:100px;
	margin-top:3px;
}
.main-goods-list .main-goods-item div.item-sale-price {
	font-size:15px;
/*	color:#ff4200;*/
	color:#d50808;
	font-weight: bold;
	max-width:100px;
	margin-bottom:10px;
}
.item-price-sale{
	float:right;
	text-align:center;
	position : absolute;
	bottom:-8px;
	right:0;
	}





.item-price-size {
	max-width:100px;
	margin:0px 0 0 0;
}






p.item-icon span {	/* .main-goods-list .main-goods-item  */
    border: 1px solid #ff4200;
    background-color: #fff;
    color: #ff4200;
    font-size: 0.2em;
    letter-spacing: -0.083em;
    margin-right:0.3em;
    padding: 0.1em 0.4em;
/*
	line-height:1em;

*/
}

.product-detail-image {
	position:relative;
}
.main-goods-list .main-goods-item p.item-right {
	text-align:right;
}
.main-goods-list .main-goods-item p.item-left {
	text-align:left;
}
.main-goods-list .main-goods-item .item-image img {
	max-width:167.5px;
	max-height:167.5px;
	height:167.5px; /* 높이 강제 맞춤 */
}
.main-goods-list .main-goods-item .item-rank
, .product-detail-image .item-rank {
	position:absolute;
    background-color: #f02f2c;
    border: 1px solid #de2d2b;
	top:20px;
	left:10px;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
	font-size:14px;
	 font-weight:bold;
	z-index:300;
	color:#fff;
}

.main-goods-list .main-goods-plus {
	padding:10px;
	text-align:center;
}
.main-goods-list .main-goods-plus a {
	display:block;
	font-size:1.2em;
}

.btn_more{
	margin:0 auto;font-size:12px; width:100%; height:50px; line-height:50px; background:#fff;
}



@media (max-width: 280px) {
	.main-goods-list .col-6 { width:100%; }
}
@media (min-width: 600px) {
	.main-goods-list .col-6 { width:33.33333333%; }
}
@media (min-width: 900px) {
	.main-goods-list .col-6 { width:25%; }
}


.category-list {
	border-bottom:1px solid #ccc;
	height:50px;
	padding-top:8px;
}
.category-list.category-link {
	background-color:#eaf5ff;
}

.category-list.category-link2 {
	background-color:#ffffff;
}
.category-list a {
	line-height:2.3em;
	padding-left:1em;
	display:block;
}
.category-list a.active i, .category-list a.active {
	color:#ff4200;
}


/*배너슬라이드*/

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure {
position: relative;
width: 500%;
margin: 0;
top:0;
left: 0;
text-align: left;
font-size: 0;
-webkit-animation: 20s slidy ease-in-out infinite;
animation: 20s slidy ease-in-out infinite;
}


/*배너슬라이드 끝*/

.main-goods-list .main-goods-item p.item-name {
    font-size: 12px;
	overflow: hidden;
    width: 100%;
	height:30px;
	white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	padding:0px;
	}

/*-------------------리스트 끝-------------------*/

/*상세페이지*/
.icon_sale{
	z-index:110;
	position:absolute;
	width:15%;
	height:50px;
	top:-364px;
	left:10px;
	text-align:center;
	background:red;
	color:#fff;
	line-height:50px;
	/*border:1px solid #eee;*/
	font-size:25px;
	font-weight:bold;
	}
.icon_sale>span{ font-size:15px; font-weight:normal}
.detail_btn li:first-child button{border:1px solid #d30000; background-color:red; color:#fff;}
.detail_btn li>button{width:100%; height:50px; background:#fff;border:1px solid #ccc;}
.detail_btn li>button img{ vertical-align:middle;}

.detail_tab_menu{
	position:relative;
	width:100%;
	height:40px;
	line-height:39px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	text-align:center;
	color:#0e0e0e;
	font-size:12px;
	}
.detail_tab_menu span{border-right:1px solid #ccc}

.ship_del:before{position: absolute;
	position: absolute;
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../img/icon_grid.png) no-repeat;
  width: 50px;
  height: 36px;
  background-size: 460px auto;
  background-position: -226px -145px;
  content: '';
}
.ship_quick:before{position: absolute;
	position: absolute;
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../img/icon_grid.png) no-repeat;
  width: 50px;
  height: 36px;
  background-size: 460px auto;
  background-position: -183px -145px;
  content: '';
}
.ship_visit:before{position: absolute;
	position: absolute;
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../img/icon_grid.png) no-repeat;
  width: 50px;
  height: 36px;
  background-size: 460px auto;
  background-position: -274px -145px;
  content: '';
}


/*장바구니*/
.pay_butt_join{ float:left; width:48%;height:40px; line-height:40px;box-sizing: border-box;margin-right: 5px;}
.pay_butt_join2{ float:left; width:48%;height:40px; line-height:40px;border:1px solid #ccc; box-sizing: border-box;margin-right: 5px;}
/* je 끝 */

/*쿠폰적용*/
#orderCouponWrap {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow: hidden;
	position: absolute;
	background: #0b0b0b;
	opacity: 0.2;
	filter: alpha(opacity=20);
	display:none;
}

#orderCouponWrap2 {
    position: absolute;
	background:#fff;
	z-index: 1001;
	border-radius:3px;
	width:90%;
	display:none;
	left:50%;
	margin-left:-45%
}

#orderCouponWrap2 div.orderCouponList {  width:90%; margin:10px auto ; border:1px solid #ccc;  position:relative;  }
/*
#orderCouponWrap2 div.orderCouponList div.orderCouponLeft
, #orderCouponWrap2 div.orderCouponList div.orderCouponRight{ width:360px; min-height:500px; background:#ebebeb; }
#orderCouponWrap2 div.orderCouponList div.orderCouponLeft { float:left; border-right:1px solid #ccc;  overflow:auto; height:460px; }
#orderCouponWrap2 div.orderCouponList div.orderCouponRight { float:right; }
#orderCouponWrap2 div.orderCouponList div.orderCouponPay { background:#fff8e1; border-top:1px solid #ccc; line-height:50px; padding-right:20px; text-align:right; font-size:18px; }
*/

#orderCouponWrap2 div.CouponTitle { background:#6e7387; text-align:center; font-weight:bold; color:#fff; padding:10px; }
#orderCouponWrap2 div.CouponNo { text-align:center; font-size:14px; line-height:1.3; color:#9d9d9d; padding:20px 10px; }
#orderCouponWrap2 div.CouponNo h3{ font-size:12px; padding-top:10px;}
#orderCouponWrap2 div.orderCouponClose { position:absolute; right:0px; top:0px; padding:15px; cursor:pointer; }
#orderCouponWrap2 .orderCouponInfo { padding:10px 20px 30px; border-top:1px solid #dfdfdf; font-size:12px; color:#9a9a9a }
#orderCouponWrap2 .orderCouponInfo li{ list-style-type: disc; line-height:1.6;margin-left:10px; }
#orderCouponWrap2 div.orderCouponBtn { padding:15px; text-align:center; font-size:14px; font-weight:bold}
#orderCouponWrap2 div.orderCouponBtn button{background:#b41818; width:100%; text-align:center; height:50px;color:#fff; font-size:14px; font-weight:bold}
#orderCouponWrap2 div.orderCouponBtn a {}
#orderCouponWrap2 div.CouponGoods {  }
#orderCouponWrap2 div.CouponGoods div.goodsTitle { border:1px solid #ccc; border-right:none; border-left:none; padding:10px; background-color:#f3f3f3; }
#orderCouponWrap2 div.CouponGoods div.goodsCoupon { background-color:#fff; padding:10px; }
#orderCouponWrap2 div.CouponGoods div.goodsCoupon p { height:20px; }
#orderCouponWrap2 div.couponAll { background-color:#fff; padding:10px; }
#orderCouponWrap2 div.couponAll2 { background-color:#fff; padding:10px; }
#orderCouponWrap2 p.couponListItem { line-height:20px; padding:0px; margin:0px; }

.couponInfoLayer { position:fixed; background:#FF0000; top:0px; width:100%; line-height:100px; text-align:center; border:1px solid #ffba00; border-bottom:none; opacity: 0; filter: alpha(opacity=0); font-size:18px; font-weight:bold; z-index:10000; color:#ffffff; }


/* Shared btn*/
.loginBtn {
	box-sizing: border-box;
	position: relative;
	/* width: 13em;  - apply for fixed size */
  /*margin: 0.2em;*/
	padding: 0 15px 0 42px;
	border: none;
	text-align: left;
	line-height: 34px;
	white-space: nowrap;
	border-radius: 0.2em;
	font-size: 11px;
	color: #FFF;
	float: left;
	width: 93%;
	height: 35px;
	text-align: center;
	margin-left: 2.5px;
}
.loginBtn:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
}
.loginBtn:focus {
	outline: none;
}
.loginBtn:active {
	box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
/* Facebook */
.loginBtn--facebook {
	background-color: #4C69BA;
	background-image: linear-gradient(#4C69BA, #3B55A0);
	/*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
	text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
	border-right: #364e92 1px solid;
	background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 5px 8px no-repeat;
}
.loginBtn--facebook:hover, .loginBtn--facebook:focus {
	background-color: #5B7BD5;
	background-image: linear-gradient(#5B7BD5, #4864B1);
}
#naver_id_login img {
	width: 94%;
	height: 35px;
}

.allBtn {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 72px;
	border: none;
	border-radius: 0.2em;
	text-align:center;
	white-space: nowrap;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;

}
.allBtn-photo {
	background-color: #0b54ba;
	background-image: linear-gradient(#0b54ba, #3B55A0);
	/*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
	text-shadow: 0 -1px 0 #354C8C;
}
.tag_qna{ background-color:#cfe1e8; padding:3px; border-radius:3px;  }

/* detail review iframe */
.ico_family img{ vertical-align:text-bottom; width:50px;}
img.ic_key{ vertical-align:text-bottom; width:18px;}
img.ic_answer{vertical-align:text-bottom;width:50px;}

/*------모달 팝업 시작 ---------*/

.modal-login .modal_sns {text-align:center;vertical-align:middle;margin-bottom: 20px;overflow: hidden;}
.modal-login p.off {text-align:right; background:#ffffff; padding:10px 10px 0 0;}

#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
    left:0;
    top:0;
}
.window{
    position:absolute;
    /*left:50%;*/
    top:20%;
    margin:0 auto;
    width:80%;
    height:380px;
    background-color:#FFF;
    z-index:10000;
 }
/*
 a:link { color:#555; text-decoration: none;}
 a:visited { color:#555; text-decoration: none;}
 a:hover { color:#555; text-decoration:none;}
*/
 div.window{
	 position: relative;
 }
 ul.sns_icon{
	 list-style:none;
	 padding:0 10px 5px 10px;
 }
 .sns_icon li{
	 list-style:none;
	 float:left;
	 text-align: center;
	 width:33%;
	 padding:10px 10px 0px 10px;
 }
 .sns_icon li a p{
	 vertical-align: top;
 }
 .sns_icon li a img{
	 width: 80%;
 }

.modal-login{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 15px;
    background: rgba(0, 0, 0, 0.6);
     opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    z-index: 1041;
/*     padding:400px; */
    width:100%;
    height:100%;
  align-items: center;
    justify-content: center;
}
.modal-box{
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
    background: #fff;
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
    background:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    /*-webkit-transform: scale(0.8);*/
    /*transform: scale(0.8);*/
    /*margin-top: auto !important;*/
    /*margin-bottom: auto !important;*/
    /*position: relative;*/
    /*box-sizing: border-box;*/
    /*margin: 0 auto;*/
    /*max-width: 100%;*/
    /*opacity: 1;*/
    /*-webkit-transition-property: opacity, transform;*/
    /*transition-property: opacity, transform;*/
    /*-webkit-transition: 0.3s all;*/
    /*transition: 0.3s all;*/
}
.modal-login.open{

    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    opacity:1;
}
.modal-login.open .modal-box{
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);

}
.modal-body{padding:10px}


/*----모달 팝업 종료 -----*/


.ico_a_coupon{position:absolute; top:14px; right:6px; display:inline-block; font-size:26px;letter-spacing: -0.06em;z-index: 2;font-family: 'NotoSansKorean'; font-weight:bold; color:#000; text-align: center;width: 45px;height:45px;border: 2px solid #f00;box-sizing: border-box;background-image: linear-gradient(-45deg,#ffffff,#e7e7e7, #ffffff, #f0f0f0); -webkit-animation-name: bganimation; /* Chrome, Safari, Opera */ -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */ animation-name: bganimation; animation-duration: 1s; animation-iteration-count: infinite;}
.ico_a_coupon:after{content:'쿠폰';font-family: 'NotoSansKorean';font-weight: 500;display:block; font-size:11px; line-height: 10px;letter-spacing: -0.06em;clear: both;}
.ico_a_coupon > .disrate{display: block;text-align: center;line-height: 26px;padding-top:3px;}
.ico_a_coupon > .disrate > p{display: inline-block;font-size: 9px;padding-left: 1px;vertical-align: top;}

.ico_b_coupon{position:absolute; top:20px; right:6px; display:inline-block; font-size:26px;letter-spacing: -0.06em;z-index: 2;font-family: 'NotoSansKorean'; font-weight:bold; color:#000; text-align: center;width: 45px;height:45px;border: 2px solid #f00;box-sizing: border-box;background-image: linear-gradient(-45deg,#ffffff,#e7e7e7, #ffffff, #f0f0f0); -webkit-animation-name: bganimation; /* Chrome, Safari, Opera */ -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */ animation-name: bganimation; animation-duration: 1s; animation-iteration-count: infinite;}
.ico_b_coupon:after{content:'쿠폰';font-family: 'NotoSansKorean';font-weight: 500;display:block; font-size:11px; line-height: 6px;letter-spacing: -0.06em;clear: both;}
.ico_b_coupon > .disrate{display: block;text-align: center;}
.ico_b_coupon > .disrate > p{display: inline-block;font-size: 9px;padding-left: 1px;vertical-align: top;line-height: 0px;}

/* 회원가입수신허용관련 */
.layer_popup_check{display: block; text-align: center; padding: 10px 20px; background: #eee;}
.layer_popup_check .check_wrap{display: inline-block;padding: 0 7px;}
.layer_popup_check .check_wrap label{color:#808080}

.layer_guide_pu{display: block; width: 100%; margin: 0 auto; padding: 60px 0 40px 0; background-color: #f4f7fc;text-align: center;}
.layer_guide_pu .layer_popup_c{font-size: 16px; font-weight: 600;}
.layer_guide_pu .layer_popup_c > em{color: #c00;}

.nojoin_btn_wrap{padding-top: 20px;}
.nojoin_btn_wrap.no_bgc{ background-color: transparent; border-bottom:none;}
.nojoin_btn_wrap .nojoin_btn{ display:inline-block; width:180px; height:48px; line-height:44px;font-size: 16px;font-family:'NotoSansKorean',Dotum,sans-serif,arial;font-weight: 400; text-align:center;}
.nojoin_btn_wrap button.nojoin_btn{ height:50px;}
.nojoin_btn_wrap .nojoin_btn.nojoin_join{ border:1px solid #144d9a; background-color:#145aba; color:#FFF}
.nojoin_btn_wrap .nojoin_btn.nojoin_login{ border:1px solid #134fa5; background-color:#fff; color:#145aba}
.nojoin_btn_wrap .bubbl_info_join { position:absolute; top:-25px; right:202px;border:1px solid #000; padding:3px 10px; font-size:11px; color:#1958b5;-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2); background-color:#fff;}

.ico_a_coupon{position:absolute; top:14px; right:6px; display:inline-block; font-size:26px;letter-spacing: -0.06em;z-index: 2;font-family: 'NotoSansKorean'; font-weight:bold; color:#000; text-align: center;width: 45px;height:45px;border: 2px solid #f00;box-sizing: border-box;background-image: linear-gradient(-45deg,#ffffff,#e7e7e7, #ffffff, #f0f0f0); -webkit-animation-name: bganimation; /* Chrome, Safari, Opera */ -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */ animation-name: bganimation; animation-duration: 1s; animation-iteration-count: infinite;}
.ico_a_coupon:after{content:'쿠폰';font-family: 'NotoSansKorean';font-weight: 500;display:block; font-size:11px; line-height: 10px;letter-spacing: -0.06em;clear: both;}
.ico_a_coupon > .disrate{display: block;text-align: center;line-height: 26px;padding-top:3px;}
.ico_a_coupon > .disrate > p{display: inline-block;font-size: 9px;padding-left: 1px;vertical-align: top;}

.ico_b_coupon{position:absolute; top:20px; right:6px; display:inline-block; font-size:26px;letter-spacing: -0.06em;z-index: 2;font-family: 'NotoSansKorean'; font-weight:bold; color:#000; text-align: center;width: 45px;height:45px;border: 2px solid #f00;box-sizing: border-box;background-image: linear-gradient(-45deg,#ffffff,#e7e7e7, #ffffff, #f0f0f0); -webkit-animation-name: bganimation; /* Chrome, Safari, Opera */ -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */ animation-name: bganimation; animation-duration: 1s; animation-iteration-count: infinite;}
.ico_b_coupon:after{content:'쿠폰';font-family: 'NotoSansKorean';font-weight: 500;display:block; font-size:11px; line-height: 6px;letter-spacing: -0.06em;clear: both;}
.ico_b_coupon > .disrate{display: block;text-align: center;}
.ico_b_coupon > .disrate > p{display: inline-block;font-size: 9px;padding-left: 1px;vertical-align: top;line-height: 0px;}

/* 모달팝업(기본) */
.modal_popup{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear; z-index: 1041; width: 100%; height: 100%; align-items: center; justify-content: center; }
.modal_wrap{ position: relative; box-sizing: border-box; margin: 0 auto; width: 94%; max-width: 100%; border-radius: 5px; background: #fff; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: 0.15s cubic-bezier(0.68, -0.55, 0.27, 1.55); transition: 0.15s cubic-bezier(0.68, -0.55, 0.27, 1.55); -webkit-transition-property: opacity, transform; transition-property: opacity, transform; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 24px 0px; }
.modal_popup.open{ opacity:1; }
.modal_popup.open .modal_wrap{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.modal_popup.open .modal_wrap .title{font-size: 16px; font-weight: 800; letter-spacing: -0.06em;text-align: center;padding: 0 0 24px 0;}
.modal_popup.open .modal_wrap .title em{font-weight: 800;color: #ff5b59}

.mlogin {position: relative; margin-top: -2px; padding: 0 15px 0;overflow: hidden;}
.mlogin section > header.tit_wp {position: relative; height: 50px;}
.mlogin section > header.tit_wp .btn_mbout {font-size: 11px; letter-spacing: -0.08em; line-height: 12px; padding: 2px 5px; margin-top: 15px; color: #595959; float: right; border: 1px solid #888888;}
.mlogin section > header.tit_wp_c { position: relative; height: 88px;text-align: center;}
.mlogin section > header.tit_wp_nm { position: relative; padding: 20px 0 0 0; font-weight: 600; font-size: 16px; height: 40px;text-align: center;}
.mlogin section > header.tit_wp > h2 { float: left; font-size: 16px;font-weight: 800; line-height: 30px; color: #16181a; }
.mlogin section > header.tit_wp > h2 > em {font-size: 12px;color: #16181a;padding-left: 2px;}
.mlogin section > header.tit_wp > em.text_r {float: right; font-size: 11px; color: #f27935; padding-left: 2px; position: relative; top: 32px; letter-spacing: -0.08em;}
.mlogin section > header.tit_wp > .title { float: right; width: 59%; overflow: hidden; font-size: 12px; line-height: 30px; color: #6b7a82; padding: 10px; letter-spacing: -0.04em; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.mlogin section > header.tit_modal {position: relative;}
.mlogin section > header.tit_modal .htitle{font-size: 18px; font-weight: 800; letter-spacing: -0.06em; text-align: center; padding: 0 0 10px 0;line-height: 22px;}
.mlogin section > header.tit_modal .htitle em{font-weight: 800; color: #ff5b59;font-style: normal;}

/* 모달팝업(스크롤) */
.modal { position: fixed; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.80); }
.modal-body {padding:0}
.modal.is-visible { visibility: visible; }
.no-scroll { overflow: hidden; }
.modal-overlay, .modal-container { position: fixed; z-index: 9000; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: visibility 0s ease 0.3s, opacity 0.3s ease; }
.modal-overlay { background: hsla(0, 0%, 0%, 0.5); }
.modal.is-visible .modal-overlay, .modal.is-visible .modal-container { opacity: 1; visibility: visible; transition-delay: 0s; }
.modal.is-visible .modal-container {width: 94%; overflow: auto; /* 1 */ -webkit-overflow-scrolling: touch; /* 1 */ }
.modal-wrapper { position: absolute; z-index: 10000; left: 50%; width: 100%; max-width: 600px; margin-left: -50%; background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); }
.modal-transition { transition: visibility 0.3s 0.12s, opacity 0.3s 0.12s, transform 0.3s 0.12s; transform: translateY(-10%); opacity: 0; }
.modal.is-visible .modal_transition_center {position: absolute; top: 50%; transform: translate(0%, -50%); width: 100%;}
.modal.is-visible .modal-transition {transform: translateY(0); opacity: 1;}
.modal-header { padding: 4px; }
.modal-content > dl {font-size: 12px;color: #383838;}
.modal-content > dl > h3 {font-size: 13px;color: #141414;}
.modal-header { position: relative; background-color: #3567b5; }
.modal-footer { position: relative; background-color: #3567b5; }
.modal-heading { font-size: 1.125em; margin: 0; color: #fff; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.modal-close {content: ''; position: absolute; right: 0%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_com.png) no-repeat; background-size: 190px 190px; background-position: -37px -152px; width: 24px; height: 24px; }
.modal-close-b {content: ''; position: absolute; right: 0%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_com.png) no-repeat; background-size: 190px 190px; background-position: -38px -126px; width: 24px; height: 24px; }
.modal-content > *:first-child { margin-top: 0; }
.modal-content > *:last-child { margin-bottom: 0; }
@media (min-width: 600px) { /* Modal Wrapper */ .modal-wrapper { top: 6em; margin-left: -300px; } }

/* 내적립금 */
.top_info { position: relative; padding: 9px 0;margin-bottom: 10px;overflow: hidden;background: #f8f8f8;border: 1px solid #313131;}
.top_info .main_info {float: left; width: 50%; font-size: 12px; color: #000; text-align: center; }
.top_info .main_info strong {display: block; font-size: 20px; letter-spacing: -0.04em; line-height: 19px; padding: 0 0 4px 0;}
.top_info .main_info strong em {font-size: 16px;; vertical-align: bottom;padding-left: 2px;font-style: normal;}
.top_info .main_info .sale {font-size: 10px; letter-spacing: -0.04em;line-height: 13px;color: #5a5a5a;}
.top_info .main_info .sale em{color: #ff5b59;font-weight: 800;padding-left: 5px;font-style: normal;}
.top_info .main_info:after {    position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; background: url(https://marubiz.diskn.com/17UtZQejlK) no-repeat; background-position: -49px -124px; -webkit-background-size: 352px 336px; background-size: 156px auto; content: ""; transform: rotate( 180deg ); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.mj_subcopy{text-align: center; font-size: 13px; letter-spacing: -0.06em; line-height: 16px; padding-bottom: 7px;}

.mlogin [class^=form_col] li { float: left }
.mlogin [class^=form_col] li > span { display: block; padding-left: 5px }
.mlogin [class^=form_col] li:first-child > span { padding-left: 0 }
.mlogin .form_col3 li { width: 33% }
.mlogin .form_col3 li:nth-child(2) { width: 34% }
.mlogin .form_col2_2dan li:nth-child(1) { width: 67% }
.mlogin .form_col2_t1 li:nth-child(1) { width: 60% }
.mlogin .form_col2_t1 li:nth-child(2) { width: 40% }
.mlogin .form_col2_t1 li button.btn_type { font-size: 15px }
.mlogin .form_col2_t2 li:nth-child(1) { width: 50% }
.mlogin .form_col2_t2 li:nth-child(1) span { padding-right: 3px }
.mlogin .form_col2_t2 li:nth-child(2) { width: 50% }
.mlogin .form_col2_t2 li:nth-child(2) span { padding-left: 2px }
.mlogin .form_col2_t3 li:nth-child(1) { width: 65% }
.mlogin .form_col2_t3 li:nth-child(1) span { padding-right: 2px }
.mlogin .form_col2_t3 li:nth-child(2) { width: 35% }
.mlogin .form_col2_t3 li:nth-child(2) span { padding-left: 2px }
.mlogin .form_col2_t4 {display: block; overflow: hidden;}
.mlogin .form_col2_t4 li:nth-child(1) { width: 78% }
.mlogin .form_col2_t4 li:nth-child(2) { width: 22% }
.mlogin .form_col2_t5 li:nth-child(1) { width: 67% }
.mlogin .form_col2_t5 li:nth-child(2) { width: 33% }
.mlogin section .info .inp_ls { padding-bottom: 15px }
.mlogin section .info .inp_ls input[type=checkbox] { position: relative; top: -1px;outline: 0;}
.mlogin .privacy {position: absolute; top: 13px; z-index: 1; left: 15px;}
.mlogin .cart .privacy {position: absolute; top: 13px; z-index: 1; left: 15px;}
.mlogin .inp_t,.wrap_cp .inp_t,.prch_total .inp_t,.member_out .inp_t{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 38px; padding: 0 10px 0 10px; border: 1px solid #d0d5d9; font-size: 14px; color: #16181a; }
.mlogin .inp_tsgray{float: right; width: 29%; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* width: 100%; */ height: 28px; padding: 0 10px 0 10px; border: none; font-size: 14px; background: #f1f1f1;}
.mlogin .dis{border: 1px solid #dfe2e6; background: #fafafa;}
.prch_hidden{display: none; position: relative; height: auto;background: #f3f3f3; border-top: 1px solid #d6dadd;top: -1400px;}
.prch_hidden_fix{display: block;top: auto;}
.prch_hidden .inp_ls select{width: 100%; height: 36px; padding: 0 18px 0 10px; border: 0; border-radius: 0; background: #fff; font-size: 14px; color: #16181a; vertical-align: top; -webkit-appearance: none;}
.prch_hidden .inp_opt3 ul li{position: relative; display: inline-block; width: 33%;}

.mlogin .inp_ls > li { overflow: hidden; margin-top: 10px; }
.mlogin .inp_ls>li:first-child { margin-top: 0 }
.mlogin .inp_ls li.tg {line-height: 7px; height: 20px;}
.mlogin .inp_ls li.tg em {font-size: 11px; letter-spacing: -0.1em; color: #989898;line-height: 11px;}
.mlogin .inp_ls>li p {display: block;font-size: 11px; color: #5d5d5d;padding:3px 10px 0 10px;}
.mlogin .inp_ls  li.subtext {color: #828282; font-size: 12px; margin-top: 4px; letter-spacing: -0.06em;}
.mlogin .inp_ls  li.sub_title {font-size: 16px; font-weight: 800; color: #16181a;letter-spacing: -0.04em;}
.mlogin .inp_ls  li.sub_title > span{font-size: 12px;color: #3567b5;font-weight: 300;padding-left: 10px;vertical-align: text-top;}

.mlogin .inp_ls>li label:first-child { margin-right: 16px }
.mlogin .inp_ls .text{font-size: 11px; letter-spacing: -0.08em; line-height: 12px; padding: 2px 0; margin-top: 3px; color: #6d6d6d;}
.mlogin .inp_ls .text li ul > li {line-height: 14px;padding: 4px 0;}
.mlogin .inp_ls .view{font-size: 11px; letter-spacing: -0.08em; line-height: 12px; padding: 2px 5px; margin-top: 3px; color: #3567b5; float: right; border: 1px solid #3567b5;background: #fff;}
.mlogin .inp_ls .btn_asearch{height: 38px; font-size: 12px;letter-spacing: -0.08em; line-height: 12px; padding: 2px 15px; color: #6b6b6b; float: left; border: 1px solid #d0d5d9; width: 100%; border-left: none;background: #f5f5f5;}
.mlogin .inp_ls .btn_asearch2{height: 38px; font-size: 14px;font-weight: 800;letter-spacing: -0.08em; line-height: 12px; padding: 2px 15px; color: #ffffff; float: left; border: 1px solid #000000; width: 100%; border-left: none;background: #000000;}
.mlogin .inp_ls .pwcheck { margin-top: -1px; }

/* 폼관련 */
.mlogin label{font-size:13px;color: #777;letter-spacing: -0.06em;}
.mlogin input[type=checkbox], .mlogin input[type=radio]{position: relative; top: -1px;display: inline-block; margin: 0 6px 0 0; border: 0; border-radius: 0; vertical-align: middle; -webkit-appearance: none;}

.mlogin label.ch_t1 input[type=checkbox],
.mlogin label.ch_t2 input[type=checkbox],
.mlogin label.ch_t3 input[type=checkbox]
{width:22px;height:22px;background:url(https://marubiz.diskn.com/17UtZQejlK) no-repeat;background-position:-97px -44px;-webkit-background-size:140px auto;background-size:140px auto;-webkit-appearance:none;}

.mlogin label.ch_t1 input[type=checkbox]:checked,
.mlogin label.ch_t2 input[type=checkbox]:checked,
.mlogin label.ch_t3 input[type=checkbox]:checked{width:22px;height:22px;background:url(https://marubiz.diskn.com/17UtZQejlK) no-repeat;background-position:-97px -66px;-webkit-background-size:140px auto;background-size:140px auto;}

.mlogin label.ch_t1_sm{font-size: 11px;color: #c2c7cc}
.mlogin label.ch_t1_sm input[type=checkbox]{width:14px;height:14px;background:url(https://marubiz.diskn.com/17UtZQejlK) no-repeat;background-position:-58px -27px;-webkit-background-size:85px auto;background-size:85px auto;-webkit-appearance:none;}

.mlogin input[type=radio]{width:22px;height:22px;background:url(https://marubiz.diskn.com/17UtZQejlK) no-repeat;background-position:-127px -87px;-webkit-background-size:150px auto;background-size:150px auto;}
.mlogin input[type=radio]:checked{width:22px;height:22px;background:url(https://marubiz.diskn.com/17UtZQejlK) no-repeat;background-position:-127px -65px;-webkit-background-size:150px auto;background-size:150px auto;}
.pb20 {padding-bottom:20px !important;}
.td_lt{text-decoration: line-through;}
.p15{padding: 15px!important;}
.modal-footer h2 { padding: 10px 0; font-size: 16px; color: #fff; text-align: center; font-weight: 800; letter-spacing: -0.06em; }


/* 모달팝업 */
.modal { position: fixed; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.80); }
.modal.is-visible { visibility: visible; }
.no-scroll { overflow: hidden; }
.modal-overlay, .modal-container { position: fixed; z-index: 9000; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: visibility 0s ease 0.3s, opacity 0.3s ease; }
.modal-overlay { background: hsla(0, 0%, 0%, 0.5); }
.modal.is-visible .modal-overlay, .modal.is-visible .modal-container { opacity: 1; visibility: visible; transition-delay: 0s; }
.modal.is-visible .modal-container {width: 94%; overflow: auto; /* 1 */ -webkit-overflow-scrolling: touch; /* 1 */ }
.modal-wrapper { position: absolute; z-index: 10000; left: 50%; width: 100%; max-width: 600px; margin-left: -50%; background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); }
.modal-transition { transition: visibility 0.3s 0.12s, opacity 0.3s 0.12s, transform 0.3s 0.12s; transform: translateY(-10%); opacity: 0; }
.modal.is-visible .modal_transition_center {position: absolute; top: 50%; transform: translate(0%, -50%); width: 100%;}
.modal.is-visible .modal-transition {transform: translateY(0); opacity: 1;}
.modal-header { padding: 4px; }
/* .modal-content { padding: 4px; } */
.modal-content > dl {font-size: 12px;color: #383838;}
.modal-content > dl > h3 {font-size: 13px;color: #141414;}
.modal-header { position: relative; background-color: #3567b5; }
.modal-footer { position: relative; background-color: #3567b5; }
.modal-heading { font-size: 1.125em; margin: 0; color: #fff; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.modal-close {content: ''; position: absolute; right: 0%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(https://marubiz.diskn.com/17UtZQejlK) no-repeat; background-size: 190px 190px; background-position: -37px -152px; width: 24px; height: 24px; }
.modal-close-b {content: ''; position: absolute; right: 0%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(https://marubiz.diskn.com/17UtZQejlK) no-repeat; background-size: 190px 190px; background-position: -38px -126px; width: 24px; height: 24px; }
.modal-content > *:first-child { margin-top: 0; }
.modal-content > *:last-child { margin-bottom: 0; }
@media (min-width: 600px) { /* Modal Wrapper */ .modal-wrapper { top: 6em; margin-left: -300px; } }

/* 버튼 */
.btn_wrap2,.btn_wrap3{display: block; overflow: hidden;}
.btn_wrap2 li{width: 50%; float: left; box-sizing: border-box;}
.btn_wrap3 li{width: 33%; float: left; box-sizing: border-box;}
.btn_wrap2 li:nth-child(1){padding-right:2px;}
.btn_wrap2 li:nth-child(2){padding-left:2px;}
.btn_wrap3 li:nth-child(1){padding-right:2px;}
.btn_wrap3 li:nth-child(2){padding-right:2px;}
.pd_lr6{padding: 0 6px;}
.btn_wrap_large {width: 100%; background: #3567b5; padding: 16px 0;border:1px solid #3567b5;}
.btn_wrap_small {width: 100%; background: #3567b5; padding: 6px 0;border:1px solid #3567b5;}
.btn_wrap_small_stroke {width: 100%; background: #fff; padding: 6px 0;border:1px solid #3567b5;box-sizing: border-box;color: #103979;}
.btn_wrap_small_stroke_gray {width: 100%; background: #f9f9f9; padding: 6px 0;border:1px solid #c5c5c5;box-sizing: border-box;}
.btn_wrap_large_stroke {width: 100%; background: #fff; padding: 16px 0;border:1px solid #3567b5;box-sizing: border-box;}
.btn_wrap_large button,.btn_wrap_large_stroke button,.btn_wrap_small button,.btn_wrap_small_stroke button{display: inline-block; position: relative; width: 100%; box-sizing: border-box; vertical-align: top;}
.btn_wrap_large .btn_txt {position: relative;font-weight: 700; font-size: 16px; color: #fff;letter-spacing: -0.03em; }
.btn_wrap_small .btn_txt {position: relative;font-weight: 700; font-size: 14px; color: #fff;letter-spacing: -0.03em; }
.btn_wrap_large_stroke .btn_txt {font-weight: 700; font-size: 16px; color: #3567b5;letter-spacing: -0.03em; }
.btn_bc_gray{background: #4d535c;border: 1px solid #3f444d;}
.btn_bc_bla{background: #000;border: 1px solid #000;}
.btn_bc_tur{background: #0b9595;border: 1px solid #0a8080;}
.btn_icond{position: relative;height: 87px;}
.btn_mhp {font-size: 12px;letter-spacing: -0.06em;}
.btn_mipin {font-size: 12px;letter-spacing: -0.06em;}

/* Tab - 약관*/
.terms_tabs { position: relative; width: 1024px; max-width: 100%; overflow: hidden;}
.terms_tabs input { position: absolute; z-index: 1000; width: 50%; height: 50px; left: 0; top: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; margin: 0; }
.terms_tabs input#tab-2 { left: 50%; }
.terms_tabs input#tab-3 { left: 50%; }
.terms_tabs input#tab-4 { left: 75%; }
.terms_tabs label { background: #3f6b9d; color: #fefefe; font-size: 15px; line-height: 50px; height: 60px; position: relative; top: 0; padding: 0 20px; float: left; display: block; width: 50%; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; text-align: center; box-sizing: border-box; }
.terms_tabs label:hover { cursor: pointer; }
.terms_tabs label:after { content: ''; background: #fefefe; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; }
.terms_tabs input:hover + label { background: #e08f24; }
.terms_tabs label:first-of-type { z-index: 4; }
.tab-label-2 { z-index: 4; }
.tab-label-3 { z-index: 3; }
.tab-label-4 { z-index: 2; }
.terms_tabs input:checked + label { background: #fefefe; color: #1a1a1a; z-index: 6; }
.clear-shadow { clear: both; }
.terms_tabs .content { height: auto; width: 100%; float: left; position: relative; z-index: 5; background: #fefefe; top: -10px; box-sizing: border-box;color: #828282;font-size: 12px; }
.terms_tabs .content dl > h3{font-size:14px; color: #090909; }
.terms_tabs .content dl > h4{font-size:17px; color: #090909;padding-bottom: 12px;}
.terms_tabs .content div { position: relative; float: left; width: 0; height: 0; box-sizing: border-box; top: 0; left: 0; z-index: 1; opacity: 0; background: #fefefe; }
.terms_tabs .content div h2 { margin-top: 0; }
.terms_tabs .tab-selector-1:checked ~ .content .content-1,
.terms_tabs .tab-selector-2:checked ~ .content .content-2,
.terms_tabs .tab-selector-3:checked ~ .content .content-3,
.terms_tabs .tab-selector-4:checked ~ .content .content-4 { z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; width: 100%; height: auto; width: 100%; height: auto;}

.sticker_memorder { position: absolute; top: -20px; left: 35px; width: 116px; display: block; font-size: 10px; font-style: normal; background: #000; color: #ebff00; font-weight: 800; height: 20px; border-radius: 2px; line-height: 20px; animation: animatedbang 1.5s infinite; }
.sticker_memorder:before { position: absolute; content: ""; position: absolute; bottom: -10px; left: 23px; border: 0; border-right-width: 11px; border-bottom-width: 10px; border-style: solid; border-color: transparent rgb(0, 0, 0); display: block; width: 0; }

/* 메인카테고리아이콘(모바일웹) */
.com_tmpl_cate{position:relative;margin:0;padding:0 0 4px 0;text-align:center;overflow: hidden;}
.com_tmpl_cate .com_tmpl_cate_title{display:block;padding-bottom:15px;text-align:center}
.com_tmpl_cate .com_tmpl_cate_title span.tit{display:block;font-size:26px;font-weight:800;letter-spacing:-0.5px;color:#222}
.com_tmpl_cate .com_tmpl_cate_title span.subtit{display:block;font-size: 13px;letter-spacing:-0.3px;color:#222}
.com_tmpl_cate ul{display:block;font-size:0;margin: 0 10px;padding-top: 15px;overflow: hidden;}
.com_tmpl_cate li{float: left; position: relative; width: 16.6%; margin-bottom: 15px; text-align: center;}
.com_tmpl_cate li a {outline:none;-webkit-tap-highlight-color : rgba(0,0,0,0);}
.com_tmpl_cate li em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:8px;color:#666;font-size:12px;line-height:1.2;letter-spacing:-.5px;word-wrap:break-word;word-break:break-all}
.com_tmpl_cate li .icon{position: relative;display:block;width:54px;height:54px;margin:0 auto;background-size:cover;background-position:50% 50%;border-radius:50%}
.com_tmpl_cate li span.icon:before{display:block;width:60px;height:60px;background-size:cover;background-color:rgba(0, 0, 0, 0.03);border-radius:50%;content:''}
.com_tmpl_cate li span.icon:after{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-40%, -40%); transform: translate(-40%, -40%); background: url(../img/icon_grid.png) no-repeat; width: 36px; height: 36px; content: '';}
.com_tmpl_cate li span.icon.best:after{background-size: 540px auto; background-position: -10px -443px;}
.com_tmpl_cate li span.icon.new:after{background-size: 540px auto; background-position: -64px -443px;}
.com_tmpl_cate li span.icon.man:after{background-size: 540px auto; background-position: -118px -443px;}
.com_tmpl_cate li span.icon.woman:after{background-size: 540px auto; background-position: -173px -443px;}
.com_tmpl_cate li span.icon.sm:after{background-size: 540px auto; background-position: -226px -442px;}
.com_tmpl_cate li span.icon.condom:after{background-size: 540px auto; background-position: -281px -443px;}
.com_tmpl_cate li span.icon.lovegel:after{background-size: 540px auto; background-position: -336px -443px;}
.com_tmpl_cate li span.icon.lan:after{background-size: 540px auto; background-position: -389px -443px;}
.com_tmpl_cate li span.icon.spe:after{background-size: 540px auto; background-position: -442px -497px}
.com_tmpl_cate li span.icon.ase:after{background-size: 540px auto; background-position: -388px -496px}
.com_tmpl_cate li span.icon.adult:after{background-size: 418px auto; background-position: -381px -338px;}
.com_tmpl_cate li.more:before,.com_tmpl_cate li.more:after{position:absolute;top:28px;left:29px;width:1px;height:20px;margin-top:-9px;background-color:#888;content:''}
.com_tmpl_cate li.more:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.com_tmpl_cate li span.ico_new{overflow:hidden;position:absolute;top:-1px;right:2px;z-index:10;width:16px;height:16px;background:url(../img/com_v2/ico_cate_new.png) no-repeat 0 0;background-size:16px 16px;content:'';}
.com_tmpl_cate.ty_left{margin:0}
.com_tmpl_cate.ty_left .com_tmpl_cate_title{padding:0 20px 24px;text-align:left}

/* 메인카테고리아이콘(모바일앱) */
.com_tmpl_cate2{position:relative;margin:0;padding:0 0 4px 0;text-align:center;overflow: hidden;}
.com_tmpl_cate2 .com_tmpl_cate_title{display:block;padding-bottom:15px;text-align:center}
.com_tmpl_cate2 .com_tmpl_cate_title span.tit{display:block;font-size:26px;font-weight:800;letter-spacing:-0.5px;color:#222}
.com_tmpl_cate2 .com_tmpl_cate_title span.subtit{display:block;font-size: 13px;letter-spacing:-0.3px;color:#222}
.com_tmpl_cate2 ul{display:block;font-size:0;margin: 0 10px;padding-top: 15px;overflow: hidden;}
.com_tmpl_cate2 li{float: left; position: relative; width: 20%; margin-bottom: 15px; text-align: center;}
.com_tmpl_cate2 li a {outline:none;-webkit-tap-highlight-color : rgba(0,0,0,0);}
.com_tmpl_cate2 li em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:8px;color:#666;font-size:12px;line-height:1.2;letter-spacing:-.5px;word-wrap:break-word;word-break:break-all}
.com_tmpl_cate2 li .icon{position: relative;display:block;width:54px;height:54px;margin:0 auto;background-size:cover;background-position:50% 50%;border-radius:50%}
.com_tmpl_cate2 li span.icon:before{display:block;width:60px;height:60px;background-size:cover;background-color:rgba(0, 0, 0, 0.03);border-radius:50%;content:''}
.com_tmpl_cate2 li span.icon:after{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-40%, -40%); transform: translate(-40%, -40%); background: url(../img/icon_grid.png) no-repeat; width: 36px; height: 36px; content: '';}
.com_tmpl_cate2 li span.icon.best:after{background-size: 540px auto; background-position: -10px -443px;}
.com_tmpl_cate2 li span.icon.new:after{background-size: 540px auto; background-position: -64px -443px;}
.com_tmpl_cate2 li span.icon.man:after{background-size: 540px auto; background-position: -118px -443px;}
.com_tmpl_cate2 li span.icon.woman:after{background-size: 540px auto; background-position: -173px -443px;}
.com_tmpl_cate2 li span.icon.sm:after{background-size: 540px auto; background-position: -226px -442px;}
.com_tmpl_cate2 li span.icon.condom:after{background-size: 540px auto; background-position: -281px -443px;}
.com_tmpl_cate2 li span.icon.lovegel:after{background-size: 540px auto; background-position: -336px -443px;}
.com_tmpl_cate2 li span.icon.lan:after{background-size: 540px auto; background-position: -389px -443px;}
.com_tmpl_cate2 li span.icon.spe:after{background-size: 540px auto; background-position: -442px -497px}
.com_tmpl_cate2 li span.icon.ase:after{background-size: 540px auto; background-position: -388px -496px}
.com_tmpl_cate2 li span.icon.adult:after{background-size: 418px auto; background-position: -381px -338px;}
.com_tmpl_cate2 li.more:before,.com_tmpl_cate
.com_tmpl_cate2 li.more:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.com_tmpl_cate2 li span.ico_new{overflow:hidden;position:absolute;top:-1px;right:2px;z-index:10;width:16px;height:16px;background:url(../img/com_v2/ico_cate_new.png) no-repeat 0 0;background-size:16px 16px;content:'';}
.com_tmpl_cate2.ty_left{margin:0}
.com_tmpl_cate2.ty_left .com_tmpl_cate_title{padding:0 20px 24px;text-align:left}

/* 전체메뉴-맞춤카테고리 */
.spe_car {position: relative;margin-top: -2px; overflow: hidden;}
.spe_car section > header.tit_wp { position: relative; height: 50px;}
.spe_car section > header.tit_wp > h2 { font-size: 16px;font-weight: 800; line-height: 33px; color: #16181a; text-align: center;}
.spe_car .info {border-top:1px solid #dcdcdc;}
.spe_car .info ul {padding-bottom: 4px; display: block; overflow: hidden;}
.spe_car .info ul li {position: relative;float: left; width: 50%;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;}
.spe_car .info ul li a {position: relative; display: block;  padding: 8px 8px 8px 34px; font-size: 12px; letter-spacing: -0.06em;}
.spe_car .info ul li:before {content: ''; position: absolute; left: 20px; top: 51%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/icon_grid.png) no-repeat;  width: 20px; height: 20px; z-index: 2; border-radius: 4px;}
.spe_car .info ul li.default:before {background-size: 300px auto; background-position: -272px -276px;}


@keyframes animatedbang { 0%{transform:translateY(2px);} 50%{transform:translateY(-3px);} 100%{transform:translateY(2px);} }

.mb20 { margin-bottom: 20px !important; }
.mt10 { margin-top: 10px !important; }
.p_no{ padding:0!important}


@keyframes bganimation {
    0%   {border-color: #aa0000;color:#000 }
    25%  {border-color: #000;color:#000 }
    50%  {border-color: #d90000;color:#d90000 }
    75%  {border-color: #aa0000;color:#000 }
    100% {border-color: #aa0000;color:#000 }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bganimation {
  0%   {border-color: #aa0000;color:#000 }
  25%  {border-color: #000;color:#000 }
  50%  {border-color: #d90000;color:#d90000 }
  75%  {border-color: #aa0000;color:#000 }
  100% {border-color: #aa0000;color:#000 }
}
.detail2 img{width: 100%;}
.detail2 li{font-size: 0}

.sns_section {overflow: hidden;padding-top: 3px;}
.sns_section li{float: left;width: 25%;}
.sns_section li img{width: 100%;}

/* 스페셜기획전(PC) */
.plan_sp_bg{background-image:url('https://marubiz.diskn.com/2mkoT1qfoe'); background-repeat: no-repeat; background-position: 50% 0;height: 300px;margin-bottom: 30px;background-size: cover;}
.plan_wrap{position: relative;width: 100%; margin: 0 auto;}
.plan_wrap .plan_sp{background: #74d6d8;padding:30px 3px;margin-bottom:30px;}
.plan_wrap .plan_spot{background: #fd9ab9;padding:30px 3px;margin-bottom:30px;}
.plan_wrap .plan_stock{background: #917ac8;padding:30px 3px;margin-bottom:30px;}
.plan_wrap .plan_time{background: #55a9ef;padding:30px 3px;margin-bottom:30px;}

.plan_wrap .thum_sp a img{border: 2px solid #46a9ab;}
.plan_wrap .thum_spot a img{border: 2px solid #c4728c;}
.plan_wrap .thum_stock a img{border: 2px solid #7b62b6;}
.plan_wrap .thum_time a img{border: 2px solid #4094da;}
.plan_wrap .title{margin-bottom:10px;text-align: center;}
.plan_wrap .title img{width: 90%;}
.plan_wrap ul {overflow: hidden;}
.plan_wrap ul li{float: left; width: 50%; padding: 2px; box-sizing: border-box;}
.plan_wrap ul li img{width: 100%;border-radius: 10px;box-sizing: border-box;}


/* table */
.ts_01 {border-collapse:collapse;}
.ts_01 tr td{border:1px solid #ececec;padding: 10px 0 10px 10px;}
.ts_01 tr td:first-child{width: 25%;}