/*마이페이지*/
.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: 34px;*/
	position:relative
}
.mypage_in{
	width:1280px;
	margin:auto;
	    min-height: 600px;
} 
.mypage_tit{
	margin: 0 0 11px 0;
}
.mypage_tit span{
	color: #666;
    letter-spacing: -0.06em;
    font-size: 14px;
    margin: 5px 0 0 11px;
    display: inline-block;
}
/*마이페이지- 공용탭탭바*/
.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{
	padding: 0;
    margin-left: 244px;
    margin-top: 35px;
    background: #ebf2f1;
}
.mypage .topCont .top_tit{
	background: #626774;
}
.mypage .topCont .top_tit .t{
	width:258px;
	line-height:64px;
	font-size:18px;
	text-align:center;
	font-family:'noto-r';
	color:#fff;
	background:#374058;
}
.mypage .topCont h3{
text-align: center;
    font-size: 17px;
    letter-spacing: -0.04em;
    color: #555555;
    padding: 25px 0;
}
.mypage .topCont h3 span{
	font-weight:600;
	color:#222
}
.mypage .topCont .box{

}
.mypage .topCont .box li{
    float: left;
    border-right: 1px solid #c6c9d1;
    width: 25%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 44px 21px 23px 37px;
    min-height: 232px;

}
.mypage .topCont .box li:last-child{
	border-right:0
}
.mypage .topCont .box li a{
    display: block;
    font-size: 15px;
}
.mypage .topCont .box li a span.t{
	display:inline-block;
	margin-left:4px;
	font-family:'noto-m';
	font-size:16px;
	color:#374058;
}.mypage .topCont .box li a span.ico{
	display:block;
	width:80px;
	height:80px;
	background:#8b93a9;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	margin:10px 0;
}
.mypage .topCont .box li a span.ico img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
    height: 26px;
}
.mypage .topCont .box li:nth-child(2) a span.ico{
	background:#71c7bc;
}
.mypage .topCont .box li:nth-child(3) a span.ico{
	background:#9976bd;
}
.mypage .topCont .box li a span.count{
	font-size:52px;
	line-height:80px;
	margin:10px;
	display:block;
	font-family:'돋움';
	letter-spacing:-0.08em;
}
.mypage .topCont .box li a span.d{
	color:#75787c;
	font-size:14px;
	letter-spacing:-0.09em;
}
/*찜한상품, 최근본상품 타이틀*/
.mypage .titwrap{
	padding:14px 22px 14px 47px;
	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 .layout{
    width: 1280px;
    margin: auto;
    box-sizing: border-box;
	-wekit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    margin-top: 35px;
}
.delivery .current{
	border:1px solid #ddd
}
.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: 14px 22px 14px 14px;
    background: #f9f9f9;
	display:block;
	color:#555;
	font-size:16px;
}
.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: #ffffff;
    color: #000000;
	font-family:'noto-b';
    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: 22px 13px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 7px;
    min-height: 175px;
}
/*미입금 주문취소시*/
.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: 29px;
    left: 12px;
}
.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:70%;
}
.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: 16px;
    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:15px;
}
.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:after{
	content:""; 
	display:block;
}
.delivery_pr_list2 .btns{
    padding: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 10;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	width:120px
}
.delivery_pr_list2 .btns li{
	width:100%;
	float:left;
	padding:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.delivery_pr_list2 .btns li a{
    display: block;
    border: 1px solid #c0c0c0;
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
    color: #454545;
}
.delivery_pr_list2 .order_current{
    margin-top: 4px;
	    margin-left: 85px;
}
.delivery_pr_list2 .order_current p{
	font-size: 13px;
    padding: 6px 0;
}
.delivery_pr_list2 .order_current p span{
	letter-spacing:-0.04em;
	color:#999;
	padding-left:6px;
}
.delivery_pr_list2 .order_current p.step1{
	color: #0dc8de;
	width: auto;
}
.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;
}
.delivery_pr_list2 .order_qna{
	position:absolute;
	top:50%;
	right:160px;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	}
