/*서브페이지 전부 이파일에*/

/*----member----*/
/*--login--*/
/*--searchIDPW--*/
/*--join1--*/
/*--join2--*/
/*--join3--*/
/*---pw_change-*/

/*----order----*/
/*--cart--*/
/*--checkout--*/
/*--order-popup--*/
/*--pay--*/
/*--pay_complete--*/

/*----search----*/

/*---mypage---*/
/*--myorder--*/
/*--myorder_view--*/
/*--refund--*/
/*--cancel --*/
/*--cancel_view--*/
/*--qna--*/
/*--qna_write--*/
/*--review--*/
/*--modify_pw--*/
/*--modify--*/
/*--wishlist--*/
/*--today--*/
/*--point--*/
/*--member_out--*/

/*----favorites----*/
/*--favorites-box--*/
/*--best_sellers--*/
/*--collection--*/
/*--collection_view--*/

/*---- about ----*/
/*-- lookbook --*/
/*-- kedsnow --*/
/*-- event --*/
/*-- stockist --*/
/*-- prokeds --*/


/*----member----*/



/*---- customer ----*/
/*-- membership --*/


.member_wrap{
	width: 780px;
	margin: 0 auto;
	padding: 59px 0 50px;
}
.member_wrap.join1,
.member_wrap.join3 {padding-top: 55px;}
.member_wrap:after,
.member_wrap .input_area:after{
	content:"";
	display: block;
	clear: both;
}
.member_wrap .input_area div{
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}
.member_wrap .input_area div + div{margin-top: 26px;}
.member_wrap .input_area div.col2{
	display: inline-block;
	width: 170px;
}
.member_wrap .input_area div.col2 + div.col2{
	margin-left: 17px;
}
.member_wrap .input_area div label{
	font-size: 14px;
	font-weight: 350;
	color: rgb(68,68,68);
	display: block;
}
.member_wrap .input_area div label + input{
	width: 100%;
	margin-top: 10px;
	font-size: 14px;
}
.member_wrap .input_area div label + input::placeholder{
	color: rgb(153,153,153);	
	font-family: 'Noto Sans Korean', sans-serif;
}
.member_wrap .input_area div .check_label{font-size: 13px;}
/* .member_wrap .input_area div .check_label:before{top: 3px;} */

.member_wrap .btn-box{
	margin-top: 20px;
	font-size: 0;
}

.member_wrap .btn-box.mt30{margin-top: 30px;}
.member_wrap .btn-box.mt53{margin-top: 53px;}

.member_wrap .btn + .btn{margin-left: 10px;}
.member_wrap .btn._wait {margin-left: 0;}
.member_wrap .inp_form{
	width: 360px;
}

/*--login--*/
.member_wrap .member_login .txt{
	margin-top: 20px;
	font-size: 15px;
	font-weight: 350;
	color: rgb(68,68,68);
}


.member_wrap .inp_form div a.searchIDPW{
	font-size: 13px;
	font-weight: 350;
	color: rgb(28,0,165);
	text-decoration: underline;
}
.member_wrap .member_login .fl,
.member_wrap .member_login .fr{width: auto;}

.member_login .easy-login{margin-top: 45px;}
.member_login .easy-login .btn-box{
	font-size: 0;
	margin-top: 20px;
}
.member_login  .easy-login .btn-box > a{
	display: inline-block;
	width: 360px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: rgb(255,255,255);
	margin-right: 10px;
	margin-bottom: 15px;
	background-position: 15px center;	
	background-repeat: no-repeat;
	padding-left: 40px;
	box-sizing: border-box;
	text-align: center;
}
.member_login .easy-login .btn-box > a:nth-child(2n){margin-right: 0;}
.member_login .easy-login .btn-box > a.naver{background-color: rgb(0,204,57) ;background-image:url(/pc/resource/images/sub/easy_login_naver_d.png); background-position-x: 98px; background-size: 22px;}
.member_login .easy-login .btn-box > a.kakao{background-color: rgb(255,232,18) ;background-image:url(/pc/resource/images/sub/easy_login_kakao_d.png);color: rgb(68,68,68); background-position-x: 120px}
.member_login .easy-login .btn-box > a.facebook{background-color: rgb(66,103,178);background-image: url(/pc/resource/images/sub/easy_login_facebook_d.png);}
.member_login .easy-login .btn-box > a.google{background-color: rgb(235,79,77);background-image: url(/pc/resource/images/sub/easy_login_google_d.png);}

.realperson-challenge{
	position: relative;
	margin: 0 !important;
}
.realperson-regen{
	position: absolute;
	right: 0;
	top: 0;
}
.mb-employee__pop{
	width: 450px;
	padding: 30px 30px 40px 30px;
	background: rgb(255,255,255);
	box-sizing: border-box;
}
.mb-employee__pop h2{
	margin-bottom: 35px;
	font-size: 22px;
	color: rgb(28,0,165);
}
.mb-employee__pop .num-info{
	margin: 30px 0;
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(213,220,228);
	font-size: 0;
}
.mb-employee__pop .num-info dl{
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 25px 0;
	text-align: center;
}
.mb-employee__pop .num-info dl + dl:after{
	content: '';
	position: absolute;
	top: 40%;
	left: 0;
	width: 1px;
	height: 20px;
	background: rgb(213,220,228);
}
.mb-employee__pop .num-info dl.pop{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 25px 0;
	text-align: center;
}

.mb-employee__pop .num-info dt,
.mb-employee__pop .num-info dd{
	display: inline-block;
	font-size: 16px;
	color: rgb(102,102,102);
}
.mb-employee__pop p{
	font-size: 16px;
	color: rgb(102,102,102);
}
.mb-employee__pop .btn-box {
	margin-top: 30px;
	font-size: 0;
}
.mb-employee__pop .btn-box a{
	width: 190px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	font-size: 16px;
}
.mb-employee__pop .btn-box a + a{
	margin-left: 10px;
}
.mb-employee__pop .btn-close{
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	background: url(/pc/resource/images/common/ico_x_bl_20x20.png) center center no-repeat;
}
/*--searchIDPW--*/

.member_wrap .member_searchIDPW .input_area div{
	margin-top: 30px;
	position: relative;
}
.member_wrap .member_searchIDPW .input_area div + div{margin-top: 16px;}
.member_wrap .member_searchIDPW .input_area div span.time{
	position: absolute;
	right: 20px;
	top: 38px;
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
}
.member_wrap .member_searchIDPW > div > p{
	margin-top: 16px;
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
}


/*--join1--*/

.member_wrap.join1 .inp_form{width: 100%;}
.join_certify{
	text-align: center;
}
.join_certify p.big{
	font-size: 24px;
	color: rgb(28,0,165);
	font-weight: 350;
	line-height: 40px;
}
.join_certify p.small{
	font-size: 14px;
	color: rgb(153,153,153);
	font-weight: 350;
	margin-top: 30px;
}
.join_certify .btn-box a.btn_style{width: 205px;}

.join_certify a.btn_style span{
	display: inline-block;
	padding-left: 25px;
	background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/pc/resource/images/common/ico_phone_wt_14x21.png);
    background-size: 14px;
}

/*--join2--*/
.join2 {
	margin: 0 auto;
	padding: 59px 0 120px;
}
.join2 > h3{
	font-family: 'PassengerDisplay-Medium';
	font-size: 22px;
	text-align: center;
}
.join2 .oh{
	overflow: hidden;
	margin-top: 35px;
}
.join2 .tit__style2.small span{
	font-size: 14px;
	font-weight: 350;
	margin-left: 20px;	
}
.join2 .member_join .input_area{margin-top: 10px;}

.join2 .input_area div.mt7{margin-top: 7px;}
.join2 .input_area div.mt16{margin-top: 16px;}
.join2 .input_area div.mt70{margin-top: 70px;}
.join2 .input_area div.marketing{margin-top: 20px;}
.join2 .input_area div label{font-weight: 500;}
.join2 .input_area div.mk input {width: auto;}
.join2 .input_area div.mk input + label {display: inline-block;}
.join2 .input_area div.id{font-size:0;}
.join2 .input_area div.red.id > label{display: block;}
.join2 .input_area div.id label + input{
	width: calc(100% - 80px);
	display: inline-block;
	vertical-align: top;
}
.join2 .input_area div.id a{
	display: inline-block;
	width: 80px;
	height: 36px;
	line-height: 36px;
	color: rgb(255,255,255);
	font-weight: 400;
	background-color: rgb(28,0,165);
	text-align: center;
	margin: 10px 0 0 0;
	vertical-align: top;
	font-size: 14px;
}
.join2 .input_area div.disabled label{
	display: inline-block;
	width: 95px;
}
.join2 .input_area div.birth span{
	display: inline-block;
	font-size: 14px;
	font-weight: 350;
	color: rgb(68,68,68);
}
.join2 .input_area div.disabled span,
.join2 .input_area div.birth span label{
	display: inline-block;
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
}
.join2 .input_area div.red > label{display: inline-block;}
.join2 .input_area div.red > label:after{
	content:"*";
	display: inline-block;
	color: rgb(255,95,128);
	margin-left: 2px;
}

.join2 .input_area div.birth > label{display: block;margin-bottom: 7px;}
.join2 .input_area div.birth span + span{margin-left: 30px;}
.join2 .input_area div.birth span:first-child{color: rgb(68,68,68);}
.join2 .input_area div.birth span:last-child{margin-left: 20px;}

.join2 .input_area div.txt{
	font-size: 14px;
	font-weight: 350;
	color: rgb(153,153,153);
}
.join2 .input_area div.txt.re{
	font-weight: 400;
	line-height: 24px;
}
p.star {
	padding: 0 0 0 9px;
	position: relative;
	top: 0;
	left: 0;
}
p.star:before {
	content: '*';
	position: absolute;
	top: 1px;
	left: 0;
}
.join2 .input_area div.email input{
	width: calc(50% - 15px);
	display: inline-block;
}
.join2 .input_area div.email span:not(.select__style){
	display: inline-block;
	width: 24px;
	font-size: 14px;
	font-weight: 350;
	text-align: center;
}
.join2 .input_area div.email .select__style{
	margin-top: 11px;
	position: relative;
	display: inline-block;	
	width: calc(50% - 15px);
}
.join2 .input_area div .join_label{
	font-size: 14px;
	font-weight: 350;
	line-height: 15px;
	color: rgb(102,102,102);
}
.join2 .input_area div:not(.marketing) .join_label{margin-top: 12px;}
.join2 .input_area div.marketing span{display: inline-block;}
.join2 .input_area div.marketing span + span{margin-left: 15px;}

.join2 .join_terms{margin-top: 40px;}
.join2 .join_terms .tit{
	font-weight: 500;
	color: rgb(51,51,51);
	font-size: 14px;
}
.join2 .join_terms ul li{
	margin-top: 16px;
}
.join2 .join_terms ul li + li{margin-top: 10px;}
.join2 .join_terms ul li a{	
	border: 1px solid rgb(213,220,228);
	box-sizing: border-box;
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 0 12px 0 14px;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
}
.join2 .join_terms ul li a span{
	box-sizing: border-box;
	color: rgb(102,102,102);
	font-size: 14px;
	font-weight: 350;
}
.join2 .join_terms ul li a span.fr{
	width: 73px;
    background: none;
    background-repeat: no-repeat;
    background-position: 100% center;
    background-image: url(/pc/resource/images/common/arr_down_bl_11x7.png);
    background-size: 11px;
}
.join2 .join_terms ul li a.on span.fr{
    background-image: url(/pc/resource/images/common/arr_up_bl_11x7.png);
}


.join2 .join_terms ul li > div{
	max-height: 310px;
	overflow-y: auto;
	font-size: 14px;
	color: rgb(102,102,102);
	font-weight: 350;
	padding: 20px;
	border-left: 1px solid rgb(213,220,228);
	border-right: 1px solid rgb(213,220,228);
	border-bottom: 1px solid rgb(213,220,228);
	line-height: 20px;
	box-sizing: border-box;
	display: none;
}
.join2 .join_terms ul li > div > table{width: 100%;}
.join2 .join_terms ul li > div > table td + td,
.join2 .join_terms ul li > div > table th + th{
	border-left: 1px solid rgb(213,220,228);;
}
.join2 .join_terms ul li > div > table thead{
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(213,220,228);
	text-align: center;
	background: rgb(234,237,241);
	font-size: 15px;
}
.join2 .join_terms ul li > div > table thead th{
	padding: 10px;
	font-weight: 400;
}
.join2 .join_terms ul li > div > table td{
	padding: 15px ;
	text-align: center;
	line-height: 26px;
	border-bottom: 1px solid rgb(213,220,228);
	font-size: 14px;
	color: rgb(102,102,102);
	word-break: keep-all;

}
.join2 > p{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	line-height: 24px;
	margin-top: 25px;
}
.join2 > .chk-box label{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	line-height: 15px;
	margin-top: 25px;
}
.join2 > .btn-box a.btn{
	width: 250px;
	height: 55px;
	line-height: 55px;
}

.join2 .join_membership {
	width: 100%;
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
	padding: 32px 30px 34px;
	margin-top: 26px;
}
.join2 > .join_membership.chk-box .txt-box {margin: 26px 0 0;}
.join2 > .join_membership.chk-box .txt-box .tit {
	font-weight: 400;
	font-size: 14px;
	color: rgb(28,0,165);
}
.join2 > .join_membership.chk-box .txt-box .desc {
	margin: 5px 0 0;
	font-weight: 350;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 26px;
}
.join2 > .join_membership.chk-box .rd-box {margin: 26px 0 0;}
.join2 > .join_membership.chk-box .rd-box:after {
	content: '';
	display: block;
	clear: both;
}
.join2 > .join_membership.chk-box .rd-box label {
	float: left;
	margin: 0 0 0 30px;
	font-weight: 500;
	font-size: 15px;
	color: rgb(102,102,102);
}
.join2 > .join_membership.chk-box .rd-box label:first-of-type {margin-left: 0;}
.join2 > .btn-box a.btn{margin-top: 0;}

.join2 > .btn-box#loginButton2{
	/*width: 250px;*/
	text-align: center;
}

.join2 > .join_membership.chk-box .brand-tit {
	font-size: 15px;
	font-weight: 700;
	color: rgb(102,102,102);
	line-height: 28px;
}
.join2 > .join_membership.chk-box .brand-box {
	display: flex;
}
.join2 > .join_membership.chk-box .brand-box span {
	position: relative;
	font-size: 16px;
	color: rgb(102,102,102);
	line-height: 28px;
	margin-right: 22px;
}
.join2 > .join_membership.chk-box .brand-box span:before {
	content: '';
	display: block;
	position: absolute;
	left: -11px;
	top: 50%;
	width: 2px;
	height: 12px;
	transform: translateY(-50%);
	background-color: rgb(102,102,102);
}
.join2 > .join_membership.chk-box .brand-box span:first-child:before {display: none;}
/* 2021-03-02 약관수정*/

.join2 .join_terms.new210302{margin-top: 40px;}
.join2 .join_terms.new210302 .tit{
	font-weight: 500;
	color: rgb(51,51,51);
	font-size: 14px;
}
.join2 .join_terms.new210302 ul{
	margin-top: 16px;
	border-top: 1px solid rgb(213,220,228);
}
.join2 .join_terms.new210302 ul + ul{margin-top: 22px;}
.join2 .join_terms.new210302 ul li{
	color: rgb(102,102,102);
	font-size: 14px;
	font-weight: 350;
}
.join2 .join_terms.new210302 ul li:after{
	content:"";
	display: block;
	clear: both;
}
.join2 .join_terms.new210302 ul li.mt12{margin-top: 12px;}
.join2 .join_terms.new210302 ul li.mt15{margin-top: 15px;}
.join2 .join_terms.new210302 ul li.mt18{margin-top: 18px;}
.join2 .join_terms.new210302 ul li.pl0:not(.all){padding-left: 0;}	
.join2 .join_terms.new210302 ul li.all{
	color: rgb(0,0,0);
	font-size: 15px;
	margin-top: 25px;
}
.join2 .join_terms.new210302 ul li:not(.all){padding-left: 22px;}
.join2 .join_terms.new210302 ul li + li{margin-top: 10px;}
.join2 .join_terms.new210302 ul li > span.ml53{margin-left: 55px;}
.join2 .join_terms.new210302 ul li > span.ml40{margin-left: 40px;}
.join2 .join_terms.new210302 ul li > p{
	display: inline-block;
	line-height: 15px;
}
.join2 .join_terms.new210302 ul li > p.star{
	display: block;
	font-weight: 350;
	color: rgb(153,153,153);
	line-height: 26px;
}
.join2 .join_terms.new210302 ul li > p.star.red{color: rgb(255,95,92);}
.join2 .join_terms.new210302 ul li > p label span.red{color: rgb(255,95,92);}
.join2 .join_terms.new210302 ul li a{
	border: 0;
	width: auto;
	height: auto;
	line-height: 15px;
	float: right;
}
.join2 .join_terms.new210302 ul li a span{
	box-sizing: border-box;
	
	width: 73px;
    background: none;
    background-repeat: no-repeat;
    background-position: 100% center;
    background-image: url(/pc/resource/images/common/arr_down_bl_11x7.png);
    background-size: 11px;
}
.join2 .join_terms.new210302 ul li a.on span.fr{
    background-image: url(/pc/resource/images/common/arr_up_bl_11x7.png);
}


.join2 .join_terms.new210302 ul li > div{
	max-height: 310px;
	overflow-y: auto;
	font-size: 14px;
	color: rgb(102,102,102);
	font-weight: 350;
	padding: 20px;
	border: 1px solid rgb(213,220,228);
	line-height: 20px;
	box-sizing: border-box;
	display: none;
	margin-left: -20px;
	margin-top: 18px;
}
.join2 .join_terms.new210302 ul li > div.ml0{margin-left: 0;}
.join2 .join_terms.new210302 ul li > div > table{width: 100%;}
.join2 .join_terms.new210302 ul li > div > table td{border-right: 1px solid rgb(213,220,228);;}
.join2 .join_terms.new210302 ul li > div > table td:last-child{border-right: 0;}
.join2 .join_terms.new210302 ul li > div > table th + th{
	border-left: 1px solid rgb(213,220,228);;
}
.join2 .join_terms.new210302 ul li > div > table thead{
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(213,220,228);
	text-align: center;
	background: rgb(234,237,241);
	font-size: 15px;
}
.join2 .join_terms.new210302 ul li > div > table thead th{
	padding: 10px;
	font-weight: 400;
}
.join2 .join_terms.new210302 ul li > div > table td{
	padding: 15px ;
	text-align: center;
	line-height: 26px;
	border-bottom: 1px solid rgb(213,220,228);
	font-size: 14px;
	color: rgb(102,102,102);
	word-break: keep-all;
}
.join2 .join_terms.new210302 ul li > div > table.bk th,
.join2 .join_terms.new210302 ul li > div > table.bk td{color: rgb(0,0,0);}

/*--join3--*/
.member_wrap.join3{width: 800px;padding-bottom: 100px;}
.member_wrap.join3 .inp_form{width: 100%;}
.join_complete{
	text-align: center;
}
.join_complete p.big{
	font-size: 24px;
	color: rgb(28,0,165);
	font-weight: 350;
	line-height: 40px;
}
.join_complete p.small{
	font-size: 16px;
	color: rgb(102,102,102);
	font-weight: 350;
	margin-top: 33px;
	line-height: 30px;
}
.join_complete p.small span{color: rgb(0,0,0);}
.join_complete .btn-box{margin-top: 43px;}
.join_complete .btn-box a.btn_style{
	width: 280px;
	font-size: 16px;
}

.join_complete._integrated p.big{
	font-size: 26px;
	color: rgb(28,0,165);
	font-weight: 350;
	line-height: 40px;
}
.join_complete._integrated  p.small{
	font-size: 16px;
	color: rgb(102,102,102);
	font-weight: 350;
	margin-top: 33px;
	line-height: 32px;
}
.join_complete._integrated  p.small strong{
	font-size: 18px;
	color: rgb(51,51,51);
	font-weight: 500;
}
.join_complete._integrated  .btn-box a{
	width: 260px;
	height: 55px;
	line-height: 55px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 500;
}
.join_complete._integrated  .btn-box a + a{margin-left: 10px;}
/*
.join_complete._integrated  .btn-box a._keds:before{
	content:"";
	width: 57px;
	height: 100%;
	display: inline-block;
	background: url(/pc/resource/images/btn/ico_join3_btn_keds_logo.png) center  no-repeat;
	vertical-align: bottom;
	margin-right: 10px;
}
.join_complete._integrated  .btn-box a._fila:before{
	
	content:"";
	width: 57px;
	height: 100%;
	display: inline-block;
	background: url(/pc/resource/images/btn/ico_join3_btn_fila_logo.png) center  no-repeat;
	vertical-align: bottom;
	margin-right: 10px;
}
*/

/*---pw_change-*/

.pw_change{padding-bottom: 150px;}
.pw_change > .inp_form {
	width: 570px;
	margin: auto;
}
.pw_change .member_join > p{
	font-size: 18px;
	text-align: center;
	line-height: 28px;
	color: rgb(28,0,165);
	font-weight: 350;
}
.pw_change .member_join .input_area{
	width: 360px;
	margin: 20px auto 0;
}
.pw_change .member_join .input_area .txt{
	font-weight: 350;
	font-size: 14px;
	color: rgb(102,102,102);
}
.pw_change .btn-box{
	margin-top: 25px;
	text-align: center;
}
.member_wrap .input_area .id-box:after {
	content: '';
	display: block;
	clear: both;
}
.member_wrap .input_area .id-box label {float: left;}
.member_wrap .input_area .id-box p {
	float: left;
	margin-left: 15px;
	font-size: 14px;
	font-weight: 350;
	color: rgb(68,68,68);
}

/*----order----*/
.order-box{
	width: 1280px;
    margin: 90px auto 0;
    padding: 0 40px;
    box-sizing: border-box;
}
.order-box:after{
	content:"";
	display: block;
	clear: both;
}
.order-box:first-child{margin: 82px auto 0;}
.checkout .order-box:first-child{margin: 82px auto 0;position: relative;}
.cart .order-box:first-child{margin: 82px auto 0;position: relative;min-height: 320px;}
.checkout .employee{
	overflow: hidden;
	margin-bottom: 40px;
}
.checkout .employee > dl{
	float: left;
	width: 33.33%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	border: 1px solid rgb(213,220,228);
	box-sizing: border-box;
}
.checkout .employee > dl + dl{
	border-left: 0;
}
.checkout .input__con .employee dl > dt{
	font-weight: 400;
}
.checkout .employee dt,
.checkout .employee dd{
	display: inline-block;
	text-align: center;
	color: rgb(102,102,102);
}
.checkout .employee dd.color-r{
	color: rgb(255,95,92);
}

.order-con .import-banner{
	padding: 40px;
	margin-top: 40px;
	border: 1px solid rgb(255,95,92);
	overflow: hidden;
	box-sizing: border-box;
}
.order-con .import-banner .info{
	float: right;
	padding-left: 40px;
	border-left: 1px solid rgb(255,181,180);
	line-height: 26px;
	font-size: 14px;
	box-sizing: border-box;
	color: rgb(102,102,102);
}
.order-con .import-banner .caution{
	float: left;
}
.order-con .import-banner .caution strong{
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 28px;
	background: url(/pc/resource/images/sub/ico_impor_mark.png) 0 center no-repeat;
	font-size: 18px;
	font-weight: 400;
	color: rgb(255,95,92);
}
.order-con .import-banner .caution p{
	line-height: 26px;
	font-size: 15px;
	color: rgb(102,102,102);
}

/*order-con*/
.order-box .order-con{
	width: 880px;
}
.order-con .table-box > p{
	font-size: 13px;
	color: rgb(102,102,102);
	font-weight: 350;
	margin-top: 26px;
}
.order-con .table__head{overflow: hidden;}
.order-con .table__head .tit,
.mypage__tit{
	font-size: 20px;
	font-weight: 500;
	color: rgb(102,102,102);
}
.order-con .table__head .btn{margin-top: 11px;}
.order-con .table__head .btn a{
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	color: rgb(28,0,165);
	text-decoration: underline;
}
.order-con .table__head .btn a + a{margin-left: 17px;}

.order-con .table__con{
	margin-top: 20px;
	border-top: 1px solid rgb(28,0,165);	
	width: 100%;
}
.order-con .table__con tbody tr{border-bottom: 1px solid rgb(213,220,228);}
.order-con .table__con tbody tr:first-child{border-top: 1px solid rgb(213,220,228);}
.order-con .table__con tbody tr:last-child{border-bottom: 1px solid rgb(213,220,228);	}
.order-con .table__con tr th{
	padding: 13px 0;
	position: relative;
}
.order-con .table__con tr td{
	padding: 30px 0;
	position: relative;
	font-size: 14px;
	color: rgb(102,102,102);
	font-weight: 350;
	text-align: center;
}
.order-con .table__con tr td.taL{text-align: left;}
.order-con .table__con tr th{
	font-size: 13px;
	font-weight: 400;
	color: rgb(68,68,68);
}
.order-con .table__con tr th input[type="checkbox"] + label{
	position: absolute;
	top: 12px;
	left: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.order-con .table__con tr th input[type="checkbox"] + label:before{top: 3px;}
.cart .order-con .table__con tr th input[type="checkbox"] + label:before {top: 50%;}
.order-con .table__con tr td .info{overflow: hidden;}
.order-con .table__con tr td .pdImg{width: 120px;display: inline-block;}
.order-con .table__con tr td .pdImg img{width: 100%;}
.order-con .table__con tr td .pdTxt{
	display: inline-block;
	width: 140px;
	line-height: 25px;
	vertical-align: middle;
	margin-left: 16px;
}
.order-con .table__con tr td .pdTxt .tag{
	height: 19px;
	line-height: 19px;
	text-align: center;
	border-radius: 3px;
	margin-top: 5px;
	display: none;
}
.order-con .table__con tr.sold_out td .pdTxt .tag{
	padding: 0 5px;
	color: rgb(255,255,255);
	background-color: rgb(255,95,92);
	font-size: 13px;
	font-family: 'Granary-Regular';
	display: inline-block;
}
.order-con .table__con tr.soon td .pdTxt .tag{
	padding: 0 5px;
	color: rgb(255,95,92);
	font-size: 12px;
	border: 1px solid rgb(255,95,92);
	display: inline-block;
}

.order-con .table__con tr td span{font-weight: 500;}
.order-con .table__con tr td.pcolor1,
.order-con .table__con tr td .red{color: rgb(28,0,165);font-weight: 500;line-height: 36px;}
.order-con .table__con tr td .blue{color: rgb(28,0,165);}
.order-con .table__con .txt-condition {line-height: 1.5 !important;}
.order-con .table__con tr td .select__style{
	display: block;
	width: 163px;	
	margin: auto;
	font-size:0;
}
.order-con .table__con tr td .select__style select{	
	width: calc(100% - 50px);
	display: inline-block;
	vertical-align: top;	
    background-position: calc(100% - 10px) center;
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;
	border-right: 0;
}
.order-con .table__con tr td .select__style a{
	width: 50px;
	vertical-align: top;
	z-index: 1;
	position: relative;
}
.order-con .table__con tr td .select__style + .select__style{margin-top: 9px;}

.order-con .table__con tr td .deleteBtn{
	position: absolute;
	top: 20px;
	right: 0;
}
.order-con .table__con tr td .orderBtn{
	width: 92px;
	height: 39px;
	line-height: 39px;
}


.order-con .table__con tr.sold_out .chk__style + label:before{background-image: url(/pc/resource/images/common/checkbox_soldout_15x15.png);}

.order-con .table__con tr.sold_out td .select__style:before{
	background-image: url(/pc/resource/images/common/arr_down_gr_34x32.png);
	background-size: 34px;
}
.order-con .table__con tr.sold_out td .select__style select{
	border-right: 0;
	color: rgb(187,187,187);
	background-image: url(/pc/resource/images/common/arr_down_gr_12x7.png);
}
.order-con .table__con tr.sold_out td .select__style a{
	color: rgb(187,187,187);
	border: 1px solid rgb(213,220,228);
}
.order-con .table__con tr.sold_out td .orderBtn{background-color: rgb(221,221,221);}




/*order-total*/
.order-box .order-total{
	position: absolute;
	top: 68px;
	right: 40px;
	width: 250px;
	transition:all .25s;
}
.order-total .order-total--head .tit{
	font-size: 20px;
    font-weight: 500;
    color: rgb(28,0,165);
}
.order-total  .order-total--con{	
    margin-top: 20px;
    border-top: 1px solid rgb(28,0,165);
}
.order-total  .order-total--con > div dl:after,
.order-total  .order-total--con > dl:after{
	content:"";
	display: block;
	clear: both;
}
.order-total  .order-total--con > div{
	padding: 24px 0 14px;
	border-bottom: 1px solid rgb(213,220,228);
}
.order-total  .order-total--con > div dl + dl{margin-top: 5px;}
.order-total  .order-total--con > div dl dt,
.order-total  .order-total--con > div dl dd{
	font-size: 14px;	
	color: rgb(102,102,102);
	line-height: 25px;
	font-weight: 350;
}
.order-total  .order-total--con > div dl .red{color: rgb(28,0,165);}
.order-total  .order-total--con > div dl .blue{color: rgb(28,0,165); text-decoration: underline;	}

.order-total  .order-total--con > dl dt,
.order-total  .order-total--con > dl dd{
	font-size: 14px;	
	color: rgb(68,68,68);
	font-weight: 500;
	margin-top: 15px;
}
.order-total  .order-total--con > dl dd{	
	font-size: 20px;	
	font-weight: 700;
	color: rgb(28,0,165);
	margin-top: 10px;
}
.order-total  .order-total--con > dl dd b{font-size: 18px;}

.order-total .order-total--btn{margin-top: 35px;}
.order-total .order-total--btn a{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	font-weight: 500;
}
.order-total .order-total--btn a + a{margin-top: 10px;}
.order-total .order-total--btn a.btn_style2{line-height: 48px;}

/*.order-box .input__con*/
.order-box .input__con > .input__con--head{	
	border-bottom: 1px solid rgb(28,0,165);
	background-repeat: no-repeat;
    background-position: 100% center;
    background-image: url(/pc/resource/images/common/arr_down_bl_11x7.png);
    background-size: 11px;	
	cursor: pointer;
}
.order-box .input__con.on > .input__con--head{background-image: url(/pc/resource/images/common/arr_up_bl_11x7.png);}

.order-box .input__con > .input__con--head > p{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: rgb(28,0,165);
	line-height: 55px;
	box-sizing: border-box;
	vertical-align: middle;
}
.order-box .input__con > .input__con--head .check-box{
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
	display: none;
}
.order-box .input__con.om > .input__con--head .check-box{
	display: inline-block;
}
.order-box .input__con > .input__con--head .check-box label{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
}
.order-box .input__con dl dt{
	font-size: 14px;
	font-weight: 500;
	color: rgb(68,68,68);
}
.order-con .input__con > .input__con--con{
	padding: 25px 0 45px;
	display: none;
}
/* .order-con .input__con.on > .input__con--con{display: block;} */
.order-con .input__con > .input__con--con > dl + dl{margin-top: 25px;}
.order-con .input__con > .input__con--con > dl > dd{margin-top: 8px;}
.order-con .input__con > .input__con--con > dl > dd input{width: 368px;padding: 0 15px;}
.order-con .input__con > .input__con--con > dl > dd input#address3{margin-left: 0;}
.order-con .input__con > .input__con--con > dl > dd .select__style{vertical-align: top;}
.order-con .input__con > .input__con--con > dl > dd .select__style select {
    width: 104px;
    display: inline-block;
    vertical-align: top;
    background-position: calc(100% - 10px) center;
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;	
}
.order-con .input__con > .input__con--con > dl > dd .select__style ~ input{width: 103px;height: 34px;}
.order-con .input__con > .input__con--con > dl > dd .dash{
	width: 8px;
	height: 1px;
	background-color: rgb(68,68,68);
	margin: 16px 8px;
	display: inline-block;
	vertical-align: top;
}

.order-con .input__con > .input__con--con dl.addr-list + dl{margin-top: 15px;}
.order-con .input__con > .input__con--con dl.addr-list dd{margin-top: 5px;}
.order-con .input__con > .input__con--con dl.addr-list dd > span{
	display: inline-block;
}
.order-con .input__con > .input__con--con dl.addr-list dd > span + span{margin-left: 25px;}
.order-con .input__con > .input__con--con dl.addr-list dd span label{	
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
}
.order-con .input__con > .input__con--con dl.addr-list dd a{
	font-size: 13px;
	font-weight: 400;
	width: 109px;
	height: 34px;
	line-height: 34px;
	margin-left: 25px;
}

.order-con .input__con > .input__con--con dl.addr dt + dd input{width: 190px;}
.order-con .input__con > .input__con--con dl.addr dd + dd{margin-top: 15px;}
.order-con .input__con > .input__con--con dl.addr dd input{margin-right: 6px;}
.order-con .input__con > .input__con--con dl.addr dd input:last-child{margin-right: 0;}
.order-con .input__con > .input__con--con dl.addr dd a{
	width: 97px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	font-weight: 400;
	margin-left: 6px;
}
.order-con .input__con > .input__con--con dl.msg dd input{width: 746px;}

.order-con .input__con > .input__con--con > dl > dd p{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	line-height: 26px;
}
.order-con .input__con > .input__con--con > dl > dd .check-box{
	font-size: 14px;
	font-weight: 350;
	color: rgb(68,68,68);
	margin-top: 15px;
}

.order-con .input__con > .input__con--con > dl .brand-tit {
    font-size: 15px;
    font-weight: 700;
    color: rgb(102,102,102);
    line-height: 28px;
}
.member_out .order-con .input__con > .input__con--con > dl .brand-box {font-size: 0;}
.member_out .order-con .input__con > .input__con--con > dl .brand-box span {
    position: relative;
    font-size: 16px;
    color: rgb(102,102,102);
    line-height: 28px;
    margin-right: 22px;
}
.member_out .order-con .input__con > .input__con--con > dl .brand-box span:before {
    content: '';
    display: block;
    position: absolute;
    left: -11px;
    top: 50%;
    width: 2px;
    height: 12px;
    transform: translateY(-50%);
    background-color: rgb(102,102,102);
}
.member_out .order-con .input__con > .input__con--con > dl .brand-box span:first-child:before {display: none;}
.member_out .order-con .input__con > .input__con--con .brd-title {
	padding-top: 30px;
}
.member_out .order-con .input__con > .input__con--con .brd-list {
	margin: 0;
	padding-bottom: 30px;
	border-bottom: 1px solid rgb(213,220,228);
}

.order-box .goods__txt{
	font-size: 16px;
	color: rgb(68,68,68);
	font-weight: 400;
}
.order-box .goods__list{margin-top: 25px;}
.order-box .goods__list:after{
	content:"";
	display: block;
	clear: both;
}
.order-box .goods__list li{
	width: 230px;
	float: left;
	margin-right: 12px;
	margin-bottom: 70px;
}
.order-box .goods__list li:nth-child(5n){margin-right: 0;}


/*--cart--*/
.order_wrap.cart{margin-bottom: 95px;}

.cart .chk__style._basic_type + label:before{top: -5px;}
.cart .select__style:before{
	background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;
	background-position:  center;
	right: 47px;
	background-color: rgb(255,255,255);
}


/*--checkout--*/

.order_wrap.checkout{margin-bottom: 120px;}
.checkout .order-box{margin: 48px auto 0;}

.order_wrap.checkout .order-con .table__con {border-bottom: 1px solid rgb(213,220,228);}
.checkout .order-con .input__con > .input__con--con dl dd .select__style{vertical-align: top;}
.checkout .order-con .input__con > .input__con--con dl dd .select__style select {
    width: 104px;
    display: inline-block;
    vertical-align: top;
    background-position: calc(100% - 10px) center;
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;	
}
.checkout .order-con .input__con > .input__con--con dl dd .select__style ~ input{width: 103px;height: 34px;}
.checkout .order-con .input__con > .input__con--con dl dd .dash{
	width: 8px;
	height: 1px;
	background-color: rgb(68,68,68);
	margin: 16px 8px;
	display: inline-block;
	vertical-align: top;
}

.checkout .order-con .input__con > .input__con--con dl.addr-list + dl{margin-top: 15px;}
.checkout .order-con .input__con > .input__con--con dl.addr-list dd{margin-top: 5px;}
.checkout .order-con .input__con > .input__con--con dl.addr-list dd > span{
	display: inline-block;
}
.checkout .order-con .input__con > .input__con--con dl.addr-list dd > span + span{margin-left: 25px;}
.checkout .order-con .input__con > .input__con--con dl.addr-list dd span label{	
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
}
.checkout .order-con .input__con > .input__con--con dl.addr-list dd a{
	font-size: 13px;
	font-weight: 400;
	width: 109px;
	height: 34px;
	line-height: 34px;
	margin-left: 25px;
}

.checkout .order-con .input__con > .input__con--con dl.addr dt + dd input{width: 190px;}
.checkout .order-con .input__con > .input__con--con dl.addr dd + dd{margin-top: 15px;}
.checkout .order-con .input__con > .input__con--con dl.addr dd input{margin-right:  6px;}
.checkout .order-con .input__con > .input__con--con dl.addr dd input:last-child{margin-right:  0px;}
.checkout .order-con .input__con > .input__con--con dl.addr dd a{
	width: 97px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	font-weight: 400;
	margin-left: 6px;
	vertical-align: top;
}
.checkout .order-con .input__con > .input__con--con dl.point{position: relative;}
.checkout .order-con .input__con > .input__con--con dl.msg dd input{width: 746px;}

.checkout .order-con .input__con > .input__con--con dl dd.point-info{
	position: absolute;
	top: 28px;
	left: 0;
	border: 1px solid rgb(28,0,165);
	background-color: rgb(255,255,255);
	padding: 20px 25px;
	z-index: 1;
	margin-top: 0;
	display: none;
}
.checkout .order-con .input__con > .input__con--con dl dd.point-info p{line-height: 28px;}
.checkout .order-con .input__con > .input__con--con dl dd.point-info p span{
	font-size: 15px;
	color: rgb(28,0,165);
	font-weight: 400;
}
.checkout .order-con .input__con > .input__con--con dl dd .check-box{
	font-size: 14px;
	font-weight: 350;
	color: rgb(68,68,68);
	margin-top: 15px;
}

.checkout .order-con .input__con > .input__con--con dl.coupon dd a{
	width: 109px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	margin-left: 7px;
	font-weight: 400;
}
.checkout .order-con .input__con > .input__con--con dl.point dt{
	cursor: pointer;
	width: auto;
	display: inline-block;
}
.checkout .order-con .input__con > .input__con--con dl.point dt:after{
	content:"";
	display: inline-block;
	transform: translateY(3px);
	margin-left: 5px;
	width: 17px;
	height: 17px;
	background: url(/pc/resource/images/common/ico_checkout_point.png) center no-repeat;
}
.checkout .order-con .input__con > .input__con--con dl.point dt:hover + .point-info{
	display: block;
}
.checkout .order-con .input__con > .input__con--con dl.point dd input{width: 209px;}
.checkout .order-con .input__con > .input__con--con dl.point dd > span{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	margin-left: 7px;
} 
.checkout .order-con .input__con > .input__con--con dl.point dd > .check-box{
	margin-top: 0;
	display: inline-block;
	margin-left: 15px;
}

.checkout .order-con .input__con > .input__con--con div.pay dd span{	
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
}
.checkout .order-con .input__con > .input__con--con div.pay dd span + span{margin-left: 25px;}
.checkout .order-con .input__con > .input__con--con div.pay dd + dd {margin-top: 15px;}

.checkout .order-con .input__con > .input__con--con div.pay._box > dl{
	display: inline-block;
	width: 282px;
	min-height: 160px;
	padding: 20px 25px;
	border: 1px solid rgb(213,220,228);
	box-sizing: border-box;
	margin-top: 40px;
	vertical-align: top;
}
.checkout .order-con .input__con > .input__con--con div.pay._box > dl + dl{margin-left: 14px;}
.checkout .order-con .input__con > .input__con--con div.pay._box > dl dt{font-size: 16px;}
.checkout .order-con .input__con > .input__con--con div.pay._box > dl dt a{
	font-size: 13px;
	color: rgb(28,0,165);
	font-weight: 400;
	text-decoration: underline;
}
.checkout .order-con .input__con > .input__con--con div.pay._box > dl dd{
	font-size: 14px;
	color: rgb(153,153,153);
	font-weight: 350;	
	line-height: 26px;
	margin-top: 15px;
}
.checkout .order-con .input__con > .input__con--con .pay-info{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	line-height: 26px;
	margin-top: 33px;
}
.checkout .order-con .input__con > .input__con--con .pay-info .red{
	font-weight: 500;
	color: rgb(28,0,165);
}
.checkout .order-con .input__con > .input__con--con .pay-info .bk{
	color: rgb(34,34,34);
}

.checkout .order-con .input__con > .input__con--con .btn-box{margin-top: 45px;}
.checkout .order-con .input__con > .input__con--con .btn-box a{
	width: 250px;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
}
/*
.checkout .order-con .input__con > .input__con--con .btn-box a:first-child{
    color: rgb(28,0,165);
    background-color: rgb(102,102,102);
}
*/
.checkout .order-con .input__con > .input__con--con .btn-box a + a{margin-left: 7px;}
.input__con--con .gift__list {
	overflow: hidden;
}
.input__con--con .gift__list > li{
	position: relative;
	float: left;
	width: 33.33%;
	padding-bottom: 45px;
	box-sizing: border-box;
}
.input__con--con .gift__list > li + li{
	padding-left: 30px;
	border-left: 1px solid rgb(213,220,228);
}
.input__con--con .gift__list > li .top{
	font-size: 0;
}
.input__con--con .gift__list > li .photo{
	display: inline-block;
	width: 100px;
}
.input__con--con .gift__list > li img{width: 100%;}
.input__con--con .gift__list > li .info{
	display: inline-block;
	width: calc(100% - 100px);
	padding: 0 15px;
	vertical-align: middle;
	line-height: 22px;
	font-size: 14px;
	box-sizing: border-box;
	color: rgb(102,102,102);
}
.input__con--con .gift__list > li .info .option p{
	font-weight: 700;
	color: rgb(68,68,68);
}
.input__con--con .gift__list > li .bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0;
}
.input__con--con .gift__list > li + li .bottom{
	left: 30px;
}
.input__con--con .gift__list > li .select__style select{
	display: inline-block;
	width: 100px;
	height: 27px;
	padding-left: 7px;
	font-size: 13px;
	background: url(/pc/resource/images/common/arr_down_bl_12x7.png) 95% center no-repeat;
}
.input__con--con .gift__list > li .select__style:before{
	width: 20px;
	height: 26px;
	background-size: 27px;
}
.input__con--con .gift__list > li .select__style + .select__style{
	margin-left: 10px;
}

