/*마이페이지*/
.mypage_title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
    font-weight: 700;
}
.mypage{
	padding-top: 57px;
}
/*마이페이지- 공용탭탭바*/
.mypage .tabbar{
	background:#0dc8de;
	
}
.mypage .tabbar ul:after{
	content:""; display:table; clear:both
}
.mypage .tabbar li{
	float:left;
}

.mypage .tabbar li a{
	display:inline-block;
		padding:14px 11px;
		font-size:16px;
		color:#fff;
		line-height:1em;
}
.mypage .tabbar li.on a{
	color:#fff;
	background:#587685;
	font-weight:600;
}
.mypage .topCont{
	background:#fff;
	padding:14px 0;
}
.mypage .topCont h3{
	text-align:center;
	font-size:16px;
	letter-spacing:-0.04em;
	color:#555555;
}
.mypage .topCont h3 span{
	font-weight:600;
	color:#222
}
.mypage .topCont .box{
	text-align:center;
	    margin-top: 10px;
		padding:0 4px;
}
.mypage .topCont .box li{
	display:inline-block;
	width:48%;
	text-align:center;
}
.mypage .topCont .box li a{
    display: block;
    background: #ffffff;
    border-radius: 2px;
    padding: 12px 0;
    font-size: 15px;
    border: 1px solid #93cabe;
    color: #518d80;
}
.mypage .topCont .box li a span{
	display:inline-block;
	margin-left:4px;
	font-weight:500;
}
/*찜한상품, 최근본상품 타이틀*/
.mypage .titwrap{
	padding:14px;
	background:#f9f9f9;	
}
.mypage .titwrap:after{
	content:""; display:block; clear:both;
}
.mypage .titwrap h3{
	float:left;
	font-size:16px;
}
.mypage .titwrap h3 span{
	font-weight:500
}
.mypage .titwrap .allview{
	float:right;
	font-size:14px;	
}
.mypage .titwrap .allview a{
	color:#888
}
.mypage .titwrap .allview span{
	margin-right:4px;
}
.mypage .mypage_pr_list{
    background: #fff;
    padding: 0 4px;
}

/* 상품배송*/
.delivery .current ul:after{
	content:""; display:block; clear:both;
}

.delivery .current ul li{
	float:left;
	width:33.33%;
	box-sizing:border-box;
	background:#fff;
	padding:10px 0;
}