.delivery_pr_list2 .order_qna span{
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.04em;
    line-height: 1.28em;
    color: #666;
}
.delivery_pr_list2 .order_qna span.number{
	font-size:12px;
	letter-spacing:-0.08em;
	color: #999;
}
.delivery_pr_list2 .order_qna{}
/*장바구니*/
.cart.detailpage{
    width: 1280px;
    margin: auto;
    padding-left: 244px;
    box-sizing: border-box;
    margin-top: 35px;
}
.cart .cart_tit{
    background: #fff;
    text-align: center;
    padding: 14px 0;
    font-size: 18px;
    font-family: 'noto-m';
    letter-spacing: -0.04em;
	border:1px solid #ddd
}
.cart .mypage_pr_list {
    padding: 0;
	margin:0;
	border:1px solid #ddd	
}
.cart .caution{
    padding: 8px 14px;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.04em;
    background: #eee;
    border: 1px solid #ddd;
    margin: 14px 0;
}
.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: #cdcdcd;
    margin: 0 0 8px;
    padding: 4px 14px;
    border-radius: 4px;
    width: 120px;
    border: 1px solid #c0c8c3;
}
.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;
	width:60%;
	 box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	border-right:1px solid #ddd;
	/*border-left:1px solid #f1f1f1*/
}
.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: 18px;
    position: relative;
    background: #fafafa;
    padding: 9px 12px;
    border: 1px solid #eee;
    font-size: 13px;
    letter-spacing: -0.02em;
    color: #666;
}
.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: 15px;
    margin: 3px 0;
    float: left;
    width: 25%;
    padding: 14px;
    background: #dfeee5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: 1px solid #c6d1cb;
    border-bottom: 1px solid #c6d1cb;
}
.cart .delivery_pr_list2 li .tw .price_info .row span{
	displat:block;
	width:100%;
	text-align:center;	
}
.cart .delivery_pr_list2 li .tw .price_info .row .fl{
	color:#777;
	border-right:0;
	font-size:13px;
	position:relative;
}
.cart .delivery_pr_list2 li .tw .price_info .row .fr{
	font-family:'noto-b';
	letter-spacing:-0.06em;
	color:#232323;
	font-size:16px;
}
.cart .delivery_pr_list2 li .tw .price_info .row.total span{
	color:#008a91
}
.cart .order_current {
	margin-right:8px;
}
.cart .delivery_pr_list2 li .tw .price_info .row .fl.dis:after,
.cart .delivery_pr_list2 li .tw .price_info .row .fl.dev:after,
.cart .delivery_pr_list2 li .tw .price_info .row .fl.tol:after{
	display:block;
	content:""; 
	position:absolute;
	top:0;
	left:-20px;
	width:19px;
	height:19px;
	background-image:url(/images/ico/ico_minus.png);
	background-repeat:no-repeat;
}
.cart .delivery_pr_list2 li .tw .price_info .row .fl.dev:after{
	background-image:url(/images/ico/ico_plus.png);
}
.cart .delivery_pr_list2 li .tw .price_info .row .fl.tol:after{
	background-image:url(/images/ico/ico_total.png);
}
/*장바구니에서 주문할 상품 금액표시*/
.cart_total{
    background: #effaf8;
	/*
    border-top: 1px solid #f1f1f1;
    
    border-right: 1px solid #f1f1f1;/*
    /* margin-top: 8px; */
    padding: 8px 16px;
	border-bottom: 1px solid #eee;
}
.cart_total .row{
	margin:6px 0;
	font-family:'noto-b';
	letter-spacing:-0.06em
}
.cart_total .row .fl{
	color: #373737;
    font-weight: normal;
    font-family: 'noto-r';
    letter-spacing: -0.03em;
}
.cart_total .row .fr.dis{
	color:#0db1c4;
	position:relative;
}
.cart_total .row .fr.dis:after{
	content: "";
    display: block;
    width: 9px;
    height: 1px;
    background: #00a7b0;
    position: absolute;
    top: 50%;
    left: -18px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.cart_total .row.total{
    border-top: 1px solid #b1cac4;
    padding: 9px 0 0;
    margin-top: 11px;
	
}
.cart_total .row.total .fl{
	font-family:'noto-m'
}
.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;
	cursor:pointer;
}
.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_header{
	background:#282828;
	position:relative;
	padding:14px 0;
}
.mypage_header .in{
	width:1264px;
	margin:auto;
	padding:0 8px;
}
.mypage_header ul{}
.mypage_header ul li {
	float:left;
}
.mypage_header ul li a{
	display:block;
	padding:0 25px;
	color:#fff;
	font-size:16px;
	font-weight:'noto-m';
	line-height:40px;
}
.mypage_header ul li:last-child a{
	padding-right:0
}
.mypage .tabbar{
	position:absolute;
	top:104px;
	left:50%;
	background:#fff;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
	-moz-transform:translate(-50%, 0);
	margin-left: -525px;
	border:1px solid #ddd;
	z-index:50
	
}
.mypage .tabbar>ul{
	width:135px;
	margin:auto;
	padding:14px 40px 28px;
}
.mypage .tabbar>ul:after{
	content:""; display:table; clear:both
}
.mypage .tabbar>ul>li{
	width:100%;
}
.mypage .tabbar>ul>li>a{
	display:block;
		padding:20px 0;
		font-size:16px;
		color:#222222;
		line-height:1em;
		border-bottom:1px solid #ddd
}
.mypage .tabbar>ul>li:first-child>a{
	color:#000;
	border-bottom:2px solid #000;
	font-family:'noto-m'
}
.mypage .m_menu{
	width:100%;
	margin-top:13px;
}
.mypage .m_menu li{
	width:100%;
}
.mypage .m_menu>li>a{
	display:block;
		padding:8px 0;
		font-size:14px;
		color:#888;
		line-height:1em;
		text-align:right;
		width:100%;
}
/*관심 loveit*/
.loveit.mypage .pr_list2 li ,
.mini_pr_list li{
    width: 16.6%;
}
.loveit.mypage .pr_list2 li .mv,
.mini_pr_list li .mv{
    height:138px
}
.loveit.mypage .pr_list2 li .mv img,
.mini_pr_list li .mv img{
	max-height:138px
}
.loveit_tabbar{
	background:#fff
}
.loveit_tabbar li{
	float:left;
	width:100%;
	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: 1px solid #707070;
    /* font-weight: 600; */
    color: #3f3f3f;
    padding: 37px 0 11px;
    font-size: 16px;
    margin: 0 47px;
    text-align: left;
	box-sizing:border-box;
}
.loveit_tabbar li.on a span{
	color:#999;
	font-size:14px;	
	margin-top:2px
}
.loveit_tabbar li.on a span.st{
	margin-left:6px;
}
.loveit_tabbar li.on a span .count{
	color:#4ad731;
}
.loveit_tabbar li.on a span img{
	    vertical-align: 2px;
    padding-left: 8px;
    opacity: 0.8;
}
.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 42px;
}
.mypage .partner li{
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:23px 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: 10px;
    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-family:'noto-r';
    color: #6b767a;
    background: #fff;
    padding: 3px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 8px;
    margin-top: 4px;
	letter-spacing:-0.04em;
	cursor:pointer;
}