/* 2023-04-21 renewal_pay*/
.renewal_pay{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	max-width: 880px;
	height: 170px;
}
.renewal_pay li{
	flex-shrink: 0;
	width: 287px;
	height: 50px;
	box-sizing: border-box;	
	text-align: center;
}
.renewal_pay .rd__style2{
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.renewal_pay .rd__style2 + label{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 0;
	border: 1px solid #707070;
	box-sizing: border-box;	
	/*line-height: 50px;*/
	font-size: 14px;
	color: #444;
}
.renewal_pay .rd__style2 + label:before, .renewal_pay .rd__style2 + label:after{
	display: none;
}
.renewal_pay label img{
	vertical-align: middle;
}
.renewal_pay .renew_naver img{
	width: 51px;
}
.renewal_pay .renew_kakao img{
	width: 60px;
}
.renewal_pay .renew_payco img{
	width: 53px;
}

.renewal_pay input:checked + label{
	border: 2px solid #1c00a5;
}

.chk-pay label{
	font-size: 14px;
    font-weight: 350;
    color: rgb(68,68,68);
    margin-top: 15px;
}

.checkout .order-con .input__con > .input__con--con div.pay._box > dl{
	width: 100%;
	border: 1px solid #1c00a5;
}



/* //2023-04-21 renewal_pay*/

/*--order-popup--*/
.order__layer{
	width: 850px;
}
.order__layer .table__head{
	overflow: hidden;
	margin-top: 35px;
}
.order__layer .table__head p{
	color: rgb(153,153,153);
	font-size: 13px;
	font-weight: 350;
	line-height: 24px;
}
.order__layer .table__head p span{
	color: rgb(34,34,34);
}
.order__layer .table__head a{
	color: rgb(28,0,165);
	font-size: 14px;
	text-decoration: underline;
	margin-top: 25px;
}
.order__layer .table__con{
	width: 100%;
    border-top: 1px solid rgb(28,0,165);
    margin-top: 15px;
}
.order__layer .table__con tr{border-bottom: 1px solid rgb(213,220,228);}
.order__layer .table__con tr th,
.order__layer .table__con tr td{
	font-size: 14px;	
	font-weight: 350;
	text-align: center;
	padding: 14px 0;
}
.order__layer .table__con tr th{
	color: rgb(68,68,68);
}
.order__layer .table__con tr td{
	color: rgb(102,102,102);
	position: relative;
	word-break: keep-all;
}
.order__layer .table__con tr th.tal{
	text-align: left;
	padding-left: 97px;
}	
.order__layer .table__con tr td.tal{
	text-align: left;
	padding-left: 12px;
}	
.order__layer .table__con tr td.red{color: rgb(255,95,92);}
.order__layer .table__con tr td .rd__style2{position: relative;}
.order__layer .table__con tr td .rd__style2 + label{
	position: absolute;
    left: 54%;
    transform: translateX(-50%);
}
.order__layer .btn-box{
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: center;
	font-size:0;
}
.order__layer .btn-box a{
	display: inline-block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	vertical-align: top;
	font-weight: 500;
}
.order__layer .btn-box a + a{margin-left: 10px;}
.order__layer .btn-box a:last-child{width: 91px;}
.order__layer .btn-box a.addr_add_btn{width: 260px;}

/*배송지 추가*/
.order__layer .input__con{margin-top: 30px;}
.order__layer .input__con dl dt{
	font-size: 14px;
	font-weight: 500;
	color: rgb(68,68,68);
}
.order__layer .input__con > .input__con--con{
	padding: 25px 0 45px;
	display: none;
}
.order__layer .input__con dl + dl{margin-top: 25px;}
.order__layer .input__con dl dd{margin-top: 8px;}
.order__layer .input__con dl dd input{width: 368px;padding: 0 15px;}
.order__layer .input__con dl dd .select__style{vertical-align: top;}
.order__layer .input__con dl dd .select__style select {
    width: 104px;
    display: inline-block;
    vertical-align: top;
    background-position: calc(100% - 10px) center;
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;	
}
.order__layer .input__con dl dd .select__style ~ input{width: 103px;height: 34px;}
.order__layer .input__con dl dd .dash{
	width: 8px;
	height: 1px;
	background-color: rgb(68,68,68);
	margin: 16px 8px;
	display: inline-block;
	vertical-align: top;
}

.order__layer .input__con dl.name dd{
	display: inline-block;
	vertical-align: middle;
}

.order__layer .input__con dl.addr dt + dd input{width: 190px;}
.order__layer .input__con dl.addr dd + dd{margin-top: 15px;}
.order__layer .input__con dl.addr dd input{margin-right: 6px;}
.order__layer .input__con dl.addr dd input:last-child{margin-right: 0;}
.order__layer .input__con dl.addr dd a{
	width: 97px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	font-weight: 400;
	margin-left: 6px;
}
.order__layer .input__con dl.msg dd input{width: 746px;}

.order__layer .input__con dl dd p{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	line-height: 26px;
}
.order__layer .input__con dl dd .check-box{
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	margin-left: 15px;
}

.order__layer .btn-box a.addr_btn{width: 260px;}

/*쿠폰팝업*/
.order__layer .no-coupon,
.order__layer .coupon-list .table__con tr.no-coupon td{
	font-size: 14px;
	font-weight: 350;
	color: rgb(153,153,153);
	padding: 30px 0 5px;
	text-align: center;
}
.order__layer .coupon-list .table__con tr.no-coupon td{padding: 25px 0;}

.order__layer .coupon-box{margin-top: 24px;}
.order__layer .coupon-box .select__style select{
	width: 324px;
	background-position: calc(100% - 10px) center;
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;
	vertical-align: top;
}
.order__layer .coupon-box a{
	width: 109px;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	vertical-align: top;
	margin-left: 6px;
}

.order__layer .coupon-list .table__head{margin-top: 50px;}
.order__layer .coupon-list .table__head p{
	font-size: 18px;
	font-weight: 500;
	color: rgb(28,0,165);
}
.order__layer .coupon-list .table__con tr td{line-height: 24px;}

/*--pay--*/
.order_wrap.pay{padding-bottom: 135px;}
.pay .order-box{
	margin: 60px auto 0;
}
.pay .order-box > p{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: rgb(102,102,102);
}
.pay .order-box .order-con{
	width: 100%;
	margin-top: 45px;
}
.pay .order-box .order-con .pay__list{
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(213,220,228);
}
.pay .order-box .order-con .pay__list:after{
	content:"";
	display: block;
	clear: both;
}
.pay .order-box .order-con .pay__list .fl {padding: 42px 0;}
.pay .order-box .order-con .pay__list .fl > p:first-child{
	font-size: 18px;
	font-weight: 500;
	color: rgb(28,0,165);
	line-height: 26px;
}
.pay .order-box .order-con .pay__list .fl > p + p{
	font-size: 18px;
	font-weight: 400;
	color: rgb(0,0,0);
	line-height: 40px;
	margin-top: 7px;
}
.pay .order-box .order-con .pay__list .fl > p + p .red{color: rgb(255,95,92);}
.pay .order-box .order-con .pay__list .fr > p{
	font-size: 24px;
	font-weight: 500;
	color: rgb(0,0,0);
	line-height: 155px;
}
.pay .order-box .order-con .pay__list .fr > p .blue{color: rgb(28,0,165)}

.pay .order-box .order-con .pay__txt {margin-top: 25px;}
.pay .order-box .order-con .pay__txt p {
	font-size: 15px;
	font-weight: 400;
	color: rgb(102,102,102);
}
.pay .order-box .order-con .pay__txt p + p {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 350;
	color: rgb(153,153,153);
	line-height: 25px;
}
.pay .order-box .order-con .btn-box{
	font-size: 0;
	text-align: center;
	margin-top: 55px;
}
.pay .order-box .order-con .btn-box a{
	width: 250px;
	height: 55px;
	line-height: 55px;	
	font-size: 16px;
	font-weight: 500;
}
.pay .order-box .order-con .btn-box a + a{margin-left: 10px;}

/*--pay_complete--*/
.pay_complete  .order-box{
	position: relative;
	margin: 60px auto 0;
}
.pay_complete  .order-box .order-con.w100{width: 100%;}
.pay_complete  .order-box > p.tit{
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: rgb(102,102,102);
}
.pay_complete  .order-box .pay_complete--txt{	
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(213,220,228);
	text-align: center;
	font-size: 14px;
	font-weight: 350;
	color: rgb(102,102,102);
	line-height: 20px;
	padding: 36px 0;
	margin-top: 50px;
}
.pay_complete  .order-box .pay_complete--txt .blue{
	display: block;
	font-size: 20px;
	font-weight: 500;
	color: rgb(28,0,165);
	line-height: 20px;
	margin-bottom: 12px;
}
.pay_complete .order-con .table__head .tit{
	font-size: 16px;
	color: rgb(28,0,165);
}
.pay_complete .order-con .table__con{margin-top: 16px;}

.pay_complete .order-con .addr_info{margin-top: 65px;}
.pay_complete .order-con .addr_info .table__con{
	padding: 15px 0;
	border-bottom: 1px solid rgb(213,220,228);
}
.pay_complete .order-con .addr_info .table__con dl{font-size: 0;}
.pay_complete .order-con .addr_info .table__con dt,
.pay_complete .order-con .addr_info .table__con dd{	
	font-size: 14px;
	display: inline-block;
	line-height: 40px;
	font-weight: 350;
	color: rgb(102,102,102);
}
.pay_complete .order-con .addr_info .table__con dt{width: 130px;}

.pay_complete .order-total .order-total--con > div{padding: 24px 0;}
.pay_complete .order-total .order-total--con,
.pay_complete .order-total .order-total--con > div dl + dl{margin-top: 10px;}
.pay_complete  .order-total  .order-total--con > div dl.mt25{margin-top: 25px;}

.pay_complete  .order-box.ymal h2 {
    font-family: 'Granary-Medium', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: rgb(102,102,102);
    text-align: center;
}


/* customer */
.customer__contents {
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
	margin: 0px auto 0;
	padding: 190px 40px 0;
	box-sizing: border-box;
}
.customer__contents .lnb {margin-top: 46px;}
.customer__contents .lnb ul li {margin-top: 0;}
.customer__contents .lnb ul li a {
	font-family: 'Noto Sans Korean', sans-serif;
  font-weight: 400;
	color: rgb(68,68,68);
	letter-spacing: 1px;
	line-height: 50px;
}
.customer__contents > section {
	width: calc(100% - 300px);
	float: left;
	margin: 59px 0 0 120px;
}
.customer__contents .txt-box .tit {
	font-weight: 500;
	font-size: 18px;
	color: rgb(28,0,165);
}
.customer__contents .txt-box .txt {
	margin: 15px 0 0;
	font-weight: 400;
	font-size: 16px;
	color: rgb(68,68,68);
	line-height: 30px;
}
.customer__contents .txt-box .btn-box {margin: 18px 0 0;}
.customer__contents .txt-box .btn-box:after {
	content: '';
	display: block;
	clear: both;
}
.customer__contents .txt-box .btn-box a {
	width: 130px;
	height: 38px;
	float: left;
	margin: 0 0 0 10px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(255,255,255);
	text-align: center;
	line-height: 38px;
	background-color: rgb(28,0,165);

	-webkit-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}
/*
.customer__contents .txt-box .btn-box a:hover {
	color: rgb(255,255,255);
	background-color: rgb(84,164,248);
}
*/
.customer__contents .txt-box .btn-box a:first-child {margin-left: 0;}
.customer__contents .txt-box .btn-box .store__btn {width: 135px;}
.customer__contents .cscenter-box > div {margin: 27px 0 0;}
.customer__contents .cscenter-box > div:after {
	content: '';
	display: block;
	clear: both;
}
.customer__contents .cscenter-box .txt-box {
	width: 50%;
	float: left;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}
.customer__contents .cscenter-box .cscenter .txt span {color: rgb(28,0,165);}
.customer__contents .cscenter-box .return-addr .txt span {
	font-size: 15px;
	color: rgb(153,153,153);
}
.customer__contents .exchange-box > div {margin: 30px 0 165px;}
.customer__contents .exc-info + .exc-info {margin-top: 87px;}
.customer__contents .exc-info:first-child {margin-top: 0;}
.customer__contents .exc-info .tit {
	font-weight: 500;
	font-size: 18px;
	color: rgb(28,0,165);
}
.customer__contents .exc-info .desc {
	margin: 20px 0 0;
	font-weight: 350;
	font-size: 15px;
	color: rgb(102,102,102);
}
.customer__contents .exc-info dl {margin: 30px 0 0;}
.customer__contents .exc-info dl:first-of-type {margin-top: 0;}
.customer__contents .exc-info .tit + dl {margin-top: 20px;}
.customer__contents .exc-info .desc + dl {margin-top: 33px;}
.customer__contents .exc-info dt {
	font-weight: 500;
	font-size: 16px;
	color: rgb(68,68,68);
}
.customer__contents .exc-info dd {
	margin: 3px 0 0;
	font-weight: 350;
	font-size: 15px;
	color: rgb(102,102,102);
	line-height: 28px;
}
.customer__contents .notice-box {margin-bottom: 105px;}
.customer__contents .notice-box > div {margin: 30px 0 0;}
.customer__contents .notice-box > div:after {
	content: '';
	display: block;
	clear: both;
}
.customer__contents .notice-search {
	width: 200px;
	padding: 9px 0;
	float: right;
	border-bottom: 1px solid rgb(153,153,153);
}
.customer__contents .notice-search .search__inp {
	width: calc(100% - 20px);
	height: 19px;
	float: left;
	font-weight: 400;
	font-size: 13px;
	color: rgb(77,77,77);
	border: 0;
	box-sizing: border-box;
	outline: 0;
}
.customer__contents .notice-search .search__btn {
	width: 20px;
	height: 19px;
	float: left;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_search_bl_22x21.png);;
	background-size: 20px;
}
.customer__contents .notice-box table {
	width: 100%;
	float: left;
	clear: both;
	table-layout: fixed;
	margin: 20px 0 35px;
	border-top: 1px solid rgb(28,0,165);
}
.customer__contents .notice-box th {
	height: 42px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(68,68,68);
	border-bottom: 1px solid rgb(213,220,228);
}
.customer__contents .notice-box td {
	height: 73px;
	font-weight: 350;
	font-size: 15px;
	color: rgb(102,102,102);
	text-align: center;
	border-bottom: 1px solid rgb(213,220,228);
}
.customer__contents .notice-box td.tit {
	padding: 0 32px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.customer__contents .paging {
	clear: both;
	border-bottom: 0;
}
.customer__contents .notice-box .view-box {margin-top: 27px;}
.customer__contents .notice-box .view-box .head .tit {
	font-weight: 400;
	font-size: 22px;
	color: rgb(68,68,68);
}
.customer__contents .notice-box .view-box .head .date {
	margin: 25px 0 0;
	padding: 15px 0 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(153,153,153);
	border-top: 1px solid rgb(213,220,228);
}
.customer__contents .notice-box .view-box .foot {
	margin: 35px 0 0;
	padding: 15px 0 0;
	border-top: 1px solid rgb(213,220,228);
}
.customer__contents .notice-box .view-box .foot:after {
	content: '';
	display: block;
	clear: both;
}
.customer__contents .notice-box .view-box .foot .share {
	width: calc(100% - 105px);
	float: left;
}
.customer__contents .notice-box .view-box .foot .share a {
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 0 0 6px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: 35px;
}
.customer__contents .notice-box .view-box .foot .share .kakaotalk__share {background-image: url(/pc/resource/images/common/ico_kakaotalk_60x60.png);}
.customer__contents .notice-box .view-box .foot .share .twitter__share {background-image: url(/pc/resource/images/common/ico_twitter_60x60.png);}
.customer__contents .notice-box .view-box .foot .share .facebook__share {background-image: url(/pc/resource/images/common/ico_facebook_60x60.png);}
.customer__contents .notice-box .view-box .foot .share a:first-child {margin-left: 0;}
.customer__contents .notice-box .view-box .foot .back__btn {
	width: 87px;
	height: 35px;
	float: right;
	padding: 0 11px;
	font-weight: 400;
	font-size: 14px;
	color: rgb(28,0,165);
	line-height: 3.3rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 9px) center;
	background-image: url(/pc/resource/images/common/arr_right_bl_7x11.png);
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
}
.customer__contents .notice-box .view-box .con {
	min-height: 200px;
	margin: 25px 0 0;
	font-weight: 400;
	font-size: 16px;
	color: rgb(102,102,102);
	line-height: 28px;
}
.customer__contents .notice-box .view-box .con img {max-width: 100%;}