.delivery .current ul li a{
	display:block;
	text-align:center;
	font-size:15px;
	border-right:1px solid #eee;
}
.delivery .current ul li:last-child a{ 
	border-right:0;
}
.delivery .current ul li a p{
	font-size:14px
}
.delivery .current ul li a span{
	font-size:24px;
	line-height:28px;
    display: block;
	font-family: HelveticaNeue-Medium, Helvetica, AppleSDGothicNeo-Regular, "나눔고딕", nanumgothic, sans-serif;
	margin-top:1px;
}
.delivery .reivewLink_box{
	background:#f8f8f8;
	font-size:14px;
	
	position:relative;
}
.delivery .reivewLink_box a{
	padding:12px 14px;
	display:block;
	color:#555;
}
.delivery .reivewLink_box:after{
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translate(0, -50%);
    width: 13px;
    height: 13px;
    vertical-align: top;
    background-image: url(/images/ico/ico_arr-gray_right.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
}
.division_tit{
    padding: 14px 14px;
    background: #fafffe;
    color: #00bfb5;
    letter-spacing: -0.06em;
	text-align:center;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	position:relative;
}
.division_tit p{
	font-size:16px;
	font-weight:500;
}
.division_tit p span{
	display:inline-block;
	padding:0 3px;
}
.division_moth{
	padding: 0 8px;
    text-align: center;
    background: #fff;
    /* border-bottom: 1px solid #a8e2e6; */
    /* padding: 8px 0; */
}
.division_moth ul:after{
	content:""; display:block; clear:both;
}
.division_moth li{
	float:left;
	width:23%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 2px;
	
}
.division_moth li.center{
	width:18%;
}
.division_moth li.active span.date{
	border-color: #00cbec;
    color: #0cb4cd;
    background: #f3fffc;
    font-weight: 700;
	font-size:14px;
}
.division_moth span.date{
    display: inline-block;
    padding: 8px 10px;
    background: #eef3f4;
    border-radius: 1px;
    border: 1px solid #badfde;
    font-size: 14px;
    letter-spacing: -0.07em;
    color:#4b7f7d;
    font-weight: 500;
    width: 100%;
    box-sizing: border-box;
    margin-top: 13px;
    margin-bottom: 4px;
}
.division_moth li.detail span.date {
	color: #727c72;
    border: 1px solid #cacaca;
    background: #f9f9f9;
}
/* 배송 상품리스트*/
.delivery_pr_list2{
	padding:2px 0
}
.delivery_pr_list2 ul{
	padding:0 3px;
}
.delivery_pr_list2>ul>li{
	width:100%;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:11px 3px;
	overflow:hidden;
	position:relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 7px;
}
/*미입금 주문취소시*/
.delivery_pr_list2 li.cancle .tw{
	opacity: 0.5;
}
.delivery_pr_list2 li.cancle .mv{
	opacity: 0.5;
}
.delivery_pr_list2 li:last-child{
	border-bottom:0;
	margin-bottom:0
}
.delivery_pr_list2 li .mv{
	width:73px;
	height:73px;
	display:block;
	overflow:hidden;
	margin-bottom: 27px;
	
	position: absolute;
    top: 14px;
    left: 4px;
}
.delivery_pr_list2 li .mv img{
	width:100%;
	display:block;
	border:1px solid #eee;
	min-height: 73px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	background:#eee
}
.delivery_pr_list2 li .tw{
  
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    padding-left: 85px;
	width:100%;
}
.delivery_pr_list2 li .tw .date{
	color:#888;
	font-size:13px;
}
.delivery_pr_list2 li .tw .cpname{
	color:#888;
	font-size:13px;
}
.delivery_pr_list2 li .tw .n{
    display: block;
    margin-bottom: 8px;
    line-height: 1.36em;
    font-size: 15px;
    letter-spacing: -0.06em;
    color: #111;
    overflow: hidden;
    white-space: nomal;
    min-height: 34px;
	font-family:'HelveticaNeue,AppleSDGothcNeo,sans-serif';
}
.delivery_pr_list2 li .tw .p,
.delivery_pr_list2 li .tw .number{
	font-family:'HelveticaNeue,AppleSDGothicNeo,sans-serif';
	font-weight:700;
	color:#373737
}
.delivery_pr_list2 li .tw .o_list{
	    background: #fafafa;
    border: 1px solid #eee;
    padding: 4px;
    margin-bottom: 3px;
}
.delivery_pr_list2 li .tw .o_list2{
	font-size:14px;
}
.delivery_pr_list2 li .tw .o_list2 .p{
	font-weight:400;
	color:#999;
	font-size:14px;
}
.delivery_pr_list2 li .tw .o_list2 .p .won,
.delivery_pr_list2 li .tw .o_list2 .price{
	font-weight:400;
	color:#000
}
.delivery_pr_list2 li .tw .option_name{
font-size: 12px;
    color: #373737;
    position: relative;
    display: block;
    margin-bottom: 3px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    background: #eee;
    padding: 4px 12px;
}
.delivery_pr_list2 li .tw .option_name:after{
	content:"";
	display:inline-block;
	width:3px;
	height:3px;
	background:#666;
	position:absolute;
	top:10px;
	 left:5px;
}
.delivery_pr_list2 li .tw .number span{
	font-size:13px;
}
.delivery_pr_list2 li .tw .p .won{
	margin-left:2px;
	font-weight:600;
	font-size:13px;
}
.delivery_pr_list2 .btns{}
.delivery_pr_list2 .btns{
	padding:0;
}
.delivery_pr_list2 .btns li{
	width:50%;
	float:left;
	padding:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.delivery_pr_list2 .btns li.odd{
	padding-left:0;
}
.delivery_pr_list2 .btns li.even{
	padding-right:0;
}
.delivery_pr_list2 .btns li a{
    display: block;
    border: 1px solid #c0c0c0;
    font-size: 14px;
    text-align: center;
    padding: 8px 0;
    color: #454545;
}
.delivery_pr_list2 .order_current{}
.delivery_pr_list2 .order_current p{
	font-size: 13px;
    font-weight: 600;
    padding: 6px 0;
}
.delivery_pr_list2 .order_current p.step1{
	color: #0dc8de;
}
.delivery_pr_list2 .order_current p.step3{
	color: #50bfb5;
}
.delivery_pr_list2 .order_current p.step4{
	color: #ff2323;
}
.delivery_pr_list2 .order_current p.step5{
	color:#888
}
.delivery_pr_list2 .order_current .cancle{
    font-size: 13px;
    font-weight: 600;
    color: #7d7d7d;
    background: #f9f9f9;
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 1px;
}
.delivery_pr_list2 .order_current .order{
    font-size: 13px;
    font-weight: 600;
    color: #7d8f7b;
    background: #f9f9f9;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
/*장바구니*/
.cart .cart_tit{
	background:#fff;
	text-align:center;
	padding:12px 0;
	font-size:17px;
	font-weight:500;
	border-bottom:1px solid #eee
}
.cart .mypage_pr_list {
    padding: 0;
	margin:0 8px;
	
}
.cart .caution{
    padding: 8px;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.04em;
}
.cart .caution span{
	display:block;
	position:relative;
	padding-left:8px;
}
.cart .caution span:after{
	position:absolute;
	top:10px; 
	left:0;
	width:3px;
	height:3px;
	background:#666;
	content:"";
}
.cart .all_choose{
	background: #ddd;
    margin: 0 8px 8px;
    padding: 4px;
    border-radius: 4px;	
}
.cart .delivery_pr_list2 .button img{
    height: 9px;
    vertical-align: 0;
    background: #fafffe;
    padding: 3px;
    border-radius: 2px;
    border: 1px solid #c4ecea;
    margin-left: 5px;
}
.cart .delivery_pr_list2 ul {
    padding: 0;
}
.cart .delivery_pr_list2>ul>li {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 0 11px;
	    background: #fefefe;
}
.cart .delivery_pr_list2 li .mv{
	margin-bottom:70px;
}
.cart .delivery_pr_list2 li .mv .check_common {
    position: absolute;
    top: 4px;
    left: 4px;
}
.cart .delivery_pr_list2 li .tw {
    position: relative;
    -moz-box-sizing: border-box;
    padding-left: 89px;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-right: 9px;
    width: 100%;
}

.cart .delivery_pr_list2 li .mv{
	position: absolute;
    top: 61px;
    left: 9px;
	z-index:10;
}
.cart .delivery_pr_list2 li .tw .option_name{
	white-space:normal !important;
	line-height:16px;
	position:relative;
	background: #f9f9f9;
    padding:8px 7px;
	border:1px solid #eee
}
.cart .delivery_pr_list2 li .tw .option_name span{
	display:block;
}

.cart .delivery_pr_list2 li .tw .option_name .price span{
	margin-left:4px;
}
.cart .delivery_pr_list2 li .tw .option_name .price .button img{
	height: 9px;
    vertical-align: 0;
    background: #fff;
    padding: 3px;
    border-radius: 2px;
    border: 1px solid #ccc;
    margin-left: 5px;
}
.cart .delivery_pr_list2 .moreinfo,
.cart .delivery_pr_list2 .hideinfo{
    background: #fff;
    text-align: center;
    margin-top: 4px;
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 2px;
    color: #666;
	font-size:13px
}
.cart .delivery_pr_list2 li .tw .option_name:after{
	background:#f9f9f9;
}
.cart .option_name_plus{
	display:none
}
.cart .delivery_pr_list2 li .tw .price_info{
	padding:4px 0;
}
.cart .delivery_pr_list2 li .tw .price_info .row{
	font-size:14px;
	margin:4px 0
}
.cart .delivery_pr_list2 li .tw .price_info .row .fl{
	color:#666
}
.cart .delivery_pr_list2 li .tw .price_info .row .fr{
	font-weight:600;
	color:#666
}
.cart .delivery_pr_list2 li .tw .price_info .row.total span{
	color:#0dc3de
}
.cart .order_current {
	margin-right:8px;
}

/*장바구니에서 주문할 상품 금액표시*/
.cart_total{
	background:#f7fffd;
	border-top:2px solid #ddd;
	border-bottom:1px solid #eee;
	margin-top:8px;
	padding:8px 16px;
}
.cart_total .row{
	margin:6px 0;
	font-weight:600;
}
.cart_total .row .fl{
	color:#555;
	font-weight:400
}
.cart_total .row.total{
    border-top: 1px solid #d0e9e3;
    padding: 9px 0 0;
    margin-top: 11px;
}
.cart_order{
	background:#fff;
	padding:8px 16px;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.cart_order p.button{
	float: left;
    background: #ddd;
    padding: 10px 0;
    border-radius: 2px;
	text-align:center;
	margin:0 0.5%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.cart_order p.button.all{
	width:35%;
    background: #0dc8de;
    border: 1px solid #06b4c8;
    color: #ffffff;
}
.cart_order p.button.choose{
	width:31%;
    background: #afb6b5;
    border: 1px solid #a6b4b1;
    color: #ffffff;
}
.cart_order p.button.delete{
	width:31%;
    background: #fcfcfc;
    border: 1px solid #ced5d4;
    color: #8d8d8d;
}


.mypage .tabbar{
	background:#a1a1a1;
	
}
.mypage .tabbar ul:after{
	content:""; display:table; clear:both
}
.mypage .tabbar li{
	width:16.66%;
	float:left;
	text-align:center
}

.mypage .tabbar li a{
	    padding: 14px 0;
	display:block;
		font-size:13px;
		color:#fff;
		line-height:1em;
}
/*관심 loveit*/
.loveit_tabbar{
	background:#fff
}
.loveit_tabbar li{
	float:left;
	width:33.33%;
	text-align:center;
	border-right:1px solid #ddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.loveit_tabbar li:last-child{
	border-right:0;
}
.loveit_tabbar li a{
	display:block;
	border-bottom:1px solid #ddd;
	font-size:15px;
	padding:12px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.loveit_tabbar li.on a{
border-bottom: 2px solid #000000;
    font-weight: 600;
    color: #000000;
    padding: 12px 0 11px;
}
.mypage .button_more{
	background:#fff;
	padding:10px 12px;
}
.mypage .button_more p.button{
    font-size: 15px;
    padding: 10px;
    background: #f5feff;
    text-align: center;
    color: #304446;
    border: 1px solid #8ac3ca;	
}
.mypage .button_more .st{
    font-size: 14px;
    text-align: center;
    margin-bottom: 8px;
}
.mypage .button_more .st span{
	font-size: 14px;
    letter-spacing: -0.06em;
    color: #0d8ba3;
    vertical-align: 0px;
    margin-left: 2px;
}
.mypage .mypage_pr_list .delete span{
	display:inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #7b8a8f;
    background: #f9f9f9;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
	margin-top: 7px;
}
/*파트너리스트*/
.mypage .partner{
	padding:2px 0;
	background:#fff;
}
.mypage .partner ul{
	padding:0 7px;
}
.mypage .partner li{
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:11px 3px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #eee;
	margin-bottom:8px;
}
.mypage .partner li:last-child{
	border-bottom:0;
	margin-bottom:0;
}
.mypage .partner li .mv{
	width:73px;
	height:73px;
	display:block;
	position:relative;
	overflow:hidden;
	border-radius:73px;
}
.mypage .partner li .mv img{
	width:100%;
	display:block;
	border:1px solid #eee;
	min-height: 73px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	background:#eee
}
.mypage .partner li .tw{
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 88px;
    width: 100%;
    padding-top: 11px;
}
.mypage .partner li .tw .t{
	font-weight:500;
	font-size:16px;
	display:block;
	line-height:26px;
}
.mypage .partner li .tw .d{
	font-weight:400;
	font-size:14px;
	display:block;
	color:#888;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
}
.mypage .partner li .tw .count{
	font-weight:400;
	font-size:14px;
	display:block;
	line-height:26px;
	color:#04afcf;
}
.mypage .partner li .tw .delete{
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #7b8a8f;
    background: #f9f9f9;
    padding: 3px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 8px;
    margin-top: 4px;
}



/*리뷰 Q&A 상세*/
.sub2{
	padding-top:0
}
.sub2 .tab{
    margin-top: 0;
    position: fixed;
    width: 100%;
    top: 49px;
    left: 0;
    z-index: 50;
}
.button_back_wrap{
    margin-top: 0;
    position: fixed;
    width: 100%;
    top: 53px;
    left: 0;
    z-index: 50;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.sub2 .button_back{
    border: 1px solid #e5e5e5;
    text-align: center;
    display: block;
    font-size: 0.96em;
    letter-spacing: -0.02em;
    color: #767676;
    padding: 10px 0;
    background-image: url(/images/ico/ico_arr-gray_left.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 15px;
    margin: 4px 8px 8px;
    background: #fff;
    z-index: 20;
}
.sub2 .review_top{
	padding:112px 8px 22px;
	background:#fff;
}
.review_top .in .tit{
	    display: block;
    text-align: center;
    padding: 10px 0;
    font-family: 'noto-m';
    letter-spacing: -0.03em;
}
.review_top .score{
display: block;
    text-align: center;
    font-family: 'noto-b';
    font-size: 1.78em;
    color:#00cad5;
}
.review{
	background: #fff;
    margin-top: 10px;
    padding: 14px 13px;
}
.review .tit{
	font-size:0.96em;
	text-align:center;
	letter-spacing:-0.04em;
	display:block;
	margin-bottom: 6px;
}
.reivew_list{}
.reivew_list>li{
	border-top:1px solid #e5e5e5;
	padding:19px 0;
}
.reivew_list>li:first-child{
	border-top:0;
}
.reivew_list>li .grade{
	color:#00cad5;
	font-family:'noto-b'
}
.reivew_list li .product{
	font-size:0.88em;
	color:#777;
	margin-bottom:2px;
	display:block
}
.reivew_list li .userinfo{
	font-size:0.8em;
	color:#999;
	letter-spacing:-0.02em;
	margin-bottom:8px
}
.reivew_list li .userinfo span{
	margin-left:6px
}
.reivew_list li .t{
	font-size:0.88em;
	color:#373737;
	line-height:1.36em;
	letter-spacing:-0.02em
}
/*별점 퍼블 - 페이지 공용디자인*/
.review_top .gradeCount{
    padding: 14px 0 0;
    display: block;
}
.reivew_list .gradeCount{
	margin-right:4px;
}
.gradeCount ul{
	text-align:center;
}
.gradeCount ul:after{
	content:""; display:block; clear:both;
}
.gradeCount ul li{
	display:inline-block;
	position:relative;
	width: 20px;
	height: 18px;
	overflow:hidden;
	margin-left:-2px
}
.gradeCount ul li img{
	position:absolute;
	top:0;
	left:0;
	width: 20px;
	height: 18px;
	display: block;
}
.gradeCount ul li img.on{
	display:none;
}
.gradeCount ul li.on img.off{
	display:none;
}
.gradeCount ul li.on img.on{
	display:block;
}

/*qna*/
.sub2 .qna_top{
	padding:106px 8px 22px;
	background:#fff;
}
.qna_top .in .tit{
	    display: block;
    padding: 10px 0;
    font-family: 'noto-m';
    letter-spacing: -0.03em;
}
.qna_top .in .tit{
	    display: block;
    text-align: left;
    padding: 10px 0;
    font-family: 'noto-r';
    letter-spacing: -0.03em;
	font-size:0.86em;
	color:#888
}
.button_qna{
	border: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: block;
    text-align: center;
    font-size: 0.95em;
    letter-spacing: -0.04em;
    padding: 13px 0;
    background: #f9f9f9;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
	background-image: url(/images/ico/ico_arr-gray_right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 15px;
}
/*qna 리스트*/
.qna{
	background: #fff;
    margin-top: 10px;
   /* padding: 14px;*/
}
.qna .top{
	padding:14px 10px;
	text-align:right;
}
.qna .top span.hangle{
	border-radius: 2px;
    font-size: 14px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    top: 50%;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    border: 1px solid #eee;
}

input:checked + .slider {
  background-color:#00cad5
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translate(12px, -50%);
  -ms-transform: translate(12px, -50%);
  transform: translate(12px, -50%);
  
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}/*스위치 버튼 끝*/
.qna .qna_list{
	border-top:1px solid #ddd
}
.qna .qna_list>li{
	border-top:1px solid #e5e5e5;
	padding:19px 0;
}
.qna .qna_list .cont{
	padding:16px 13px;
	border-bottom:1px solid #ddd;
	overflow:none;
}
.qna .qna_list .cont .d{
    color: #333;
    line-height: 1.45em;
    font-family: 'noto-r';
    font-weight: normal;
    font-size: 14px;
}
.qna .qna_list .cont .current{
	font-size:14px;
	color:#aaa;
	margin-top:10px
}
.qna .qna_list .cont .current span{
	position:relative;
	padding-right:8px;
	margin-right:8px;
    font-family: 'noto-r';
    font-weight: normal;
    font-size: 13px;
}
.qna .qna_list .cont .current span:after{
	    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 10px;
    background: #ddd;
    transform: translate(0, -50%);
	content: "";
}
.qna .qna_list .cont .current .hangle{
    color: #8492c7;
    display: block;
}
.qna .qna_list .cont .current .id{
    font-family: 'noto-r';
    font-weight: normal;
    font-size: 13px;
}
.qna .qna_list .cont .current .time:after{
	background:#fff;
}
.qna .qna_list .cont.secreat .d{
	color:#aaa;
	position:relative;
}
.qna .qna_list .cont.secreat .d:after{
position: absolute;
    top: 50%;
    right: -18px;
    width: 13px;
    height: 16px;
    background: #ddd;
    transform: translate(0, -50%);
    background: url(/images/ico/ico_secreat.png)no-repeat;
    background-size: auto 14px;	
	content: "";
}
.qna .qna_list .cont .d.answer{
    position: relative;
    padding-left: 26px;
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 5px;
}
.qna .qna_list .cont .d.answer:after{
position: absolute;
    top:8px;
    left: 0;
    width: 25px;
    height: 16px;
    background: #ddd;
    background: url(/images/ico/ico_answre.png)no-repeat;
    background-size: auto 14px;	
	content: "";
}
.qna .qna_list .cont .current .more{
    margin-top: -5px;
}
.qna .qna_list .cont .current .more img{
	height:25px
}
.qna .qna_list .current .more_cont{
    position: absolute;
    bottom: 44px;
    right: 21px;
    padding: 3px 0;
    font-size: 13px;
    z-index: 10;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    background: #fff;
    color: #474747;
}
.qna .qna_list .current .more_cont p{
	display:inline-block;
	padding:0 10px;
	margin-left:-1px;
	line-height:1em;
}
.qna .qna_list .current .more_cont p.delete{
	    border-left: 1px solid #ddd;
	    border-right: 1px solid #ddd;
}

.qna .qna_list .current .more_cont p.close img{
	height:10px;
	opacity:0.4;
	padding-right:3px
}

/*
.qna ul{
	border-top:1px solid #ddd
}
.qna ul li{
	padding:16px 13px;
	border-bottom:1px solid #ddd
}
.qna ul li a .d{
	    color: #333;
    line-height: 1.45em;
}
.qna ul li a .current{
	font-size:14px;
	color:#aaa;
	margin-top:10px
}
.qna ul li a .current span{
	position:relative;
	padding-right:8px;
	margin-right:8px
}
.qna ul li a .current span:after{
	    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 10px;
    background: #ddd;
    transform: translate(0, -50%);
	content: "";
}
.qna ul li a .current .hangle{
    color: #8492c7;
    display: block;
}
.qna ul li a .current .id{}
.qna ul li a .current .time:after{
	background:#fff;
}
.qna ul li.secreat .d{
	color:#aaa;
	position:relative;
}
.qna ul li.secreat .d:after{
position: absolute;
    top: 50%;
    right: -18px;
    width: 13px;
    height: 16px;
    background: #ddd;
    transform: translate(0, -50%);
    background: url(/images/ico/ico_secreat.png)no-repeat;
    background-size: auto 14px;	
	content: "";
}*/
/*qna 작성*//*리뷰작성*//*구매확정*/
.qna_write,
.review_write,
.common_design{
	padding:60px 8px 20px;
	background:#fff;
}
.qna_write .select_box,
.common_design .select_box{
	margin-bottom:8px;
	display:block;
}
.qna_write .check_wrap,
.review_write .check_wrap,
.common_design .check_wrap{
	padding:12px 0;
	border-bottom:1px solid #e5e5e5
}
.qna_write .st,
.review_write .st,
.common_design .st{
	padding:12px 0;
	font-size:0.8em;
	color:#999;
	line-height:1.4em;
	display:block
}
.qna_write .st2 h4,
.common_design .st2 h4{
	font-size:0.98em;
}
.qna_write .st2{
	padding:12px 0;
	font-size:0.8em;
	color:#999;
	line-height:1.4em;
	display:block
}
.qna_write .st span{
	text-decoration:underline;
	color:#666;
}
.qna_button_wrap,
.reivew_button_wrap,
.reqest_button_wrap{
	border:1px solid #e5e5e5;
	background:#fff;
}
.qna_button_wrap span,
.reivew_button_wrap span,
.reqest_button_wrap span{
	display:block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    padding: 16px 0;
    font-size: 1.08em;
	color:#555
}
.qna_button_wrap span.delete,
.reivew_button_wrap span.delete,
.reqest_button_wrap span.delete{
	border-right:1px solid #e5e5e5
}
.qna_button_wrap span.enroll,
.reivew_button_wrap span.enroll,
.reqest_button_wrap span.enroll{
    background: #363636;
    color: #fff;
    border: 1px solid #000000;
}
.common_design .refund{
	margin-bottom:22px;
}
.common_design .refund .row{
	font-size:14px;
	background:#f9f9f9;
	padding:11px 11px;
	border-top:1px solid #eee
}
.common_design .refund .row.last{
	border-bottom:1px solid #eee
}
.common_design .refund .row.last.current{
	background:#ddeef0
}
.common_design .refund .row .d.total{
    font-size: 18px;
    color: #04d1c5;
    font-weight: 600;
}
.common_design .refund .row .d span{
    font-size: 13px;
    font-weight: normal;
    vertical-align: 1px;
    margin-left: 1px;
}
.common_design .btns{
	padding:0;
}
.common_design .btns li{
	width:50%;
	float:left;
	padding:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.common_design .btns li.odd{
	padding-left:0;
}
.common_design .btns li.even{
	padding-right:0;
}
.common_design .btns li a{
    display: block;
    border: 1px solid #c0c0c0;
    font-size: 14px;
    text-align: center;
    padding: 8px 0;
    color: #454545;
}
.common_design .guidance_ment{
    padding: 14px 0;
    text-align: center;
    background: #f7fafa;
    
    border: 1px solid #c0e6ea;
    color: #12bfb4;
}
/*주문한 상품 상세피이지*/
.cp_link{
	padding: 0 0 6px;
}
.cp_link a{
	font-weight:600;
	display:block;
}
.cp_link a img{
    height: 22px;
    vertical-align: -5px;
    margin-left: 4px;
}
.order_info_detail .delivery_pr_list2{
	border-top:1px solid #ddd;
	padding:0
}
.order_info_detail .delivery_pr_list2 li{
	border-bottom:1px solid #ddd
}
.order_info_detail .delivery_pr_list2 li:last-child{
	border-bottom:0;
}
.order_info_detail .payinfo{
	background:#fff	;
	padding:0;
	margin-bottom: 14px;
	border:1px solid #ddd
}
.order_info_detail .payinfo .tit{
    border-bottom: 1px solid #e5e5e5;
    padding: 12px;
    font-size: 0.98em;
    background: #e0e1e3;
}
.order_info_detail .payinfo .row{
	width:100%;
	border-bottom:1px solid #ddd
}
.order_info_detail .payinfo .row.last{
	border-bottom:0
}
.order_info_detail .payinfo .row .t{
	width:30%;
	padding:7px 0 7px 11px;
	font-size:14px;
	line-height:1.6em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#666
}
.order_info_detail .payinfo .row .d{
	border-left:1px solid #ddd;
	width:70%;
	padding:7px 11px 7px 11px;
	font-size:14px;
	line-height:1.6em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    letter-spacing: -0.045em;
}
.order_info_detail .payinfo .row .d span{
	display:block;
}
.order_info_detail .payinfo .row.last .d{
	color: #00c3c4;
    font-weight: 600;
}
.order_info_detail .money{
	background: #f5faff;
    padding-top: 12px;
	margin-bottom:20px;
	border: 1px solid #bcddff;
}
.order_info_detail .money .content .row{
	margin-bottom:4px;
	padding:0 8px 0 10px;
}
.order_info_detail .money .content .tit{
	color: #6f747d;
    font-size: 0.96em;
}
.order_info_detail .money .content .price{
	font-size: 1.02em;
	letter-spacing:-0.03em
}
.order_info_detail .money .content .price .minus,
.order_info_detail .money .content .price .plus{
	margin-right: 2px;
    color: #777;
    width: 11px;
    text-align: center;
    display: inline-block;	
}
.order_info_detail .money .content .won{
    font-size: 0.9em;	
	margin-left:4px
}
.order_info_detail .money .content .total{
    border-top: 1px solid #bcddff;
    padding: 14px 8px;
    color: #0095d5;
    background: #f5faff;
	margin-top:13px;
}
.order_info_detail .money .content .total .tit{
	line-height: 28px;
    color: #0095d8;
    font-size: 17px;
}
.order_info_detail .money .content .total span{
	dispaly:block
}
.order_info_detail .money .content .total .price{
	font-size:20px;
	font-family:'noto-m'
}
.order_info_detail .money .content .total .won{
	font-size:14px;
	margin-top: 8px;
}
/*리뷰작성*/
.review_write .form_row .tit,
.common_design .form_row .tit{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: #373737;
    text-align: center;	
    margin: 14px 0;
}
.review_write .gradeCount_wrap{
	border: 1px solid #ddd;
    padding: 15px;
}
.review_write .gradeCount ul li {
    width: 30px;
    height: 30px;
}
.review_write .gradeCount ul li img{
    width: 30px;
    height: 28px;
}
.review_write .ko{}
.review_write .ko {
}
.review_write .ko li{
	text-align:center;
	display:none;
}
.review_write .ko li.on{
    display: block;
    margin-top: 4px;
    color: #0098aa;
	font-size:15px;
}
.review_write .delivery_pr_list2 {
    padding: 10px 0;
}
/*반품정보*/
.return .reason{
	border:1px solid #ddd
}
.reason h3{
	text-align:center;
	font-size:16px;
	font-weight:500;
	border-bottom:1px solid #ddd;
	padding:10px 0;
	    background: #f9f9f9;
}
.reason {
	margin-bottom:10px;
}
.reason .detail{
	width:100%;
	border-collapse:collapse;
    margin: 6px 0;
}
.reason .detail th{
    font-size: 15px;
    color: #9f9f9f;
    font-weight: 500;
    width:26%;
    padding: 4px 0;
	text-align:left;
	padding-left:14px;
	    vertical-align: top;
		line-height: 1.56em;
}
.reason .detail td{
    font-size: 15px;
    color: #373737;
    padding: 4px 15px 4px 0;
	 line-height: 1.56em;
}

/*반품요청*/
.request .reason{
	border:1px solid #ddd
}
.request .delivery_pr_list2 li{
	border-bottom:1px solid #eee
}
.request .select_box{
	margin-bottom:0;
	display:block;
}

/*MY-> 문의*/
.my_qna{
	background:#f5feff;
	padding:7px;
	
}
.my_qna table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
    border: 1px solid #ddd;
}
.my_qna table tr th.title1{
	width:60%;
	border-right: 1px solid #ddd;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.my_qna table tr th{
	font-size:14px;
	font-weight:500;
	background:#f9f9f9;
	text-align:left;
	padding:10px 14px ;
}
.my_qna table tr th.title2{
	text-align:center;
}
.my_qna table tr td{
	font-size:13px;
	padding:10px 14px ;
	width:60%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.my_qna table tbody tr td:first-child{
	border-right: 1px solid #eee;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.my_qna table tr td .date{
    color: #202020;
    line-height: 24px;
    letter-spacing: -0.02em;
}
.my_qna table tr td .type{
    line-height: 1em;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #eff7f8;
    padding: 1px 4px;
    margin-right: 2px;
    border: 1px solid #a0d5db;
    color: #3c9ea9;
    vertical-align: -3px;
    display: inline-block;
}
.my_qna table tr td .n{
    line-height: 1em;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.my_qna table tr td .step{
    font-weight: 500;
    display: block;
    text-align: center;
}
.my_qna table tr td .step1{
	color:#999;
}	
.my_qna table tr td .step2{
	color:#04afcf;
}
.my_qna table td,
.my_qna table th{
	border-bottom:1px solid #eee
}
.my_qna table tr td .hangle{
	text-align: center;
    display: block;
    color: #04afcf;
	    line-height: 22px;
}
/*MY 문의 -> 상세문의내역*/
.qna_detail{
	padding-top:49px;
}
.qna_detail .form_box{
	width:90%;
	margin:0 auto;
	padding-top:10px;
} 
.qna_detail .form_box .qna_detail_area > ul > li{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}
.qna_detail .form_box .qna_detail_area > ul > li > a{ 
	min-height:70px;
	box-sizing:border-box;
}
.d1 .confirm_box{
	padding-left:10px;
	display:block;
}
.d1 .confirm_txt{
	display:block;
	width:65px;
	height:30px;
	box-sizing:border-box;
	font-size:0.75em;
	line-height:0.813em;
	background:#0abed3;
	padding-top:10px;
	color:#fff;
	padding-left:11px;
}
.d1 .confirm_box .cont{
	padding:3px 0;
}
.d1 .confirm_box .cont .date{
	font-size:0.818em;
	color:#626262;
	line-height:1.2em;
	display:block;
	padding-top:5px;
}
.d1 .confirm_box .cont .txt{
	font-size:0.875em;
	line-height:1.375em;
	letter-spacing:-1px;
	color:#151515;
	display:block;
	padding-top:5px;
}
.d2 .q_box{
	padding-left:10px;
	display:block;
}
.d2 .q_txt{
	display:block;
	width:30px;
	height:30px;
	box-sizing:border-box;
	font-size:0.86em;
	line-height:0.813em;
	background:#959595;
	padding-top:10px;
	color:#fff;
	padding-left:10px;
}
.d2 .q_box .cont{
	padding:3px 0;
}
.d2 .q_box .cont .txt{
	font-size:0.875em;
	line-height:1.375em;
	letter-spacing:-1px;
	color:#151515;
	display:block;
	padding-top:5px;
}
.d3 .a_box{
	padding-left:10px;
	display:block;
}
.d3 .a_txt{
	display:block;
	width:30px;
	height:30px;
	box-sizing:border-box;
	font-size:0.86em;
	line-height:0.813em;
	background:#ff4c4c;
	padding-top:10px;
	color:#fff;
	padding-left:10px;
}
.d3 .a_box .cont{
	padding:3px 0;
}
.d3 .a_box .cont .txt{
	font-size:0.875em;
	line-height:1.375em;
	letter-spacing:-1px;
	color:#151515;
	display:block;
	padding-top:5px;
}
/*MY 상품리뷰 -> 상품리뷰 상세내역*/
.review_detail{
	padding-top:49px;
}
.review_detail .review_box{
	width:90%;
	margin:0 auto;
	padding-top:10px;
} 
.review_detail .review_box .review_detail_area{
	border:1px solid #ddd;
	padding:20px 10px;
	margin-bottom:10px;
    background: rgba(255,255,255,0.6);
}
.review_detail_area p{
	margin-bottom:20px;
}
.review_detail_area:after{
	display:block;
	content:'';
	clear:both;
}
.review_detail_area .re_tit{
	font-size:0.875em;
	font-weight:bold;
	color:#151515;
}
.review_detail_area .re_date{
	font-size:0.86em;
	color:#ccc;
	float:right;
}
.review_txt{
	padding-top:5px;
}
.review_txt .r_txt1{
	font-size:0.875em;
	line-height:2;
}
.review_txt .r_txt2{
	margin-top:20px;
	font-size:0.813em;
	line-height:1.3;
}
.review_detail_area .gradeCount ul{
	text-align:left
}
.review_detail_area .score{
	color:#00cad5;
	font-family:'noto-b';
	padding-left:5px;
}
.review_detail_area .product{
	font-size:0.88em;
	margin-bottom:12px;
	display:block;
}
.review_detail_area .t{
	font-size:0.88em;
	color:#373737;
	line-height:1.36em;
	letter-spacing:-0.02em;
}
.review_detail_area .review_photo{
	width:100%;
	margin-bottom:20px;
}
.review_detail_area .review_photo img{
	display:block;
	width:100%;
	height:auto;
}

/*MY - 내 정보*/
.my_info_edit{
	background:#fff;
	border-top:1px solid #e8e8e8
}
.my_info_edit .tit{
	padding:8px 10px;
	border-bottom:1px solid #e8e8e8
}
.my_info_edit .tit h4{
	font-size:17px;
	letter-spacing:-0.08em;
	font-weight:600;
	margin-bottom:4px;
}
.my_info_edit .tit h4 span{
	color:#06a9bc
}
.my_info_edit .tit p{
	font-size:14px;
	leftter-spacing:-0.06em;
	color:#555;
	line-height:1.40em;
}
.my_info_edit .edit_table{
    border-collapse: collapse;
    width: 100%;
    box-sizing: border-box;
	border-left:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}
.my_info_edit .edit_table tr{}
.my_info_edit .edit_table th,
.my_info_edit .edit_table td{
	border-bottom:1px solid #e8e8e8
}
.my_info_edit .edit_table th{
    background: #f4f9f9;
    font-size: 13px;
    text-align: left;
    width: 30%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px 7px;
    border-right: 1px solid #e8e8e8;
    letter-spacing: -0.06em;
}
.my_info_edit .edit_table td{
	background:#f4f5f5;
	font-size:14px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:8px 10px;
	letter-spacing:-0.04m;
}
.my_info_edit .edit_table td p.button{
	    display: inline-block;
    background: #d9d9d9;
    padding: 4px;
    font-size: 13px;
    letter-spacing: -0.08em;
    border-radius: 2px;
}
.my_info_edit .edit_table td p.t{
	margin-bottom:4px;
	position:relative;
	padding-left:8px;
}
.my_info_edit .edit_table td p.t:after{
	display:block;
	position:absolute;
	top:50%;
	 left:0;
	 transform:translate(0, -50%);
	 -webkit-transform:translate(0, -50%);
	 -moz-transform:translate(0, -50%);
	 width:4px;
	 height:4px ;
	 background:#000;
	content:"";
}

.my_info_edit .edit_table td input[type=text]{
    border: 1px solid #ddd;
    outline: none;
    background: rgba(255, 255, 255, 0.5);
    line-height: 30px;
    height: 30px;
    letter-spacing: -0.06em;
    font-size: 14px;
    padding: 3px 10px;
    margin-bottom: 7px;
    width: 100%;
    box-sizing: border-box;	
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
}
.my_info_edit .buttons{
	margin: 10px;
    padding: 12px;
    border: 1px solid #e8e8e8;
}

.popup_password{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    padding: 43px 44px 21px;
    background: #e9e9e9;
    border: 1px solid #ddd;
    z-index: 50;
    width: 61%;
    box-shadow: 0 0px 2px rgba(0,0,0,0.1);
	display:none;
	animation:fadeEffect 0.3s
}
.popup_tit{
    position: absolute;
    top: 0;
    left: 0;
    background: #4d7b93;
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 7px 11px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    letter-spacing: -0.08em;
}
.popup_password .row input[type=password]{
	padding:5px 11px !important
}
.popup_password .row span{
	letter-spacing:-0.06em;
	margin-bottom:4px;
	margin-top:4px;
	display:block;
	position:relative;
	padding-left:8px;
    color: #596166;
	font-size:13px;
}
.popup_password .row span:after{
	display:block;
	position:absolute;
	top:50%;
	 left:0;
	 transform:translate(0, -50%);
	 -webkit-transform:translate(0, -50%);
	 -moz-transform:translate(0, -50%);
	 width:4px;
	 height:4px ;
	 background:#000;
	content:"";
}
.popup_password .buttons{
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    margin: 0;
    margin-top: 17px;
    padding: 8px;
    font-size: 13px;
    border: 1px solid #b6b6b6;
}
.popup_password .buttons.okay{
	background: #ffffff;
    color: #587685;
    border: 1px solid #587685;
}
/*이용약관*/
.terms_form{
    margin: 0 15px 14px;
    font-size: 14px;
    line-height: 1.45em;
    color: #666;
    background: #fff;
    padding: 20px 13px;
    font-family: 'noto-r';
    letter-spacing: -0.02em;
 }
 .terms_h2{   
    border-bottom: 1px solid #dbdbdb;
    margin: 0 15px;
    padding: 16px 9px;
    font-weight: 500;
    color: #666666;
    background: #fff;
}
@keyframes fadeEffect{
	from{opacity:0}
	to{opacity:1}
}