/*리뷰 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;
	border-bottom:1px solid #ddd;
	padding-bottom:24px;
}
.reivew_list>li{
	border-top:1px solid #e5e5e5;
	padding:20px 30px;
}
.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:14px;
	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: 32px;
	height: 30px;
	overflow:hidden;
	margin-left:-2px
}
.gradeCount ul li img{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 30px;
	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;
}

.reivew_list .gradeCount ul li{
	display:inline-block;
	position:relative;
	width: 23px;
	height: 21px;
	overflow:hidden;
	margin-left:-2px
}
.reivew_list .gradeCount ul li img{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 21px;
	display: block;
}
/*qna*/
.sub2 .qna_top{
	padding:106px 8px 22px;
	background:#fff;
}
.qna_top .in {
	padding:0 14px;
}
.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;
    text-align: center;
}
.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;
	    width: 50%;
		margin:auto;
}
/*qna 리스트 mypage 문의qna 와 상품상세의qna 공용으로 사용중*/
.qna{
	background: #fff;
    margin-top: 10px;
    padding: 0 0 14px;
}
.qna .top{
	padding:14px 10px;
	text-align:right;
}
.qna .top span.hangle{
	border-radius: 2px;
    font-size: 14px;
	margin-right: 4px;
}
.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 .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 .accordion-header .d{
	position:relative;
    padding-left: 27px;
}
.qna .qna_list .accordion-header .d:after{
position: absolute;
    top: 0;
    left: 0;
    content: "Q";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #13bf97;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 19px;
}
.qna .qna_list .accordion-content .d{
    position: relative;
    padding-left: 71px;
    color: #63a495;
}