.customer__contents .faq-box {margin-bottom: 105px;}
.customer__contents .faq-box .category__btn {margin: 30px 0 0;}
.customer__contents .faq-box .category__btn:after {
	content: '';
	display: block;
	clear: both;
}
.customer__contents .faq-box .category__btn a {
	float: left;
	margin: 0 0 0 40px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 400;
	font-size: 15px;
	color: rgb(102,102,102);
}
.customer__contents .faq-box .category__btn a:before {
	width: 1px;
	height: 17px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	background-color: rgb(213,220,228);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.customer__contents .faq-box .category__btn a:first-child {margin-left: 0;}
.customer__contents .faq-box .category__btn a:first-child:before {content: none;}
.customer__contents .faq-box .category__btn a.on,
.customer__contents .faq-box .category__btn a:hover {color: rgb(28,0,165);}
.customer__contents .faq__list {
	margin: 25px 0 35px;
	border-top: 1px solid rgb(0,87,166);
}
.customer__contents .faq__list li {border-bottom: 1px solid rgb(213,220,228);}
.customer__contents .faq__list li.open {border-bottom: 0;}
.customer__contents .faq__list li a {
	display: block;
	padding: 21px 0 26px;
	font-weight: 400;
	font-size: 15px;
	color: rgb(0,0,0);
}
.customer__contents .faq__list li .detail {
	display: none;
	padding: 32px 80px 32px 58px;
	background-color: rgb(234,237,242);
}
.customer__contents .faq__list li.open .detail {display: block;}
.customer__contents .faq__list li .detail > div {
	margin: 35px 0 0;
	padding: 0 0 0 67px;
	position: relative;
	top: 0;
	left: 0;
}
.customer__contents .faq__list li .detail > div:first-child {margin-top: 0;}
.customer__contents .faq__list li .detail > div:before {
	content: attr(data-txt)'.';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Granary-Regular';
	font-weight: 400;
	font-size: 24px;
	color: rgb(28,0,165);
}
.customer__contents .faq__list li .detail > div p {
	font-weight: 400;
	font-size: 15px;
	color: rgb(102,102,102);
	line-height: 30px;
}
.customer__contents .faq__list li .detail > div.a p {color: rgb(68,68,68);}

.customer__contents .as-box {margin-bottom: 105px;}
.customer__contents .as-box > div {margin: 27px 0 0;}
.customer__contents .as-box > div .txt-box {margin: 55px 0 0;}
.customer__contents .as-box > div .txt-box:first-child {margin-top: 0;}
.customer__contents .as-box > div .txt-box .txt + .txt {margin-top: 15px;}

.report-box {
	width: 900px;
	margin: 59px auto 100px;
}
.report-box .tit{
	text-align: center;
	color: rgb(102,102,102);
}
.report-box h2{
	text-align: center;
	font-size: 20px;
	font-weight: 400;
}
.report-box .tit p{
	margin-top: 40px;
	line-height: 40px;
	font-size: 20px;
}
.report-box .report{
	margin-top: 50px;
	padding-top: 40px;
	border-top: 1px solid rgb(213,220,228);
}
.report-box .report h2{
	margin-bottom: 35px;
	color: rgb(28,0,165);
}
.report-box .list .info{
	overflow: hidden;
	margin-top: 25px;
}
.report-box .list .info > div{
	float: left;
	width: 50%;
	color: rgb(102,102,102);
}
.report-box .list .info dl{
	font-size: 0;
}
.report-box .list .info dt,
.report-box .list .info dd{
	display: inline-block;
	line-height: 26px;
	font-size: 14px;
}
.report-box .list .info dl,
.report-box .list .info dl{
	display: inline-block;
}
.report-box .list .info dl + dl{
	margin-left: 15px;
}
.report-box .list .info .wide{
	display: block;
	margin: 0;
}
.report-box .btn-area{
	text-align: center;
	padding-top: 40px;
	margin-top: 40px;
	font-size: 0;
	border-top: 1px solid rgb(213,220,228);
}
.report-box .btn-area a{
	display: inline-block;
	width: 270px;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	background: rgb(213,220,228);
	color: rgb(28,0,165);
}
.report-box .btn-area a + a{
	margin-left: 10px;
}
.report-box .btn-area .color-b{
	background: rgb(28,0,165);
	color: rgb(255,255,255);
}
.report-box .cf:after{
	content: '';
	clear: both;
	display: block;
}
.report-box .write-box .box{
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 50px;
}
.report-box .half-l{
	float: left;
	width: 420px;
}
.report-box .half-r{
	float: right;
	width: 420px;
}
.report-box .wide{
	clear: both;
}
.report-box .inp--w{
	width: 100%;
}
.report-box .write-box dl{
	padding-top: 30px;
}
.report-box .write-box dt{
	margin-bottom: 10px;
	font-size: 14px;
}
.report-box .name-selec label{
	margin-right: 10px;
	font-size: 14px;
	color: rgb(102,102,102);
}
.report-box .name-real{
	padding-bottom: 50px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgb(213,220,228);	
}
.report-box .email .inp-box{
	overflow: hidden;
}
.report-box .email .id{
	width: 195px;
}
.report-box .email .inp-box .id{
	float: left;
}
.report-box .email .inp-box .char{
	float: left;
	width: calc(100% - 195px);
}
.report-box .email .inp-box .char span{
	float: left;
	text-align: center;
	width: 30px;
	height: 36px;
	line-height: 36px;
}
.report-box .email .inp-box .char input{
	width: calc(100% - 34px);
}
.report-box .email .select__st{
	width: 195px;
	height: 36px;
	padding: 0 0 0 12px;
	margin-top: 10px;
	background: url(/pc/resource/images/common/arr_down_bl_11x7.png) 95% center no-repeat;
	border: 1px solid rgb(213,220,228);
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.report-box .email .select__st::-ms-expand {display:none}
.ie9 .report-box .email .select__st{background: none;}
.report-box .write-box textarea{
	width: 100%;
	height: 420px;
	padding: 20px;
	border: 1px solid rgb(213,220,228);
	line-height: 26px;
	font-size: 14px;
	color: rgb(153,153,153);
	resize:none;
	box-sizing: border-box;
}
.report-box .choice-box{
	padding-top: 40px;
	overflow: hidden;
}
.report-box .choice-box .caution{
	margin-bottom: 20px;
	font-size: 14px;
	color: rgb(255,95,92);
}
.report-box .choice-box dl{
	float: left;
	width: 33.33%;
}
.report-box .choice-box dd{
	font-size: 14px;
	color: rgb(102,102,102);
}
.report-box .choice-box .list {
	overflow: hidden;
}
.report-box .choice-box .list strong{
	font-size: 14px;
	font-weight: 400;
	color: rgb(68,68,68);
}
.report-box .choice-box .list > li{
	float: left;
	width: 33.33%;
}
.report-box .choice-box ol{
	margin-top: 15px;
}
.report-box .choice-box ol > li + li{
	margin-top: 10px;
}
.report-box .choice-box .list i{
	font-style: normal;
	margin-left: -15px;
}
.report-box .choice-box .list label{
	line-height: 26px;
	font-size: 14px;
	color: rgb(102,102,102);
}
.report-box .choice-box .list .rd__style2 + label:before, 
.report-box .choice-box .list .rd__style2 + label:after{
	top: 5px;
}
.report-box .choice-box .list .rd__style2 + label{
	padding: 0 0 0 42px;
}
.report-pop{
	width: 850px;
	padding: 30px;
	background: rgb(255,255,255);
	box-sizing: border-box;
}
.report-pop h2{
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: 400;
	color: rgb(28,0,165);
}
.report-pop .scroll-box{
	padding: 20px 5px 20px 20px;
	height: 550px;
	border: 1px solid rgb(213,220,228);
	line-height: 28px;
	font-size: 14px;
	box-sizing: border-box;
	color: rgb(102,102,102);
}
.report-pop .check-box{
	margin-top: 30px;
	text-align: center;
	font-size: 15px;
}
.report-pop .check-box p{
	margin-bottom: 30px;
}
.report-pop .check-box label{
	font-size: 14px;
}

.report-pop .send-btn{
	display: block;
	width: 260px;
	height: 50px;
	line-height: 50px;
	margin: 30px auto 0;
	text-align: center;
	background: rgb(28,0,165);
	color: rgb(255,255,255);
}
.report-pop .btn-close{
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	background: url(/pc/resource/images/common/ico_x_bl_20x20.png) center center no-repeat;
}


/*----search----*/

.search__contents{
	/*width: 100%;
	max-width: 1280px;
	margin: 0px auto 0;
	padding: 0 40px;
	box-sizing: border-box;*/
}
.search-box {
	padding-top: 180px;

	transition: padding-top 0.3s;
}
.search-box .goods-list-box {padding-top: 0;}
body._hide_topbanner .search-box .goods-list-box {padding-top: 0;}
.search-box > .txt-box{margin-bottom: 45px;}
.search-box > .txt-box p.searchword{
	color: rgb(68,68,68);
	font-size: 28px;	
	text-align: center;
	font-weight: 500;
}

.search-box > .txt-box p.qty{
	color: rgb(28,0,165);
	font-size: 16px;	
	text-align: center;
	font-weight: 400;
	margin-top: 18px;
}

.search-box .result-box .banner {
	margin-bottom: 35px;
	position: relative;
	top: 0;
	left: 0;
}
.search-box .result-box .banner p{	
	color: rgb(102,102,102);
	font-size: 16px;	
	font-weight: 400;
}
.search-box .result-box .banner .promotion__slider {margin: 0 -30px;}
.search-box .result-box .banner > div a {display: block;}
.search-box .result-box .banner > div a img{width: 100%;}
.search-box .result-box .banner .slick-slide {margin: 0 30px;}
.search-box .result-box .banner .slider-box {
	width: 1200px;
	overflow: hidden;
	margin: 25px 0 0;
}
.search-box .result-box .banner button {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	margin-top: 25px;
	top: 50%;
	font-size: 0;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgb(214,221,229);
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.search-box .result-box .banner .prev__btn {
	left: -15px;
	background-image: url(/pc/resource/images/common/arr_left_bl_9x13.png);
}
.search-box .result-box .banner .next__btn {
	right: -15px;
	background-image: url(/pc/resource/images/common/arr_right_bl_9x13.png);
}

.search-box .goods__contents .goods-box .sort-box{margin: 0;}
.search-box .goods__contents .goods-box .sort-box .filter__btn{float: right;}


.search-box .goods__contents{padding: 0;}
.search-box .goods__contents .goods-box{
	width: 100%;
	margin: auto;
}

.search-box .goods__contents .goods-box .sort-box .check-box label{
	font-size: 14px;
	color: rgb(102,102,102);
	font-weight: 350;
}
.search-box .goods__contents .goods-box .sort-box .ass{font-size: 0;}
.search-box .goods__contents .goods-box .sort-box .ass:before{
	content:"";
	display: inline-block;
	width: 1px;
	height: 15px;
	background-color: rgb(213,220,228);
	margin: 0 15px 0 20px;
	position: relative;
	top: 2px;
}
.search-box .goods__contents .goods-box .sort-box .ass button{
	font-size: 14px;
	color: rgb(153,153,153);
	font-weight: 400;
}
.search-box .goods__contents .goods-box .sort-box .ass button.on{
	color: rgb(28,0,165);
	text-decoration: underline;
}
.search-box .goods__contents .goods-box .sort-box .ass button + button{margin-left: 15px;}


.search-box .goods__contents .goods-box .goods__list{
	margin: 36px 0 85px -20px;
	font-size: 0;
}
.search-box .goods__contents .goods-box .goods__list li{
	width: calc(25% - 20px);
	margin: 50px 0 0 20px;
}
.search-box .goods__contents .goods-box .goods__list li:nth-child(1), 
.search-box .goods__contents .goods-box .goods__list li:nth-child(2), 
.search-box .goods__contents .goods-box .goods__list li:nth-child(3), 
.search-box .goods__contents .goods-box .goods__list li:nth-child(4) {margin-top: 0;}
/*
.search-box .goods__contents .goods-box .goods__list li:nth-child(4n){margin-right: 1%;}
.search-box .goods__contents .goods-box .goods__list li:nth-child(5n){margin-right: 0;}

*/
.search-box .goods__contents.set .goods-box .goods__list {margin-left: 12.5px;}
.search-box .goods__contents.set .goods-box .goods__list li{
	width: calc(20% - 12.5px);
	margin: 50px 0 0 12.5px;
}
.search-box .goods__contents.set .goods-box .goods__list li:nth-child(1), 
.search-box .goods__contents.set .goods-box .goods__list li:nth-child(2), 
.search-box .goods__contents.set .goods-box .goods__list li:nth-child(3), 
.search-box .goods__contents.set .goods-box .goods__list li:nth-child(4),
.search-box .goods__contents.set .goods-box .goods__list li:nth-child(5) {margin-top: 0;}


.search-box .goods__contents .goods-box .goods__list + .paging{border-bottom: 0;}

.search-box .result-box .more__btn {
	width: 250px;
	height: 50px;
	display: block;
	margin: 0 auto 50px;
	font-weight: 400;
	font-size: 16px;
	color: rgb(28,0,165);
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
}

.search-box .result-box + .goods__contents .goods-list-box h2{
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: rgb(102,102,102);
}
.search-box .result-box + .goods__contents .goods-list-box .goods__list {margin: 25px 0 100px 0;}

.search-box .goods__contents .goods-list-box .no-search{
	font-size: 16px;
	font-weight: 400;
	color: rgb(102,102,102);
	text-align: center;
	padding: 75px 0 85px;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner {
	width: calc(50% - 20px);
	position: relative;
	top: 0;
	left: 0;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner > div {margin: 0;}
.search-box .goods__contents .goods-list-box .goods__list li.banner .photo {
	position: relative;
	top: 0;
	left: 0;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner .photo:before {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	box-shadow: 0px -90px 100px 0px rgba(0,0,0,0.5) inset;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner .photo img {width: 100%;}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info {
	width: 100%;
	padding: 0 30px;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 4;
	box-sizing: border-box;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info .tit {
	font-family: 'Granary-Bold';
	font-weight: 400;
	font-size: 24px;
	color: rgb(255,255,255);
}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info .desc {color: rgb(255,255,255);}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info .desc.eng {
	font-family: 'PassengerDisplay-Italic';
	font-weight: 400;
	font-size: 25px;
	line-height: 1;
}
.main__contents .banner-box .banner__list li .info .desc.kor {
	margin: 6px 0 0;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	font-size: 19px;
	font-style: italic;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info .desc.eng + .view__btn {margin: 10px 0 0;}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info .desc.kor + .view__btn {margin: 12px 0 0;}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info .view__btn {
	width: 158px;
	height: 38px;
	display: block;
	margin-top: 5px;
	padding: 0 14px;
	font-weight: 700;
	font-size: 14px;
	color: rgb(16,87,165);
	line-height: 38px;
	background-color: rgb(220,227,95);
	background-repeat: no-repeat;
	background-position: calc(100% - 17px) center;
	background-image: url(/pc/resource/images/common/arr_right_bl_30x9.png);
	box-sizing: border-box;

	-webkit-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner .info .view__btn:hover {
	color: rgb(255,255,255);
	background-color: rgb(85,156,212);
}
.search-box .goods__contents .goods-list-box .goods__list li.banner.vdo {
	position: relative;
	top: 0;
	left: 0;	
}
.search-box .goods__contents .goods-list-box .goods__list li.banner.vdo .photo:after {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/btn/btn_play_bk_90x90.png);
	cursor: pointer;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner.vdo._hide_img .photo:after {content: none;}
.search-box .goods__contents .goods-list-box .goods__list li.banner.vdo img {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner.vdo._hide_img img {z-index: -1;}
.search-box .goods__contents .goods-list-box .goods__list li.banner.vdo iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.search-box .goods__contents .goods-list-box .goods__list li.banner.vdo .photo._hide_img iframe {z-index: 5;}

/* privacy & agree */
.cs-agree-con {
	margin: 59px 0 120px;
}
.cs-agree-con h2{
	margin-bottom: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: rgb(102,102,102);
}
.cs-agree-con .box{
	line-height: 28px;
	font-size: 15px;
	color: rgb(102,102,102);
	font-weight: 350;
}
.cs-agree-con .box._scroll{
	max-height: 700px;
	padding: 40px 40px 0;
	box-sizing: border-box;
	border: 1px solid rgb(213,220,228);
	overflow-y: scroll;
	word-break: keep-all;
}
.cs-agree-con .box._scroll > p{margin-bottom: 40px;}
.cs-agree-con .list{
	padding: 40px 60px;
	overflow: hidden;
	border: 1px solid rgb(28,0,165);
}
.cs-agree-con .list li{
	float: left;
	width: 40%;
}
.cs-agree-con .list li:nth-child(n+3){
	margin-top: 10px;
}
.cs-agree-con .list li a{
	color: rgb(28,0,165);
	font-weight: 400;
}
.cs-agree-con .list li.on a{
	border-bottom: 1px solid rgb(28,0,165);
}
.cs-agree-con strong{
	color: rgb(28,0,165);
	font-weight: 500;
}

.agree__table {
	width: 100%;
}
.agree__table td + td,
.agree__table th + th{
	border-left: 1px solid rgb(213,220,228);;
}
.agree__table thead{
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(213,220,228);
	text-align: center;
	background: rgb(234,237,241);
	font-size: 15px;
}
.agree__table thead th{
	padding: 9px 0;
	font-weight: 400;
}
.agree__table td{
	padding: 14px 0;
	text-align: center;
	line-height: 26px;
	border-bottom: 1px solid rgb(213,220,228);
	font-size: 14px;
	color: rgb(102,102,102);
}

/* 2020-12-23 개인정보처리방침 이전 개인정보처리방침 보기 셀렉트 추가 */
.cs-agree-con {
	position: relative;
	top: 0;
	left: 0;
}
.cs-agree-con .privacy-select {
	width: 268px;
	position: absolute;
	top: 0;
	right: 0;
}
.cs-agree-con .privacy-select > .privacy__btn {
	width: 100%;
	height: 35px;
	display: block;
	padding: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
	text-align: left;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(https://www.fila.co.kr/2018/pc/images/common/arr_down_bk_11x7.png);
	border-bottom: 1px solid rgb(153,153,153);
}
.cs-agree-con .privacy-select .before {
	width: 100%;
	display: none;
	padding: 11px 17px 9px;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(153,153,153);
	border-top: 0;
	box-sizing: border-box;
}
.cs-agree-con .privacy-select.open .before {display: block;}
.cs-agree-con .privacy-select .before a {
	display: block;
	font-family: 'Malgun Gothic','맑은 고딕','Nanum Barun Gothic' ,sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgb(68,68,68);
	line-height: 32px;
}



/*----mypage----*/
/*
#wrap.mypage{background-color: rgb(234,237,241);}
*/
.mypage-box{
	width: 1280px;
	min-height: 815px;
    margin: 75px auto 0;
    padding: 0 40px;
    box-sizing: border-box;
}
.mypage-box:after{
	content:"";
	display: block;
	clear: both;
}


.mypage__top{
	background-color: rgb(234,237,241);
	padding: 56px 0 45px;
    border: 1px solid rgb(0,1,200);
    box-sizing: border-box;
}
.mypage__top .inner{
	width: 1280px;
    padding: 0 40px;
	margin:  auto ;
    box-sizing: border-box;
}
.mypage__top--head {position: relative;}
.mypage__top--head h2{
	font-family: 'PassengerDisplay-Medium';
	font-size: 22px;
	color: rgb(68,68,68);
	text-align: center;
	font-weight: 400;	
}
.mypage__top--head a{
	position: absolute;
	top: 0;
	right: 0;
	width: 103px;
	height: 38px;
	line-height: 38px;
	font-size: 13px;	
	font-weight: 400;
}

.mypage__top--con{
	font-size: 0;
	margin-top: 50px;
}
.mypage__top--con > dl,
.mypage__top--con > .point-link {
	display: inline-block;
	font-size: 14px;
	width: 25%;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
	padding: 0 20px 0 30px;
}
.mypage__top--con > dl + dl:before,
.mypage__top--con > dl + .point-link:before {
	content:"";
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 86px;
	background-color: rgb(213,220,228);
}
.mypage__top--con > dl.user{padding: 0 20px 0 0;}
.mypage__top--con dl.user dt > .fl{
	font-size: 24px;
	color: rgb(68,68,68);
	font-weight: 350;
	line-height: 32px;
}
.mypage__top--con dl.user .grade{
	position: relative;
	top: -10px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	text-align: center;
	border: 1px solid rgb(28,0,165);
	color: rgb(28,0,165);
	border-radius:10px;
	font-size: 13px;
	box-sizing: border-box;
}
.mypage__top.staff .mypage__top--con > dl .fl span:not(.grade) {display: block;}
.mypage__top--con dl.user > dt > .fl span{font-weight: 400;}
.mypage__top--con dl.user > dd{
	font-family: 'Granary-Regular';
	font-size: 18px;
	color: rgb(102,102,102);
	margin-top: 7px;
}
.mypage__top--con .employee-num{
	margin-top: 10px;
	overflow: hidden;
	color: rgb(102,102,102);
}
.mypage__top--con .employee-num dl{
	float: left;
}
.mypage__top--con .employee-num dl:first-child{
	padding-left: 23px;
	background: url(/pc/resource/images/common/ico_employee.png) 0 2px no-repeat;
}
.mypage__top--con .employee-num dl + dl{
	position: relative;
	padding-left: 15px;
	margin-left: 10px;
}
.mypage__top--con .employee-num dl + dl:after{
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 1px;
	height: 10px;
	background: rgb(213,220,228);
}
.mypage__top--con .employee-num dt,
.mypage__top--con .employee-num dd{
	float: left;
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 14px;
	color: rgb(102,102,102);
}
.mypage__top--con dl.level dd{
	font-family: 'Granary-Bold', 'Noto Sans Korean', sans-serif;
	font-weight: 700;
	font-size: 55px;
	color: rgb(28,0,165);
	margin-top: 22px;
	line-height: 1;
}
.mypage__top.staff .mypage__top--con dl.level dd {
	margin-top: 35px;
	font-size: 40px;
}
.mypage__top--con dl.coupon dd{	
	font-family: 'Granary-Bold';
	font-size: 70px;
	line-height: 1;
	margin-top: 10px;
	color: rgb(68,68,68);
}
.mypage__top--con > .point-link {padding: 0 0 0 30px;}
.mypage__top--con dl.point .point-notice {
	padding: 0 0 0 9px;
	position: relative;
	top: 0;
	left: 0;
}
.mypage__top--con dl.point .point-notice:before {
	content: '*';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.mypage__top--con dl.point dt .fr{
	font-weight: 400;
	font-size: 11px;	
	color: rgb(153,153,153);	
}
.mypage__top--con dl.point dd{
	display: inline-block;
	margin-top: -1px;
	font-family: 'Granary-Bold';
	font-size: 70px;
	line-height: 1;
	color: rgb(68,68,68);
}
.mypage__top--con dl.point dd span{font-size: 55px;}
.mypage__top--con dl dt:after{
	content:"";
	display: block;
	clear: both;
}
.mypage__top--con dl dt div a{
	color: rgb(28,0,165);
	text-decoration: underline;
}

.mypage-box .order-con{
	position: relative;
	width: 900px;
	margin-bottom: 100px;
}
.mypage_wrap .mypage-lnb{
	width: 180px;
	font-size: 14px;
	font-weight: 400;
}
.mypage_wrap .mypage-lnb > div + div{margin-top: 20px;}
.mypage_wrap .mypage-lnb > div + div > p{line-height: 52px;padding-bottom: 0;}
.mypage_wrap .mypage-lnb > div > p{
	color: rgb(28,0,165);
	line-height: 30px;
	border-bottom: 1px solid rgb(28,0,165);
	padding-bottom: 10px;
}
.mypage_wrap .mypage-lnb > div > ul li a{
	display: block;
	color: rgb(68,68,68);
	line-height: 52px;
	border-bottom: 1px solid rgb(213,220,228);
	background: url(/pc/resource/images/common/arr_right_bk_6x10.png) right center no-repeat;
}

.mypage-box .bt_blue{
	margin-top: 35px;
    border-top: 1px solid rgb(28,0,165);
    width: 100%;
}
.mypage-box .order-con .table__head .txt{
	font-size: 14px;
	font-weight: 400;
	color: rgb(153,153,153);
	line-height: 26px;
	margin-top: 20px;
	display: inline-block;
}
.mypage-box .order-con .table__head .txt span.red{
	font-size: 14px;
	color: rgb(255,95,92);
}
.mypage-box .order-con .table__head .txt + .txt{margin-top: 0;}
.mypage-box .order-con .table__head .txt span{
	font-size: 16px;
	color: rgb(102,102,102);
}
.mypage-box .order-con .table__head .txt + .txt span{font-size: 14px;}
.mypage-box .order-con .table__head .btn{
	display: inline-block;
	vertical-align: text-bottom;
	text-align: right;
	margin-top: 0;
	line-height: 26px;
}
.mypage-box .order-con .table__con tr td .data{line-height: 24px;}
.mypage-box .order-con .table__con tr td .detail-btn{
	display: block;
	color: rgb(28,0,165);
	text-decoration: underline;
	margin-top: 20px;
}
.mypage-box .order-con .table__con tr td .red{
	line-height: 36px;
	display: block;
}
.mypage-box .order-con .table__con tr td a.state{
	width: 100%;
	display: block;
	height: 36px;
	line-height: 36px;
	margin-top: 10px;
	font-weight: 400;
}

.mypage-box .order-con .table__con tbody:last-child{border-bottom: 1px solid rgb(213,220,228);}
.mypage-box .order-con .table__con tbody + tbody tr:first-child{border-top: 1px solid rgb(28,0,165);}
.mypage-box .order-con .table__con tbody tr:last-child{
	border-bottom: 0;
	/*background-color: rgb(234,237,242);*/
}
.mypage-box .order-con .table__con tbody tr.total-group {background-color: rgb(234,237,242);}
.mypage-box .order-con .table__con tbody tr .total {padding: 15px 0;}
.mypage-box .order-con .table__con tbody tr .total > p{text-align: center;word-break: keep-all;}
.mypage-box .order-con .table__con tbody tr .total > p .blue{font-weight: 400;}
.mypage-box .order-con .table__con tbody tr .total > p.total-txt {text-align: left;}
.mypage-box .order-con .table__con tbody tr .total + .total > p{
	font-size: 16px;
	font-weight: 400;
	color: rgb(68,68,68);
	text-align: right;
	padding-right: 18px;
}
.mypage-box .order-con .table__con tbody tr .total + .total > p span:first-child{font-family: sans-serif;margin-left: 10px;}
.mypage-box .order-con .table__con tbody tr .total + .total > p span{
	font-size: 20px;	
	font-weight: 700;
}
.mypage-box .order-con .paging{margin: 40px 0 0;border-bottom: 0;}

.mypage-box .order-con .order-con--text{
	font-size:0;
	margin-top: 95px;
}
.mypage-box .order-con .order-con--text dl{
	font-size: 14px;
	display: inline-block;
	width: 280px;
	vertical-align: top;
}
.mypage-box .order-con .order-con--text dl + dl{margin-left: 30px;}
.mypage-box .order-con .order-con--text dl dt{
	font-weight: 500;
	color: rgb(68,68,68);
	border-bottom: 1px solid rgb(68,68,68);
	padding-bottom: 15px;
}
.mypage-box .order-con .order-con--text dl dd{
	font-weight: 400;
	color: rgb(102,102,102);
	margin-top: 20px;
	line-height: 26px;
}
.mypage-box .order-con .order-con--text dl dd span{
	font-weight: 500;
	color: rgb(68,68,68);
	display: block;
}

.mypage-box .order-con .info-box{
	background-color: rgb(234,237,242);
	padding: 35px 40px;
	margin-top: 60px;
	box-sizing: border-box;
} 
.mypage-box .order-con .info-box + .info-box{
	margin-top: 20px;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(213,220,228);
}
.mypage-box .order-con .info-box > div:after{
	content:"";
	display: block;
	clear: both;
}
.mypage-box .order-con .info-box > div dl{
	width: 50%;
	color: rgb(102,102,102);
	margin-top: 20px;
	font-size: 0;
	box-sizing: border-box;
}
.mypage-box .order-con .info-box > div dl:nth-child(1),
.mypage-box .order-con .info-box > div dl:nth-child(2){margin-top: 0;}
.mypage-box .order-con .info-box > div dl:nth-child(2n-1){float: left;}
.mypage-box .order-con .info-box > div dl:nth-child(2n){float: right;padding-left: 40px;}
.mypage-box .order-con .info-box > div dl dt{
	display: inline-block;
	width: 132px;
	font-weight: 500;	
	font-size: 14px;
}
.mypage-box .order-con .info-box > div dl dd{
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	width: calc(100% - 132px);
}
.mypage-box .order-con .info-box > div dl dd .red{color: rgb(28,0,165);}
.mypage-box .order-con .info-box > div dl dd .blue{
	color: rgb(28,0,165);
	font-size: 20px;
}
.mypage-box .order-con .info-box > div.total{margin-top: 45px;}
.mypage-box .order-con .info-box > div.total dl{float: right;padding-left: 40px;}

.mypage-box .order-con .input__con .select__style:before{width: 33px;border: 0;}

/*mypage popup*/
.mypage__layer {
	width: 500px;
	padding: 25px 30px 40px;
	background-color: rgb(255,255,255);
	box-sizing: border-box;
}
.mypage__layer .head {
	position: relative;
	top: 0;
	left: 0;
}
.mypage__layer .head p {
	font-weight: 500;
	font-size: 22px;
	color: rgb(28,0,165);
}
.mypage__layer .head .close__btn {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/mo/resource/images/common/ico_x_bl_45x44.png);
	background-size: 20px;
}
.mypage__layer .con {margin: 40px 0 0;}


.mypage__layer.barcode{width: 500px;}
.mypage__layer.barcode .con .logo-keds {
	width: 109px;
	height: 47px;
	margin: 0 auto;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/mo/resource/images/common/logo_keds_126x54.png);
	background-size: 109px;
}
.mypage__layer.barcode .con .barcode {margin: 10px auto 0;}

.mypage__layer.data {width: 850px;}
.mypage__layer.data .con .data-box > p{
	font-size: 14px;
	font-weight: 500;
	color: rgb(68,68,68);
	margin-bottom: 15px;
}
.mypage__layer.data .con .data-box .month{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.mypage__layer.data .con .data-box .month a{
	display: inline-block;
	width: 74px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: 350;
	color: rgb(68,68,68);
	margin-left: -1px;
	box-sizing: border-box;
	border: 1px solid rgb(213,220,228);	
	text-align: center;
	position: relative;
}
.mypage__layer.data .con .data-box .month a.on{
	z-index: 1;
	border: 1px solid rgb(28,0,165);
	color: rgb(28,0,165);
}
.mypage__layer.data .con .data-box .term{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}
.mypage__layer.data .con .data-box .term input,
.mypage__layer.data .con .data-box .term span{display: inline-block;}

.mypage__layer.data .con .data-box .term input{
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	color: rgb(68,68,68);
	width: 169px;
	height: 36px;
	line-height: 36px;
	box-sizing: border-box;
	border: 1px solid rgb(213,220,228);	
	vertical-align: top;
	background: url(/pc/resource/images/common/ico_inp_date_15x16.png) calc(100% - 10px) center / 15px no-repeat;
}
.mypage__layer.data .con .data-box .term span{
	width: 10px;
	height: 1px;
	background-color: rgb(68,68,68);
	margin: 18px 10px;
}
.mypage__layer.data .con .btn-box{
	text-align: center;
	margin-top: 40px;
}
.mypage__layer.data .con .btn-box a{
	width: 260px;
	font-size: 16px;
}

.mypage-box .order-con .delivery-after .input__con > .input__con--con{border-bottom: 1px solid rgb(213,220,228);}
.mypage-box .order-con .delivery-after .input__con dl{font-size: 0;}
.mypage-box .order-con .delivery-after .input__con dl + dl{margin-top: 20px;}
.mypage-box .order-con .delivery-after .input__con dl dt{
	display: inline-block;
	width: 135px;
}
 .mypage-box .order-con .delivery-after .input__con dl dd{
	display: inline-block;
	width: calc(100% - 135px);
	margin-top: 0;
}
 .mypage-box .order-con .delivery-after .input__con dl dt,
 .mypage-box .order-con .delivery-after .input__con dl dd{
	font-size: 14px;
	color: rgb(102,102,102);
	font-weight: 350;
}

/*--myorder--*/
.myorder .order-con .table__head .txt span{font-size:14px;} 
.myorder .order-con .table__head .btn{margin-top: 20px;}

/*--myorder_view--*/
.myorder_view .mypage-box .order-con .table__head .btn{margin-top: 4px;}
.myorder_view .mypage-box .order-con .input-area{margin-top: 55px;}
.myorder_view .mypage-box .order-con .input__con > .input__con--head{
	color: rgb(28,0,165);
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(28,0,165);
}
.myorder_view .mypage-box .order-con .input__con > .input__con--head:after{
	content:"";
	display: block;
	clear: both;
}
.myorder_view .mypage-box .order-con .input__con > .input__con--head p{
	font-size: 16px;
	font-weight: 500;
}
.myorder_view .mypage-box .order-con .input__con > .input__con--head a{
	text-decoration: underline;
	margin-top: 4px;
	font-size: 13px;
}
.myorder_view .mypage-box .order-con .input__con > .input__con--con{
	display: block;
	padding: 30px 0 25px;
	
}
.myorder_view .mypage-box .order-con .input__con dl dt {
    font-size: 14px;
    font-weight: 500;
    color: rgb(68,68,68);
}


/*--refund--*/
.refund .mypage-box .order-con .table__con tbody tr:last-child{background-color: rgb(255,255,255);}
.refund .order-con .table__con thead tr th{
	background-color: rgb(234,237,241);
	color: rgb(102,102,102);
	font-size: 14px;
	padding: 14px 0;
	font-weight: 350;
}
.refund .order-con .table__con tr th.pl50{padding-left: 50px;}
.refund .order-con .table__con tr th input[type="checkbox"] + label:before {top: 50%;}
.refund .chk__style._basic_type + label:before {top: -5px;}

.refund .order-con .input__con > .input__con--con{display: block;}
.refund .order-con .input__con > .input__con--con dl dt{
	font-size: 14px;
	font-weight: 500;
	color: rgb(68,68,68);
}
.refund .order-con .input__con > .input__con--con dl dt.fs16{font-size: 16px;}
.refund .order-con .input__con > .input__con--con dl dt.fs16 + dt{margin-top: 20px;}

.refund .order-con .input__con > .input__con--con dl.head{margin-top: 30px;}
.refund .order-con .input__con > .input__con--con dl.head + dl{margin-top: 55px;}
.refund .order-con .input__con > .input__con--con dl.head dt{
	font-size: 16px;
	font-weight: 500;
	color: rgb(68,68,68);
}
.refund .order-con .input__con > .input__con--con dl.head dd{
	font-size: 14px;
    font-weight: 350;
    color: rgb(102,102,102);
	margin-top: 8px;
}
.refund .order-con .input__con > .input__con--con dl.head dd .select__style select{
	width: 190px;
	vertical-align: top;
}
.refund .order-con .input__con > .input__con--con dl.head dd .select__style + input{
	width: 367px;
	height: 34px;
	line-height: 34px;
	vertical-align: top;
	margin-left: 10px;
}
.refund .order-con .input__con > .input__con--con dl.head dd .select__style + input + input{
	width: 170px;
	margin-left: 7px;
}

.refund .order-con .input__con + .input__con{margin-top: 15px;} 
.refund .order-con .input__con + .input__con  > .input__con--head{
	color: rgb(28,0,165);
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(28,0,165);
}
.refund .order-con .input__con + .input__con  > .input__con--head .tit{
	color: rgb(28,0,165);
	font-weight: 500;
	font-size: 16px;
}
.refund .order-con .input__con + .input__con  > .input__con--head .txt{
	color: rgb(102,102,102);
	font-weight: 350;
	font-size: 14px;
	margin-top: 8px;
}

.refund .order-con .input__con + .input__con > .input__con--con{padding: 0;}
.refund .order-con .input__con + .input__con > .input__con--con dl{
	font-size:0;
	border-bottom: 1px solid rgb(213,220,228);
	margin-top: 0;
	padding: 19px 0;
}
.refund .order-con .input__con + .input__con > .input__con--con dl dt,
.refund .order-con .input__con + .input__con > .input__con--con dl dd{
	display: inline-block;
	vertical-align: top;
}
.refund .order-con .input__con + .input__con > .input__con--con dl .red{color: rgb(255,95,92);}
.refund .order-con .input__con + .input__con > .input__con--con dl dt{width: 110px;}
.refund .order-con .input__con + .input__con > .input__con--con dl dd{
	font-size: 14px;
	margin-top: 0;
	width: calc(100% - 110px);
	color: rgb(102,102,102);
}
.refund .order-con .input__con + .input__con > .input__con--con dl dd span{color: rgb(68,68,68);}

.refund .order-con .input__con + .input__con > .input__con--con .btn-box{
	margin-top: 50px;
	text-align: center;
	font-size: 0;
}
.refund .order-con .input__con + .input__con > .input__con--con .btn-box a{
	display: inline-block;
	width: 250px;
	height: 55px;
	line-height: 55px;
	vertical-align: top;
	font-size: 16px;
	font-weight: 500;
}
.refund .order-con .input__con > .input__con--con .btn-box{
	margin-top: 50px;
	text-align: center;
	font-size: 0;
}
.refund .order-con .input__con > .input__con--con .btn-box a._col1{
	display: inline-block;
	width: 250px;
	height: 55px;
	line-height: 55px;
	vertical-align: top;
	font-size: 16px;
	font-weight: 500;
}
.refund .order-con .input__con + .input__con > .input__con--con .btn-box a + a{margin-left: 10px;}


/*--cancel --*/
.cancel .mypage-box .order-con .table__con tr td .red{line-height: 24px;}

/*--cancel_view--*/
.cancel_view .mypage-box .order-con .table__head .btn {margin-top: 4px;}

.cancel_view .mypage-box .order-con .table__con tbody tr:last-child{background-color: rgb(255,255,255);}

.cancel_view .mypage-box .order-con .info-box{padding: 35px 40px 60px;}
.cancel_view .mypage-box .order-con .info-box > div.total{margin-top: 10px;	}
.cancel_view .mypage-box .order-con .info-box  + .info-box > div.total{margin-top: 45px;}

.cancel_view .mypage-box .order-con .input-area{margin-top: 55px;}
.cancel_view .mypage-box .order-con .input__con > .input__con--head{
	color: rgb(28,0,165);
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(28,0,165);
}
.cancel_view .mypage-box .order-con .input__con > .input__con--head p{
	font-size: 16px;
	font-weight: 500;
}
.cancel_view .mypage-box .order-con .delivery-after .input__con > .input__con--con{display: block;}


/*--qna--*/
.qna-box .qna__head:after{
	content:"";
	display: block;
	clear: both;
}
.qna-box .qna__head .btn a{
	width: 96px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}
.qna-box .qna__con.mt25{margin-top: 25px;}
.qna-box .qna__con .qna__con--list li.no_contents p {
	padding: 25px 0;
	font-size: 15px;
	color: rgb(102,102,102);
	text-align: center;
}
.qna-box .qna__con .qna__con--list li .q{
	border-bottom: 1px solid rgb(213,220,228);
	font-size: 0;
	padding: 20px 0;
	cursor: pointer;
}
.qna-box .qna__con .qna__con--list li .q > div{
	display: inline-block;
	vertical-align: middle;
}
.qna-box .qna__con .qna__con--list li .q > div > p{
	font-size: 15px;
	color: rgb(68,68,68);
	font-weight: 350;
}
.qna-box .qna__con .qna__con--list li .q > div.state > p{
	width: 57px;
	height: 34px;
	line-height: 35px;
	text-align: center;
	font-weight: 500;
	display: none;
}
.qna-box .qna__con .qna__con--list li .q > div.state > p.on{display: block;}
.qna-box .qna__con .qna__con--list li .q > div.state > p.wait{
	border: 1px solid rgb(213,220,228);
	color: rgb(153,153,153);
}
.qna-box .qna__con .qna__con--list li .q > div.state > p.answer{
	border: 1px solid rgb(28,0,165);
	color: rgb(28,0,165);
}
.qna-box .qna__con .qna__con--list li .q > div.pd-img{
	margin-left: 35px;
	width: 80px;
}
.qna-box .qna__con .qna__con--list li .q > div.pd-img img{width: 100%;}
.qna-box .qna__con .qna__con--list li .q > div.category{
	margin-left: 35px;
	width: 100px;	
}
.qna-box .qna__con .qna__con--list li .q > div.category p{color: rgb(102,102,102);}
.qna-box .qna__con .qna__con--list li .q > div.txt{
	margin-left: 35px;
	width: calc(100% - 301px);
}
.qna-box .qna__con .qna__con--list li .q > div.date {width: 72px;}
.qna-box .qna__con .qna__con--list li .q > div.date p{
	font-size: 14px;
	color: rgb(153,153,153);
}

.qna-box .qna__con .qna__con--list li .a .a__head{
	font-size: 0;	
	text-align: center;
	padding: 16px 0;
}
.qna-box .qna__con .qna__con--list li .a .a__head > p{
	display: inline-block;
	font-size: 14px;
	font-weight: 350;
	color: rgb(153,153,153);
}
.qna-box .qna__con .qna__con--list li .a .a__head > p span:first-child:after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: rgb(204,204,204);
	margin: 0 15px;
}

.qna-box .qna__con .qna__con--list li .a .a__head.pl{
	padding-left: 210px;
	box-sizing: border-box;
	text-align: left;
}
.qna-box .qna__con .qna__con--list li .a .a__head.pl p{font-size: 15px}
.qna-box .qna__con .qna__con--list li .a .a__head.pl p span.gr{color: rgb(68,68,68);}
.qna-box .qna__con .qna__con--list li .a .a__head > a{
	display: inline-block;
	color: rgb(28,0,165);
	text-decoration: underline;
	font-size: 14px;
	margin-left: 10px;
}
.qna-box .qna__con .qna__con--list li .a{display: none;}
.qna-box .qna__con .qna__con--list li .a .a__con{
	background-color: rgb(234,237,241);
	padding: 40px 0 ;
	box-sizing: border-box;
	border-top: 1px solid rgb(213,220,228);
}
.qna-box .qna__con .qna__con--list li .a .a__con dl{font-size: 0;}
.qna-box .qna__con .qna__con--list li .a .a__con dl + dl{margin-top: 25px;}
.qna-box .qna__con .qna__con--list li .a .a__con dl dt{
	font-size: 24px;
	color: rgb(28,0,165);
	font-family: 'Granary-Regular';
	width: 190px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	
}
.qna-box .qna__con .qna__con--list li .a .a__con dl dd{
	display: inline-block;
	width: calc(100% - 210px);	
	padding-left: 20px;	
	box-sizing: border-box;
	vertical-align: top;
}
.qna-box .qna__con .qna__con--list li .a .a__con dl dd,
.qna-box .qna__con .qna__con--list li .a .a__con dl dd span{
	font-size: 15px;
	font-weight: 350;
	color: rgb(102,102,102);
	line-height: 30px;
}
.qna-box .qna__con .qna__con--list li .a .a__con dl dd span{display: block;}
.qna-box .qna__con .qna__con--list li .a .a__con dl:last-child dd{
	color: rgb(0,0,0);
	font-weight: 350;
}

.qna-box .qna__con .qna__con--list .a__bot .score {
	padding: 22px 0 ;
	border-top: 1px solid rgb(213,220,228);
	background-color: rgb(234,237,241);
	font-size: 0;
	text-align: center;
}
.qna-box .qna__con .qna__con--list .a__bot .score > p {
	font-weight: 350;
	font-size: 15px;
	color: rgb(102,102,102);
	display: inline-block;
	vertical-align: middle;
}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box {
	width: 112px;
	height: 20px;
	margin-left: 20px;
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: middle;
}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box:after {
	content: '';
	display: block;
	clear: both;
}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box input {
	position: absolute;
	z-index: -999;
	opacity: 0;
}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box label {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 0 0 3px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	cursor: pointer;
}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box label:first-of-type {margin-left: 0;}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box .stars {
	width: 112px;
	height: 20px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/sub/stars_off_290x50.png);
	background-size: 112px;
}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box .stars:before {
	width: 0px;
	height: 20px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/pc/resource/images/sub/stars_on_290x50.png);
	background-size: 112px;
}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box input:nth-child(1):checked ~ .stars:before {width: 20px;}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box input:nth-child(2):checked ~ .stars:before {width: 43px;}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box input:nth-child(3):checked ~ .stars:before {width: 66px;}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box input:nth-child(4):checked ~ .stars:before {width: 88px;}
.qna-box .qna__con .qna__con--list .a__bot .score .stars-box input:nth-child(5):checked ~ .stars:before {width: 112px;}
.qna-box .qna__con .qna__con--list .a__bot .score .score__btn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 90px;
	height: 36px;
	line-height: 36px;
}

/*--qna_write--*/

.qna-box._write .qna__con .inner{
	padding: 30px 0 ;
	border-bottom: 1px solid rgb(213,220,228);
}
.qna-box._write .qna__con dl{font-size: 0;}
.qna-box._write .qna__con dl.mt40{margin-top: 40px;}
.qna-box._write .qna__con dl + dl{margin-top: 20px;}
.qna-box._write .qna__con dl dt,
.qna-box._write .qna__con dl dd{
	display: inline-block;
	vertical-align: middle;
}

.qna-box._write .qna__con dl dt{
	font-size: 14px;
	font-weight: 400;
	color: rgb(102,102,102);
	width: 135px;
}
.qna-box._write .qna__con dl dt.vt{vertical-align: top;}

.qna-box._write .qna__con dl dd{width: calc(100% - 135px);}
.qna-box._write .qna__con dl dd .select__style{font-size: 0;}
.qna-box._write .qna__con dl dd .select__style select{
	width: 147px;	
    background-image:url(/pc/resource/images/common/arr_down_bl_12x7.png);
	background-position: calc(100% - 10px) center;
	background-size: 12px;
}
.qna-box._write .qna__con dl dd .select__style:before{width: 33px;}
.qna-box._write .qna__con dl dd .select__style + .select__style{margin-left: 20px;}

.qna-box._write .qna__con dl dd .pd-before{font-size: 0;}
.qna-box._write .qna__con dl dd .pd-before a{
	width: 147px;
	height: 34px;
	line-height: 34px;
	font-weight: 350;
}
.qna-box._write .qna__con dl dd .pd-before .check-box{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: rgb(68,68,68);
	margin-left: 20px;
}
.qna-box._write .qna__con dl dd .pd-before .check-box span{
	color: rgb(153,153,153);
	margin-left: 15px;
}
.qna-box._write .qna__con dl dd .pd-before + .pd-after {margin: 10px 0 0;}
.qna-box._write .qna__con dl dd .pd-after > p{
	display: block;
	font-size: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(213,220,228);
}
.qna-box._write .qna__con dl dd .pd-after > p span{
	font-size: 14px;
	color: rgb(102,102,102);
	font-weight: 400;
}
.qna-box._write .qna__con dl dd .pd-after > p span + span:before{
	content:"";
	display: inline-block;
	width: 1px;
	height: 13px;
	background-color: rgb(213,220,228);
	margin: 0 10px ;
	transform: translateY(2px);
}
.qna-box._write .qna__con dl dd .pd-after ul li{padding-top: 20px;}
.qna-box._write .qna__con dl dd .pd-after ul li > div,
.qna-box._write .qna__con dl dd .pd-after ul li > p{
	display: inline-block;
	vertical-align: middle;
}

.qna-box._write .qna__con dl dd .pd-after ul li > .pd-img{margin-left: 10px;}
.qna-box._write .qna__con dl dd .pd-after ul li > p{
	font-size: 14px;
	font-weight: 400;
	color: rgb(102,102,102);
	line-height: 24px;
	margin-left: 20px;
}

.qna-box._write .qna__con dl dd .inp-box input{
	width: 100%;
	height: 53px;
	border-bottom: 1px solid rgb(213,220,228);
	font-size: 14px;
}
.qna-box._write .qna__con dl dd .inp-box input:focus,
.qna-box._write .qna__con dl dd .inp-box textarea:focus{outline:0;}
.qna-box._write .qna__con dl dd .inp-box input::placeholder,
.qna-box._write .qna__con dl dd .inp-box textarea::placeholder{color: rgb(153,153,153);}
.qna-box._write .qna__con dl dd .inp-box textarea{
	resize: none;
	width: 100%;
	height: 300px;
	padding: 25px 30px;
	border: 1px solid rgb(213,220,228);
	box-sizing: border-box;
	color: rgb(68,68,68);
	font-size: 14px;
	line-height: 26px;
}
.qna-box._write .qna__con dl dd.img__upload{
	padding-left: 135px;
	margin-top: 20px;
}
.qna-box._write .qna__con dl dd.img__upload p{
	font-size: 14px;
	font-weight: 350;
	color: rgb(153,153,153);	
}
.qna-box._write .qna__con dl dd .img__upload--list,
.qna-box._write .qna__con dl dd .img__upload--df{
	font-size:0;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}
.qna-box._write .qna__con dl dd .img__upload--list li{
	display: inline-block;
	position: relative;
	margin-right: 20px;
	vertical-align: top;
}
.qna-box._write .qna__con dl dd .img__upload--list li .close{
	position: absolute;
	top: -7px;
	right: -7px;
}
.qna-box._write .qna__con dl dd .img__upload--df .btn,
.qna-box._write .qna__con dl dd .img__upload--df p{
	display: inline-block;
	vertical-align: middle;
}
.qna-box._write .qna__con dl dd .img__upload--df p{margin-left: 20px;}
.qna-box._write .qna__con dl dd .img__upload--df .btn label { 
	display: inline-block; 
	width: 80px;
	height: 80px;
	background: url(/pc/resource/images/sub/ico_file_upload.png) center / 100% no-repeat ;
	cursor: pointer;
} 
.qna-box._write .qna__con dl dd  .img__upload--df .btn input[type="file"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	border: 0; 
	outline:0
}
.qna-box._write .qna__con dl.email{margin-top: 25px;}
.qna-box._write .qna__con dl.email dd .inp-box,
.qna-box._write .qna__con dl.email dd .select__style{
	display: inline-block;
	vertical-align: top;
}
.qna-box._write .qna__con dl.email dd .inp-box input{
	width: 165px;
	height: 34px;
	border-bottom: 0;
}
.qna-box._write .qna__con dl.email dd .inp-box span{
	display: inline-block;
	font-size: 14px;
	color: rgb(0,0,0);
	margin: 0 10px;
}
.qna-box._write .qna__con dl.email dd .select__style{margin-left: 10px;}

.qna_write .btn-box{
	margin-top: 60px;
	font-size: 0;
	text-align: center;
}
.qna_write .btn-box a{
	width: 250px;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	font-weight: 500;
}
.qna_write .btn-box a + a{margin-left: 10px;}

/* 2021-03-02 개인정보수집동의 추가 */
.qna__con--privacy{
	width: calc(100% - 135px);
	border: 1px solid rgb(213,220,228);
	padding: 25px 25px 35px;
	box-sizing: border-box;
	margin-left: 135px;
	margin-top: 16px;
	font-size:0;
}
.qna__con--privacy p{
	color: rgb(102,102,102);
	font-size: 14px;
	line-height: 22px;
	font-weight: 350;
}
.qna__con--privacy .check-box{
	color: rgb(68,68,68);
	font-size: 15px;
	margin-top: 25px;
	display: inline-block;
}
.qna__con--privacy .check-box + .check-box{margin-left: 25px;}

/*주문상품조회 팝업*/
.mypage__layer.qnaPdSerach  {width: 850px;}
.mypage__layer.qnaPdSerach  .con .pdSearch-box > p{
	font-size: 14px;
	font-weight: 500;
	color: rgb(68,68,68);
	margin-bottom: 15px;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .month{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .month a{
	display: inline-block;
	width: 114px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 350;
	color: rgb(68,68,68);
	margin-left: -1px;
	box-sizing: border-box;
	border: 1px solid rgb(213,220,228);	
	text-align: center;
	position: relative;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .month a.on{
	z-index: 1;
	border: 1px solid rgb(28,0,165);
	color: rgb(28,0,165);
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .scroll{
	overflow-y: auto;
	max-height: 405px;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list{
	margin-top: 15px;
	width: 100%;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list > thead tr{
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(213,220,228);
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list > thead  tr th{
	padding: 15px 0;
	text-align: left;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list > thead  tr th span{
	font-size: 14px;
	color: rgb(102,102,102);
	font-weight: 400;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list > thead  tr th span + span:before{
	content:"";
	display: inline-block;
	width: 1px;
	height: 13px;
	background-color: rgb(213,220,228);
	margin: 0 10px ;
	transform: translateY(2px);
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr {
	border-bottom: 1px solid rgb(213,220,228);
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td {padding: 20px 0;}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td > div,
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td > p{
	display: inline-block;
	vertical-align: middle;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td > .check-box{
	width: 78px;
	text-align: center;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td >  .check-box label{text-indent:-9999px;}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td > .pd-img{margin-left: 10px;}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td > p{
	font-size: 14px;
	font-weight: 400;
	color: rgb(102,102,102);
	line-height: 24px;
	margin-left: 20px;
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td > p.txt{
	width: calc(100% - 288px);
}
.mypage__layer.qnaPdSerach  .con .pdSearch-box .pdSearch__list tbody tr td > p.price{
	text-align: right;
	margin-left: 0;
	width: 100%;
}
.mypage__layer.qnaPdSerach  .con .btn-box{
	margin-top: 40px;
	text-align: center;
}
.mypage__layer.qnaPdSerach  .con .btn-box a{
	width: 180px;
	font-size: 16px;
}

/*--review--*/

.review-box .review__head .btn{
	margin-top: 30px;
	font-size:0;
}
.review-box .review__head .btn a{
	font-size: 15px;
	font-weight: 400;
	color: rgb(102,102,102);
	display: inline-block;
}
.review-box .review__head .btn a.on{color: rgb(28,0,165);}
.review-box .review__head .btn a + a:before{
	content:"";
	display: inline-block;
	width: 1px;
	height: 13px;
	background-color: rgb(213,220,228);
	margin: 0 20px ;
	transform: translateY(2px);
}

.review__con--list{display: none;}
.review__con--list.on{display: block;}
.review__con--list li > div{border-bottom: 1px solid rgb(215,215,215);}
.review__con--list li .view:after{
	content:"";
	display: block;
	clear: both;
}
.review__con--list li .view{
	padding: 30px 0;
	font-size: 0;
}
.review__con--list li .view .no-review {
	font-weight: 350;
	font-size: 14px;
	color: rgb(68,68,68);
	line-height: 25px;
	text-align: center;
}
.review__con--list li .view > div{
	display: inline-block;
	vertical-align: middle;
}
.review__con--list li .view .date{
	font-weight: 350;
	font-size: 14px;
	color: rgb(68,68,68);
	width: 144px;
}
.review__con--list li .view .pdImg{
	width: 120px;
}
.review__con--list li .view .pdImg img{width: 100%;}
.review__con--list li .view .pdTxt{
	font-weight: 350;
	font-size: 14px;
	color: rgb(68,68,68);
	line-height: 25px;
	margin-left: 40px;
	width: 478px;
}
.review__con--list li .view .btn-box{
	display: inline-block;
	vertical-align: middle;
}
.review__con--list li .view .btn-box a{
	display: block;
	vertical-align: middle;
	width: 116px;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
}
.review__con--list li .view .btn-box a + a{margin-top: 10px;}
.review__con--list li .view .btn-box a.delete{
	background-color: rgb(213,220,228);
	color: rgb(28,0,165);
	font-size: 14px;
	text-align: center;
}

.review__con--list li .detail{
	background-color: rgb(234,237,241);
	padding: 30px 20px ;
	box-sizing: border-box;
}
.review__con--list li .detail__head:after{
	content:"";
	display: block;
	clear: both;
}
.review__con--list li .detail__head > div{float: left;}
.review__con--list li .detail__head > a.deleteIco{
	float: right;
	display: inline-block;
	background: url(/pc/resource/images/sub/ico_delete_gr_17x16.png) right center / 17px no-repeat;
	font-size: 13px;
	color: rgb(153,153,153);
	padding-right: 25px;
}
.review__con--list li .detail__head .stars-box {
	width: 102px;
	height: 18px;
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: middle;
}
.review__con--list li .detail__head .stars-box:after {
	content: '';
	display: block;
	clear: both;
}
.review__con--list li .detail__head .stars-box .stars {
	width: 102px;
	height: 18px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/sub/stars_off_290x50.png);
	background-size: 102px;
}
.review__con--list li .detail__head .stars-box .stars:before {
	width: 0px;
	height: 18px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/pc/resource/images/sub/stars_on_290x50.png);
	background-size: 102px;
}
.review__con--list li .detail__head .stars-box .stars._stars1:before {width: 20px;}
.review__con--list li .detail__head .stars-box .stars._stars2:before {width: 39px;}
.review__con--list li .detail__head .stars-box .stars._stars3:before{width: 60px;}
.review__con--list li .detail__head .stars-box .stars._stars4:before {width: 81px;}
.review__con--list li .detail__head .stars-box .stars._stars5:before {width: 102px;}
.review__con--list li .detail__head .score__btn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 90px;
	height: 36px;
	line-height: 36px;
}

.review__con--list li .detail__head .date{
	font-size: 13px;
	color: rgb(68,68,68);
	margin-left: 10px;
}
.review__con--list li .detail__con{font-size:0;}
.review__con--list li .detail__con p{
	margin: 15px 0 25px;
	font-size: 14px;
	line-height: 24px;
	color: rgb(102,102,102);
}
.review__con--list li .detail__con > .img{
	display: inline-block;
	width: 273px;
	margin-right: 20px;
	vertical-align: top;
}
.review__con--list li .detail__con > .img:last-child{margin-right: 0;}
.review__con--list li .detail__con > .img > img{max-width: 100%;}

.review_pop{min-width: 850px;}

.review_pop .review_write__head{
	font-size: 0;
	padding-bottom: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid rgb(213,220,228);
}
.review_pop .review_write__head > div{
	display: inline-block;
	vertical-align: middle;
}
.review_pop .review_write__head .pdImg{width: 100px;}
.review_pop .review_write__head .pdImg img{width: 100%;}
.review_pop .review_write__head .pdTxt{
	width: 478px;
	margin-left: 20px;
	font-weight: 350;
	font-size: 14px; 
	line-height: 25px;
	color: rgb(102,102,102);
}
.review_pop .review_write__head .stars-box > p{
	display: inline-block;
	font-family: 'Granary-Bold';
	font-size: 28px;
	color: rgb(28,0,165);
	margin-left: 10px;
	vertical-align: middle;
}

.review_pop .review_write__head .stars-box > div {
	width: 144px;
	height: 26px;
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: middle;
}
.review_pop .review_write__head .stars-box:after {
	content: '';
	display: block;
	clear: both;
}
.review_pop .review_write__head .stars-box input {
	position: absolute;
	z-index: -999;
	opacity: 0;
}
.review_pop .review_write__head .stars-box label {
	width: 26px;
	height: 26px;
	float: left;
	margin: 0 0 0 3px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	cursor: pointer;
}
.review_pop .review_write__head .stars-box label:first-of-type {margin-left: 0;}
.review_pop .review_write__head .stars-box .stars {
	width: 144px;
	height: 26px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/sub/stars_off_290x50.png);
	background-size: 144px;
}
.review_pop .review_write__head .stars-box .stars:before {
	width: 0px;
	height: 26px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/pc/resource/images/sub/stars_on_290x50.png);
	background-size: 144px;
}
.review_pop .review_write__head .stars-box input:nth-child(1):checked ~ .stars:before {width: 26px;}
.review_pop .review_write__head .stars-box input:nth-child(2):checked ~ .stars:before {width: 55px;}
.review_pop .review_write__head .stars-box input:nth-child(3):checked ~ .stars:before {width: 86px;}
.review_pop .review_write__head .stars-box input:nth-child(4):checked ~ .stars:before {width: 115px;}
.review_pop .review_write__head .stars-box input:nth-child(5):checked ~ .stars:before {width: 144px;}
.review_pop .review_write__head .score__btn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	width: 90px;
	height: 36px;
	line-height: 36px;
}

.review_pop .review_write__con .inp-box input:focus,
.review_pop .review_write__con .inp-box textarea:focus{outline:0;}
.review_pop .review_write__con .inp-box input::placeholder,
.review_pop .review_write__con .inp-box textarea::placeholder{color: rgb(153,153,153);}
.review_pop .review_write__con .inp-box textarea{
	resize: none;
	width: 100%;
	height: 160px;
	padding: 25px 30px;
	border: 1px solid rgb(213,220,228);
	box-sizing: border-box;
	color: rgb(102,102,102);
	font-size: 14px;
	line-height: 24px;
	margin-top: 30px;
}
.review_pop .review_write__con .inp-box > p{
	text-align: right;
	color: rgb(102,102,102 );
	line-height: 20px;
}
.review_pop .review_write__con .img__upload p{
	font-size: 14px;
	font-weight: 350;
	color: rgb(153,153,153);	
}
.review_pop .review_write__con  .img__upload--list,
.review_pop .review_write__con  .img__upload--df{
	font-size:0;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 15px;
}
.review_pop .review_write__con  .img__upload--list li{
	display: inline-block;
	position: relative;
	margin-right: 20px;
}
.review_pop .review_write__con  .img__upload--list li .close{
	position: absolute;
	top: -7px;
	right: -7px;
}
.review_pop .review_write__con  .img__upload--df .btn,
.review_pop .review_write__con  .img__upload--df p{
	display: inline-block;
	vertical-align: middle;
}
.review_pop .review_write__con  .img__upload--df p{margin-left: 20px;}
.review_pop .review_write__con  .img__upload--df .btn label { 
	display: inline-block; 
	width: 80px;
	height: 80px;
	background: url(/pc/resource/images/sub/ico_file_upload.png) center / 100% no-repeat ;
	cursor: pointer;
} 
.review_pop .review_write__con   .img__upload--df .btn input[type="file"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	border: 0; 
	outline:0
}
.review_pop .review_write__bot > a{
	display: block;
	margin: auto;
	margin-top: 35px;
	width: 260px;
	font-size: 16px;
}


/*--modify_pw--*/
.modify_pw .order-con .input__con > .input__con--con{
	padding: 35px 0 40px;
	display: block;
	border-bottom: 1px solid rgb(213,220,228);
}
.modify_pw .order-con .input__con > .input__con--con dl{font-size: 0;}
.modify_pw .order-con .input__con > .input__con--con dl + dl{margin-top: 40px;}
.modify_pw .order-con .input__con > .input__con--con dl dt{width: 95px;}
.modify_pw .order-con .input__con > .input__con--con dl dt,
.modify_pw .order-con .input__con > .input__con--con dl dd{
	font-size: 14px;
	color: rgb(68,68,68);
	font-weight: 350;
	margin-top: 0;
	display: inline-block;
}
.modify_pw .order-con .input__con > .input__con--con dl dd input{
	width: 200px;
	height: 40px;
}

.modify_pw .order-con .btn-box{
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}
.modify_pw .order-con .btn-box a{
	width: 250px;
	height: 55px;
	line-height: 55px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 500;
}
.modify_pw .order-con .btn-box a + a{margin-left: 20px;}
.modify_pw.v2 .order-con .input__con > .input__con--con {padding: 30px 0 35px;}
.modify_pw.v2 .order-con .input__con > .input__con--con dl {margin-top: 30px;}
.modify_pw.v2 .order-con .input__con > .input__con--con dl:first-child {margin-top: 0;}
.modify_pw.v2 .order-con .input__con > .input__con--con dl dt {
	width: 97px;
	line-height: 34px;
	vertical-align: top;
}
.modify_pw.v2 .order-con .input__con > .input__con--con dl:first-child dt {font-weight: 700;}
.modify_pw.v2 .order-con .input__con > .input__con--con dl dd {vertical-align: top;}
.modify_pw.v2 .order-con .input__con > .input__con--con dl dd input {height: 34px;}
.modify_pw.v2 .order-con .input__con > .input__con--con dl .txt {
	margin: 23px 0 0;
	font-weight: 350;
	font-size: 14px;
	color: rgb(102,102,102);
}
.modify_pw.v2 .order-con .input__con > .input__con--con dl .myid {
	font-weight: 700;
	line-height: 34px;
}
.modify_pw.v2 {}
.modify_pw.v2 {}
.modify_pw.v2 {}
.modify_pw.v2 {}
.modify_pw.v2 {}


/*--modify--*/
.modify .order-con .input__con + .input__con{margin-top: 65px;}
.modify .order-con .input__con.mt0{margin-top: 0;}
.modify .order-con .input__con > .input__con--head p{
	font-size:16px;
	color: rgb(28,0,165);
	font-weight: 500;
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(28,0,165);
}
.modify .order-con .input__con > .input__con--head p span{color: rgb(153,153,153);}
.modify .order-con .input__con > .input__con--con{
	padding: 30px 0 40px;
	display: block;
	border-bottom: 1px solid rgb(213,220,228);
}
.modify .order-con .input__con > .input__con--con.bb0{border-bottom: 0;}

.modify .order-con .input__con > .input__con--con > dl{font-size: 0;}
.modify .order-con .input__con > .input__con--con > dl.mt20{margin-top: 20px;}
.modify .order-con .input__con > .input__con--con > dl.mt30{margin-top: 30px;}
.modify .order-con .input__con > .input__con--con > dl.mt40{margin-top: 40px;}
.modify .order-con .input__con > .input__con--con > dl > dt{width: 110px;}
.modify .order-con .input__con > .input__con--con > dl > dd{margin-top: 0;}
.modify .order-con .input__con > .input__con--con > dl > dd + dd{
	padding-left: 110px;
	box-sizing: border-box;
}
.modify .order-con .input__con > .input__con--con > dl > dt,
.modify .order-con .input__con > .input__con--con > dl > dd{
	font-size: 14px ;
	font-weight: 350;
	color: rgb(68,68,68);
	line-height: 26px;
	display: inline-block;
}
.modify .order-con .input__con > .input__con--con  > dl > dd a{
	width: 115px;
	height: 38px;
	line-height: 38px;
	margin-left: 30px;
}
.modify .order-con .input__con > .input__con--con  > dl > dd p{
	font-size: 14px;
	color: rgb(153,153,153);
	line-height: 24px;
	font-weight: 350;
	box-sizing: border-box;
	margin-top: 5px;
}

.modify .order-con .input__con > .input__con--con  > dl.birth dd > span:first-child{margin-left: 30px;}
.modify .order-con .input__con > .input__con--con  > dl.birth dd > span + span{margin-left: 20px;}

.modify .order-con .input__con > .input__con--con  > dl.email dd{font-size: 0;}
.modify .order-con .input__con > .input__con--con  > dl.email dd + dd{display: block;}
.modify .order-con .input__con > .input__con--con  > dl.email dd > div{display: inline-block;}
.modify .order-con .input__con > .input__con--con  > dl.email dd > div + div{margin-left: 10px;}
.modify .order-con .input__con > .input__con--con  > dl.email dd > div span{
	font-size: 14px;
	font-weight: 350;
	color: rgb(34,34,34);
	width: 30px;
	text-align: center;
	display: inline-block;
}
.modify .order-con .input__con > .input__con--con  > dl.email dd > div input,
.modify .order-con .input__con > .input__con--con  > dl.email dd > div select{
	width: 165px;
	height: 34px;
}
.modify .order-con .input__con > .input__con--con  > dl.email dd + dd{margin-top: 8px;}

.modify .order-con .input__con > .input__con--con  > dl.marketing dd {color: rgb(102,102,102);}
.modify .order-con .input__con > .input__con--con  > dl.marketing dd + dd {
	display: block;	
	font-size: 0;
	margin-top: 8px;
} 
.modify .order-con .input__con > .input__con--con  > dl.marketing dd + dd > .inp-box > div{
	display: inline-block;
	font-size: 14px;
	font-weight: 350;
}
.modify .order-con .input__con > .input__con--con  > dl.marketing dd .inp-box > div + div{margin-left: 20px;}
.modify .order-con .input__con > .input__con--con  > dl.marketing dd:last-child{margin-top: 0;}

.modify .order-con .input__con > .input__con--con > dl.addr dd a{
	width: 97px;
	margin-left: 6px;
}
.modify .order-con .input__con > .input__con--con > dl.addr dt + dd input{width: 190px;}
.modify .order-con .input__con > .input__con--con > dl.addr dd input{width: 358px;}

.modify .order-con .input__con > .input__con--con > dl.children{margin-bottom: 40px;}
.modify .order-con .input__con > .input__con--con > dl.children > dt{
	vertical-align: top;
	line-height: 36px;
}
.modify .order-con .input__con > .input__con--con > dl.children > dd{vertical-align: middle;}
.modify .order-con .input__con > .input__con--con > dl.children > dd a.plus_btn,
.modify .order-con .input__con > .input__con--con > dl.children > dd a.minus_btn {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(/pc/resource/images/btn/ico_modify_plus_btn.png) center / 100% no-repeat;
	font-size:0;
	vertical-align: top;
}
.modify .order-con .input__con > .input__con--con > dl.children > dd a.minus_btn {background: url(/pc/resource/images/btn/ico_modify_minus_btn.png) center / 100% no-repeat;}
.modify .order-con .input__con > .input__con--con > dl.children > dd a + a{
	width: 76px;
	height: 36px;
	line-height: 36px;
	font-weight: 350;
	margin-left: 10px;
}
.modify .order-con .input__con > .input__con--con > dl.children > dd,
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dt,
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dd{
	display: inline-block;
}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dt{width: 70px;}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dd + dt{
	width: 45px;
	margin-left: 30px;
}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dd + dt + dd > span + span{margin-left: 20px;}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dd input{width: 165px;}

.modify .order-con .input__con > .input__con--con > dl.children .inp-children dl + dl{margin-top: 15px;}

.modify .order-con .input__con > .input__con--con > dl.children .inp-children dl + dl > dd select{width: 95px;}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dl + dl > dd span{
	color: rgb(153,153,153);
	display: inline-block;
	line-height: 34px;
	width: 27px;
	text-align: center;
}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children dd + dd{padding-left: 0;}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children {
	margin-top: 25px;
	position: relative;
	top: 0;
	left: 0;
}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children:first-of-type {margin-top: 0;}
.modify .order-con .input__con > .input__con--con > dl.children .inp-children .plus-box {
	width: 156px;
	display: inline-block;
	position: absolute;'
	top: 50%;
	left: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.modify .order-con .btn-box{
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}
.modify .order-con .btn-box a{
	width: 250px;
	height: 55px;
	line-height: 55px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 500;
}
.modify .order-con .btn-box a + a{margin-left: 10px;}

.modify .order-con .input__con > .input__con--con > dl.easy-login > dt{vertical-align: middle;}
.modify .order-con .input__con > .input__con--con > dl.easy-login > dd.btn-box{
	font-size: 0;
	vertical-align: middle;
}
.modify .order-con .input__con > .input__con--con > dl.easy-login > dd.btn-box a{
	display: inline-block;
	text-indent:-99999px;
	margin-left: 0;
	margin-right: 10px;
	width: 48px;
	height: 48px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	
}
.modify-box .easy-login .btn-box > a:nth-child(2n){margin-right: 0;}
.modify-box .easy-login .btn-box a.naver{background-image:url(/pc/resource/images/sub/easy_login_naver_off_d.png);}
.modify-box .easy-login .btn-box a.kakao{background-image:url(/pc/resource/images/sub/easy_login_kakao_off_d.png);color: rgb(68,68,68);}
.modify-box .easy-login .btn-box a.facebook{background-image: url(/pc/resource/images/sub/easy_login_facebook_off_d.png);}
.modify-box .easy-login .btn-box a.google{background-image: url(/pc/resource/images/sub/easy_login_google_off_d.png);}

.modify-box .easy-login .btn-box a.naver.on{background-image:url(/pc/resource/images/sub/easy_login_naver_on_d.png);}
.modify-box .easy-login .btn-box a.kakao.on{background-image:url(/pc/resource/images/sub/easy_login_kakao_on_d.png);color: rgb(68,68,68);}
.modify-box .easy-login .btn-box a.facebook.on{background-image: url(/pc/resource/images/sub/easy_login_facebook_on_d.png);}
.modify-box .easy-login .btn-box a.google.on{background-image: url(/pc/resource/images/sub/easy_login_google_on_d.png);}

/*--wishlist--*/
.wishlist .mypage-box .order-con .table__head .btn{margin-top: 4px;}
.wishlist .mypage-box .order-con .table__con tr th input[type="checkbox"] + label:before{top: 50%;}
.wishlist .select__style:before {
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;
    background-position: center;
    right: 47px;
    background-color: rgb(255,255,255);
}
.wishlist .mypage-box .order-con .table__con tbody tr:last-child{background-color: rgb(255,255,255);}
.wishlist .mypage-box .order-con .table__con tr td .orderBtn{width: 112px;}

.wishlist .mypage-box .order-con .btn-box{
	margin-top: 80px;
	font-size:0;
	text-align: center;
}
.wishlist .mypage-box .order-con .btn-box a{
	width: 250px;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	font-weight: 500;
}
.wishlist .mypage-box .order-con .btn-box a + a{margin-left: 10px;}

.wishlist .mypage-box .order-con .goods-box{margin-top: 95px;}
.wishlist .mypage-box .order-con .goods-box .goods__txt{
	font-size: 16px;
	font-weight: 400;
	color: rgb(68,68,68);
}
.wishlist .mypage-box .order-con .goods-box .goods__list{
	font-size:0;
	margin-top: 25px;
}
.wishlist .mypage-box .order-con .goods-box .goods__list .goods{
	width: 210px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 40px;
	vertical-align: top;
}
.wishlist .mypage-box .order-con .goods-box .goods__list .goods:nth-child(4n){margin-right: 0;}


/*--today--*/
.today .mypage-box .order-con .banner-box{margin: 20px 0 45px;}
.today .mypage-box .order-con .banner-box .banner__list li{
	width: 286px;
	margin-right: 21px;
	margin-bottom: 20px;
	display: inline-block;
}
.today .mypage-box .order-con .banner-box .banner__list li:nth-child(3n){margin-right: 0;}
.today .mypage-box .order-con .banner-box .banner__list li img{width: 100%;}
.today .mypage-box .order-con .goods-box{margin-top: 30px;}
.today .mypage-box .order-con .goods-box .goods__txt,
.today .mypage-box .order-con .banner-box .banner__txt{
	font-size: 16px;
	font-weight: 400;
	color: rgb(68,68,68);
}
.today .mypage-box .order-con .goods-box .goods__list,
.today .mypage-box .order-con .banner-box .banner__list{
	font-size:0;
	margin-top: 25px;
}
.today .mypage-box .order-con .goods-box .goods__list .goods{
	width: 210px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 40px;
	vertical-align: top;
}
.today .mypage-box .order-con .goods-box .goods__list .goods:nth-child(4n){margin-right: 0;}

/*--coupon--*/

.coupon .mypage-box .order-con .table__head .btn{
	font-size:0;
	line-height: 30px;
	margin-top: 25px;
}
.coupon .mypage-box .order-con .table__head .btn a{
	font-size: 15px;
	font-weight: 400;
	color: rgb(102,102,102);
	display: inline-block;
	text-decoration: none;
}
.coupon .mypage-box .order-con .table__head .btn a.on{color: rgb(28,0,165);}
.coupon .mypage-box .order-con .table__head .btn a + a{margin-left: 0;}
.coupon .mypage-box .order-con .table__head .btn a + a:before{
	content:"";
	display: inline-block;
	width: 1px;
	height: 13px;
	background-color: rgb(213,220,228);
	margin: 0 20px ;
	transform: translateY(2px);
}
.coupon .mypage-box .order-con .table__head .inp-box{
	font-size:0;	
	margin-top: 25px;
}
.coupon .mypage-box .order-con .table__head .inp-box input{width: 190px;}
.coupon .mypage-box .order-con .table__head .inp-box a{
	width: 50px;
	height: 36px;
	line-height: 36px;
	margin-left: 10px;
}

.coupon .mypage-box .order-con .table__con tbody tr:last-child{background-color: rgb(255,255,255);}
.coupon .mypage-box .order-con .table__con tbody tr td{line-height: 24px;}
.coupon .mypage-box .order-con .table__con tbody tr td.red{color: rgb(255,95,92);}

/*--point--*/
.point .mypage-box .order-con .table__head .txt{display: block;}
.point .mypage-box .order-con .table__head .txt span.blue{color: rgb(28,0,165);}
.point .mypage-box .order-con .table__head .point-list{
	width: 100%;
	background-color: rgb(234,237,242);
	padding: 23px 0;
	font-size:0;
	margin-top: 25px;
}
.point .mypage-box .order-con .table__head .point-list li{
	display: inline-block;
	width: 25%;
	font-size: 14px;
	color: rgb(68,68,68);
	font-weight: 400;
	text-align: center;
	line-height: 1;
	border-right: 1px solid rgb(153,153,153);
	box-sizing: border-box;
}
.point .mypage-box .order-con .table__head .point-list li:last-child{border-right: 0;}
.point .mypage-box .order-con .table__head .point-list li span{margin-left: 20px;}

.point .mypage-box .order-con .table__con tbody tr:last-child{background-color: rgb(255,255,255);}
.point .mypage-box .order-con .table__con tbody tr td.red{color: rgb(255,95,92);}
.point .mypage-box .order-con .table__con tbody tr td span{color: rgb(153,153,153);font-weight: 350;}

/*--member_out--*/
.member_out-box .member_out__head .txt{
	font-size:14px;
	font-weight: 400;
	color: rgb(102,102,102);
	line-height: 24px;
	margin-top: 25px;
}
.member_out .order-con .input__con > .input__con--con{
	padding: 0px 0 40px;
	display: block;
	border-bottom: 1px solid rgb(213,220,228);
}
.member_out .order-con .input__con > .input__con--con dl{font-size: 0;}
.member_out .order-con .input__con > .input__con--con dl.bb{border-bottom: 1px solid rgb(213,220,228);}
.member_out .order-con .input__con > .input__con--con dl.bb dd img{width: 100%;}
.member_out .order-con .input__con > .input__con--con dl + dl{margin-top: 25px;}
.member_out .order-con .input__con > .input__con--con dl dt{width: 95px;}
.member_out .order-con .input__con > .input__con--con dl dt,
.member_out .order-con .input__con > .input__con--con dl dd{
	font-size: 14px;
	color: rgb(68,68,68);
	font-weight: 350;
	margin-top: 0;
	display: inline-block;
}
.member_out .order-con .input__con > .input__con--con dl dd input{
	width: 200px;
	height: 40px;
}

.member_out .order-con .btn-box{
	margin-top: 50px;
	text-align: center;
	font-size: 0;
}
.member_out .order-con .btn-box a{
	width: 205px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 500;
}



/*----favorites----*/


#contents.favorites{
	width: 100%;
    max-width: 1280px;
    margin: 0px auto 0;
    padding: 0 40px;
    box-sizing: border-box;
}

.favorites-box{
	margin: 55px 0 70px;
}
.favorites-box h2{
	font-family: 'Granary-Bold';
	font-size: 24px;
	color: rgb(102,102,102);
	text-align: center;
}


.favorites-box .goods__contents .goods-box{
	width: 100%;
	margin: auto;
}

.favorites-box .goods__contents .goods-box .sort-box{margin: 0;}
.favorites-box .goods__contents .goods-box .sort-box > div{font-size: 0}
.favorites-box .goods__contents .goods-box .sort-box .select__style:before{
	width: 28px;
	height: 25px;
	background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;
	background-position: center;
	background-color: rgb(255,255,255);
} 
.favorites-box .goods__contents .goods-box .sort-box .select__style select{
	width: 118px;
	height: 27px;
    background-image:url(/pc/resource/images/common/arr_down_bl_12x7.png);
	background-position: calc(100% - 10px) center;
	background-size: 12px;
}
.favorites-box .goods__contents .goods-box .sort-box .select__style + .select__style{margin-left: 10px;}

.favorites-box .goods__contents .goods-box .goods__list{
	margin: 20px 0 50px -20px;
	font-size: 0;
}
.favorites-box .goods__contents .goods-box .goods__list li{
	width: calc(25% - 20px);
	margin: 50px 0 0 20px;
}
.favorites-box .goods__contents .goods-box .goods__list li:nth-child(1), 
.favorites-box .goods__contents .goods-box .goods__list li:nth-child(2), 
.favorites-box .goods__contents .goods-box .goods__list li:nth-child(3), 
.favorites-box .goods__contents .goods-box .goods__list li:nth-child(4) {margin-top: 0;}
/*
.favorites-box .goods__contents .goods-box .goods__list li:nth-child(4n){margin-right: 1%;}
.favorites-box .goods__contents .goods-box .goods__list li:nth-child(5n){margin-right: 0;}

*/
.favorites-box .goods__contents .goods-box .goods__list + .paging{border-bottom: 0;}


.favorites-box .goods__contents .goods-box .goods__list li.banner {
	width: calc(50% - 20px);
	position: relative;
	top: 0;
	left: 0;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner > div {margin: 0;}
.favorites-box .goods__contents .goods-box .goods__list li.banner .photo {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner .photo:before {
	width: calc(100% + 300px);
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
	box-shadow: 0px -90px 100px 0px rgba(0,0,0,0.5) inset;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.favorites-box .goods__contents .goods-box .goods__list li.banner .photo img {width: 100%;}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info {
	width: 100%;
	padding: 0 30px;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 4;
	box-sizing: border-box;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info .tit {
	font-family: 'Granary-Bold';
	font-weight: 400;
	font-size: 24px;
	color: rgb(255,255,255);	
	word-break:keep-all;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info .desc {color: rgb(255,255,255);}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info .desc.eng {
	font-family: 'PassengerDisplay-Italic';
	font-weight: 400;
	font-size: 25px;
	line-height: 1;
}
.main__contents .banner-box .banner__list li .info .desc.kor {
	margin: 6px 0 0;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	font-size: 19px;
	font-style: italic;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info .desc.eng + .view__btn {margin: 10px 0 0;}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info .desc.kor + .view__btn {margin: 12px 0 0;}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info .view__btn {
	width: 158px;
	height: 38px;
	display: block;
	margin-top: 5px;
	padding: 0 14px;
	font-weight: 700;
	font-size: 14px;
	color: rgb(255,255,255);
	line-height: 38px;
	background-color: rgb(28,0,165);
	background-repeat: no-repeat;
	background-position: calc(100% - 17px) center;
	background-image: url(/pc/resource/images/common/arr_right_bl_30x9.png);
	box-sizing: border-box;

	-webkit-transition: background 0.3s, color 0.3s;
	-ms-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner .info .view__btn:hover {
	color: rgb(255,255,255);
	background-color: rgb(85,156,212);
}
.favorites-box .goods__contents .goods-box .goods__list li.banner.vdo {
	position: relative;
	top: 0;
	left: 0;	
	cursor: pointer;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner.vdo .photo:after {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/btn/btn_play_bk_90x90.png);
	cursor: pointer;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner.vdo._hide_img .photo:after {content: none;}
.favorites-box .goods__contents .goods-box .goods__list li.banner.vdo img {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner.vdo._hide_img img {z-index: -1;}
.favorites-box .goods__contents .goods-box .goods__list li.banner.vdo iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.favorites-box .goods__contents .goods-box .goods__list li.banner.vdo .photo._hide_img iframe {z-index: 5;}
.favorites-box .paging{
	border-bottom: 0;
	margin-top: 15px;
	padding-bottom: 30px;
}
/*--new_arrivals--*/
.favorites-box .new_arrivals-box .banner {
	margin-bottom: 40px;
	position: relative;
	top: 0;
	left: 0;
}
.favorites-box .new_arrivals-box .banner p{	
	color: rgb(102,102,102);
	font-size: 16px;	
	font-weight: 400;
}
.favorites-box .new_arrivals-box .banner .promotion__slider {margin: 0 -30px;}
.favorites-box .new_arrivals-box .banner > div a {display: block;}
.favorites-box .new_arrivals-box .banner > div a img{width: 100%;}
.favorites-box .new_arrivals-box .banner .slick-slide {margin: 0 30px;}
.favorites-box .new_arrivals-box .banner .slider-box {
	width: 1200px;
	overflow: hidden;
	margin: 50px 0 0;
}
.favorites-box .new_arrivals-box .banner button {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;	
	top: 50%;
	font-size: 0;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgb(214,221,229);
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.favorites-box .new_arrivals-box .banner .prev__btn {
	left: -15px;
	background-image: url(/pc/resource/images/common/arr_left_bl_9x13.png);
}
.favorites-box .new_arrivals-box .banner .next__btn {
	right: -15px;
	background-image: url(/pc/resource/images/common/arr_right_bl_9x13.png);
}
.favorites-box .new_arrivals-box .goods__contents{
	padding: 20px 0 0;
	border-top: 1px solid rgb(213,220,228);
}
.favorites-box .new_arrivals-box .more__btn {
	width: 250px;
	height: 50px;
	display: block;
	margin: 0 auto 50px;
	font-weight: 400;
	font-size: 16px;
	color: rgb(28,0,165);
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
}

.favorites-box .new_arrivals-box + .goods__contents .goods-box h2{
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: rgb(102,102,102);
}
.favorites-box .new_arrivals-box + .goods__contents .goods-box .goods__list{margin: 25px 0 100px -12.5px;}

.favorites-box .goods__contents .goods-box .no-search{
	font-size: 16px;
	font-weight: 400;
	color: rgb(102,102,102);
	text-align: center;
	padding: 75px 0 85px;
}

/*--best_sellers--*/
 .best_sellers-box .goods__contents{
	padding: 0 0;
	margin-top: 30px;
}
 .best_sellers-box .goods__contents .goods-box .sort-box > div .date{
	color: rgb(28,0,165);
	font-weight: 400;
	font-size: 14px;
	line-height: 27px;
 }
 .best_sellers-box .goods__contents .goods-box .goods__best{
	font-size: 0;
	margin-top: 20px;
}
 .best_sellers-box .goods__contents .goods-box .goods__best li{
	width: calc(33.33% - 15px);
	display: inline-block;
	vertical-align: top;
	position: relative;
}
 .best_sellers-box .goods__contents .goods-box .goods__best li + li{margin-left: 22px;}

 .best_sellers-box .goods__contents .goods-box .goods__best li:before{
	content:"";
	position: absolute;
	width: 72px;
	height: 85px;
	top: 0;
	left: 0;
	z-index: 1;
}
 .best_sellers-box .goods__contents .goods-box .goods__best li:nth-child(1):before{background: url(/pc/resource/images/sub/best_sellers_pd_tag1.png) center / 100% no-repeat;}
 .best_sellers-box .goods__contents .goods-box .goods__best li:nth-child(2):before{background: url(/pc/resource/images/sub/best_sellers_pd_tag2.png) center / 100% no-repeat;}
 .best_sellers-box .goods__contents .goods-box .goods__best li:nth-child(3):before{background: url(/pc/resource/images/sub/best_sellers_pd_tag3.png) center / 100% no-repeat;}

 .best_sellers-box .goods__contents .goods-box .goods__list{	margin: 65px 0 50px -20px;}

 .best_sellers-box .goods__contents .goods-box .goods__list .goods .photo{position: relative;}
 .best_sellers-box .goods__contents .goods-box .goods__list .goods .photo span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 31px;
	height: 31px;
	line-height: 31px;
	background-color: rgb(153,153,153);
	color: rgb(255,255,255);
	font-weight: 400;
	font-size: 16px; 
	text-align: center;
	z-index: 1;
}


 .best_sellers-box .goods__contents .goods-box .goods__list .goods .info .name{width: 100%;}
 .best_sellers-box .goods__contents .goods-box .goods__list .goods .info .name span:before{
	content:"";
	display: inline-block;	
	width: 14px;
	height: 10px;
	margin-right: 5px;
}
 .best_sellers-box .goods__contents .goods-box .goods__list .goods .info .name span.rank-up{color: rgb(255,95,92);}
 .best_sellers-box .goods__contents .goods-box .goods__list .goods .info .name span.rank-up:before{
	background: url(/pc/resource/images/sub/best_sellers_pd_rank_up.png) center / 100% no-repeat;
}
 .best_sellers-box .goods__contents .goods-box .goods__list .goods .info .name span.rank-down{color: rgb(62,158,242);}
 .best_sellers-box .goods__contents .goods-box .goods__list .goods .info .name span.rank-down:before{
	background: url(/pc/resource/images/sub/best_sellers_pd_rank_down.png) center / 100% no-repeat;
}
/*
.goods__contents .goods-box .goods__list .goods .info .tag p{
	display: inline-block;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	border-radius: 3px;
	vertical-align: top;
	margin-top: 15px;
}
.goods__contents .goods-box .goods__list .goods .info .tag p.new{
	font-family: 'Granary-Regular';
	font-size: 13px;
	color: rgb(255,255,255);
	background-color: rgb(62,158,242);
}
.goods__contents .goods-box .goods__list .goods .info .tag p.soon{
	font-weight: 400;	
	font-size: 12px;
	color: rgb(255,95,92);
	border: 1px solid rgb(255,95,92);
}
.goods__contents .goods-box .goods__list .goods .info .tag p.sold{
	font-family: 'Granary-Regular';
	font-size: 13px;
	color: rgb(255,255,255);
	background-color: rgb(255,95,92);
}
*/

.best_sellers-box .goods__contents .goods-box .goods__list li{
	width: calc(20% - 14px);
	margin: 70px 0 0 14px;
}

.best_sellers-box .goods__contents .goods-box .goods__list li:nth-child(1), 
.best_sellers-box .goods__contents .goods-box .goods__list li:nth-child(2), 
.best_sellers-box .goods__contents .goods-box .goods__list li:nth-child(3), 
.best_sellers-box .goods__contents .goods-box .goods__list li:nth-child(4), 
.best_sellers-box .goods__contents .goods-box .goods__list li:nth-child(5)  {margin-top: 0;}


/*--collection--*/
/*list*/
.collection-box .tap-box{
	font-size:0;
	margin-top: 20px;
}
.collection-box .tap-box a{
	display: inline-block;
	line-height: 55px;
	box-sizing: border-box;
	border-bottom: 2px solid rgb(213,220,228);	
	font-weight: 500;
	font-size: 15px;
	color: rgb(153,153,153);
	text-align: center;
	width: 50%;
}
.collection-box .tap-box a.on{
	border-bottom: 2px solid rgb(28,0,165);
	color: rgb(28,0,165);
}
.collection-box .list-box{margin-top: 50px;}
.collection-box .list-box ul{font-size:0}
.collection-box .list-box ul li{
	display: inline-block;
	width: calc(33.33% - 15px);
	margin-right: 22px;
	margin-bottom: 50px;
	vertical-align: top;
}
.collection-box .list-box ul li:nth-child(3n){margin-right: 0;}

.collection-box .list-box ul li .photo img{width: 100%;}

.collection-box .list-box ul li .text-box p.tit{
	font-size: 18px;
	font-family: 'Granary-Bold', 'Noto Sans Korean', sans-serif;
	color: rgb(28,0,165);
	margin-top: 17px;
	word-break:keep-all;
}
.collection-box .list-box ul li .text-box p.txt{
	font-size: 17px;
	font-family: 'Granary-Regular', 'Noto Sans Korean', sans-serif;
	color: rgb(102,102,102);
	line-height: 22px;
	margin-top: 5px;
	word-break:keep-all;
}


/*--collection_view--*/

#contents.collection_view{
	top: -33px;
	margin-bottom: 70px;
	padding-top: 140px;
}
#contents.collection_view .collection_view__top{
	width: 1200px;
	margin: auto;
	position: relative;
	z-index: 3;
	display: block;
}
.collection_view__top .select__style{
	position: absolute;
	top: 30px;
	right: 0;
}
.collection_view__top .select__style select{
	background-color: rgb(255,255,255);
	/* width: 210px; */
	height: 44px;	
    background-image:url(/pc/resource/images/common/arr_down_bl_12x7.png);
	background-position: calc(100% - 10px) center;
	background-size: 12px;
	padding: 0 32px 0 20px;
}
.ie9 .collection_view__top .select__style select{
	width: 210px;
	padding: 0 0 0 20px;
}
.collection_view__top .select__style:before {
	width: 44px;
	height: 42px;
	background-position: center;
	background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
	background-size: 12px;
	background-color: rgb(255,255,255);
}

.collection_view__con{margin: 0 0 60px;}
.collection_view__con .event-box .event{
	width: 1200px;
	display: block;
	margin: 50px auto 0;
}
.collection_view__bot{
	width: 100%;
	max-width: 1200px;
	min-width: 980px;
	margin:  auto ;
	position: relative;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.collection_view__bot.dn .collection_view__bot--tap {display: none;}
.collection_view__bot .goods__contents .tit {
    font-family: 'Granary-Bold','Noto Sans Korean', sans-serif;
    font-size: 18px;
    color: rgb(28,0,165);
}
.collection_view__bot .goods__contents .goods-list-box {
	margin-top: 22px;
	padding: 0 0 70px;
}


.collection_view__bot .collection_view__bot--tap{
	width: 100%;
	min-width: 1200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	font-size:0;
	background-color: rgb(255,255,255);
}
.collection_view__bot .collection_view__bot--tap.fix {
	position: fixed;
	top: 135px;
}
.collection_view__bot .collection_view__bot--tap > .inner {
	width: 1200px;
	margin: 0 auto;
}
.collection_view__bot .collection_view__bot--tap a{
	display: inline-block;
	width: 25%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	font-size: 16px;
	color: rgb(28,0,165);
	border: 1px solid rgb(28,0,165);
	text-align: center;
	font-family: 'Granary-Regular', 'Noto Sans Korean', sans-serif;
	border-top: 0;
}
.collection_view__bot .collection_view__bot--tap a + a{border-left: 0;}

.collection_view__bot .collection_view__bot--tap a:nth-child(1),
.collection_view__bot .collection_view__bot--tap a:nth-child(2),
.collection_view__bot .collection_view__bot--tap a:nth-child(3),
.collection_view__bot .collection_view__bot--tap a:nth-child(4){border-top: 1px solid rgb(28,0,165);}
.collection_view__bot .collection_view__bot--tap a:nth-child(4n + 1){
	border-left: 1px solid rgb(28,0,165);
}
.collection_view__bot .goods__contents{
	padding: 0;
}
.collection_view__bot .collection_view__bot--tap ~ .goods__contents:not(.set) .goods-box:first-child{
	/*padding-top: 92px;*/
	/* padding-top: 130px; */
}
.collection_view__bot .goods__contents .goods-box{
	width: 100%;
	float: none;
	margin: 0 0 70px;
	/* padding: 42px 0 0; */
}
.collection_view__bot .goods__contents .goods-box:last-child{
	/* padding-bottom: 42px; */
	margin: 0 0 95px !important;
}
.collection_view__bot .goods__contents .goods-box .tit{
	font-family: 'Granary-Bold','Noto Sans Korean', sans-serif;
	font-size: 18px;
	color: rgb(28,0,165);
}
.collection_view__bot .goods__contents .goods-box .goods__list{margin: 22px 0 0;}
.collection_view__bot .goods__contents .goods-box .goods__list li {
    /* width: calc(20% - 12.5px);
    	margin: 50px 0 0 12.5px; */
}
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(1), 
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(2), 
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(3), 
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(4), 
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(5){margin-top: 0;}
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(1),
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(5n + 1){margin-left: 0;}
.collection_view__bot .goods__contents .goods-box .goods__list li:nth-child(5n){margin-right: 0;}

.collection_view__bot .goods__contents.set .goods-box:last-child{margin: 0 !important;padding:  0;}
.collection_view__bot .goods__contents.set .goods-box h2{
	font-weight: 400;
	font-size: 16px;
	color: rgb(102,102,102);
}


/*---- about ----*/
#contents.about {
    width: 100%;
    max-width: 1280px;
    margin: 0px auto 0;
    padding: 140px 40px 0;
    box-sizing: border-box;
}
#contents.about.lb_view{
	width: 100%;
    max-width: none;
    padding: 0;
}
#contents.about.kn_view{
	min-width: 980px;
	max-width: 1060px;
}
.about-box {margin: 55px 0 70px;}
.about-box > h2{
	font-family: 'Granary-Bold';
    font-size: 24px;
    color: rgb(102,102,102);
    text-align: center;
}
.about-box .goods__contents .goods-box{
	width: 100%;
	margin: 45px 0 0;
}
.about-box .goods__contents .goods-box .tit{	
	font-family: 'Granary-Bold';
	font-size: 18px;
	color: rgb(28,0,165);
}
.about-box .goods__contents .goods-box .goods__list{margin: 35px 0 85px;}

.about__view-box .about__view--head{	
    width: 100%;
    max-width: 1280px;
    margin: 0px auto 0;
    padding: 0 40px;
    box-sizing: border-box;
}
.about__view-box .about__view--head:after{
	content:"";
	display: block;
	clear: both;
}
.about__view-box .about__view--head h2{	
	font-family: 'Granary-Bold';
    font-size: 24px;
    color: rgb(102,102,102);
    text-align: center;
}
.about__view-box .about__view--head h2:after{
	content:"";
	display: block;
	clear: both;
}
.about__view-box .about__view--head .date{
	margin-top: 30px;
	font-weight: 400;
	font-size: 14px;
	color: rgb(153,153,153);
	line-height: 44px;
}
.about__view-box .about__view--head .select__style{margin-top: 20px;}
.about__view-box .about__view--head .select__style select{
	background-color: rgb(255,255,255);
    width: 210px;
    height: 44px;
    background-image:url(/pc/resource/images/common/arr_down_bl_12x7.png);
	background-position: calc(100% - 10px) center;
	background-size: 12px;
    padding: 0 30px 0 20px;
}
.about__view-box .about__view--head .select__style:before {
    width: 44px;
    height: 42px;
    background-position: center;
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;
    background-color: rgb(255,255,255);
}

.about__view-box .about__view--con{margin-top: 20px;}
.about__view-box .about__view--con .list_btn{
	margin-top: 15px;
	text-align: right;
}
.about__view-box .about__view--con .list_btn a{
	padding: 0 24px 0 10px;
	height: 35px;
	background: url(/pc/resource/images/common/arr_right_bl_7x11.png)calc(100% - 9px) 12px / 7px no-repeat ;
}
.about__view-box .about__view--con .slide-box{
	width: 1920px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.about__view-box .about__view--con .slide-box .slide .slick-slide{
	margin: 0 10px;
	max-width: 1200px;
	outline: 0;
}
.about__view-box .about__view--con .slide-box .slide .slick-arrow{
	position: absolute;
	width: 28px;
	height: 51px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	text-indent: -9999px;
}
.about__view-box .about__view--con .slide-box .slide .slick-prev{
	left: 380px;
	background: url(/pc/resource/images/common/arr_left_wt_28x51.png) center / 100% no-repeat;
}
.about__view-box .about__view--con .slide-box .slide .slick-next{
	right: 380px;
	background: url(/pc/resource/images/common/arr_right_wt_28x51.png) center / 100% no-repeat;
}


.about__view-box .about__view--con .goods__contents .goods-box .goods__list li{width: calc(20% - 10px);}
.about__view-box .about__view--con .goods__contents .goods-box .goods__list li,
.about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(4){margin: 40px 12px 0 0;}

.about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(1), 
.about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(2), 
.about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(3), 
.about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(4),
.about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(5){margin-top: 0;}

.about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(5n){margin-right: 0;}

/*-- lookbook --*/
.lookbook-box{margin-top: 30px;}
.lookbook-box .list-box ul{font-size: 0;}
.lookbook-box .list-box ul li{
	display: inline-block;
	width: calc(50% - 10px);
	margin-right: 20px;
	margin-bottom: 55px;
	vertical-align: top;
}
.lookbook-box .list-box ul li:nth-child(2n){margin-right: 0;}
.lookbook-box .list-box ul li .photo img{width: 100%;}
.lookbook-box .list-box ul li .text-box .tit{
	font-size: 18px;
	font-family: 'Granary-Bold';
	color: rgb(28,0,165);
	line-height: 22px;
	margin-top: 20px;
	word-break:keep-all;
}




/*-- kedsnow --*/
.kedsnow__news{margin-top: 40px;}
.kedsnow__news ul{
	margin-left: -22px;
	font-size:0;
}
.kedsnow__news ul li{
	width: calc(33.33% - 22px);
	display: inline-block;
	margin-left: 22px;
	margin-bottom: 24px;
	vertical-align: top;
	position: relative;
}
.kedsnow__news ul li img{width: 100%;}
.kedsnow__news ul li .info .desc{
	position: absolute;
	color: rgb(255,255,255);
}
.kedsnow__news ul li .info .desc.kor {
	font-family: 'Nanum Myeongjo';
	font-size: 28px;
	line-height: 42px;
	left: 34px;
	bottom: 32px;
	z-index: 2;
}
.kedsnow__news ul li .info .desc.eng {
	font-family: 'PassengerDisplay-Medium', 'Noto Sans Korean', sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 1;
	line-height: 40px;	
	left: 40px;
	bottom: 30px;
}
.kedsnow__news .more__btn{
	width: 250px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	display: block;
	margin: auto;
	margin-top: 15px;
}

.kedsnow__news ul li.banner{
	width: calc(66.66% - 22px)
}
.kedsnow__news ul li.banner.vdo {
	position: relative;
	top: 0;
	left: 0;	
	cursor: pointer;
}
.kedsnow__news ul li.banner.vdo .photo:after {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/btn/btn_play_bk_90x90.png);
	cursor: pointer;
}
.kedsnow__news ul li.banner.vdo._hide_img .photo:after {content: none;}
.kedsnow__news ul li.banner.vdo img {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
.kedsnow__news ul li.banner.vdo._hide_img img {z-index: -1;}
.kedsnow__news ul li.banner.vdo iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.kedsnow__news ul li.banner.vdo .photo._hide_img iframe {z-index: 5;}

.kedsnow__insta {margin: 100px 0;}
.kedsnow__insta--head{font-size:0;}
.kedsnow__insta--head > p{
	display: inline-block;
	color: rgb(28,0,165);
	margin-left: 20px;
}
.kedsnow__insta--head > p.eq{
	font-family: 'Granary-Bold';
	font-size: 18px;
}
.kedsnow__insta--head > p.eq.big{
	font-size: 32px;
	margin-left: 0;
}
.kedsnow__insta--head > p.pa{
	font-family: 'PassengerDisplay-MediumItalic';
	font-size: 32px;
	margin-left: 8px;	
}
.kedsnow__insta--con{margin-top: 35px;}
.kedsnow__insta--con ul{font-size:0;}
.kedsnow__insta--con ul li{
	width: calc(25% - 15px);
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline-block;
}
.kedsnow__insta--con ul li:nth-child(4n){margin-right: 0;}
.kedsnow__insta--con ul li a img{width: 100%;}

.kedsnow__layer {
	width: 1120px;
	padding: 50px 0px 50px 50px;
	background-color: rgb(255,255,255);
	box-sizing: border-box;
}

/*팝업*/
.kedsnow__layer .head {
	position: relative;
	top: 0;
	left: 0;
}
.kedsnow__layer .head .close__btn {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: -34px;
	right: 20px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/mo/resource/images/common/ico_x_bl_45x44.png);
	background-size: 20px;
}
.kedsnow__layer .con:after{
	content:"";
	display: block;
	clear: both;
}
.kedsnow__layer .con > div{float: left;}

.kedsnow__layer .con > div.kedsnow__layer--tit{
	position: absolute;
	top: 115px;
	left: 50px;
	float: none;	
}
.kedsnow__layer--tit > p{
	color: rgb(28,0,165);
	line-height: 1;
}
.kedsnow__layer--tit > p.eq{
	font-family: 'Granary-Bold';
	font-size: 50px;
}
.kedsnow__layer--tit > p.pa{
	font-family: 'PassengerDisplay-MediumItalic';
	font-size: 50px;
	margin-top: 10px;	
}
.kedsnow__layer--tit > p.ico{
	background: url(/pc/resource/images/common/ico_instagram_bl_26x26.png) left center / 18px no-repeat ;
	padding-left: 26px;
	font-size: 20px;
	font-family: 'Granary-Regular';
	margin-top: 30px;
}

.kedsnow__layer--con{padding-left: 257px;} 

.kedsnow__layer--list{
	max-height: 532px;
	overflow: auto;
}
.kedsnow__layer--list .goods__contents {
	width: 194px;
    max-width: none;
	padding: 0;
    box-sizing: border-box;
	margin-left: 30px;
}
.kedsnow__layer--list .goods__contents .goods-box{
	width: 100%;
	margin: 0;
	float: none;
}
.kedsnow__layer--list .goods__contents .goods-box .goods__list{margin: 0;}
.kedsnow__layer--list .goods__contents .goods-box .goods__list li{
	width: 100%;
	margin: 0;
	display: block;
}
.kedsnow__layer--list .goods__contents .goods-box .goods__list li + li{margin-top: 30px;}
.kedsnow__layer--list .goods__contents .goods-box .goods__list li .info{margin: 15px 0 0;}
.kedsnow__layer--list .goods__contents .goods-box .goods__list li .info .price{margin: 0;}
.kedsnow__layer--list .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
.kedsnow__layer--list .mCSB_inside > .mCSB_container{margin-right: 60px;}
.kedsnow__layer--list .mCSB_scrollTools{right: 30px;}

/*kn_view*/
.kn_view .about__view-box .about__view--head h2{
	font-family: 'Noto Sans Korean', sans-serif;
	font-weight: 500;
}
.kn_view .about__view-box .about__view--head .select__style{margin-top: 35px;}
.kn_view .about__view-box .about__view--head,
.kn_view .about__view-box .about__view--con .goods__contents{
	max-width: 1060px;
	padding: 0;
}
.kn_view .about__view-box .about__view--con .goods__contents .goods-box .goods__list li{
	width: calc(25% - 20px);
	margin: 40px 20px 0 0;
}
.kn_view .about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(1), 
.kn_view .about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(2), 
.kn_view .about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(3),
.kn_view .about__view-box .about__view--con .goods__contents .goods-box .goods__list li:nth-child(4){margin-top: 0;}

.kn_view .about__view-box .about__view--con .kedsnow-view{
	font-weight: 350;
	font-size: 16px;
	color: rgb(102,102,102);
	line-height: 32px;
	border-bottom: 1px solid rgb(213,220,228);
	padding: 0 0 40px;
}
.kn_view .about__view-box .about__view--con .kedsnow-view img{width: 100%;}



/*-- event --*/
.about .event-box .event__tap{font-size: 0;margin-top: 40px;}
.about .event-box .event__tap a{
	width: 50%;
	display: inline-block;
	line-height: 60px;
	font-weight: 500;
	font-size: 15px;
	color: rgb(153,153,153);
	border-bottom: 2px solid rgb(213,220,228);
	text-align: center;
	box-sizing: border-box;
}
.about .event-box .event__tap a.on{
	color: rgb(28,0,165);
	border-bottom: 2px solid rgb(28,0,165);
}
.about .event-box .event__list{margin-top: 50px;font-size: 0;}
.about .event-box .event__list li{
	width: calc(33% - 11px);
	display: inline-block;
	margin-right: 22px;
	margin-bottom: 60px;
	vertical-align: top;
}
.about .event-box .event__list li:nth-child(3n){margin-right: 0;}
.about .event-box .event__list li .photo img{width: 100%;}
.about .event-box .event__list li .tit{
	font-weight: 700;
	font-size: 16px;
	left: 22px;
	color: rgb(28,0,165);
	margin-top: 15px;
}
.about .event-box .paging{border-bottom: 0;}

#contents.about.evt_view{
	    min-width: 980px;
    max-width: 1060px;
}
.evt_view .about__view-box .about__view--head{
    max-width: 1060px;
    padding: 0;
}
.evt_view .about__view-box .about__view--head h2 {
    font-family: 'Noto Sans Korean', sans-serif;
    font-weight: 500;
}
.evt_view .about__view-box .about__view--head .select__style{margin-top: 35px;}
.evt_view .about__view-box .about__view--con .event-view{
	border-bottom: 1px solid rgb(213,220,228);
	padding: 0 0 40px;
}
.evt_view .about__view-box .about__view--con .event-view img{width: 100%;}

/*-- stockist --*/
.stockist .about-box{width: 1200px;}
.stockist-box .paging{margin-top: 65px;}
.stockist-box .stockist__head{margin-top: 18px;}
.stockist-box .stockist__head:after{
	content: "";
	display: block;
	clear: both;
}
.stockist-box .stockist__head .select__style{
	width: 134px;
	height: 34px;
	margin-top: 7px;
}
.stockist-box .stockist__head .select__style + .select__style{margin-left: 10px;}
.stockist-box .stockist__head .select__style:before {
    width: 34px;
    height: 32px;
    background-position: center;
    background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
    background-size: 12px;
    background-color: rgb(255,255,255);
}
.stockist-box .stockist__head .inp-box{
	width: 200px;
	border-bottom: 1px solid rgb(153,153,153);
}
.stockist-box .stockist__head .inp-box .stockist__inp{
	width: calc(100% - 20px);
	height: 40px;
	box-sizing: border-box;
	border: 0;
	float: left;
    padding: 0 13px;
    font-weight: 400;
    font-size: 13px;
    color: rgb(77,77,77);
}
.stockist-box .stockist__head .inp-box .stockist__inp:focus{outline: 0;}
.stockist-box .stockist__head .inp-box .stockist__btn {
    width: 20px;
    height: 40px;
    float: left;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/pc/resource/images/common/ico_search_bl_22x21.png);
	background-size: 100%;
}
.stockist-box .stockist__con{
	margin-top: 20px;
	border-top: 1px solid rgb(28,0,165);
}
.stockist__con--list .info{
	font-size: 0;
	padding: 24px 0;
	border-bottom: 1px solid rgb(213,220,228);
}
.stockist__con--list .info > div{
	display: inline-block;
	color: rgb(102,102,102);
	font-size: 14px;
	font-weight: 350;
	text-align: center;
	vertical-align: middle;
}
.stockist-box .stockist__con .no-store {
	padding: 30px 0;
	font-weight: 500;
	font-size: 15px;
	color: rgb(0,0,0);
	text-align: center;
	border-bottom: 1px solid rgb(213,220,228);
}
.stockist__con--list .info .info__agency{width: 85px;}
.stockist__con--list .info .info__name{width: 270px;}
.stockist__con--list .info .info__zone{width: 80px;}
.stockist__con--list .info .info__addr{width: 600px;}
.stockist__con--list .info .info__number{width: 154px;}
.stockist__con--list .info .info__btn{	
	display: none;
	width: 164px;
	font-size:0;
	padding-left: 33px;
	box-sizing: border-box;
}

.stockist__con--list .info .info__btn a{
	width: 25px;
	height: 27px;
	display: inline-block;
}
.stockist__con--list .info .info__btn a.info__btn--map{background: url(/pc/resource/images/sub/stockist_pin_d.png) center top / 20px no-repeat;}
.stockist__con--list .info .info__btn a.info__btn--store{
	background: url(/pc/resource/images/sub/stockist_photo_d.png) center top / 25px no-repeat;
	margin-left: 35px;
}
.stockist__con--list .info .info__btn a.info__btn--store.on{background: url(/pc/resource/images/sub/stockist_photo_on_d.png) center top / 25px no-repeat;cursor: pointer;}


.stockist__con--list .map,
.stockist__con--list .store__pop{display: none;}
.stockist__con--list .store__pop.on{display: block;}
.stockist-box .paging{border-bottom: 0;}
.stock-info {
	margin-top: 80px;
}
.stock-info strong{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: rgb(0,83,166);
}
.stock-info dl{
	overflow: hidden;
	line-height: 28px;
	font-size: 15px;
	color: rgb(102,102,102);
}
.stock-info dl + dl{
	margin-top: 5px;
}
.stock-info dt{
	float: left;
}
.stock-info dd{
	display: table-cell;
}
/*매장사진*/
.layer.stockistStore {padding: 22px 40px 40px;}

.stockistStore .con{margin-top: 22px;}
.stockistStore .con .slide-box{width: 730px;}
.stockistStore .con .slide-box .slide img{width: 100%;}
.stockistStore .con .slide-box .slide .slick-dots{
	font-size:0;
	text-align: center;
	line-height: 12px;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
}
.stockistStore .con .slide-box .slide .slick-dots li{
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid rgb(255,255,255);
	box-sizing: border-box;
	border-radius: 50%;
	text-indent: -99999px;
}
.stockistStore .con .slide-box .slide .slick-dots li.slick-active{background-color: rgb(255,255,255);}
.stockistStore .con .slide-box .slide .slick-dots li + li{margin-left: 10px;}
.stockistStore .con .slide-box .slide .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-color: rgb(255,255,255);
	border-radius: 50%;
	border: 1px solid rgb(214,220,228);
	box-sizing: border-box;
	text-indent: -99999px;
	z-index: 1;
}
.stockistStore .con .slide-box .slide .slick-prev{
    left: 15px;
    background-image: url(/pc/resource/images/common/arr_left_bl_9x13.png);
	background-position: calc(50% - 2px) center;
}

.stockistStore .con .slide-box .slide .slick-next{
    right: 15px;
    background-image: url(/pc/resource/images/common/arr_right_bl_9x13.png);	
	background-position: calc(50% + 1px) center;
}


/*-- prokeds --*/

.prokeds ~ #footer {margin-top: -33px;}
#contents.about.prokeds{
	top: -33px;
	max-width: none;
	padding: 0;
}
.prokeds .about-box{margin: 0;}
.prokeds-box{position: relative;}
.prokeds__con{
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: rgb(255,255,255);
}
.prokeds__con p.big{
	font-weight: 500;
	font-size: 40px;	
	margin-bottom: 20px;
}
.prokeds__con p:not(.big){
	font-size: 17px;
	line-height: 30px;
}
.prokeds__con .logo{margin-bottom: 65px;}

.prokeds__con .fadeUp{animation: fadeUp .5s forwards;opacity: 0;}
.ie9 .prokeds__con .fadeUp{opacity: 1 !important;}

.del1{animation-delay: .3s !important;}
.del2{animation-delay: .6s !important;}
.del3{animation-delay: .9s !important;}
.del4{animation-delay: 1.2s !important;}
.del5{animation-delay: 1.5s !important;}
@keyframes fadeUp{
	0%{
		opacity: 0;
		transform: translateY(25%);
	}
	
	100%{
		opacity: 1;
		transform: translateY(0%);
	}
}


/* layer popup */
.member__layer {
	width: 480px;
	height: 320px;
	padding: 17px 21px 62px 29px;
}
.member__layer .close__btn {top: 4px;}
.member__layer .member__txt {
	margin: 64px 0 0;
	font-weight: 400;
	font-size: 16px;
	color: rgb(102,102,102);
	line-height: 32px;
	text-align: center;
}
.member__layer .btn-box {
	margin: 47px 0 0;
	text-align: center;
}
.member__layer .btn-box .login__btn {
	width: 240px;
	font-size: 16px;
}

#checkid {
	width: 480px !important;
	height: 320px !important;
}
#checkid iframe {border: 0;}
.member__layer .id-check {
	margin: 68px 0 0;
	font-size: 0;
}
.member__layer.id-ok .id-check {
	margin: 25px 0 0;
	padding: 9px 0;
	text-align: center;
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(218,218,218);
}
.member__layer .id-check label {
	width: 50px;
	display: inline-block;
	font-weight: 350;
	font-size: 14px;
	color: rgb(68,68,68);
	line-height: 38px;
	vertical-align: top;
}
.member__layer .id-check .idcheck__inp,
.member__layer .id-check .txt__use {
	width: 260px;
	height: 38px;
	display: inline-block;
	padding: 0 18px;
	font-weight: 350;
	font-size: 14px;
	color: rgb(68,68,68);
	vertical-align: top;
	background-color: rgb(234,237,241);
	box-sizing: border-box;
}
.member__layer .id-check .txt__use {
	overflow: hidden;
	line-height: 38px;
	background: none;
}
.member__layer .id-check .search-id__btn {
	width: 90px;
	height: 38px;
	display: inline-block;
	margin: 0 0 0 6px;
	font-weight: 400;
	font-size: 14px;
	vertical-align: top;
	line-height: 38px;
}
.member__layer .id-check + .notice {
	margin: 23px 0 0 50px;
	padding: 0 0 0 14px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 22px;
	word-break: keep-all;
}
.member__layer .id-check + .notice:before {
	content: '※';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.member__layer.id-ok .id-check + .notice {margin-left: 0;}
.member__layer.id-ok .btn-box {margin-top: 26px;}
.member__layer.id-ok .btn-box a {width: 240px;}


/* 재입고 알림 팝업 */
.alarm__layer {width: 480px;}
.alarm__layer .restock_info {
	margin-top: 20px;
	border-top: 1px solid rgb(235,235,235);
}
.alarm__layer .restock_info > dl {
	border-bottom: 1px solid rgb(235,235,235);
	font-weight: 400;
	line-height: 30px;
}
.alarm__layer .restock_info .size {
	padding: 20px 0;
}
.alarm__layer .restock_info .tel {
	padding: 10px 0
}
.alarm__layer .restock_info dt {
	float: left;
	font-weight: normal;
	color: rgb(34,34,34);
	font-size:14px;
}
.alarm__layer .restock_info dd {
	padding-left: 63px;
	font-size:14px;
}
.alarm__layer .size_list {
	overflow: hidden;
	margin: 0 0 -5px -18px;
}
.alarm__layer .size_list > a {
	float: left;
	font-size: 11px;
	margin-left: 18px;
	margin-bottom: 5px;
	font-size:14px;
	color: rgb(136,136,136);
	display: inline-block;
	text-align: center;
}
.alarm__layer .size_list > a.on {
	 color: rgb(224,0,42);
}
.alarm__layer .restock_popup_btn {
	display: block;
	margin: 30px auto 0;
}


/* membership */
.customer__contents .membership-box {margin-bottom: 100px;}
.membership-box .tit-box {
	width: 100%;
	height: 280px;
	display: table;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/membership/bg_membership01.jpg);
	background-size: cover;
}
.membership-box .tit-box > .inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.membership-box .tit-box .desc {margin: 41px auto 0;}
.membership-box .intro-box ul:after {
	content: '';
	display: block;
	clear: both;
}
.membership-box .intro-box ul li {
	width: 31.88%;
	height: 200px;
	float: left;
	margin: 20px 2.18% 0 0;
	position: relative;
	top: 0;
	left: 0;
	background-color: rgb(239,242,245);
}
.membership-box .intro-box ul li:nth-child(3n) {margin-right: 0;}
.membership-box .intro-box ul li img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.membership-box .benefit-box {margin-top: 40px;}
.membership-box .benefit-box .benefit:after {
	content: '';
	display: block;
	clear: both;
}
.membership-box .benefit-box .benefit > div {
	width: 25%;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.membership-box .benefit-box .benefit .bf03,
.membership-box .benefit-box .benefit .bf04 {padding: 0 0 0 26px;}
.membership-box .benefit-box .benefit dl {display: inline-block;}
.membership-box .benefit-box .benefit dt {
	height: 54px;
	padding: 0 0 0 63px;
	font-size: 20px;
	line-height: 54px;
	background-repeat: no-repeat;
	background-position: left center;
	color: rgb(0,83,166);
}
.membership-box .benefit-box .benefit .bf01 dt {

	background-image: url(/pc/resource/images/membership/ico_benefit01.png);
}
.membership-box .benefit-box .benefit .bf02 dt {

	background-image: url(/pc/resource/images/membership/ico_benefit02.png);
}
.membership-box .benefit-box .benefit .bf03 dt {

	background-image: url(/pc/resource/images/membership/ico_benefit03.png);
}
.membership-box .benefit-box .benefit .bf04 dt {

	background-image: url(/pc/resource/images/membership/ico_benefit04.png);
}

.membership-box .benefit-box .benefit dd {margin: 15px 0 0;}
.membership-box .benefit-box .benefit dd .desc {
	font-weight: 500;
	font-size: 16px;
	color: rgb(68,68,68);
	text-align: left;
	line-height: 26px;
	word-break: keep-all;
}
.membership-box .benefit-box .benefit dd .notice {
	margin: 20px 0 0;
	padding: 0 0 0 7px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 500;
	font-size: 14px;
	color: rgb(153,153,153);
	text-align: left;
	line-height: 21px;
	word-break: keep-all;
}
.membership-box .benefit-box .benefit dd .notice + .notice {margin-top: 0;}
.membership-box .benefit-box .benefit dd .notice:before {
	content: '*';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.membership-box .benefit-box .level-box {margin: 50px 0 0;}
.membership-box .benefit-box .level-box > .tit {
	font-weight: 500;
	font-size: 20px;
	color: rgb(28,0,165);
}
.membership-box .benefit-box .level-box table {
	width: 100%;
	margin: 22px 0 0;
	border-top: 1px solid rgb(28,0,165);
	border-bottom: 1px solid rgb(153,153,153);
}
.membership-box .benefit-box .level-box table th,
.membership-box .benefit-box .level-box table td {border-top: 1px solid rgb(224,224,224);}
.membership-box .benefit-box .level-box table tr:first-child th,
.membership-box .benefit-box .level-box table tr:first-child td {border-top: 0;}
.membership-box .benefit-box .level-box table th {
	font-weight: 400;
	font-size: 16px;
	color: rgb(255,255,255);
	line-height: 20px;
	background-color: rgb(28,0,165);
}
.membership-box .benefit-box .level-box table td {
	padding: 20px 0 22px;
	font-weight: 400;
	font-size: 16px;
	color: rgb(68,68,68);
	line-height: 30px;
	text-align: center;	
	border-left: 1px solid rgb(224,224,224);
}
.membership-box .benefit-box .level-box table td.lt {letter-spacing: -1.5px;}
.membership-box .benefit-box .level-box table td span {color: rgb(153,153,153);}
.membership-box .benefit-box .level-box table td:first-of-type {border-left: 0;}
.membership-box .benefit-box .level-box table tr:first-child td {
	padding: 22px 0 30px;
	font-family: 'Granary-Bold', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: rgb(28,0,165);
	background-color: rgb(239,242,245);
}
.membership-box .benefit-box .level-box table tr:first-child td:before {
	width: 84px;
	height: 84px;
	content: '';
	display: block;
	margin: 0 auto 12px;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
}
.membership-box .benefit-box .level-box table tr:first-child td.premium:before {
	background-image: url(/pc/resource/images/membership/ico_level_benefit01.png);
}
.membership-box .benefit-box .level-box table tr:first-child td.vip:before {
	background-image: url(/pc/resource/images/membership/ico_level_benefit02.png);
}
.membership-box .benefit-box .level-box table tr:first-child td.gold:before {
	background-image: url(/pc/resource/images/membership/ico_level_benefit03.png);
}
.membership-box .benefit-box .level-box table tr:first-child td.silver:before {
	background-image: url(/pc/resource/images/membership/ico_level_benefit04.png);
}
.membership-box .benefit-box .level-box .notice {margin: 25px 0 0;}
.membership-box .benefit-box .level-box .notice:after {
	content: '';
	display: block;
	clear: both;
}
.membership-box .benefit-box .level-box .notice dl {
	width: 50%;
	float: left;
}
.membership-box .benefit-box .level-box .notice dt {
	font-weight: 500;
	font-size: 16px;
	color: rgb(68,68,68);
}
.membership-box .benefit-box .level-box .notice dd {margin: 13px 0 0;}
.membership-box .benefit-box .level-box .notice dd p:not(.tel) {
	padding: 0 0 0 10px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 28px;
	word-break: keep-all;
}
.membership-box .benefit-box .level-box .notice dd p:not(.tel):before {
	content: '-';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.membership-box .benefit-box .level-box .notice dd .tel {
	margin: 15px 0 0;
	font-weight: 400;
	font-size: 15px;
	color: rgb(210,32,48);
	line-height: 30px;
}

.membership-box .join-box:after {
	content: '';
	display: block;
	clear: both;
}
.membership-box .join-box > div {
	width: 49.11%;
	height: 160px;
	float: left;
	margin: 42px 0 0;
	padding: 22px 30px 0;
	position: relative;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.membership-box .join-box .pc-join {background-image: url(/pc/resource/images/membership/bg_join01_01.jpg);}
.membership-box .join-box .mobile-join {
	float: right;
	background-image: url(/pc/resource/images/membership/bg_join01_02.jpg);
}
.membership-box .join-box > div:before {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
}
.membership-box .join-box > div .tit {
	font-weight: 700;
	font-size: 20px;
	color: rgb(28,0,165);
}
.membership-box .join-box > div .tit span {
	font-family: 'Granary-Bold', sans-serif;
	font-size: 24px;
}
.membership-box .join-box > div .desc {
	margin: 10px 0 0;
	font-weight: 400;
	font-size: 16px;
	color: rgb(28,0,165);
	line-height: 28px;
}
.membership-box .join-box > div .join__btn {
	width: 90px;
	height: 90px;
	display: table;
	position: absolute;
	top: 35px;
	right: 20px;
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-image: url(/pc/resource/images/membership/arr_right_wt_7x11.png);
	background-color: rgb(28,0,165);
	border-radius: 50%;
}
.membership-box .join-box > div .join__btn:before {
	width: 78px;
	height: 78px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgba(255,255,255,0.57);
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.membership-box .join-box > div .join__btn span {
	display: table-cell;
	padding: 0 4px 0 0;
	font-weight: 700;
	font-size: 15px;
	color: rgb(255,255,255);
	line-height: 17px;
	text-align: center;
	vertical-align: middle;
}
.membership-box .join-box > div .inp-box {margin: 10px 0 0;}
.membership-box .join-box > div .inp-box:after {
	content: '';
	display: block;
	clear: both;
}
.membership-box .join-box > div .inp-box label {
	width: 53px;
	float: left;
	font-weight: 400;
	font-size: 16px;
	color: rgb(28,0,165);
	line-height: 35px;
}
.membership-box .join-box > div .inp-box input {
	width: 60%;
	height: 35px;
	float: left;
	padding: 0 12px;
	font-weight: 400;
	font-size: 14px;
	color: rgb(0,0,0);
	background-color: rgb(229,229,229);
	box-sizing: border-box;
}
.membership-box .join-box > div .inp-box input::placeholder {
	color: rgb(102,102,102);
	letter-spacing: -1px;
}
.membership-box .join-box > div .notice {
	margin: 13px 0 0;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
	letter-spacing: -0.7px;
}

.membership-box .desc-box {margin: 92px 0 0;}
.membership-box .desc-box > .tit {	
	font-weight: 400;
	font-size: 22px;
	color: rgb(153,153,153);
	text-align: center;
}
.membership-box .desc-box > .tit + div {margin: 15px 0 0;}
.membership-box .desc-box > div > .tit {	
	font-weight: 400;
	font-size: 22px;
	color: rgb(28,0,165);
	text-align: center;
}
.membership-box .desc-box > div > .tit span {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
}
.membership-box .desc-box > div > .tit span:before {
	width: 100%;
	height: 18px;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-color: rgb(214,229,243);
}
.membership-box .desc-box > div > .tit i {
	height: 36px;
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 0;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
}
.membership-box .desc-box > .online > .tit i {
	width: 44px;
	background-image: url(/pc/resource/images/membership/txt_number01.png);
}
.membership-box .desc-box > .app > .tit i {
	width: 47px;
	background-image: url(/pc/resource/images/membership/txt_number02.png);
}
.membership-box .desc-box > .offline > .tit i {
	width: 48px;
	background-image: url(/pc/resource/images/membership/txt_number02.png);
}
.membership-box .desc-box > div > div {
	overflow: hidden;
	margin: 30px 0 0;
	background-color: rgb(238,242,245);
}
.membership-box .desc-box .online ul {
	width: 87.55%;
	margin: 35px auto 50px;
	font-size: 0;
	text-align: center;
}
.membership-box .desc-box .online ul:after {
	content: '';
	display: block;
	clear: both;
}
.membership-box .desc-box .online ul li {
	width: 29.7%;
	float: left;
	margin: 38px 5.45% 0 0;
	position: relative;
	top: 0;
	left: 0;
}
.membership-box .desc-box .online ul li:before {
	width: 13px;
	height: 20px;
	content: '';
	display: block;
	position: absolute;
	top: 213px;
	right: -27px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/membership/arr_right_gr_10x16.png);
}
.membership-box .desc-box .online ul li:nth-child(3n) {margin-right: 0;}
.membership-box .desc-box .online ul li:nth-child(8):before,
.membership-box .desc-box .online ul li:nth-child(3n):before {content: none;}
.membership-box .desc-box .online ul li:nth-child(1),
.membership-box .desc-box .online ul li:nth-child(2),
.membership-box .desc-box .online ul li:nth-child(3) {margin-top: 0;}
.membership-box .desc-box .online ul li .num {
	font-family: 'FuturaBT-Medium', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: rgb(199,199,199);
}
.membership-box .desc-box .online ul li .photo {margin: 18px 0 0;}
.membership-box .desc-box .online ul li .photo img {width: 100%;}
.membership-box .desc-box .online ul li .desc {
	height: 52px;
	margin: 23px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: rgb(102,102,102);
	line-height: 26px;
	letter-spacing: -1px;
}
.membership-box .desc-box .online ul li .desc span {color: rgb(11,93,208);}
.membership-box .desc-box .online ul li .desc i {
	font-family: 'FuturaBT-Medium', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
}
.membership-box .desc-box .app {margin: 85px 0 0;}
.membership-box .desc-box .offline {margin: 90px 0 0;}
.membership-box .desc-box > div:not(.online) ul {
	width: 93%;
	margin: 40px auto 45px;
	font-size: 0;
	text-align: center;
}
.membership-box .desc-box > div:not(.online) ul:after {
	content: '';
	display: block;
	clear: both;
}
.membership-box .desc-box > div:not(.online) ul li {
	width: 22.315%;
	display: inline-block;
	margin: 0 3.58% 0 0;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: top;
}
.membership-box .desc-box > div:not(.online) ul li:before {
	width: 13px;
	height: 20px;
	content: '';
	display: block;
	position: absolute;
	top: 85px;
	right: -21px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/membership/arr_right_gr_10x16.png);
}
.membership-box .desc-box > div:not(.online) ul li:nth-child(4n) {margin-right: 0;}
.membership-box .desc-box > div:not(.online) ul li:nth-child(4n):before {content: none;}
.membership-box .desc-box > div:not(.online) ul li .photo img {width: 100%;}
.membership-box .desc-box > div:not(.online) ul li .desc {
	margin: 23px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: rgb(68,68,68);
	line-height: 26px;
}
.membership-box .desc-box > div:not(.online) ul li .desc span {color: rgb(11,93,208);}
.membership-box .desc-box > div:not(.online) ul li .desc em {
	font-style: normal;
	font-size: 14px;
	color: rgb(102,102,102);
	letter-spacing: -1.5px;
}

.layer.member__layer.myinfo {height: auto;}
.layer.member__layer.myinfo .con > p {
	margin: 50px 0;
	font-size: 16px;
	text-align: center;
}
.layer.member__layer.myinfo table {width: 100%;}
.layer.member__layer.myinfo table td {
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	border: 1px solid rgb(0,0,0);
}


.member_login .login-box {
	position: relative;
	padding-bottom: 85px;
}
.member_login .login-box .mb-notice{
	padding: 0 0 0 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% + 30px);
}
.member_login .login-box .mb-notice:before {
	content: '*';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.join_certify .mb-notice{
	margin-top: 35px;
}
.mb-notice{
	line-height: 26px;
	font-size: 14px;
	color: rgb(28,0,165);
}

/* 2021-02-03 멤버십수정 */
.benefit-box .coupon {
	font-size: 0;
	margin-bottom: 40px;
	border-bottom: 1px solid rgb(217,225,232);
}
.benefit-box .coupon > div{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}
.benefit-box .coupon .tit{
	color: rgb(28,0,165);
}
.benefit-box .coupon .tit strong{
	display: block;
	margin-top: 10px;
	line-height: 52px;
	font-size: 48px;
	font-family: 'Granary-Bold';
}
.benefit-box .coupon .tit p{
	margin: 15px 0 30px;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: 0.01em;
}

/* 2021-02-04 소셜댓글 */
.social-cmt-box {margin-top: 30px;}


.ssSocial-Comment .extMember img{width: 25px;height:21px;}

/* 2021-03-24 로그인 탭 추가 */
.login__contents .member_wrap {
	padding-top: 47px;
	padding-bottom: 70px;
}
.login__contents .tab__btn:after,
.login__contents .tab__detail:after,
.login__contents .tab__detail .member_login:after {
	content: '';
	display: block;
	clear: both;
}
.login__contents .tab__btn a {
	width: 50%;
	float: left;
	font-weight: 500;
	font-size: 18px;
	color: rgb(187,187,187);
	text-align: center;
	line-height: 52px;
	border-bottom: 2px solid rgb(213,220,228);
}
.login__contents .tab__btn a.on {
	color: rgb(28,0,165);
	border-color: rgb(28,0,165);
}
.login__contents .tab__detail > div:not(.banner-box) {display: none;}
.login__contents .member_wrap .tab__detail .inp_form {width: 100%;}
.login__contents .member_wrap .tab__detail .input_area div {margin-top: 25px;}
.login__contents .tab__detail .member_login .login-box {
	width: 360px;
	float: left;
	padding: 0;
}
.login__contents .tab__detail .member_login .login-box .mb-notice {
	margin-top: 23px;
	padding: 0 0 0 5px;
	position: relative;
	bottom: auto;
	left: 0;
}
.login__contents .tab__detail .member_login .easy-login {
	width: 360px;
	float: right;
	margin: 0;
}
.login__contents .tab__detail .member_login .easy-login .btn-box {margin-top: 56px;}
.login__contents .banner-box {margin: 18px 0 ;}
.login__contents .banner-box a {display: block;}
.login__contents .banner-box img {width: 100%;}

.login__contents .tab__detail .member_login .login-box .btn_mbr-bf {
	display: block;
	margin-top: 8px;
	width: 120px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.2px;
	color: rgb(28,0,165);
	text-decoration: underline;
	background: url(/pc/resource/images/common/arr_rt_6x9_bl.png) no-repeat center right;
}

/* 2021-06-08 장바구니 - 1+1, 세트상품 추가 및 테이블 수정 */
.order-con .table__con.v2 {table-layout: fixed;}
.order-con .table__con.v2 tr {border: 0 !important;}
.order-con .table__con.v2 th {border-bottom: 1px solid rgb(213,220,228);}
.order-con .table__con.v2 td {border-bottom: 1px solid rgb(213,220,228);}
.order-con .table__con.v2 tr td.taL label {margin-left: 20px;}
.order-con .table__con.v2 tr td .select__style {width: 122px;}
.order-con .table__con.v2 tr td.btn {text-align: left;}
.order-con .table__con.v2 tr td .deleteBtn {right: 20px;}
.order-con .table__con.v2 .other-goods {
	position: relative;
	top: 0;
	left: 0;
}
.order-con .table__con.v2 .other-goods.plus {background-color: rgb(237,242,247);}
.order-con .table__con.v2 .other-goods.set {background-color: rgb(245,245,245);}
.order-con .table__con.v2 .other-goods .tit td {
	padding: 9px 20px 11px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 13px;
	color: rgb(28,0,165);
	text-align: left;
}
.order-con .table__con.v2 .other-goods .tit td:before {
	width: 100%;
	height: 1px;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid rgb(28,0,165);
}
.order-con .table__con.v2 .other-goods.plus tr td span.select__style:before {background-color: rgb(237,242,247);}
.order-con .table__con.v2 .other-goods.set tr td span.select__style:before {background-color: rgb(245,245,245);}
/* //2021-06-08 장바구니 - 1+1, 세트상품 추가 및 테이블 수정 */

/* 2021-06-08 주문/결제 - 1+1, 세트상품 추가 및 테이블 수정  */
.order_wrap.checkout .order-con .table__con.v2 .taL .info {margin-left: 20px;}
/* //2021-06-08 주문/결제 - 1+1, 세트상품 추가 및 테이블 수정  */

/* 2021-06-08 주문 조회 - 1+1, 세트상품 추가 및 테이블 수정 */
.mypage_wrap.myorder .table__con.v2 {}
.mypage_wrap.myorder .table__con.v2 .other-goods table {width: 100%;}
.mypage_wrap.myorder .table__con.v2 .other-goods table td:nth-child(1) {width: 280px;}
.mypage_wrap.myorder .table__con.v2 .other-goods table td:nth-child(2) {width: 72px;}
.mypage_wrap.myorder .table__con.v2 .other-goods table td:nth-child(3) {width: 105px;}
.mypage_wrap.myorder .table__con.v2 .other-goods table td:nth-child(4) {width: 105px;}
.mypage_wrap.myorder .table__con.v2 .other-goods table td:nth-child(5) {width: 105px;}
.mypage_wrap.myorder .table__con.v2 .other-goods table td:nth-child(6) {width: 94px;}
.mypage_wrap.myorder .table__con.v2 .other-goods table tbody {border-bottom: 0;}
.mypage_wrap.myorder .table__con.v2 .other-goods table tr:last-child {background: none;}
.mypage_wrap.myorder_view .table__con.v2 .other-goods tr:last-child {background: none;}
.mypage_wrap.myorder .table__con.v2 .other-goods table tr:last-child td {border-bottom: 0;}
.mypage_wrap.myorder .table__con.v2 .other-goods > td {padding: 0;}
.mypage_wrap.myorder .table__con.v2 .taL .info {margin-left: 20px;}
.mypage_wrap.myorder .table__con.v2 tr td .pdTxt {width: 120px;}
.mypage-box .order-con .info-box > div dl dd.vat {vertical-align: top;}
.mypage_wrap.myorder .table__con.v2 {}
.mypage_wrap.myorder .table__con.v2 .other-goods:nth-child(2) .tit td:before {content: none;}

/* //2021-06-08 주문 조회 - 1+1, 세트상품 추가 및 테이블 수정 */

/* 2021-06-21 생년월일 성별 수정 */

.join2 .input_area div:not(.marketing) #birthdaySex + .join_label {
	margin-top: 0;
	color: rgb(68,68,68);
	font-weight: 500;
}
.join2 .input_area div.birth span.dec{
	margin-top: 12px;
	margin-left: 23px;
	line-height: 24px;	
	font-weight: 500;
}
.join2 .input_area div.birth span.red{color: rgb(255,95,92);}
.join2 .input_area div.birthdaySex{
	margin-top: 15px;
	background-color: rgb(234,237,241);
	padding: 0 0 20px 23px;
	box-sizing: border-box;
	display: block;
}
.join2 .input_area div.birthdaySex.hidden{display: none;}

.modify .order-con .input__con > .input__con--con #birthdaySex + .join_label {
	color: rgb(68,68,68);
	font-weight: 500;
	font-size: 15px;
}
.modify .order-con .input__con > .input__con--con .birthdaySex{
	margin-top: 30px;
	background-color: rgb(234,237,241);
	padding: 15px 0 15px 23px;
	box-sizing: border-box;
	display: block;
}
.modify .order-con .input__con > .input__con--con .birthdaySex.hidden{display: none;}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl{font-size: 0;}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl.mt20{margin-top: 20px;}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl.mt30{margin-top: 30px;}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl.mt40{margin-top: 40px;}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl > dt{width: 110px;}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl > dd{margin-top: 0;}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl > dd + dd{
	padding-left: 110px;
	box-sizing: border-box;
}
.modify .order-con .input__con > .input__con--con .birthdaySex > dl > dt,
.modify .order-con .input__con > .input__con--con .birthdaySex > dl > dd{
	font-size: 14px ;
	font-weight: 350;
	color: rgb(68,68,68);
	line-height: 26px;
	display: inline-block;
}
.modify .order-con .input__con > .input__con--con .birthdaySex  > dl > dd a{
	width: 115px;
	height: 38px;
	line-height: 38px;
	margin-left: 30px;
}
.modify .order-con .input__con > .input__con--con .birthdaySex  > dl > dd p{
	font-size: 14px;
	color: rgb(153,153,153);
	line-height: 24px;
	font-weight: 350;
	box-sizing: border-box;
	margin-top: 5px;
}

.modify .order-con .input__con > .input__con--con .birth span.dec{
	display: inline-block;
	margin-top: 15px;
	padding-left: 23px;
	line-height: 24px;	
	font-weight: 500;
	font-size: 14px;
}
.modify .order-con .input__con > .input__con--con .birth span.red{color: rgb(255,95,92);}
.modify .order-con .input__con > .input__con--con .birth span.blue{color: rgb(28,0,165);margin-top: 0;}

.modify .order-con .input__con > .input__con--con .birth a.certification{
	display: inline-block;
	width: 77px;
	height: 38px;
	line-height: 38px;
	color: rgb(255,255,255);
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	background-color: rgb(28,0,165);
	margin-left: 5px;
}

/* 2021-07-21 kedsnow 하단 리스트 수정 */
#contents.about .goods-box {
	position: relative;
	top: 0;
	left: 0;
}
.goods-box .goods-list__slider {margin: 35px -10px 85px !important;}
.goods-box .goods-list__slider .slick-slide {margin: 0 10px !important;}
.goods-box .arrow-box button {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 162px;
	font-size: 0;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgb(214,221,229);
	border-radius: 50%;
	box-sizing: border-box;
}
.goods-box .arrow-box .prev__btn {
	left: -16px;
	background-image: url(/pc/resource/images/common/arr_left_bl_9x13.png);
}
.goods-box .arrow-box .next__btn {
	right: -16px;
	background-image: url(/pc/resource/images/common/arr_right_bl_9x13.png);
}
.about__view-box .about__view--con .goods__contents .goods-box .goods__list.v2 {margin-top: 23px;}
.about__view-box .about__view--con .goods__contents .goods-box .goods__list.v2 li {
	width: 230px;
	margin: 55px 20px 0 0;
}
.about__view-box .about__view--con .goods__contents .goods__list.v2 li:nth-child(1),
.about__view-box .about__view--con .goods__contents .goods__list.v2 li:nth-child(2),
.about__view-box .about__view--con .goods__contents .goods__list.v2 li:nth-child(3),
.about__view-box .about__view--con .goods__contents .goods__list.v2 li:nth-child(4) {margin-top: 0;}
.about__view-box .about__view--con .goods__contents .goods__list.v2 li:nth-child(4n) {margin-right: 0;}
/* //2021-07-21 kedsnow 하단 리스트 수정 */


/* 2021-08-09 내정보변경 - 간편로그인 수정 */
.modify .order-con .input__con > .input__con--con > dl.easy-sns-login dt {vertical-align: middle;}
.modify .order-con .input__con > .input__con--con > dl.easy-sns-login dd {
	font-size: 0;
	vertical-align: middle;
}
.modify .order-con .input__con > .input__con--con > dl.easy-sns-login a {
	width: 177px;
	height: 49px;
	display: inline-block;
	margin: 0 !important;
	padding: 0 24px 0 0;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	vertical-align: top;
	background: none;
	background-repeat: no-repeat;
	background-position: left center;
	box-sizing: border-box;
}
.modify .order-con .input__con > .input__con--con > dl.easy-sns-login a.on {background-position: left center;}
.modify .order-con .input__con > .input__con--con > dl.easy-sns-login a.naver {background-image: url(/pc/resource/images/sub/sns_naver_off_48x48.jpg);}
.modify .order-con .input__con > .input__con--con > dl.easy-sns-login a.kakao {background-image: url(/pc/resource/images/sub/sns_kakao_off_48x48.jpg);}

.modify .order-con .input__con > .input__con--con > dl.easy-sns-login a.naver.on {background-image: url(/pc/resource/images/sub/sns_naver_on_48x48.jpg);}
.modify .order-con .input__con > .input__con--con > dl.easy-sns-login a.kakao.on {background-image: url(/pc/resource/images/sub/sns_kakao_on_48x48.jpg);}

.modify .order-con .input__con > .input__con--con > dl.easy-sns-login a span {
	display: block;
	position: absolute;
	top: 50%;
	left: 62px;
	font-weight: 350;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* //2021-08-09 내정보변경 - 간편로그인 수정 */

/* 2021-08-09 로그인 - 간편 로그인 수정 */
.member_login .easy-login.v2 .btn-box > a {font-size: 15px;}
.member_login .easy-login.v2 .btn-box > a.naver {background-position-x: 91px;}
/* //2021-08-09 로그인 - 간편 로그인 수정 */

/* 2021-08-09 비회원 주문 조회 - 간편 로그인 수정 */
.member_wrap .inp_form.nonMember .easy-login.v2 {margin-bottom: 36px;}
/* //2021-08-09 비회원 주문 조회 - 간편 로그인 수정 */

/* 2021-10-14 기획전 하단 소셜댓글 추가 */
.collection_view .social-cmt-box {margin-bottom: 95px;}
/* //2021-10-14 기획전 하단 소셜댓글 추가 */

/* 2022-01-06 안내사항 추가 */
.notice-information-box {
	width: 100%;
	padding: 14px 20px 13px;
	border: 2px solid rgb(213,220,228);
	box-sizing: border-box;
}
.notice-information-box .tit {
	font-weight: 700;
	font-size: 18px;
	color: rgb(28,0,165);
}
.notice-information-box .txt {
	margin-top: 7px;
	font-weight: 350;
	font-size: 15px;
	color: rgb(102,102,102);
	line-height: 28px;
}
.notice-information-box .txt span {color: rgb(28,0,165);}

.mypage_wrap.myorder_view .notice-information-box {margin-top: 35px;}
.order_wrap.pay_complete .notice-information-box {margin-top: 50px;}
/* //2022-01-06 안내사항 추가 */


/* 2022-03-16 개인정보처리방침 수정 */
.qna-box._write .qna__con dl dt strong {color: rgb(68,68,68);}
.order-box .input__con dl dt span {font-weight: 400;}
.agree-txt1 {
	font-weight: 500 !important;
	font-size: 15px !important;
	color: rgb(51,51,51) !important;
	line-height: 22px !important;
}
.agree-txt2 {
	font-weight: 500;
	font-size: 15px;
	color: rgb(51,51,51);
	line-height: 26px;
}
.agree-txt3 {
	font-weight: 500 !important;
	font-size: 16px !important;
	color: rgb(51,51,51) !important;
}
.agree-txt101 {
	font-weight: 500 !important;
	color: #333333 !important;
}
/* //2022-03-16 개인정보처리방침 수정 */

/* 2022-05-03 장바구니 - 오늘도착 추가 */
.order-con .table__con tr td .pdTxt .tag.today {
	width: 75px;
	display: block;
	font-size: 12px;
	color: rgb(255,255,255);
	background-color: rgb(28,0,165);
}
.today-notice-box {
	margin: 26px 0 0;
	padding: 21px 26px;
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
}
.today-notice-box:after {
	content: '';
	display: block;
	clear: both;
}
.today-notice-box > div {float: left;}
.today-notice-box > div:nth-child(1) {width: 170px;}
.today-notice-box > div:nth-child(2) {width: calc(100% - 170px);}
.today-notice-box > div:nth-child(1) .tit {
	float: left;
	font-weight: 700;
	font-size: 18px;
	color: rgb(68,68,68);
}
.today-notice-box > div:nth-child(1) .status {
	float: left;
	font-weight: 700;
	font-size: 18px;
	color: rgb(28,0,165);
}
.today-notice-box > div:nth-child(2) p {
	padding-left: 7px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 26px;
}
.today-notice-box > div:nth-child(2) p:before {
	content: '*';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


.order_wrap .order-box .today-btn-box {
	display: inline-block;
	margin-right: 17px;
}
.order_wrap .order-box .today-btn-box input {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.order_wrap .order-box .today-btn-box label {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: rgb(28,0,165);
    text-decoration: underline;
	cursor: pointer;
}
.order_wrap .order-box .today-btn-box input:checked + label {
	color: rgb(213,220,228);	
}
/* //2022-05-03 장바구니 - 오늘도착 추가 */

/* 2022-10-07 배너 */
.cart-banner-box {margin-top: 30px;}

/* 2022-05-03 주문 - 오늘도착 추가 */
.today-notice-box._order {
	margin: 40px 0 0;
	padding: 26px 30px 23px;
}
.today-notice-box._order > div {
	width: auto;
	position: relative;
	top: 0;
	left: 0;
}
.today-notice-box._order > div:after {
	content: '';
	display: block;
	clear: both;
}
.today-notice-box._order > div > p {
	float: left;
	font-weight: 350;
	font-size: 14px;
	color: rgb(68,68,68);
	line-height: 19px;
}
.today-notice-box._order > div > p > span {
	width: 75px;
	height: 19px;
	display: inline-block;
	margin-right: 6px;
	font-size: 12px;
	color: rgb(255,255,255);
  line-height: 19px;
	vertical-align: top;
  text-align: center;
	background-color: rgb(28,0,165);
  border-radius: 3px;
}
.today-notice-box._order .today-notice__btn {
	width: 19px;
	height: 19px;
	float: left;
	margin-left: 5px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/sub/ico_q_bl_19x19.png);
}
.today-notice-box._order .today-tooltip__layer {
	width: 510px;
	height: 134px;
	display: none;
	position: absolute;
	bottom: 0;
	left: calc(100% - 19px);
	background-color: rgb(255,255,255);
	border: 2px solid rgb(28,0,165);
	box-sizing: border-box;
}
.today-notice-box._order > div.open .today-tooltip__layer {display: block;}
.today-notice-box._order .today-tooltip__layer .tooltip-close__btn {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 3;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_gr_15x15.png);
}
.today-notice-box._order .today-tooltip__layer .txt-box {padding: 16px 20px 0;}
.today-notice-box._order .today-tooltip__layer .txt-box p {
	padding-left: 8px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 400;
	font-size: 13px;
	color: rgb(102,102,102);
	line-height: 24px;
	letter-spacing: -0.5px;
}
.today-notice-box._order .today-tooltip__layer .txt-box p:before {
	content: '-';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.today-notice-box._order .today-tooltip__layer .txt-box span {color: rgb(28,0,165);}
.today-notice-box._order > p {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 10px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
}


.cart-banner {margin-top:30px}
.delivery-choice-box {}
.delivery-choice-box:after {
	content: '';
	display: block;
	clear: both;
}
.delivery-choice-box > div {
	width: 232px;
	float: left;
}
.delivery-choice-box > .today-delivery {width: calc(100% - 232px);}
.delivery-choice-box .chk:after {
	content: '';
	display: block;
	clear: both;
}
.delivery-choice-box label {
	float: left;
	padding-left: 30px;
	font-weight: 500;
	font-size: 14px;
	color: rgb(68,68,68);
}
.delivery-choice-box .together__btn {
	width: 86px;
	height: 28px;
	float: left;
	margin: -4px 0 0 15px;
	padding-left: 23px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 500;
	font-size: 14px;
	color: rgb(28,0,165);
	text-align: left;
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
}
.delivery-choice-box .together__btn:before,
.delivery-choice-box .together__btn:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	background-color: rgb(28,0,165);
	transform: translateY(-50%);
}
.delivery-choice-box .together__btn:before {
	width: 11px;
	height: 1px;
	left: 7px;
}
.delivery-choice-box .together__btn:after {
	width: 1px;
	height: 11px;
	left: 12px;
}
.delivery-choice-box .txt-box {margin-top: 13px;}
.delivery-choice-box > .today-delivery .txt-box {margin-top: 9px;}
.delivery-choice-box .txt-box p {
	font-weight: 350;
	font-size: 14px;
	color: rgb(136,136,136);
	line-height: 26px;
}
.delivery-choice-box .txt-box p + p {margin-top: 10px;}
.delivery-choice-box .txt-box span {color: rgb(28,0,165);}

.together__layer {
	width: 560px;
	min-height: 670px;
	position: relative;
	top: 0;
	left: 0;
	background-color: rgb(255,255,255);
}
.together__layer .close__btn {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_bl_20x20.png);
}
.together__layer .con {padding: 71px 50px 45px;}
.together__layer .con .txt {
	font-weight: 500;
	font-size: 22px;
	color: rgb(28,0,165);
	line-height: 35px;
	text-align: center;
}
.together__layer .con .add__btn {
	width: 270px;
	height: 50px;
	display: block;
	margin: 34px auto 0;
	font-weight: 500;
	font-size: 16px;
	color: rgb(255,255,255);
	background-color: rgb(28,0,165);
}
.together__layer .con .together-slider-box {margin-top: 40px;}
.together__layer .con .together__slider {
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
}
.together__layer .con .together__slider.slick-slider {overflow: visible;}
.together__layer .con .together__slider > .goods {
	width: 200px;
	display: inline-block;
	margin: 0 15px;
	vertical-align: top;
}
.together__layer .con .together__slider .slick-slide {
	width: 200px;
	margin: 0 15px;
}
.together__layer .con .together__slider .goods * {white-space: normal;}
.together__layer .con .together__slider .goods .photo {
	width: 100%;
	float: left;
}
.together__layer .con .together__slider .goods .chk {
	width: 25px;
	float: left;
	margin-top: 18px;
}
.together__layer .con .together__slider .goods .chk label {
	height: 15px;
	padding-left: 15px;
}
.together__layer .con .together__slider .goods .info {
	width: calc(100% - 25px);
	float: left;
	margin-top: 16px;
}
.together__layer .con .together__slider .goods .select-box {
	width: calc(100% - 25px);
	float: left;
	clear: both;
	margin: 17px 0 0 25px;
	position: relative;
	top: 0;
	left: 0;
	border: 1px solid rgb(213,220,228);
	box-sizing: border-box;
}
.together__layer .con .together__slider .goods .select-box:before {
	width: 1px;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 24px;
	background-color: rgb(213,220,228);
}
.ie9 .together__layer .con .together__slider .goods .select-box:before {
	width: 20px;
	right: 0;
	background-color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
	border-left: 1px solid rgb(213,220,228);
}
.together__layer .con .together__slider .goods .select-box:first-child {margin-left: 0;}
.together__layer .con .together__slider .goods .select-box select {
	width: 100%;
	height: 25px;
	padding: 0 0 0 5px;
	font-weight: 350;
	font-size: 13px;
	color: rgb(102,102,102);
	outline: 0;
	background: none;
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) center;
	background-image: url(/pc/resource/images/common/arr_down_bl_12x7.png);
	border: 0;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.together__layer .con .together__slider .goods .select-box select::-ms-expand {display: none;}
.together__layer .con .together__slider .goods .select-box select option:disabled {color: rgb(153,153,153);}
.together__layer .con .together__slider .slick-dots {
	width: 100%;
	margin-top: 37px;
	font-size: 0;
	text-align: center;
}
.together__layer .con .together__slider .slick-dots li {
	display: inline-block;
	margin-left: 7px;
	vertical-align: top;
}
.together__layer .con .together__slider .slick-dots li:first-child {margin-left: 0;}
.together__layer .con .together__slider .slick-dots li button {
	width: 12px;
	height: 12px;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(28,0,165);
	border-radius: 50%;
	box-sizing: border-box;
}
.together__layer .con .together__slider .slick-dots li.slick-active button {background-color: rgb(28,0,165);}
/* //2022-05-03 주문 - 오늘도착 추가 */

/* 2022-07-08 */
.familysale .banner {position: relative;} 
.familysale .banner01 {
	background: url(https://assets.styleship.com/keds/data/favorites/220708_1/familysale_d_01.jpg) center;
	height: 780px;
}
.familysale .banner01 .fadeIn {
	opacity: 0;
}
.familysale .banner01.on .fadeIn {
	animation: fadeIn 1s .3s forwards;	
	}
.familysale .banner01 .txt {
	position: absolute;
	background: url(https://assets.styleship.com/keds/data/favorites/220708_1/familysale_d_01-1.png) center;
	top: 0;
	width: 100%;
	height: 100%;
}
.familysale .banner02 {
	background: url(https://assets.styleship.com/keds/data/favorites/220708_1/familysale_d_02.jpg) center;
	height: 182px;
}

@keyframes fadeIn {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 2022-07-29 */
.join1 .banner {margin-bottom: 35px;}
.join1 .banner img {width: 100%;}
.login__contents .banner {margin-bottom: 22px;}
/* 2022-07-29 */

/* 2022-08-26 COLLECTION*/
.collection-box._new .tap-box a {
	width: 33.33%;
}
/* 2022-08-26 COLLECTION*/

/* lookbook */
.lookbook-view-box .head {
	position: relative;
	top: 0;
	left: 0;
}
.lookbook-view-box .head .bg {
	height: 1080px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.lookbook-view-box .head .info {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;
	transform: translateY(-50%);
}
.lookbook-view-box .head .info .tit {
	font-family: 'Granary-Light', sans-serif;
	font-weight: 400;
	font-size: 50px;
	color: rgb(255,255,255);
	text-align: center;
}
.lookbook-view-box .head .info .sub-tit {
	margin-top: 12px;
	font-weight: 700;
	font-size: 18px;
	color: rgb(255,255,255);
	text-align: center;
}
.lookbook-view-box .con {padding: 120px 40px 100px;}

.lookbook-bar {
	display: flex;
	position: sticky;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: rgb(255,255,255);
}
.lookbook-bar .txt-box {
	display: flex;
	align-items: center;
	width: calc(100% - 160px);
	padding: 0 40px;
	box-sizing: border-box;
}
.lookbook-bar .txt-box p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 18px;
	color: rgb(102,102,102);
}
.lookbook-bar .btn-box {width: 160px;}
.lookbook-bar .btn-box button {
	display: block;
	width: 100%;
	height: 60px;
	background-color: rgb(28,0,165);
	font-weight: 500;
	font-size: 18px;
	color: rgb(255,255,255);
}
/* //lookbook */

/* lnb */
.lnb {
	width: 180px;
	float: left;
	margin: 53px 0 150px;
}
.lnb ul li {
	margin: 10px 0 0;
	border-bottom: 1px solid rgb(213,220,228);
}
.lnb ul li:first-child {margin-top: 0;}
.lnb ul li a {
	display: block;
	font-family: 'Granary-Bold', 'Noto Sans Korean', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: rgb(46,46,46);
	letter-spacing: 0.7px;
	line-height: 40px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/pc/resource/images/common/arr_right_bk_6x10.png);
}
.lnb ul li span {
	display: inline-block;
	margin: 0 0 0 3px;
	font-family: 'Granary-Regular';
	font-weight: 400;
}
/* //lnb */


/* Membership renewal 2022-08-26*/

.membership__title {
	font-family: 'NanumSquare';
	font-size: 20px;
	font-weight: 900;
	color: rgb(28,0,165);
	letter-spacing: -1px;	
	margin-bottom: 30px;
}
.membership__title2 {
	font-family: 'NanumSquare';
	font-size: 20px;
	font-weight: 900;
	color: rgb(2,87,162);
	letter-spacing: -1px;	
	margin-bottom: 20px;
}


.grade {margin: 70px 0 0;}
.grade ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.grade .grade_list {
	position: relative;
	width: 19%;
}
.grade .grade_list .grade_list_box {
	height: 218px;
	border-radius: 10px;
	background-color: rgb(241,243,248);
}
.grade .grade_list .grade_list_box > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 200px;
}
.grade .grade_list .grade_list_box > div p {
	font-family: 'NanumSquare';
	font-weight: 400;
	font-size: 16px;
	color: rgb(68,68,68);
}
.grade .grade_list .grade_list_box > div .grade_font {
	font-family: 'Myriad Pro';
	font-weight: 700;
	font-size: 20px;
	color: rgb(28,0,165);
	margin-top: 25px;
}

.grade__ex {
	margin: 30px auto 0;
}
.grade__ex p {
	font-family: 'NanumSquare';
    font-size: 14px;
    color: rgb(102,102,102);
    margin-bottom: 10px;
    line-height: 1.2;
}



.grade_benefit  {
	padding: 65px 0 0;
}
.grade_benefit > table {
	width: 100%;
	margin: 22px 0 0;
	border-top: 4px solid rgb(2,87,162);
	border-bottom: 2px solid rgb(241,243,248);
} 
.grade_benefit > table th, .grade_benefit > table td {border-top: 2px solid rgb(241,243,248);}
.grade_benefit > table tr:first-child th, .grade_benefit > table tr:first-child td {border-top: 0;}
.grade_benefit > table th {
	font-size: 16px;
	line-height: 20px;
	border-right: 2px solid rgb(241,243,248);
}
.grade_benefit > table td {
	padding: 30px 0 30px;
	font-weight: 700;
	font-size: 16px;
	color: rgb(153,153,153);
	line-height: 30px;
	text-align: center;	
	border-left: 2px solid rgb(241,243,248);
	font-family: 'NanumSquare';
}

.grade_benefit > table td span {color: rgb(153,153,153);}
.grade_benefit > table td:first-of-type {border-left: 0;}
.grade_benefit > table tr:first-child td {
	padding: 22px 0 30px;
	font-family: 'Granary-Bold', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: rgb(2,87,162);
}
.grade_benefit > table tr:first-child td:before {
	width: 72px;
    height: 72px;
    content: '';
    display: block;
    margin: 0 auto 0;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    background-size: 72px;
}
.grade_benefit > table tr:first-child td.premium:before {
	background-image: url(/pc/resource/images/membership/premium.png);
}
.grade_benefit > table tr:first-child td.vip:before {
	background-image: url(/pc/resource/images/membership/vip.png);
}
.grade_benefit > table tr:first-child td.gold:before {
	background-image: url(/pc/resource/images/membership/gold.png);
}
.grade_benefit > table tr:first-child td.silver:before {
	background-image: url(/pc/resource/images/membership/silver.png);
}
.grade_benefit > table tr:first-child td.white:before {
	background-image: url(/pc/resource/images/membership/white.png);
}
.point_std {
	padding: 65px 0 0;
}
.point_std > table {
	width: 100%;
	margin: 22px 0 0;
	border-top: 4px solid rgb(2,87,162);
	border-bottom: 2px solid rgb(241,243,248);
} 
.point_std > table th, .point_std > table td {border-top: 2px solid rgb(241,243,248);}
.point_std > table tr:first-child th, .point_std > table tr:first-child td {border-top: 0;}
.point_std > table th {
	font-size: 16px;
	line-height: 20px;
	border-right: 2px solid rgb(241,243,248);
}
.point_std > table td {
	padding: 30px 0 30px;
	font-size: 16px;
	color: rgb(68,68,68);
	line-height: 30px;
	text-align: center;	
	border-left: 2px solid rgb(241,243,248);
	font-family: 'NanumSquare';
}

.point_std > table td span {color: rgb(153,153,153);}
.point_std > table td:first-of-type {border-left: 0;}
.point_std > table tr:first-child td {
	padding: 22px 0 30px;
	font-family: 'Granary-Bold', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: rgb(2,87,162);

}
.point_std > table tr:first-child td:before {
	width: 72px;
    height: 72px;
    content: '';
    display: block;
    margin: 0 auto 0;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: 72px;
}
.point_std > table tr:first-child td.premium:before {
	background-image: url(/pc/resource/images/membership/premium.png);
}
.point_std > table tr:first-child td.vip:before {
	background-image: url(/pc/resource/images/membership/vip.png);
}
.point_std > table tr:first-child td.gold:before {
	background-image: url(/pc/resource/images/membership/gold.png);
}
.point_std > table tr:first-child td.silver:before {
	background-image: url(/pc/resource/images/membership/silver.png);
}
.point_std > table tr:first-child td.white:before {
	background-image: url(/pc/resource/images/membership/white.png);
}


.benefit__list {
	color: rgb(2,87,162);
	font-weight: 400;
	font-family: 'NanumSquare';
}
.be_font_01 {
	font-weight: 900;
	color: rgb(2,87,162) !important;
}
.be_font_02 {
	font-size: 14px;
	color: rgb(153,153,153);
}

.point_txt {
	font-family: 'NanumSquare';
	color: rgb(68,68,68);
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
}
.point_std_txt {
	text-align: left;
    font-family: 'NanumSquare';
    font-size: 14px;
    color: rgb(102,102,102);
    line-height: 1.2;
}
.point_std_txt p {
	margin-bottom: 10px;
	font-weight: 400;
}
.point_use {
	border-top: 2px solid rgb(241,243,248);
	padding: 65px 0 70px;
	margin-top: 30px;
}

.membership__top {
	text-align: center;
}
.membership__top h2 {
	font-size: 93px;
	font-weight: 500;
    font-family: 'PassengerDisplay-MediumItalic';
	letter-spacing: -1px;
	color: rgb(0,1,200);
}
.membership__top .txt {
	font-size: 24px;
    font-family: 'NanumSquare';
	line-height: 35px;
	letter-spacing: -1px;
	color: rgb(102,102,102);
}
/* //Membership renewal 2022-08-26*/




@keyframes fadeIn {
	0%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 2022-07-29 */
.join1 .banner {margin-bottom: 35px;}
.join1 .banner img {width: 100%;}
.login__contents .banner {margin-bottom: 22px;}
/* 2022-07-29 */

/* 2022-08-26 COLLECTION*/
.collection-box._new .tap-box a {
	width: 33.33%;
}
/* 2022-08-26 COLLECTION*/

/* 2023-01-09 컬렉션 */
#contents._collection {
	width: 100%;
	margin: 0 auto;
	padding: 140px 40px 0;
	box-sizing: border-box;
}
.collection_box {
	margin: 35px 0 70px;
}
.collection_box img {width: 100%;}
.collection_box .tit {
	margin-top: 25px;	
	font-size: 20px;
	font-family: 'Granary-Bold';
	line-height: 28px;
	text-align: center;	
	color: rgb(0,1,200);
}
.collection_box .collec_list > a {
	display: block;
	margin-bottom: 50px;
}
/* //2023-01-09 컬렉션 */

/* 2023-02-01 컬렉션 */
.collection_box .collec_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 36px;
}
/* //2023-02-01 컬렉션 */


/* 2023-01-10 about */
#contents.about__box {
	width: 100%;
    margin: 0px auto 0;
    box-sizing: border-box;
	max-width: 1440px;
	padding: 140px 0 0;
}
.about__box .about_img_box {
	display: flex;
	width: 100%;
	margin: 0 auto;
	align-items: center;
	padding: 100px 0 100px;
}
.about__box .about_img_box .img {
	width: 720px;
	text-align: center;
}
.about__box .about_img_box img {width: 400px;}
.about__box .about_img_box p {
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: 1px;
	line-height: 24px;
}
/* //2023-01-10 about */

/* 2023-03-02 membership1 수정 */
.membership__top .text {
	font-size: 24px;
    font-family: 'NanumSquare';
    line-height: 35px;
    letter-spacing: -1px;
    color: rgb(28,0,165);
    font-weight: 700;
}
.membership__top .membership__coupon_box {
	margin-top: 50px;
	text-align: center;
	border-bottom: 1px solid rgb(207,207,207);
	padding-bottom: 70px;
}
.membership__top .join_btn {
	width: 634px;
	margin-top: 32px;
}

.grade_img {padding: 70px 0 0;}
/* .grade_img > img {margin-top: 40px;} */

.grade_benefit > table tr:first-child td:before {
	content: unset;
}
.grade_benefit > table .grade_tit {
	font-size: 32px;
	font-family: 'NanumSquare';
	letter-spacing: -1px;
    color: rgb(28,0,165);
    font-weight: 700;
}

.grade_benefit > table {border-top: 2px solid rgb(241,243,248);}
.grade_benefit > table th {
    text-align: left;
    vertical-align: baseline;
    border-right: unset;
}
.grade_benefit > table td, 
.grade_benefit > table tr:first-child td {
	padding: 70px 0 70px;
	text-align: left;
    vertical-align: baseline;
	border-left: unset;
	font-weight: 400;
	letter-spacing: -1px;
}
.text__01 {
	font-family: 'NanumSquare';
    font-weight: 900;
    color: rgb(28,0,165) !important;
	font-size: 20px;
}
.text__02 {
	font-family: 'NanumSquare';
	font-weight: 900;
	color: rgb(0,0,0) !important;
	font-size: 20px;
}
.text__03 {
	font-family: 'NanumSquare';
	font-weight: 900;
	color: rgb(153,153,153);
}

.point_use {
	padding: 60px 0 0;
	border-top: 0;
	margin-top: 0;
	line-height: 
}
.point_use_ {padding: 65px 0 70px;}

.point_use .membership__title,
.point_use .membership__title2,
.membership__title2 {color: rgb(0,0,0);}
/* //2023-03-02 membership1 수정 */

/* 2023-03-09 cart swiper */
.cart-banner .swiper-pagination {bottom: 18px; width: 800px;}
.cart-banner .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 6px;
	background-color: rgb(255,255,255);
	opacity: 1;
}
.cart-banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: rgb(161,161,161);
}
/* // 2023-03-09 cart swiper */




/* 2023-04-14 회원가입 수정 */
.mbr-box {
	max-width: 640px;
	width: 100%;
	margin: 0px auto 0;
	padding: 200px 20px 100px;
	box-sizing: border-box;
}
.mbr-box .sel__style1 {
	padding: 0 43px 0 20px;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Pretendard', sans-serif;
	color: rgb(153, 153, 153);
	background: url(/pc/resource/images/common/arr_down_bk_10x6.png) no-repeat center right 20px;
	box-sizing: border-box;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.mbr-box .tit__style1 {
	margin-bottom: 44px;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
}
.mbr-box .btn-box a {
	display: block;
	width: 100%;
	height: 60px;
	font-size: 18px;
	font-weight: 700;
	line-height: 58px;
	text-align: center;
	border-radius: 30px;
	box-sizing: border-box;
}
.mbr-box .btn-box a {margin-top: 10px;}
.mbr-box .btn-box a:first-child {margin-top: 0;}
.mbr-box  .btn_sld__gr {
	font-weight: 400 !important;
	border: 1px solid rgb(238, 238, 238);
	box-sizing: border-box;
	transition: all 0.3s;
}
.mbr-box .btn_bg__bk {
	background-color: rgb(28,0,165);
	color: rgb(255, 255, 255);
	transition: all 0.3s;
}
.mbr-box .btn_bg__bk.off {
	color: rgba(255, 255, 255, 0.3);
}
.mbr-box .btn_bg__bk:hover {
	background-color: rgb(28,0,165);
}
.mbr-box .btn_sld__bk {
	border: 1px solid rgb(0, 0, 0);
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	font-weight: 700;
	
	transition: all 0.3s;
}
.mbr-box .btn_sld__bk:hover {
	background-color: rgb(28,0,165);	
	border-color: rgb(28,0,165);	
	color: rgb(255,255,255) !important;
}
.mbr-box .inp-box input {
	width: 100%;
	height: 50px;
	padding: 0 64px 0 20px;
	font-weight: 500;
	font-family: 'Pretendard', sans-serif;
	font-size: 16px;
	color: rgb(51, 51, 51);
	background: none;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 5px;
	box-sizing: border-box;
	outline: 0;
}
.mbr-box .inp-box input:focus {
	border: 1px solid rgb(0, 0, 0);
	box-sizing: border-box;
}
.mbr-box .inp-box input::placeholder {
	color: rgb(153, 153, 153);
	font-size: 16px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
}
.mbr-box .inp-box input._start {
	border-color: rgb(0,0,0);
	color: rgb(0,0,0);
}
.mbr-box .inp-box .pwonoff__btn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 64px;
	height: 48px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_eye_gr_24x24.png);
	background-size: 24px;
}
.mbr-box .inp-box .pwonoff__btn:after {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 50%;
	background-color: rgb(153, 153, 153);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
.mbr-box .inp-box .pwonoff__btn.off:after {
	display: block;
}

.mbr-box ._scroll {
	overflow-y: scroll;
}

.mbr-box .inp-box > div {
	position: relative;
	display: flex;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 10px;
	border-radius: 5px;
	box-sizing: border-box;
}
.mbr-box .inp-box > div:first-child {
	margin-top: 0;
}
.mbr-box .inp-box #captcha .realperson-challenge {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0 !important;
	margin: 0;
}
.mbr-box .inp-box #captcha .realperson-text {margin: 0 20px;}
.mbr-box .id-box {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;
}
.mbr-box .id-save label {
	display: inline-block;
	padding-left: 30px;
	vertical-align: top;
	font-weight: 400;
	font-size: 16px;
	color: rgb(0, 0, 0);
	line-height: 16px;
}
.mbr-box .id-box .id-srh a {
	font-size: 16px;
	color: rgb(153, 153, 153);
	text-decoration: underline;
}

.mbr-box .btn-box {
	margin-top: 27px;
}
.mbr-box .login_sns {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0 56px 0;
	padding-bottom: 60px;
	border-bottom: 1px solid rgb(0, 0, 0);
}
.mbr-box .login_sns a {
	margin-top: 10px;
	width: 49%;
	height: 50px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 30px;
	box-sizing: border-box;
	line-height: 47px;
	font-size: 16px;
	text-align: center;

	transition: all 0.3s;
}
.mbr-box .login_sns a:hover {border-color: rgb(204,204,204);}
.mbr-box .login_sns .btn_naver {
	background: url(/pc/resource/images/sub/ico_naver_13x12.png) no-repeat center left 20px;
}
.mbr-box .login_sns .btn_kakao {
	background: url(/pc/resource/images/sub/ico_kakao_17x16.png) no-repeat center left 20px;
}
.mbr-box .login_sns .btn_toss {
	background: url(/pc/resource/images/sub/ico_toss_26x26.png) no-repeat center left 20px;
}
.mbr-box .login_sns a img {
	padding: 0 30px 0 20px;
}
.mbr-box .join_kakao {
	height: 60px;
	background-color: rgb(254, 220, 0);
	background-image: url("data:image/svg+xml,%3Csvg id='그룹_18' data-name='그룹 18' xmlns='http://www.w3.org/2000/svg' width='17' height='15.85' viewBox='0 0 17 15.85'%3E%3Cpath id='패스_8' data-name='패스 8' d='M190.665,193.223c-4.695,0-8.5,3.026-8.5,6.758a6.5,6.5,0,0,0,3.691,5.573l-.614,3.294a.189.189,0,0,0,.29.192l3.651-2.405s.976.1,1.482.1c4.694,0,8.5-3.025,8.5-6.758s-3.806-6.758-8.5-6.758' transform='translate(-182.165 -193.223)' fill='%233c1e1e'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: left 20px center;
	line-height: 60px;
	font-weight: 400;
	border-radius: 30px;
	box-sizing: border-box;
}

.mbr-box .btn-box .txt__btn {
	margin-top: 27px;
	height: auto;
	line-height: initial;
	font-size: 16px;
	font-weight: 400;
	color: rgb(153, 153, 153);
	text-decoration: underline;
}

.mbr-box .txt {
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
}
.mbr-box .txt-box p {margin-bottom: 25px;}
.mbr-box .txt__gr {
	font-size: 16px;
	color: rgb(153, 153, 153);
	line-height: 26px;
	word-break: keep-all;
}
.mbr-box .txt-box._agree {
	margin-left: 20px;
	margin-top: 0;
}

.mbr-box .inp-box .wid__style1 {
	width: 110px;
}
.mbr-box .inp-box .wid__style2 {
	width: 145px;
}
.mbr-box .inp-box .wid__style3 {
	width: 140px;
}
.mbr-box label {
	padding-left: 30px;
	font-size: 16px;
	line-height: 18px;
}
.mbr-box .red {
	color: rgb(214, 0, 31);
}

.mbr-box .arr-down-btn {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.485' height='5.657' viewBox='0 0 8.485 5.657'%3E%3Cg id='_' data-name='▼' transform='translate(1374.616 -1112.986) rotate(135)'%3E%3Cg id='사각형_18' data-name='사각형 18' transform='translate(1754 178)' fill='none' stroke='%23000' stroke-width='1'%3E%3Crect width='6' height='2' rx='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='5' height='1' rx='0.5' fill='none'/%3E%3C/g%3E%3Cg id='사각형_19' data-name='사각형 19' transform='translate(1760 178) rotate(90)' fill='none' stroke='%23000' stroke-width='1'%3E%3Crect width='6' height='2' rx='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='5' height='1' rx='0.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-position: center right;
	background-repeat: no-repeat;
	width: 50px;
}
.mbr-box .arr-down-btn.on {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.485' height='5.657' viewBox='0 0 8.485 5.657'%3E%3Cg id='_' data-name='▼' transform='translate(-1366.13 1118.643) rotate(-45)'%3E%3Cg id='사각형_18' data-name='사각형 18' transform='translate(1754 178)' fill='none' stroke='%23000' stroke-width='1'%3E%3Crect width='6' height='2' rx='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='5' height='1' rx='0.5' fill='none'/%3E%3C/g%3E%3Cg id='사각형_19' data-name='사각형 19' transform='translate(1760 178) rotate(90)' fill='none' stroke='%23000' stroke-width='1'%3E%3Crect width='6' height='2' rx='1' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='5' height='1' rx='0.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-position: center right;
	background-repeat: no-repeat;
	width: 50px;
}
.err-msg {
	display: none;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: rgb(255,95,128);
}
#pwResult {
	font-family: 'Pretendard', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	/*color: rgb(255,95,128) !important;*/
}
.mbr-box .info-sec {margin-top: 60px;}
.mbr-box .txt-box {margin-top: 25px;}

.mbr-box .inp-box .inp_id {
	position: relative;
}
.mbr-box .inp-box .inp_id input {width: calc(100% - 100px);}
.mbr-box .inp-box .inp_id .btn__chk_id {
	margin-left: 10px;
	color: rgb(0,0,0);
	font-size: 16px;
	font-weight: 400;	
	height: 50px;
	width: 100px;
	border-radius: 5px;
	box-sizing: border-box;
}

.join-sec .inp-box {margin-bottom: 30px;}
.join-sec .inp-box .name input,
.join-sec .inp-box .birthday input {
	margin-right: 10px;
	width: 480px;
}
.join-sec .inp-box .birthday .bday {
	width: calc(100% - 110px);
}
.join-sec .inp-box .birthday .bday select {
	height: 50px;
	width: 25%;
	margin-left: 18px;
}
.join-sec .inp-box .birthday .bday select:first-of-type {margin-left: 0;}
.join-sec .inp-box .birthday span {
	font-size: 14px;
	color: rgb(153,153,153);
	margin-left: 5px;
}
.mbr-box .phone select {
	margin-right: 10px;
}
.mbr-box .phone .hyphen {
	line-height: 50px;
	margin: 0 5px;
	color: rgb(153,153,153);	
}
.join-sec .self-verification {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid rgb(238, 238, 238);
	box-sizing: border-box;
}

.join-sec {
	padding-bottom: 60px;
	border-bottom: 1px solid rgb(0,0,0);
	box-sizing: border-box;
}
.mbr-box .title-box {
	display: flex;
	justify-content: space-between;
	margin: 55px 0 27px;
}

.title-box .btn_sel {
	font-size: 16px;
}
.title-box .btn_sel .pm {
	position: relative;
	margin-left: 14px;
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: rgb(0, 0, 0);
	vertical-align: 5px;
	transition: all .3s;
}
.title-box .btn_sel .pm:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 10px;
	background-color: rgb(0,0,0);
	transform: translate(-50%, -50%) rotate(0deg);
	transition: all .3s;
}
.title-box .btn_sel.on .pm:before {
	transform: translate(-50%, -50%) rotate(90deg);
}
.mbr-box .view-btn {
	font-size: 14px;
	color: rgb(153, 153, 153);
	text-decoration: underline;
}
.join-sec > .children-box {display: none;}
.join-sec > .children-box.on {display: block;}

.join-sec > .children-btn {position: relative;}
.join-sec > .children-btn button.reset {
	position: absolute;
	bottom: 0;
	right: 0;
	height: auto;
	width: auto;
	border: 0;
	font-size: 14px;
	color: rgb(153,153,153);
	text-decoration: underline;
	line-height: 26px;
}

.join-sec .inp-box .inp_child {
	margin-top: 28px;
}

.join-sec .inp_email .at {
	line-height: 50px;
	margin-right: 10px;
}
.join-sec .inp_email input {margin-right: 10px;}
.join-sec .inp_email > div {width: 100%;}
.join-sec .inp_email > div p {margin-top: 17px;}

.join-sec .all-agree-box {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.join-sec .self-agree-wrap {display: none;}
.join-sec .self-agree-wrap.open {display: block;}
.join-sec .agree-chk-wrap {
	display: none;
	padding-left: 30px;
}
.join-sec .agree-chk-box {
	margin: 20px 0 17px;
}
.join-sec .agree-chk-wrap.open {display: block;}
.join-sec .agree-chk-box li {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}

.mbr-box .txt__style1 {
	font-size: 16px;
	line-height: 26px;
}
.mbr-box .txt__line {
	text-decoration: underline;
}
.join-wt {
	padding-bottom: 60px;
	border: 0;
}

.mbr-box .inp-box .phone input {width: 295px;}
.mbr__contents .mbr-box .inp-box .phone input {width: 100%;}

.join-sec .inp-box._af input[disabled] {
	background: rgb(238,238,238);
}
.join-sec .inp-box._af select[disabled] {
	background: rgb(238,238,238);
}
.join-sec .btn__self_af {
	color: rgba(255,255,255,.2);
}
.join-sec > .children-btn p {margin-top: 15px;}
.join-sec > .children-box button,
.join-sec > .children-btn button {
	display: block;
	width: 100%;
	height: 60px;
	font-size: 16px;
	line-height: 58px;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
}

/* 공통 layer */
.view__layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
.view__layer .layer-bg__wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
.view__layer > .inner {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 36px 40px;
	width: 600px;
	background-color: rgb(255,255,255);
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}
.view__layer .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding-bottom: 25px;
}
.view__layer .head .tit {
	font-weight: 700;
	font-size: 18px;
}
.view__layer .close__btn {
	width: 37px;
	height: 37px;
	margin-right: -10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='15.414' viewBox='0 0 15.414 15.414'%3E%3Cg id='back' transform='translate(45.136 -30.722) rotate(90)'%3E%3Cline id='선_19' data-name='선 19' x2='19.799' transform='translate(31.429 30.429) rotate(45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline id='선_20' data-name='선 20' x2='19.799' transform='translate(45.429 30.429) rotate(135)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
	font-size: 0;
}
.view__layer .con {
  overflow-y: auto;
	height: calc(100% - 62px);
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.view__layer .con::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.view__layer .txt-box p {
	position: relative;
	top: 0;
	left: 0;
	padding-left: 10px;
	font-weight: 300;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 20px;
}
.view__layer .txt-box p:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '-';
}
/* //공통 layer */

body.view--open {overflow: hidden;}
body.view--open .layer-bg__wrap {display: block;}
.view__layer .cs-agree-con {
	overflow: hidden;
	height: 595px; 
}
.view__layer .cs-agree-con .tab {
	font-size: 0;
} 
.view__layer .cs-agree-con .tab li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.view__layer .cs-agree-con .tab li.on a {
	font-weight: 700;
}
.view__layer .cs-agree-con .tab li.on a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: rgb(51,51,51);
}
.view__layer .cs-agree-con .tab li+li {
	margin-left: 44px;
}
.view__layer .cs-agree-con .tab li+li:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -22px;
	transform: translateY(-50%);
	width: 1px;
	height: 11px;
	vertical-align: middle;
	background-color: rgb(209,209,209);
}
.view__layer .cs-agree-con .tab li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: rgb(51,51,51);
}
.view__layer .cs-agree-con .tab-content {
	width: 100%;
	height: calc(100% - 50px);	
	overflow: scroll;
	overflow-x: hidden;
	padding: 22px 38px;
	box-sizing: border-box;
	background: rgb(250,250,250);
	margin-top: 24px;
	display: none;
	font-size: 14px;
	color: rgb(102,102,102);
} 
.view__layer .cs-agree-con .tab-content.on {
	display: block;
}
.view__layer .cs-agree-con .tab-content > p{
	font-weight: 700;
	color: rgb(51,51,51);
} 
.view__layer .con .box {
	padding: 40px 40px;
	max-height: 595px;
	font-size: 14px;
	color: rgb(102,102,102);
	word-break: keep-all;
	border: 1px solid rgb(213,220,228);
	overflow-y: auto;
	box-sizing: border-box;
}
.view__layer .agree__table {
	width: 100%;
	border-top: 1px solid rgb(0,42,101);
}

.view__layer .agree__table td{border-right: 1px solid rgb(213,220,228);}
.view__layer .agree__table td:nth-child(4){border-right: 0;}
.view__layer .agree__table th + td,
.view__layer .agree__table td + td,
.view__layer .agree__table th + th{
	border-left: 1px solid rgb(213,220,228);;
}
.view__layer .agree__table thead{
	border-bottom: 1px solid rgb(213,220,228);
	text-align: center;
	background: rgb(238,238,238);
	font-size: 15px;
}
.view__layer .agree__table thead th{
	padding: 10px;
	font-weight: 400;
}
.view__layer .agree__table td{
	padding: 14px 10px;
	text-align: center;
	line-height: 26px;
	border-bottom: 1px solid rgb(213,220,228);
	font-size: 14px;
	color: rgb(102,102,102);
}
.view__layer .agree__table td .agree-txt1 {font-size: 16px;}

/* //2023-04-14 회원가입 수정 */

/* 2023-04-18 회원가입 intro 페이지 */
.join-sec_kakao {margin: 30px 0 0;}
.join-sec_kakao p {
	margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
	text-align: center;
} 
.join-sec_kakao .join-kakao {
	display: block;
	height: 60px;
	width: 600px;
	margin: 0 auto;
	background-color: rgb(254, 220, 0);
	background-image: url("data:image/svg+xml,%3Csvg id='그룹_18' data-name='그룹 18' xmlns='http://www.w3.org/2000/svg' width='17' height='15.85' viewBox='0 0 17 15.85'%3E%3Cpath id='패스_8' data-name='패스 8' d='M190.665,193.223c-4.695,0-8.5,3.026-8.5,6.758a6.5,6.5,0,0,0,3.691,5.573l-.614,3.294a.189.189,0,0,0,.29.192l3.651-2.405s.976.1,1.482.1c4.694,0,8.5-3.025,8.5-6.758s-3.806-6.758-8.5-6.758' transform='translate(-182.165 -193.223)' fill='%233c1e1e'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: left 20px center;
	line-height: 60px;
	text-align: center;
	font-weight: 500;
    font-size: 18px;
	border-radius: 30px;
	box-sizing: border-box;
}
.join-sec_kakao a + a {
	display: block;
    height: 60px;
    width: 600px;
    line-height: 60px;
    font-weight: 500;
    font-size: 18px;
    margin: 20px auto 0;
    box-sizing: border-box;
    text-align: center;
	border: 1px solid rgb(0,0,0);
	border-radius: 30px;
	box-sizing: border-box;
}
.join-benefit-box {margin: 60px 0 0;}
.join-benefit-box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 38px;
}
.join-benefit-box ul li {
	width: calc(50% - 10px); 
	height: 70px;
	padding: 0 20px 0 80px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 68px;
	border: 1px solid rgb(229,229,229);
	background-repeat: no-repeat;
	background-position: center left 20px; 
	box-sizing: border-box;
}
.join-benefit-box ul li:nth-child(1) {background-image: url(/pc/resource/images/sub/join_benefit_icon01.png);}
.join-benefit-box ul li:nth-child(2) {background-image: url(/pc/resource/images/sub/join_benefit_icon02.png);}
.join-benefit-box ul li:nth-child(3) {background-image: url(/pc/resource/images/sub/join_benefit_icon03.png);}
.join-benefit-box ul li:nth-child(4) {background-image: url(/pc/resource/images/sub/join_benefit_icon04.png);}
/* // 2023-04-18 회원가입 intro 페이지 */

/* 2023-04-25 마이페이지 */
.odr-txt_none {
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	color: rgb(102,102,102);
}
.order-con .table__con tr td .txt_org {
	font-size: 14px;
	font-weight: 500;
	color: rgb(255,95,92);
	margin-top: 28px;
}
.order-con .table__con tr td.info {
	padding-left: 20px;
	line-height: 26px;
	box-sizing: border-box;
}
.mypage-box .order-con .add-addr__btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	height: 38px;
	font-size: 13px;
	font-weight: 500;
	line-height: 38px;
	text-align: center;
	color: rgb(255,255,255);
	background-color: rgb(28,0,165);
}
.mypage-box .order-con .address__con  {
	margin-top: 25px;
    border-top: 1px solid rgb(28,0,165);
}

.my-address-box {padding: 0 0 100px;}
.my-address-box .addr__list {
	display: flex;
	flex-wrap: wrap;
}
.my-address-box .addr__list li {
	position: relative;
	top: 0;
	left: 0;
	padding: 37px 0 28px;
	margin-left: 30px;	
	width: calc(50% - 15px);
	border-bottom: 1px solid rgb(238,238,238);
	cursor: pointer;
}
.my-address-box .addr__list li:nth-child(odd) {margin-left: 0;}
.my-address-box .addr__list li .addr-info {
	position: relative;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.my-address-box .addr__list li .addr-info .name-tel {
	display: flex;
	align-items: center;
	max-width: calc(100% - 80px);
}
.my-address-box .addr__list li .addr-info .name-tel p {
	position: relative;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 14px;
	color: rgb(0,0,0);
}
.my-address-box .addr__list li .addr-info .name-tel .tel {
	margin-left: 10px;
	padding-left: 10px;
}
.my-address-box .addr__list li .addr-info .name-tel .tel:before {
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 13px;
	background-color: rgb(204,204,204);
	content: '';
}
.my-address-box .addr__list li .addr-info .name-tel .tag {
	height: 20px;
	width: 40px;
	margin-right: 10px;
	background-color: rgb(28,0,165);
	box-sizing: border-box;
	border-radius: 10px;
	font-weight: 700;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	color: rgb(255,255,255);
}
.my-address-box .addr__list li .addr-info .addr-detail {margin-top: 15px;}
.my-address-box .addr__list li .addr-info .addr-detail p {
	font-weight: 500;
	font-size: 14px;
	color: rgb(102,102,102);
	line-height: 22px;
}
.my-address-box .addr__list li .btn-box {
	display: flex;
	position: absolute;
	top: 27px;
	right: 10px;
	z-index: 4;
}
.my-address-box .addr__list li .btn-box button {
	display: block;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0;
}
.my-address-box .addr__list li .btn-box .modify__btn {
	background-image: url(/pc/resource/images/btn/write_bk_14x14.png)
}
.my-address-box .addr__list li .btn-box .delete__btn {
	background-image: url(/pc/resource/images/btn/trash_bk_14x14.png)
}
.my-address-box .addr-add__btn {
	display: block;
	width: calc(100% - 60px);
	height: 50px;
	margin: 30px auto 0;
	border: 1px solid rgb(0,0,0);
	border-radius: 50px;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 14px;
	color: rgb(0,0,0);
}

.my-address-box .addr__list li {
	padding: 0;
	border-bottom: 0;
}
.my-address-box .addr__list li .addr-chk {
	position: absolute;
	z-index: -9999;
	opacity: 0;
}
.my-address-box .addr__list li .addr-chk + label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.my-address-box .addr__list li .addr-info {
	padding: 28px 0 ;
	border-bottom: 1px solid rgb(238,238,238);
}
.my-address-box .addr__list li .addr-chk:checked ~ .addr-info {border-color: rgb(0,0,0);}
.my-address-box .addr__list li:hover .addr-info {border-color: rgb(0,0,0);}
.my-address-box .addr__list li .default-addr__btn {
	display: none;
	position: absolute;
	bottom: 30px;
	right: 0;
	z-index: 3;
	font-weight: 500;
	font-size: 12px;
	color: rgb(153,153,153);
	text-decoration: underline;
}
.my-address-box .addr__list li .addr-chk:checked ~ .default-addr__btn {display: block;}
.my-address-box .addr__list li:hover .default-addr__btn {display: block;}
.my-address-box .addr__list li._default_addr .addr-chk:checked ~ .default-addr__btn {display: none;}
.my-address-box .addr__list li._default_addr:hover .default-addr__btn {display: none;}
/* // 2023-04-25 마이페이지 */

/* 2023-04-25 배송지추가 layer */
.mypage__layer._addr_add {
	width: 600px;
    padding: 25px 30px 30px;
}
.mypage__layer._addr_add .con .addr-add-box {padding: 0 0 30px;}
.mypage__layer._addr_add .con .addr-add-box > div {margin-top: 30px;}
.mypage__layer._addr_add .con .addr-add-box > div:first-child {margin-top: 0;}
.mypage__layer._addr_add .con .addr-add-box > div > div {
	display: flex;
	margin-top: 10px;
}
.mypage__layer._addr_add .con .addr-add-box > div > div:first-of-type {margin-top: 0;}
.mypage__layer._addr_add .con .addr-add-box > div._addr > div:first-of-type input {width: calc(100% - 83px);}
.mypage__layer._addr_add .con .addr-add-box > div:not(.chk) label {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: rgb(68,68,68);
	padding: 0 0 20px;
}
.mypage__layer._addr_add .con .addr-add-box > div:not(.chk) input {
	width: 100%;
	height: 40px;
	padding: 0 14px;
	background-color: rgb(238,238,238);
	box-sizing: border-box;
	outline: 0;
	font-weight: 500;
	font-size: 14px;
	color: rgb(0,0,0);
}
.mypage__layer._addr_add .con .addr-add-box input::placeholder {color: rgb(153,153,153);}
.mypage__layer._addr_add .con .addr-add-box input._val {border-color: rgb(0,0,0);}
.mypage__layer._addr_add .con .addr-add-box > div > div:first-child input {width: calc(100% - 95px);}
.mypage__layer._addr_add .con .addr-add-box > div .zipcode__btn {
	display: block;
	width: 83px;
	height: 40px;
	background-color: rgb(28,0,165);
	box-sizing: border-box;
	font-weight: 500;
	font-size: 14px;
	color: rgb(255,255,255);
}
.mypage__layer._addr_add .con .addr-add-box .chk {margin-top: 20px;}
.mypage__layer._addr_add .con .addr-add-box .chk label {
	font-size: 14px;
	font-weight: 500;
	color: rgb(68,68,68);
}
.mypage__layer._addr_add .foot {
	display: flex;	
  justify-content: space-between;
}
.mypage__layer._addr_add .foot button {
	display: block;
	width: calc(50% - 5px);
	height: 50px;
	font-weight: 500;
	font-size: 16px;
	background-color: rgb(235,235,235);
	color: rgb(28,0,165);
}
.mypage__layer._addr_add .foot button.on {
	background-color: rgb(28,0,165);
	color: rgb(255,255,255);
}
/* // 2023-04-25 배송지추가 layer */

/* find - id/pw */
.self-number {
/*	display: none !important;*/
	margin-top: 30px;
}
.inp_in {
	position: absolute;
	right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.inp_in button {
	padding: 0 20px;
	height: 50px;
	font-size: 16px;
	box-sizing: border-box;
}
.count {
	position: relative;
	margin-right: 20px;
	font-size: 16px;
	color: rgb(153,153,153);
}
.count:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 10px;
    top: 50%;
    transform: translateY(-50%);
	right: -20px;
	background-color: rgb(204,204,204);
}
/* //find - id/pw */

/* 2023-05-12 패밀리 세일 하단 리스트 수정 */
.collection_view__bot .collection_view__bot--tap {
	position: relative;
	margin-bottom: 50px;
}
/*
.collection_view .goods__contents .goods-box .goods__list .goods .info .tag p.sold {
	display: flex;
	justify-content: center;
	height: 20px;
	margin: 0;
	padding: 1px 4px 0;
	background: none;
	border: 1px solid rgb(28,0,165);
	border-radius: 0;
	box-sizing: border-box;
	font-family: 'Noto Sans Korean', sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: rgb(0,0,0);
	letter-spacing: 1px;
	line-height: 1.5;
}
*/
/* //2023-05-12 패밀리 세일 하단 리스트 수정 */

/* 2023-07-17 구매동의 수정*/
.order-total .order-total--con > div dl .blue{text-decoration: none;}
.order-total .order-agree{
	padding-top: 22px;
	font-size: 14px;
	color: #333;
	font-family: 'Noto Sans Korean', sans-serif;
}
.order-total .order-agree .tit{
	font-size: 16px;
	font-weight: 500;
	color: #1c00a5;
}
.order-total .order-agree .order-agree--con{
	margin-top: 15px;
	border-top: 1px solid rgb(28,0,165);
	line-height: 22px;
}
.order-total .order-agree .order-agree--con dt{
	position: relative;
	font-weight: 500;
	padding: 17px 0 11px;
}
.order-total .order-agree .order-agree--con .privacy-pop_btn{
	position: absolute;
	top: 16px;
	right: 0;
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}
.order-total .order-agree .order-agree--con label{font-size: 12px;}
.order-total .order-agree .order-agree--con .check-box{
	margin-top: 15px;
	border-top: 1px solid #d5dce4;
	padding: 17px 0 7px;

}
.order-total .order-agree .order-agree--con .check-box label:before{top: calc(50% + 1px)}

#privacyPop{
	position: relative;
	width: 500px;
	height: 540px;
	padding: 30px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 14px;
}
#privacyPop .order__layer{
	width: 100%;
	padding: 0;
}
#privacyPop .tit{
	font-weight: bold;
	line-height: 22px;
	font-size: 14px;
	color: #000;
}
#privacyPop .close__btn{
	position: absolute;
    top: -4px;
    right: -6px;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/pc/resource/images/common/ico_x_gr_20x20.png);
}

#privacyPop .txt-box{
	padding: 20px 0 16px;
	line-height: 20px;
	border-bottom: 1px solid #d5dce4;
}
#privacyPop .txt-box:last-of-type{
	border-bottom: none;
	font-weight: bold;
}
#privacyPop .txt-box dt{
	margin-bottom: 10px;
}
#privacyPop .txt-box dd{
	font-size: 12px;
}
#privacyPop .txt-box dd:nth-of-type(2){
	padding-top: 10px;
}
#privacyPop p.ex{
	padding: 15px 0 26px;
}



/* //2023-07-17 구매동의 수정*/

/* 2023-07-25 장바구니 상단 띠 배너 */
/* .cart .order-box:first-child {margin: 14px auto 0;} */
.order-top-ban {
	margin-bottom: 28px;
}
.order-top-ban .swiper {
	height: 40px;
	background-color: rgb(28,0,165);
}
.order-top-ban .swiper-wrapper {height: 100%;}
.order-top-ban .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgb(28,0,165);
}
.order-top-ban .txt {
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: 500;
}
.order-con .table__con tr td .pdTxt .tag--am-soldout {
	font-size: 12px;
	font-weight: 400;
	color: rgb(28,0,165);
	letter-spacing: -.4px;
	background: url(/pc/resource/images/common/ico_clock_15x15.png) no-repeat center left;
	background-size: 15px;
	padding-left: 19px;
	margin-top: 15px;
}
/* // 2023-07-25 장바구니 상단 띠 배너 */

/* 2023-09-06 마이페이지 수정 */
.mypage_wrap .mypage-lnb {padding-bottom: 105px;}
.myorder-step-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.myorder-step-box ul {display: flex;}
.myorder-step-box ul li {
	display: flex;
	position: relative;
	top: 0;
	left: 0;
	margin-left: 48px;
}
.myorder-step-box ul li:first-child {margin-left: 0;}
.myorder-step-box ul li:before {
	position: absolute;
	top: 50%;
	left: -28px;
	width: 8px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/arr_right_gr_9x14.png);
	transform: translateY(-50%);
	content: '';
}
.myorder-step-box ul li:first-child:before {content: none;}
.myorder-step-box ul li p {
	font-weight: 400;
	font-size: 16px;
	color: rgb(68,68,68);
}
.myorder-step-box ul li .step-num {
	margin-left: 4px;
	font-weight: 700;
}
.myorder-step-box a {
	font-weight: 400;
	font-size: 14px;
	color: rgb(28,0,165);
	text-decoration: underline;
}
/* //2023-09-06 마이페이지 수정 */