.qna .qna_list .accordion-content .d:after{
    position: absolute;
    top: 0;
    left: 0;
    content: "문의내용";
    display: block;
    width: 62px;
    height: 20px;
    background-color: #5aad9a;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}

.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;	
	border-radius: 0;
	content: "";
}
.qna .qna_list .cont .d.answer{
    position: relative;
    padding-left: 26px;
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 5px;
color: #000;
}
.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;	
    border-radius: 0;
	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{
	padding: 32px 213px 86px;
    background: transparent;
    min-height: 380px;
}
.qna_write .qna_top_tit{
	    background: #283148;
    padding: 15px;
    color: #fff;
    margin-bottom: 0px;
}
.review_write,
.common_design{
	padding:32px 8px 60px;
	background:#fff;
	min-height:380px;
}
.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:15px;
	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;
	cursor:pointer;	
}
.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: #0abed3;
    color: #fff;
    border: 1px solid #10b5c8;
}
.mypage_qna{padding: 12px 0 0 0;}
.mypage_qna .qna_list{
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8
}


.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: 18px;
    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;
}

/** 사진업로드 **/
.review_img_box{
	position:relative;
}
.review_img_box input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.review_img_box label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    font-size: 14px;
    color: #999;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
/* named upload */
.review_img_box .upload-name {
    display: inline-block;
	height: 42px;
    font-size: 14px;
	color:#989898;
	padding: 0 10px;
    vertical-align: middle;
    background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	width: 100%;
    box-sizing: border-box;

}
.review_thumb{
	width: 260px;
    margin: auto;
    height: 260px;
    margin-top: 20px;
}
.review_thumb img{
	height:260px;
}

/*반품정보*/
.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{
	
}
.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;
	background:#fff
}
.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:18px 14px;
	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:#fff;
	font-size:14px;
	text-align:left;
	width:20%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:18px 10px;
	border-right:1px solid #e8e8e8;
}
.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:18px 14px;
	letter-spacing:-0.04m;
	border-right:1px solid #e8e8e8;
}
.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;
	cursor:pointer;
}
.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: 24%;
    box-shadow: 0 0px 2px rgba(0,0,0,0.1);
    display: none;
    animation: fadeEffect 0.3s;
    margin-left: 119px;
}
.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;
}
/*이용약관*/
.member_container{
	width:1240px;
	background:#fff;
	margin:20px  auto 120px;
}
.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;
}

/**/
.order_pd_list li:last-child{
	border-bottom:0
}
@keyframes fadeEffect{
	from{opacity:0}
	to{opacity:1}
}