/* 2023-12-04 - 공지사항 수정 */
.customer__contents .notice-box .view-box .head .date-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 25px 0 0;
	padding: 13px 0 0;
	border-top: 1px solid rgb(213,220,228);
}
.customer__contents .notice-box .view-box .head .date-box .date {
	margin: 0;
	padding: 0;
	border-top: 0;
}
.customer__contents .notice-box .view-box .head .date-box .sns-share {display: flex;}
.customer__contents .notice-box .view-box .head .date-box .sns-share button {
	display: block;
	width: 35px;
	height: 35px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: center center;	
	font-size: 0;
}
.customer__contents .notice-box .view-box .head .date-box .sns-share button:first-child {margin-left: 0;}
.customer__contents .notice-box .view-box .head .date-box .sns-share .url__share {
	background-image: url(/pc/resource/images/common/d_share_url_copy.png);
}
/* //2023-12-04 - 공지사항 수정 */


/* 2023-12-06 - 주문상세 1:1문의 버튼 추가 */
.order-con .table__con .txt-condition .qna__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 38px;
	margin-top: 16px;
	border: 1px solid rgb(27,0,165);
	box-sizing: border-box;
	text-align: center;
}
/* //2023-12-06 - 주문상세 1:1문의 버튼 추가 */



/* 2024-01-19 weekender 신규 */
.weekender-list-box {padding: 175px 40px;}
.weekender-list-box .weekender__list {
	display: grid;
	grid-template-columns: repeat(12,minmax(0,1fr));
  grid-column-gap: 20px;
  grid-row-gap: 130px;
}
.weekender-list-box .weekender__list + .weekender__list {margin-top: 130px;}
.weekender-list-box .weekender__list li:nth-child(1) .photo {aspect-ratio: 426/620;}
.weekender-list-box .weekender__list li:nth-child(1) {
	aspect-ratio: 426/620;
	grid-column-start: 1;
	grid-column-end: 4;
}

.weekender-list-box .weekender__list li:nth-child(2) .photo {aspect-ratio: 426/464;}
.weekender-list-box .weekender__list li:nth-child(2) {
	aspect-ratio: 426/464;
	grid-column-start: 4;
	grid-column-end: 7;
}

.weekender-list-box .weekender__list li:nth-child(3) .photo {aspect-ratio: 736/952;}
.weekender-list-box .weekender__list li:nth-child(3) {
	aspect-ratio: 736/952;
	grid-column-start: 8;
	grid-column-end: 13;
}

.weekender-list-box .weekender__list li:nth-child(4) .photo {aspect-ratio: 892/890;}
.weekender-list-box .weekender__list li:nth-child(4) {
	aspect-ratio: 892/890;
	grid-column-start: 2;
	grid-column-end: 8;
}

.weekender-list-box .weekender__list li:nth-child(5) .photo {aspect-ratio: 426/579;}
.weekender-list-box .weekender__list li:nth-child(5) {
	aspect-ratio: 426/579;
	grid-column-start: 9;
	grid-column-end: 12;
}

.weekender-list-box .weekender__list li:nth-child(6) .photo {aspect-ratio: 739/1000;}
.weekender-list-box .weekender__list li:nth-child(6) {
	display: flex;
  flex-wrap: wrap;
	grid-column-start: 1;
	grid-column-end: 13;
}
.weekender-list-box .weekender__list li:nth-child(6) a {
	aspect-ratio: 739/1000;
	width: calc(739 / 1823 * 100%);
	margin: 0 auto;
}

.weekender-list-box .weekender__list li:nth-child(7) .photo {aspect-ratio: 579/460;}
.weekender-list-box .weekender__list li:nth-child(7) {
	aspect-ratio: 579/460;
	grid-column-start: 2;
	grid-column-end: 6;
}

.weekender-list-box .weekender__list li:nth-child(8) .photo {aspect-ratio: 737/740;}
.weekender-list-box .weekender__list li:nth-child(8) {
	aspect-ratio: 737/740;
	grid-column-start: 7;
	grid-column-end: 12;
}

.weekender-list-box .weekender__list li:nth-child(9) .photo {aspect-ratio: 1204/780;}
.weekender-list-box .weekender__list li:nth-child(9) {
	aspect-ratio: 1204/780;
	grid-column-start: 3;
	grid-column-end: 11;
}
.weekender-list-box .weekender__list li .info {margin-top: 30px;}
.weekender-list-box .weekender__list li .info p {
	font-family: 'Granary-Medium', 'Noto Sans Korean', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: rgb(28,0,165);
	line-height: 20px;
	text-align: center;
}
.weekender-list-box .weekender__list li a {display: block;}
.weekender-list-box .weekender__list li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.weekender-list-box .weekender__list li:hover img {opacity: 0.75;}

/* 효과 */
.weekender-list-box .weekender__list li {
	opacity: 0;
	transform: translateY(50px);

	transition: opacity 0.5s, transform 0.5s;
}
.weekender-list-box .weekender__list li.on {
	opacity: 1;
	transform: translateY(0px);
}
.weekender-list-box .weekender__list li:nth-child(1) {transition-delay: 0s;}
.weekender-list-box .weekender__list li:nth-child(2) {transition-delay: 0.2s;}
.weekender-list-box .weekender__list li:nth-child(3) {transition-delay: 0.4s;}
.weekender-list-box .weekender__list li:nth-child(4) {transition-delay: 0s;}
.weekender-list-box .weekender__list li:nth-child(5) {transition-delay: 0.2s;}
.weekender-list-box .weekender__list li:nth-child(6) {transition-delay: 0s;}
.weekender-list-box .weekender__list li:nth-child(7) {transition-delay: 0s;}
.weekender-list-box .weekender__list li:nth-child(8) {transition-delay: 0.2s;}
.weekender-list-box .weekender__list li:nth-child(9) {transition-delay: 0s;}


.weekender-view-box {
	/*max-width: 1280px;*/
	margin: 0 auto;
	padding: 215px 0 30px;
	box-sizing: border-box;
}
.weekender-view-box .head p {
	font-family: 'Granary-Medium', 'Noto Sans Korean', sans-serif;
	font-weight: 500;
	font-size: 50px;
	color: rgb(28,0,165);
	line-height: 50px;
	text-align: center;
}
.weekender-view-box .con {
	margin-top: 50px;
	text-align: center;
}
.weekender-view-box .con img {max-width: 100%;}
/* //2024-01-19 weekender 신규 */

/* 2024-02-01 로그인 */
.login__contents .mbr-login-wrap {
	width: 600px;
}
.login__contents .mbr-login-wrap > h2 {
	text-align: center;
	font-size: 32px;
	font-weight: 700;
}
.mbr-login-wrap .inp_form {
	width: 100%;
}
.mbr-login-wrap .inp-box label {
	font-size: 0;
	display: none;
}
.mbr-login-wrap .inp-box input {
    width: 100%;
    height: 50px;
    padding: 0 64px 0 20px;
    font-weight: 500;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    color: rgb(51, 51, 51);
    background: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    box-sizing: border-box;
    outline: 0;
}
.mbr-login-wrap .inp-box > div {
	position: relative;
}
.mbr-login-wrap .inp-box > div + div {
	margin-top: 10px;
}

.mbr-login-wrap .inp-box input:focus {
	border: 1px solid rgb(0, 0, 0);
	box-sizing: border-box;
}
.mbr-login-wrap .inp-box input::placeholder {
	color: rgb(153, 153, 153);
	font-size: 16px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
}
.mbr-login-wrap .inp-box .pwonoff__btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 64px;
    height: 48px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/pc/resource/images/btn/ico_eye_gr_24x24.png);
    background-size: 24px;
}
.mbr-login-wrap .inp-box .pwonoff__btn:after {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 50%;
	background-color: rgb(153, 153, 153);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
.mbr-login-wrap .inp-box .pwonoff__btn.off:after {
	display: block;
}

.mbr-login-wrap .id-save label {
    display: inline-block;
    padding-left: 30px;
    vertical-align: top;
    font-weight: 400;
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 18px;
}
.mbr-login-wrap .id-save label:before {
	width: 18px;
	height: 18px;
	background-image: none;
	border: 1px solid rgb(204,204,204);
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
}
.mbr-login-wrap .id-save input:checked + label:before {
	width: 18px;
	height: 18px;
	background-size: cover;
	border: 0;
}
.mbr-login-wrap .id-box .id-srh a.searchIDPW {
    font-size: 15px;
    color: rgb(153, 153, 153);
    text-decoration: underline;
}
.mbr-login-wrap .member_login {
	margin-top: 44px;
}
.mbr-login-wrap .btn-box {margin-top: 27px;}
.mbr-login-wrap .btn-box a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	font-size: 18px;
	font-weight: 700;
}
.mbr-login-wrap .id-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 18px 0 0;
}
.mbr-login-wrap .sns-login-box {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0 56px 0;
    padding-bottom: 60px;
    border-bottom: 1px solid rgb(28,0,165);
}
.mbr-login-wrap .sns-login-box a {
    margin-top: 10px;
    width: 49%;
    height: 50px;
    border: 1px solid rgb(238, 238, 238);
    box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center left 20px;
    line-height: 47px;
    font-size: 15px;
    text-align: center;
    transition: all 0.3s;
}
.mbr-login-wrap .sns-login-box a.naver {
    background-image: url(/pc/resource/images/sub/ico_naver_13x12.png);
}
.mbr-login-wrap .sns-login-box a.kakao {
    background-image: url(/pc/resource/images/sub/ico_kakao_17x16.png);
}
.mbr-login-wrap .btn-box .txt__btn {
    margin-top: 27px;
    height: auto;
    line-height: initial;
    font-size: 16px;
    font-weight: 400;
    color: rgb(153, 153, 153);
    text-decoration: underline;
}
.mbr-login-wrap .banner-box {
	margin: 0 0 55px;
}
.mbr-login-wrap .btn-box .mbr-benefit__btn {
	margin-top: 30px;
    border: 1px solid rgb(238, 238, 238);
}
/* // 2024-02-01 로그인 */

/* 2024-02-01 주문/결제 */
.order_wrap .become-member-box {
    width: 1280px;
    margin: 20px auto 0;
    padding: 0 40px;
    box-sizing: border-box;
}
.order_wrap .become-member-box > .inner > .txt-box p {
	font-size: 14px;
	line-height: 26px;
	color: rgb(51,51,51);
}
.order_wrap .become-member-box > .inner > .btn-box a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 40px;
	color: rgb(28,0,165);
	font-size: 14px;
	font-weight: 500;
	border: 1px solid rgb(28,0,165);
	box-sizing: border-box;
}
.order_wrap .become-member-box > .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 15px 20px;
	width: 880px;
	border: 1px solid rgb(213,220,228);
    box-sizing: border-box;
}
/* // 2024-02-01 주문/결제 */


/* 2024-03-06 로그인 - 보안문자 위치 수정 */
.mbr-login-wrap .inp-box > div#captcha {
	display: flex;
	align-items: center;
}
.mbr-login-wrap .inp-box > div#captcha .realperson-challenge {
	display: flex;
	margin-left: 10px !important;
}
.mbr-login-wrap .inp-box > div#captcha .realperson-regen {
	position: relative;
	margin-left: 10px;
}
/* //2024-03-06 로그인 - 보안문자 위치 수정 */


/* 2024-05-13 회원가입 - 이벤트 문구 추가 */
.join-sec .evt-notice-box {
	margin-top: 60px;
	padding: 24px 30px 30px;
	background-color: rgb(242,242,242);
	box-sizing: border-box;
}
.join-sec .evt-notice-box .txt1 {
	font-weight: 500;
	font-size: 16px;
	color: rgb(28,0,164);
	letter-spacing: -0.4px;
}
.join-sec .evt-notice-box .txt2 {
	margin-top: 10px;
	font-weight: 400;
	font-size: 16px;
	color: rgb(0,0,0);
	line-height: 26px;
	letter-spacing: -0.4px;
}
.join-sec .evt-notice-box a {
	color: rgb(28,0,164);
	text-decoration: underline;
}
/* //2024-05-13 회원가입 - 이벤트 문구 추가 */

/* 2025-02-11 pay - 결제방법 선택 수정 */
.renewal_pay {
	justify-content: flex-start;
	align-content: flex-start;
	gap: 9px;
	height: auto;
}
/* //2025-02-11 pay - 결제방법 선택 수정 */