/* =============================================== */
/*			 	구매하기 - 리스트 					   */
/* =============================================== */

#shop {width:100%; margin-top: 8rem;}
.shop_inner { max-width:112rem; padding: 0 2rem; margin:0 auto; box-sizing:border-box;}

section#shop_head {
	padding: 9.8rem 0;
	max-height:38rem;
	background:url(../img/shop/shop_header.jpg) no-repeat center / cover;
}
#shop .q_TitleBox {margin-bottom: 0;}
#shop .c_title {
    color: #30CDD4;
    font-family: Pretendard;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: 2rem;
	text-align: center;
}
#shop .shop_Title {
    font-family: Pretendard;
    font-size: 5rem;
    font-weight: 700;
    line-height: 7rem;
	text-align:center;
    color: #FFF;
}
#shop_package {background: #F7F7F7;padding:12rem 0 15.6rem 0;}

.shop_BTitle {
	font-family: Pretendard;
	font-size: 3rem;
	font-weight: 600;
	line-height: 3.6rem;
	margin-bottom:3.2rem;
}
.shopBox {width:calc(50% - 2rem);background:#fff; border-radius: 15px;margin-bottom:4vh;}
.shopBox:hover{box-shadow: rgb(0 0 0 / 6%) 0 20px 30px; transform: translateY(-6px);}
.shopBox.w100 {width:100%;}

.w100 .shopBox_inner {
	padding:6rem 9rem;
	display:flex; 
	justify-content: space-between; 
	flex-direction: row;
	position:relative;
}
.w100 .shopBox_inner .shopBox_left {width:calc(100%/2 - 3rem);}
.w100 .shopBox_inner .shopBox_right{width:calc(100%/2 - 3rem);}


.w100 .shopBox_inner>a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	z-index:10;
}

/* w100 txt */
.w100 .shopBox_Title {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 4rem;
	color:#222;
}
.w100 .shopBox_sub {
	font-family: Pretendard;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2.3rem;
	letter-spacing: 0px;
	text-align: left;
	margin-top:1.6rem;
}
.w100 .shopBox_price {
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: left;
	margin-bottom:0.4rem;
	color: #AAAAAA;
}
.w100 .shopBox_dis {
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.4000000059604645px;
	text-align: left;
	color: #30CDD4;
}
.w100 .shopBox_finPrice {
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0px;
	text-align: left;
}
.w100 .shopBox_won {
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0px;
	text-align: left;
	color: #888888;
}
.w100 .price_group {display: flex;align-items: center;}
.shopBox_Tbottom {margin-top: 0rem;}

button.n_buy {
	width:100%;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.92rem;
    text-align: center;
    padding: 1.6rem;
    color: #fff;
    font-family: Pretendard;
    background: #30CDD4;
    border-radius: 0.6rem;
    margin-top: 2.4rem;
	z-index:12;
}

button.n_buy:hover {background:#07BBC3;}

button.n_buy.nn_buy {
    color: #888;
	padding: 1.2rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.3rem;
    text-align: center;
	background:#F4F4F4;
}
/* // w100 txt */

.shop_package.bottom {margin-top: 10rem;}
.shopBoxArea {
	display: flex;
	flex-wrap: wrap;
    margin-top: 0rem;
    justify-content: space-between;
}
.shopBox_inner {padding:5rem 6rem; display:flex; flex-direction: column;}
.shopBox_img {position:relative;}
.shopBox_img img {width:100%;}
.shopBox_top {width:100%; height:auto;}
.shopBox_bottom {margin-top:2.4rem;}
.shopBox_Txt {
    display: flex;
    flex-direction: column;
	justify-content: flex-start;
}

#shop .shopBox_Txt {height: 100%; justify-content: space-between;}

/* .shopBox_Txt {justify-content: space-between;} */

.shopBox_Txt {position:relative;}

.shopBox_Ttop {height: 8.8rem;}
.w100 .shopBox_Ttop {height: auto;}
.package .shopBox_Ttop {height:auto;}
.shopBox_Title {font-weight: 600;font-size: 2.4rem;line-height: 3.2rem;}
.shopBox_sub {
	color:#222;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2.4rem;
	margin: 0.8rem 0 0rem;
}
.shopBox_Tbottom {margin-top: 2.4rem;}
.price_group {display: flex;}
.shopBox_price {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.92rem;
	margin-bottom:0.4rem;
	color: #AAAAAA;
	text-decoration-line: line-through;
}
.shopBox_dis {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 2.4rem;
	letter-spacing: -0.4000000059604645px;
	color: #30CDD4;
	padding-right:0.6rem;
}
.shopBox_finPrice {font-size: 2rem;font-weight: 600;line-height: 2rem;}
.shopBox_won {font-size: 2rem;font-weight: 400;line-height: 2.4rem;color: #888888;}

#shop_textBook {display:flex; padding: 12rem 0 14.4rem 0; flex-direction: column; background: #EDF8F9;}
#shop_textBook .shopBox {margin-bottom:4rem;}

@media (max-width:991px) {
	#shop {margin-top: 0rem;}
	.shopBox_Ttop {height: auto;}
	section#shop_head {padding: 0;height: 100vh;background: url(../img/shop/shop_header_mo.jpg) no-repeat center / cover;}
	#shop_textBook .shopBox {margin-bottom:2.4rem;}
	#shop .shop_Title {font-size: 3.4rem;line-height: 4.6rem;}

	.shopBox_inner {padding: 2rem 2rem 2rem 2rem;}
	.w100 .shopBox_inner {
		padding: 2rem 2rem 2rem 2rem;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.w100 .shopBox_inner .shopBox_left {width: 100%;}
	.w100 .shopBox_inner .shopBox_right {width: 100%;}

	.w100 .shopBox_Title, .shopBox_Title {font-size: 1.6rem;font-weight: 600;line-height: 2.6rem;}
	.w100 .shopBox_Title {margin-top:2rem;}
	.w100 .shopBox_sub, .shopBox_sub {font-size: 1.3rem;line-height: 2rem;margin-top: 1rem;}
	.w100 .shopBox_price, .shopBox_price {font-size: 1.4rem;line-height: 2.4rem;margin-bottom: 0rem;}
	.w100 .shopBox_dis, .shopBox_dis {font-size: 1.7rem;line-height: 2.2rem;}
	.w100 .shopBox_finPrice, .shopBox_finPrice {font-size: 1.7rem;font-weight: 600;line-height: 2.2rem;}
	.w100 .shopBox_won, .shopBox_won {font-size: 1.7rem;line-height: 2.2rem;}

	.shopBox_bottom {margin-top: 2rem;}
	.shop_BTitle {font-size: 2.2rem;line-height: 2.64rem;margin-bottom: 2.4rem;}
	
	#shop_package {padding: 6rem 0 6rem 0;}
	#shop_textBook{padding: 6rem 0 10.4rem 0;}
	#shop .c_title {font-size: 1.7rem;line-height: 2.04rem;margin-bottom: 1.5rem;}
	#shop .shop_Title {font-size: 2.4rem;line-height: 3.4rem;}
	
	
}

@media (max-width:767px) {
	.shopBox {width: 100%; margin-bottom:2rem;}
	section#shop_head {max-height:28rem;}
	section#shop_head .shop_inner {margin-top:6rem;}
	#shop .c_title {font-size: 1.7rem;line-height: 2.04rem;margin-bottom: 1.5rem;}
	#shop .shop_Title {font-size: 2.4rem;line-height: 3.4rem;}
}


/* ::::::::::::: blure css START ::::::::::::: */

.blurBox {
    color: #888;
    width: 102%;
    height: calc(100% - 3.5rem);
    top: 4.5rem;
    left: 50%;
    position: absolute;
    border-radius: 0.8rem;
    z-index: 10;
    padding: 0 1rem;
    transform: translateX(-50%);
	background: rgba(244, 244, 244, 0.8);
}

.blurBoxBG {
	width:100%;
	height:100%;
	border-radius: 8px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


.blurBox.oneline {
	top: 4.5rem;
	height: calc(100% - 3rem);
}
.blurBox p {
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.9rem;
	text-align: center;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


@media (max-width:991px) {
	.blurBox {
		top:3.5rem;  
		padding: 0; 
		width: 100%;
		border-radius: 0;
		box-sizing:border-box;
	}
	.blurBoxBG  {border-radius:0;}
	.blurBox.oneline {top:3rem;}
	
	button.n_buy.nn_buy {display:none;}
}

/* ::::::::::::: // blure css END ::::::::::::: */


/* =============================================== */
/*			//  구매하기 - 리스트 					   */
/* =============================================== */


/* =============================================== */
/*		 구매하기 - 상세 페이지 상단 (구매하기 영역) 		   */
/* =============================================== */
#item_detail {margin-top:8rem}
.detail_inner {
	margin:0 auto;
	max-width:112rem;
	box-sizing: border-box;
	padding: 12rem 2rem 10rem;
}

.deatil_Top {
	display:flex;
	padding-bottom:8rem;
	justify-content: center;
	border-bottom:1px solid #EEE;
}

.detail_left {
	width:50%;
	height:57.5rem;
	max-width:54rem;
	max-height:57.5rem;
	position:relative;
}

.detail_img {
    height: 87.1%;
    border: 1px solid #EEE;
    border-radius: 0.8rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
	max-height: 54rem;
}

.detail_img img {width:100%; border-radius:0rem;}
.detail_img .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto!important;
    position: relative;
    transition-property: transform;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detail_img .swiper-pagination {margin-top: 2.4rem; bottom: -3.5rem!important;}
.detail_img span.swiper-pagination-bullet {width: 1rem; height: 1rem; margin: 0 4rem; background:#DDD;}
.detail_img span.swiper-pagination-bullet-active {background:#30CDD4;}

.detail_right {width:50%; max-width:46rem; padding-left: 8rem;}
.detail_Ttop {height:auto;}

.price_box {margin-top: 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #EEE;}

.detail_Botm {margin:2.4rem 0;}
select.pro_name {
    padding-right: 0;
    background: url('../img/shop/shop_email_arrow.png') no-repeat 94% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-size: 1.6rem;
    background-color: #fff;
    border: #DDD solid 0.5px;
	border-radius:0.6rem;
	
    font-family: "Pretendard";
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.8rem;
	color:#222;

    width: 100%;
    height: 4.6rem;
    padding-left: 1.6rem;
}
select.pro_name option {height:3rem; font-size:1.6rem; padding:1.2rem; line-height:3rem;}
.pickBox {
	width:100%;
	background:#F7F7F7;
	padding:1.2rem 1.6rem;
	border-radius:0.6rem;
	margin-top:0.8rem;
	box-sizing: border-box;
	position:relative;
}
.pickBox.hide {display: none;}
.pickBox .Delete {position:absolute; top:1.2rem; right:1.6rem; cursor:pointer;}
.pickBox .Delete {width:1.3rem; height:1.3rem;}
.pickBox .Delete img {width:100%;}
.pickBox .pickName {font-size: 1.5rem; font-weight: 400; line-height: 3rem; padding-bottom:0.8rem; color:#222;}

.countArea {display:flex; align-items: center; justify-content: space-between;}
.count-box {
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 1px solid #DDD;
    border-radius: 0.4rem;
    padding: 0;
    width: 9.6rem;
    height: 3.2rem;
    justify-content: space-between;
    box-sizing: border-box;
    margin: 0 2rem 0 2rem;
}
.count-box button {width: 3.2rem; height: 3.2rem;}
button#minus {background: url(../img/shop/minus.png) no-repeat center/cover;}
button#plus {background: url(../img/shop/plus.png) no-repeat center/cover;}
.count-box input {display:none;}
.count-box span.num {
	font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8rem;
    color: #222;
    text-align: center;
    width: auto;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
	border:none;
	display: flex;
    align-items: center;
    justify-content: center;
}
.count_fpri {
	display:flex;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.9rem;
	letter-spacing: 0px;
	text-align: right;
}
.detailnotice {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	color:#888;
	margin:2.4rem 0 0;
}
.detailnotice span.bold {font-weight:700;}
.detailnotice a {text-decoration: underline;}
.detail_butn {
    width: 100%;
	display: flex;
    max-width: 108rem;
	align-items: flex-end;
    justify-content: flex-end;
}
.detail_butn button {
	/* width:50%; */
	width:100%;
	/* max-width:22.6rem; */
	background:#30CDD4;
	border-radius: 0.6rem;
	border: 1px solid #30CDD4;
}
.detail_butn button:first-child {margin-right:0.8rem;}
.detail_butn button p {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.2rem;
    text-align: center;
    padding: 1.9rem;
    color: #fff;
    font-family: Pretendard;
}
.cartBtn {background:#fff!important; border:1px solid #30CDD4;}
.cartBtn p {color:#30CDD4!important;}
.detail_right button.orderBtn:hover {background: #07BBC3;}

.detail_butn button:hover {background:#07BBC3;}

@media (max-width:991px) {
	#item_detail {margin-top:6rem}
	#item_detail .detail_inner {padding:0 0rem;}
	.deatil_Top {display: flex; flex-direction: column;}
	.detail_left {height: auto;width: inherit;padding:9rem 0rem;max-width: inherit;}
	.detail_img {border:none;}
	.detail_right {width: 100%; max-width: inherit; padding: 0;}
	.detail_Ttop {height:auto; padding:0 2rem;}
	#item_detail .price_box {padding:0 2rem; margin-top: 2rem; padding-bottom: 2rem;}
	#item_detail .detail_Botm {padding:0 2rem;}
	.detail_butn {
		display:none!important;
		right:0;
		bottom:0;
		z-index:11;
		width:auto;
		width:100%;
		position: fixed;
		max-width: inherit;	
		background:#fff;
		padding:0.8rem;
		padding-bottom:3.2rem;
		box-sizing: border-box;
	}
	.detail_butn button {width: 50%; height:100%; margin-top:0; max-width: inherit;}
	.detail_butn button p {font-size:1.6rem; line-height:1.7rem;}
	.detail_butn .cartBtn {border:1px solid #30CDD4; background:#fff;}
	.detail_butn .cartBtn p {color:#30CDD4;}
	.count-box {margin:0;}
}
/* =============================================== */
/*		// 구매하기 - 상세 페이지 상단 (구매하기 영역) 		   */
/* =============================================== */

/* =============================================== */
/*					구매하기 - 장바구니 	   			   */
/* =============================================== */
#shop_wishlist {margin-top:8rem;}
#shop_wishlist .shop_inner {padding: 7.7em 2rem;}
.selceter {
	width:100%;
	display:flex;
	max-width:65.2rem;
	box-sizing:border-box;
	padding: 0rem 1.6rem 1.6rem;
	justify-content: space-between;
}
.rcheckBox {display: flex; align-items: center;}
.rcheckBox input[type="checkbox"] {
	position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    height: 1.8rem;
    width: 1.8rem;
    outline: 0;
    margin: 0;
    box-sizing: border-box;
}
.rcheckBox input[type="checkbox"]#all_selcet::before  {
	content:'';
	margin:0;
	width:1.8rem;
	height:1.8rem;
	position: absolute;
	background: url(../img/uncheck.png) no-repeat center/cover;
}
.rcheckBox input[type="checkbox"]#all_selcet:checked:after {
    content: '';
    top: 50%;
    left: 0px;
    width: 1.8rem;
    height: 1.8rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/login_check.png) no-repeat center/cover;
    background-color: #ffff;
    border-radius: 2px;
}
.rcheckBox input[type="checkbox"]#all_unselcet {opacity:0;}
button.rcheckBox.unselcet {
	color:#666;
	cursor:pointer;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.9rem;
}
.rcheckBox label {
	color:#222;
	cursor:pointer;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.9rem;
	padding-left:1.2rem;
}
.rcheckBox.unselcet label {color:#666;}

.wish_itemGroup {border: 1px solid #EEE; border-radius: 0.8rem;}
.wishlist_Box {position:relative;}
.wishlist_Box .Delete {
	top:50%;
	width:1.5rem;
	height:1.5rem;
	cursor:pointer;
	right:1.6rem;
	position:absolute;
	transform:translateY(-50%);
}
.wishlist_Box .Delete img {width:100%; height:auto;}
.wish_itemBox {
	height:7rem;
    display: flex;
	align-items: center;
	border-bottom: 1px solid #EEE;
	justify-content: space-between;
	padding: 1.6rem 4.6rem 1.6rem 1.6rem;
}
.wish_picker {height: 100%; width:1.8rem; height:1.8rem; padding-right: 1.2rem;}
.wish_picker input[type="checkbox"] {
	position:relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	cursor: pointer;
	height: 1.8rem;
	width: 1.8rem;
	outline: 0;
	margin:0;
	box-sizing:border-box;
	border:1px solid #DDD;
	border-radius:0.2rem;
}
.wish_picker input[type="checkbox"]#wish_check::before {
	content:'';
	width:1.8rem;
	height:1.8rem;
	top:0;
	left:0;
	background: url(../img/uncheck.png) no-repeat center;
	z-index:1;
	position:absolute;
	border-radius:2px;
	box-sizing:border-box;
}

.wish_picker input[type="checkbox"]#wish_check:checked:after {
    content: '';
    top: 50%;
    left: 0px;
    width: 1.8rem;
    height: 1.8rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/login_check.png) no-repeat center/cover;
    background-color: #ffff;
    border-radius: 2px;
}

.w_itemImg {
    color: #222;
    width: 7rem;
    height: 7rem;
    background: #FFF;
	border:1px solid #EEE;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
	box-sizing: border-box;
}
.w_itemImg img {width:100%;}
.w_itemName {height:100%;width:46.3%;box-sizing:border-box;padding: 0rem 0rem 0rem 1.6rem;}
.w_itemName ul {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
li.Wbname {font-size: 1.5rem; font-weight: 500; line-height: 2rem;}
.Wsname {
	position:absolute;
	left:13.2rem;
	bottom:1.6rem;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2rem;
	color:#888;
}
.wish_mid {width: 100%; display: flex; justify-content: flex-start;}
.wish_right {width: 42.6%;display: flex;align-items: center;justify-content: space-between;}
.w_itemCount .countBox {
	width:9.6rem;
	height:3.2rem;
	margin-left:2rem;
	margin-right: 2rem;
}
.w_itemprice {
	color:#222;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-align: right;
}
.quickfee {
	color:#222;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	text-align: center;
	padding:1.2rem 0;
}
.orderBox.moblie {display:none;}
.orderBox_cont {padding: 2.4rem; border: 1px solid #EEE; border-radius: 0.8rem;}
#shop_wishlist .order_proGroup.PriceTable {border-bottom: none; padding-bottom: 0; padding-top: 0;}

@media (max-width:991px) {
	.selceter {max-width:inherit;}
	.wishlist_Box .Delete {right:0;}
	.w_itemCount .countBox { width: 9rem; height: 3rem; margin-right: 0rem; margin-left: 0rem;}
	li.Wbname {line-height:1.5rem;}
	.wish_right {align-items: flex-start;}
}

/* ============== 빈 장바구니 ============== */
#shop_wishlist {height: auto;margin-top: 8rem;min-height: 100vh;}
#shop_wishlist .shop_inner.no  {height:100vh; position: relative;}
.no .payment_Cont {
    display: flex;
    height: auto;
    padding: 17.9rem 0 33.9rem 0;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.no .cart {position: relative;}
.no .cart figure {width: 8.3rem; height: auto; margin:0 auto;}
.no .cart figure img {width:100%;}
.no .cart p {font-size: 1.7rem; font-weight: 400; line-height: 2.4rem;}

.cartBtnBox .cartBtn p {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.2rem;
    text-align: center;
    padding: 1.9rem;
    color: #fff;
    font-family: Pretendard;
}
.cartBtnBox .cartBtn {
    color: #fff;
    width: 100%;
	margin-top: 1.6rem;
	background: #30CDD4;
    border-radius: 0.8rem;
}

.no .cartBtnBox .cartBtn {
    color: #fff;
    width: 100%;
	margin-top: 4.5rem;
    border-radius: 0.8rem;
	background: #30CDD4!important;
}
.no .cartBtnBox .cartBtn p {color:#fff!important;}
@media (max-width:991px) {
	.no .payment_Cont {
		width:90%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding:17.9rem 0 33.9rem 0;
	}
}
@media (max-width:767px) {
	.cartBtnBox .cartBtn p {color: #fff;font-weight: 400;font-size: 1.6rem;line-height: 1.9rem;}
}
/* ============== // 빈 장바구니 ============== */


@media (max-width:991px) {
	#shop_wishlist {margin-top: 6rem;}
	#shop_wishlist .shop_inner {padding-top: 2em; padding-bottom: 0rem;}

	.selceter {max-width:inherit; padding: 0rem 0rem 2rem; border-bottom:1px solid #EEE;}
	.wish_itemGroup {border: none; border-radius: none;}
	.wish_itemBox {
		height: auto;
		display: flex;
		padding: 2rem 0;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
	}
	.w_itemName {
		height: auto;
		padding: 0;
		width: auto;
		top: 2.2rem;
		left: 3rem;
		position: absolute;
		box-sizing: border-box;
	}
	.w_itemName ul {height:auto;}
	li.Wbname {line-height:1.5rem;}
	li.Wsname {
		position:relative;
		left:inherit;
		bottom:inherit;
		
		color: #888;
		font-size: 1.3rem;
		line-height: 2rem;
		padding-top: 0.4rem;
		padding-bottom:1.6rem;
	}

	.wish_mid {
		width: 100%;
		display: flex;
		margin-top: 1.6rem;
		padding-left: 3rem;
		box-sizing:border-box;
	}
	
	.twoline .wish_mid {margin-top:4rem;}
	.wish_right {width:auto;margin-left: 1.6rem;max-width: inheritrem;flex-direction: column-reverse;}
	.w_itemCount .countBox {width: 9rem;height: 3rem;margin-right: 0rem;margin-left: 0rem;}
	
	.wishlist_Box .Delete {top:3.2rem; right:0;}
	#shop_wishlist .order_proGroup.PriceTable {
		border-bottom: none;
		padding: 2rem 0 3rem 0;
		border-top: 1px solid #666;
	}
	#shop_wishlist tr.final_price{border-top:none;margin-bottom: 0rem;padding-top: 0!important;}
	#shop_wishlist .order_PriceTable .final_price th {
		padding-top:0;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 2.4rem;
		color:#222;
	}
	.orderBox_cont {
		padding:0;
		border:none;
		border-top:none;
		border-radius: 0rem;
	}
}
/* =============================================== */
/*				// 구매하기 - 장바구니 	   			   */
/* =============================================== */


/* =============================================== */
/*				 구매하기 - 결제 진행 	   			   */
/* =============================================== */
#payment {flex-direction: column; align-items: flex-start; margin-bottom:8rem;}
#shop_payment .shop_inner {padding: 16rem 2rem 18rem 2rem;}
.payment_Cont { display: flex; justify-content: space-between;}
.payment_BTitle {
	color:#222;
	font-weight: 700;
	font-size: 2.4rem;
	margin-bottom:4rem;
	line-height: 2.9rem;
}
.payment_left {width:65%; max-width:65.2rem;}
.payment_right {width: 35%; max-width: 38rem; margin-left:3rem;}

/* ++++++++++ 배송지 입력 ++++++++++ */
.paymentCont {border-top:1px solid #666;}
.paymentCont.p_address { margin-bottom: 8rem;}
.p_Btxt {color:#222;font-size: 2rem;font-weight: 600;line-height: 2.4rem;margin:2.4rem 0 0rem;}
.boxInCont.ordererArea {padding-bottom: 0rem; margin-top: 2rem;}

.p_addressArea {margin-top: 2.4rem;}

.inqutBox{margin-bottom:1.6rem;}
.inqutBox:last-child{margin-bottom:0rem;}

#shop_payment .boxInCont li {margin-bottom: 0.8rem;}
#shop_payment .boxInCont li:last-child {margin-bottom:0;}

.in_Txt {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8rem;
    color: #666;
	width:9rem;
	min-width:9rem;
}
.in_put {width: 100%;display: flex;max-width: 26.5rem;align-items: center;justify-content: space-between;}
.in_put input {
    width: 100%;
	height:4.8rem;
    border: #EEE solid 1px;
    box-sizing: border-box;
	border-radius:0.6rem;
    padding: 1.5rem 1.4rem;
	
	font-family: pretendard;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color:#222;
}

#shop_payment input:focus, #shop_payment select:focus, #shop_payment textarea:focus {outline: 1px solid #30CDD4;}

.address {align-items: flex-start!important;}
.mg12 {margin-top:1.8rem;}
input#add { width:59.5%; max-width: 15.7rem;}
.search_add {
	background:#F2F2F2;
	border:none;
	max-width: 100px;
    width: 41%;
	margin-bottom: 1.6rem;
	margin-left:1rem;
	
	font-family: Pretendard;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0px;
	text-align: center;
	
	color:#666;
	height: 4.8rem;
    border-radius: 0.6rem;
}
.in_put.bottom .add_address {width:100%; max-width:inherit;}
.add_input {width: 100%;display: flex;max-width: 56.2rem;flex-direction: column;}
.add_input input {margin-bottom:1.6rem;}
.in_put.bottom {width: 100%; max-width: inherit; display: inline-block;}
input#add_address:last-child {margin-bottom: 0;}
.in_put.iw100 {width: 100%;max-width: 56.2rem;}

.in_put.iw100 textarea {
	width: 100%;
    height: 4.8rem;
	font-family: Pretendard;
    border: #EEE solid 1px;
    box-sizing: border-box;
    border-radius: 0.6rem;
    padding: 1.5rem 1.4rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
	resize: none;
    color: #222;
	overflow:hidden;
}

.inqutBox {width: 100%;display: flex;align-items: center;flex-direction: row;}

.p_address .payway_notice {margin-top:1.6rem;}
.p_address .payway_notice li {
	margin: 0;
    width: 100%;
    height: auto;
    border: none;
    display: inline-block;
    color: #999;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.9rem;
}

@media(max-width:991px) {
	#shop_payment input:focus,#shop_payment select:focus, #shop_payment textarea:focus {outline: none;}
	.in_put input:hover {border:1px solid #30CDD4; border-radius:0.6rem;}
}
/* ++++++++++ // 배송지 입력 ++++++++++ */



/* ++++++++++ 주문자 입력 ++++++++++ */
.paymentCont.orderer {padding-bottom: 8rem; position:relative;}
.p_email input {width:50%; max-width:26.5rem;justify-content: flex-start;}
input#end_email {width: 100%;display:none;max-width: 26.6rem;}
.q_box.textArea input#end_email {display:block;}
.q_box.textArea .selectBox2.j {display:none;}
.p_email p {margin:0 0.8rem;font-weight: 400;font-size: 1.8rem;line-height: 2.2rem;}

.email_com {
	position:relative;
	width:50%;
	height:4.8rem;
	max-width:26.5rem;
	border-radius:0.6rem;
	border:1px solid #EEEEEE;
	padding:1.4rem 1.6rem 1.5rem 1.4rem;
}

select.email_com {
    padding-right: 0;
    background: url('../img/shop/shop_email_arrow.png') no-repeat 94% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 1.6rem;
    background-color: #fff;
    border: #EEE solid 0.5px;
	
	font-family: Pretendard;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.8rem;
}

select.email_com option {
	color:#888;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.8rem;
	border-radius:8px;
}
ul.optionList {display: none;}
.selectBox2.j.active ul.optionList {display:block;}
.orderer .payway_notice {margin-top:1.6rem;}
.orderer .payway_notice li {
	margin: 0;
    width: 100%;
    height: auto;
    border: none;
    display: inline-block;
    color: #999;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.9rem;
}

/* ++++++++++ // 주문자 ++++++++++ */


/* ++++++++++ 결제 방법 선택 ++++++++++ */
.payway {position: relative;}
.payway ul {display: flex;flex-wrap: wrap;margin-top:2rem;justify-content: flex-start;}
.payway ul li {
	cursor:pointer;
    width: calc(100%/4 - 8px);
    border: 1px solid #EEE;
    border-radius: 0.4rem;
    height: 5.2rem;
    margin-bottom: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.8rem;
}
.payway ul li:nth-child(4) {margin-right:0;}
.payway ul li p {
	color:#444;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.4rem;
	text-align: center;
}
.payway ul li figure {width:6.2rem; height:auto;}
.payway ul li figure img {width:100%;}
.payway ul li:hover {border:1px solid #30CDD4;}
.payway ul li:hover p {color:#30CDD4;}
.payway ul li.on {border:1px solid #30CDD4;}
.payway ul li.on p {color:#30CDD4; font-weight:600;}
.payway ul.payway_notice {width:100%;margin-top:0.8rem;margin-bottom:2.4rem;margin-bottom:4rem;}
.payway ul.payway_notice li {
    margin: 0;
	width: 100%;
	height: auto;
    border: none;
    display: inline-block;
	
	color:#999;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.9rem;
}

@media (max-width:991px) {
	.payway {padding-top: 2rem;}
	.payway ul li {height:4.8rem;width: calc(100%/3 - 10px);}
	.payway ul li:nth-child(4) {margin-right:0.8rem;}	
	.orderBtnBox {
		z-index:10;
		position: sticky;
		bottom: 0rem;
		display: flex;
		align-items: flex-end;
		background: #fff;
		padding-top:0.8rem;
		padding-bottom: 3.8rem;
	}
	.orderBtnBox.pc {display:none;}
	#shop_payment .orderBtnBox {z-index:2;}	
}
/* ++++++++++ // 결제 방법 선택  ++++++++++ */

/* ++++++++++ 주문상품 PC ++++++++++ */

/* 공통 */ .orderBox {position: sticky; top: 2rem;}
/* 공통 */ .order_proGroup {padding:1.6rem 0 1.6rem; border-bottom:1px solid #EEE;}

#shop_payment .orderListBox_cont {padding: 2.4rem;border: 1px solid #EEE;border-radius: 0.8rem;}
#shop_payment .ob_title {color:#222;font-size: 2rem;font-weight: 600;line-height: 3rem;}
#shop_payment .order_proBox {display: flex;align-items: center;margin-bottom: 1.6rem;}
#shop_payment .order_proBox:last-child {margin-bottom:0;}
.order_img {
	width:15rem;
	height:7rem;
	display: flex;
	background:#FFF;
	align-items: center;
	border-radius:0.6rem;
    justify-content: center;
	border:1px solid #F4F4F4;
}
.order_img img {width:100%;}
.orderpro_info {margin-left: 2.2rem;}
.order_product {font-size: 1.5rem; font-weight: 400; line-height: 2.4rem;}
.orderpro_info ul {display:flex; margin-top:2.2rem;}
.orderpro_info ul li {display:flex;}
.o_price {margin-right:0.2rem;}
.order_num {color: #888;font-weight: 400;font-size: 1.4rem;line-height: 2.4rem;}

.order_proGroup.PriceTable {padding-bottom:2.3rem;}
.order_price {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.4rem;
	margin-right:1.7rem;
	position:relative;
}
/* .order_price::before {
    content: '';
    width: 1px;
    height: 1.6rem;
    background: #EEE;
    position: absolute;
    right: -0.8rem;
	top:50%;
	transform:translateY(-50%);
} */
.order_PriceTable {width:100%;}
.order_PriceTable tr {display: flex; margin-bottom:0.8rem; justify-content: space-between;}
.order_PriceTable tr:last-child {margin-bottom:0rem;}
.order_PriceTable th {color:#666;font-weight: 400;font-size: 1.5rem;line-height: 2.4rem;}
.order_PriceTable .final_price th {color:#222;font-weight:600;font-size:1.5rem;line-height:2.4rem;}

.final_price td {color:#30CDD4;font-size: 2rem;font-weight: 700;line-height: 2.4rem;}

.order_PriceTable .total_price td {color:#222;font-weight: 600;font-size: 1.5rem;line-height: 2.4rem;}
.order_PriceTable .delivery_fee td {font-size: 1.5rem;font-weight: 400;line-height: 2.4rem;}

.p_Btxt.mo_price {display:none;}
#paycheck {margin: 0; width: 1.5rem; position: relative;}
.pay_checkBox {display: flex; margin:1.6rem 0 0rem 0;}
.pay_checkBox input:focus {outline:none!important;}
.agree {margin: 0;width: 1.6rem;height: 1.6rem;position: relative;}
.pay_checkBox .check {color:#222; line-height:1;}
.pay_checkBox input[type="checkbox"].agree:checked:after{
    content: '';
    top: 50%;
    left: 0px;
    width: 1.6rem;
    height: 1.6rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/login_check.png) no-repeat center/cover;
    background-color: #ffff;
    border-radius: 2px;
}
.orderBtn {
    color: #fff;
	width: 100%;
    margin-top: 1.6rem;
	background: #30CDD4;
    border-radius: 0.8rem;
}
.orderBtn p {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.2rem;
    text-align: center;
    padding: 1.9rem;
    color: #fff;
    font-family: Pretendard;
}
.payfinbox {display:none;}
/* ++++++++++ // 주문상품 PC ++++++++++ */

.paymentCont_top, .orderBox_top {
    display: flex;
	position:relative;
    align-items: center;
    justify-content: space-between;
}

/* ++++++++++ MO INFO TXT ++++++++++ */
.hiden_info, .hiden_pronum {
    display: flex;
    right: 3rem;
    top: 50%;
	position: absolute;
    transform: translateY(-50%);
	display:none;
}
.hiden_info.on ,.hiden_pronum.on {display:flex;}
.hiden_info p {font-size: 1.5rem; font-weight: 400; line-height: 1.8rem; color:#444;}
.hiden_info .name {padding-right:0.8rem;}
.hiden_pronum .num {font-size: 1.5rem; font-weight: 400; line-height: 1.8rem;}
/* ++++++++++ // MO INFO TXT ++++++++++ */

.orderBtnBox .orderBtn {
    color: #fff;
	width: 100%;
    margin-top: 1.6rem;
	background: #30CDD4;
    border-radius: 0.8rem;
}
.orderBtnBox.moblie {display:none;}

@media (max-width:991px) {
	.orderBtnBox.moblie {display:block;}
	
	.ob_title { color: #222; font-size: 1.8rem; line-height: 2.1rem;}
	.p_Btxt.mo_price {display:block; margin:0 0 2rem 0;}
	
	.payment_BTitle {
		color: #222;
		font-size: 2rem;
		font-weight: 700;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}
	
	.in_put {max-width:inherit;}
	.paymentCont.p_address { margin-bottom: 4rem; padding-top: 2rem;}
	.in_Txt {width: 6.4rem; min-width: 6.4rem;}
	.p_addressArea {margin-top: 2rem;}
	.hideBtn {
		width: 1.3rem;
		height: 1.2rem;
		transition:none;
		background: url(../img/shop/shop_mo_arrow.png) no-repeat center/cover;
	}
	.hideBtn.rotate {transform: rotate(180deg); transition: none;}
	.paymentCont.orderer {padding:2.1rem 0 2.1rem 0;}
	.paymentCont.orderer .p_Btxt {margin-top:0; font-size:1.8rem; line-height:2.16rem;}
	.p_Btxt {margin-top:0;font-size:1.8rem;line-height:2.16rem;}
	
	#shop_payment .shop_inner {padding: 8rem 2rem 0rem 2rem;}
	
	.payment_Cont {flex-direction: column;}
	.payment_left {width: 100%; max-width: inherit;}
	.payment_right {width: 100%; margin-left:0; max-width: inherit;}

	.boxInCont.ordererArea {margin-bottom: 1.6rem;}
	.orderBox {position:relative; display:block; top:0;}
	.orderBox.moblie {position:relative; display:block; padding:2rem 0; border-top:1px solid #666;}
	
	#shop_payment .under .order_proGroup.list {display:none;}
	#shop_payment .under .ob_title {display:none;}
	#shop_payment .orderBtnBox {display:none;}
	#shop_payment .orderBtnBox.moblie {display:block;}
	#shop_payment .order_proGroup.PriceTable {border-top: 1px solid #666;border-bottom: 1px solid #666;padding: 2.1rem 0 4rem 0;}
	#shop_payment .orderListBox_cont { border-radius: 0; padding: 0rem; border: none;}

	.order_proGroup {top:inherit; padding: 2rem 0 1.6rem; border-bottom: none;}
	.order_proGroup>li {margin-bottom:1.6rem;}
	.order_proGroup>li:last-child {margin-bottom:0rem;}
	
	.paywway {margin-top: 2rem;}
	.paywway ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: 2rem;
		justify-content: flex-start;
		margin-bottom: 3.2rem;
	}
	
	.order_proGroup.PriceTable {
		padding: 2rem 0 4rem 0;
		border-top:1px solid #666;
		border-bottom:1px solid #666;
	}
	
	.pay_checkBox {margin: 2rem 0 2rem 0;}
	.orderBtnBox .orderBtn {margin-top: 0rem;}
	.payfinbox {display:none;}
	input#add {width: 100%; max-width: inherit;}
	select.email_com {background: url('../img/shop/shop_email_arrow.png') no-repeat 93% 50%; background-size: 1.2rem;}
	
	.add_input {width: 100%;display: flex;max-width: inherit;flex-direction: column;}
	
	.in_put.iw100 {width: 100%; max-width: inherit;}
	.p_email input {width: 50%; max-width: inherit;}
	.email_com {width: 50%; max-width: inherit;}
	.search_add {
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.6rem;
		letter-spacing: 0px;
		text-align: center;
		color: #666;
		height: 4.8rem;
		border-radius: 0.6rem;
		width: 68%;
	}
	.order_PriceTable tr:last-child {margin-bottom: 0rem;padding-top: 0.8rem;border-top: 1px solid #EEE;}
	.orderBtn p {font-size:1.6rem; font-weight:400;line-height:1.9rem;}
	.orderBtnBox .orderBtn p {font-size:1.6rem; font-weight:600;line-height:1.9rem;}
}
/* =============================================== */
/*			// 구매하기 - 결제 진행 	   			   	   */
/* =============================================== */


/* :::::::: 구매하기 페이지 준비 중  start :::::::: */

#shop_payment .not {
	width:100%;
	background: #F0F2FF;
	position:relative;
}

#shop_payment .not_message {
	width:100%;
	height: 100vh;
	position:relative
}

.message_Box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#shop_payment .not_message figure {
	position: absolute;
    left: 50%;
    top: 50%;
	width:100%;
	max-width:78.5rem;
	margin-top:8rem;
    transform: translate(-50%, -50%);
}

#shop_payment .not_message img {width:100%; height:auto;}

@media (max-width:991px) {
	#shop_payment .not_message figure {
		width:90%;
	}
}

/* :::::::: // 구매하기 페이지 준비 중 end :::::::: */




/* =============================================== */
/*			   구매하기 - 결제 완료 	   			   	   */
/* =============================================== */
/* #### 결제 성공 #### */
.pay_fail {
	display: flex !important;
	align-items: center !important;
	flex-direction: column !important;
	padding: 32rem 0 44.7rem !important;
}

/* #### 결제 성공 #### */
#pay_result, .pay_success {
	display: flex;
	align-items: center;
    flex-direction: column;
	padding: 20rem 0 24.7rem;
}
#pay_result .pay_logoBox {
    width: 100%;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 8rem 0 8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
	margin: 0rem 0 10rem 0;
}
.pay_logoBox figure {width:7rem;height:auto;margin-bottom:2.8rem;}
.pay_logoBox figure img {width:100%;}
.pay_infoTxt {
	color:#222;
	font-size: 2.7rem;
	font-weight: 400;
	line-height: 2.9rem;
	text-align: center;
	margin-bottom:1.6rem;
}
.pay_infoTxt span.bold {font-weight:700;}
.pay_subTxt	{
	font-family: Pretendard;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 2.4rem;
	color:#888;
}
.pay_subTxt a {text-decoration:underline;}
.pay_re_info { width: 100%; margin-bottom: 6rem;}

.Order_InTitle {padding-bottom: 2rem;border-bottom: 1px solid #222;}
.Order_InTitle ul {display:flex;}
.Order_InTitle{
	color:#222;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.2rem;
	position:relative;
}
.Order_InTitle ul li {position:relative;}
.Order_InTitle ul li:nth-child(2) {padding-left: 1.5rem;}
.Order_InTitle ul li:nth-child(2)::before {
    content: '';
    width: 0.2rem;
    height: 1.5rem;
    background: #222;
    position: absolute;
    left: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
}

.pay_re_info ul.Order_InTable li {
	display:flex;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.2rem;
	padding: 2.1rem 0 2.2rem;
	border-bottom:1px solid #EEE;
}
.pay_re_info.orderer ul.Order_InTable li {height:4rem; padding: 0; align-items: center;}
.pay_re_info .q_kind {width:15rem; color: #666666;}
.pay_re_info .q_cont {color:#222;}

#shop_pay_result button {
    border: none;
    border-radius: 0.6rem;
    font-family: Pretendard;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 2.6rem;
    text-align: center;
    color: #fff;
	margin:0 auto;
    padding: 2.2rem 7rem;
    background: #30CDD4;
    cursor: pointer;
}

/* 주문상품 리스트 */

#pay_result .order_product {color:#222;font-size: 1.6rem;font-weight: 400;line-height: 2.4rem;}
#pay_result .orderpro_info ul {display: flex; margin-top: 12px;}
#pay_result .orderpro_info li {display: flex; font-size: 1.6rem; padding: 0; border-bottom: none;}
.o_price {font-size: 1.6rem; font-weight: 600; line-height: 2.4rem;}
#pay_result .order_num {font-size:1.4rem!important; color:#888;}
.del_fee {
	width:100%;
	background:#F8F8F8;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.4rem;
	text-align: center;
	color:#666;
	height:4.2rem;
	display:flex;
	justify-content: center;
    align-items: center;
}
.orderer ul.Order_InTable {padding: 1.2rem 0;border-bottom:1px solid #EEEEEE;}
.orderer ul.Order_InTable li {border:none;}

.price_info li {justify-content: space-between;}
#shop_pay_result .order_proBox {display: flex; align-items: center;}

@media (max-width:767px) {
	.pay_fail {
		padding: 30rem 0 23.2rem !important;
	}
	#pay_result, .pay_success {
		padding: 10rem 0 4.2rem;
	}
	#pay_result .pay_logoBox {
		width: 100%;
		display: flex;
		border-radius: 8px;
		align-items: center;
		padding: 4rem 0 4rem;
		flex-direction: column;
		margin: 0rem 0 5.4rem 0;
		border: 1px solid #EEEEEE;
	}	
	.pay_logoBox figure {width: 3.6rem;height: auto;margin-bottom: 1.6rem;}
	.pay_infoTxt {font-size: 2rem;line-height: 2.8rem;}
	.pay_subTxt {font-size: 1.3rem;line-height: 2.4rem;}

	.Order_InTitle ul {flex-direction: column;}
	.Order_InTitle {font-size: 1.6rem;font-weight: 500;line-height: 2.4rem;padding-bottom:1.2rem;}
	.Order_InTitle ul li:nth-child(2) {padding-left: 0rem;}
	.Order_InTitle ul li:nth-child(2)::before {display: none;}

	.pay_re_info {width: 100%;margin-bottom: 4.8rem;}
	.orderer ul.Order_InTable {padding: 0.8rem 0;}
}
/* =============================================== */
/*			// 구매하기 - 결제 완료 	   			   	   */
/* =============================================== */
.selectBox2 {
    position: relative;
    background: url('../img/shop/shop_email_arrow.png') no-repeat 94% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 1.6rem;
    background-color: #fff;
    border: #EEE solid 0.5px;
    font-family: Pretendard;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8rem;
    border-radius: 6px;
}
.paymentCont.orderer #email {
	position:relative;
	cursor:pointer;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8rem;
    border-radius: 0.6rem;
	padding: 1.5rem 1.4rem 1.5rem 1.4rem;
}


.write_email {
    display: none;
    position: absolute;
    left: 13px;
    top: 0;
    width: 82%;
    height: 0;
    height: 1.8rem;
    top: 50%;
    transform: translateY(-50%);
}

.in_put.iw100 textarea#email {
    padding: 0;
    height: 100%;
    line-height: 1;
    line-height: 1.8rem;
	border-radius: 0;
    border: none;
	outline: none;
}
.write_email.ew {display:flex!important;}

.q_box {position:relative; width: 50%; max-width: 26.5rem;}
.q_box .text02 {display:none;}
.q_box.textArea .text02 {display:block;}

.optionList {display:none; height:0; background:#fff;}
.selectBox2.j.active .optionList {
	top: 100%;
	z-index:10;
	width: 100%;
	height: auto;
    display: flex;
    position: absolute;
	border-radius: 0.6rem;
    flex-direction: column;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);
}

li.optionItem {
    background: #FFF;
    font-family: Pretendard;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.8rem;
    text-align: left;
    margin-bottom: 0!important;
    padding: 1.5rem 0 1.5rem 1.4rem;
    z-index: 10;
	color: #888888;
	border-radius:0.6rem;
}
li.optionItem:hover {background:rgba(248, 248, 248, 1); color:#222;}
.selectBox {
  position: relative;
  width: 150px;
  height: 35px;
  border-radius: 4px;
  border: 2px solid lightcoral;
}
.selectBox .select {
  width: inherit;
  height: inherit;
  background: transparent;
  border: 0 none;
  outline: 0 none;
  padding: 0 5px;
  position: relative;
  z-index: 3;
}
.selectBox .select option {
  color: #fff;	
  background: lightcoral;
  padding: 3px 10px;
  font-size: 16px;
}
.selectBox .icoArrow {
  position: absolute; 
  top: 0; 
  right: 0; 
  z-index: 1; 
  width: 35px; 
  height: inherit;
  border-left: 2px solid lightcoral;
  display: flex;
  justify-content: center;
  align-items: center;
}
.selectBox .icoArrow img {width: 50%; transition: .3s;}
.selectBox .select:focus + .icoArrow img {transform: rotate(180deg);}
@media (max-width:1300px) {.selectBox2.j.active .optionList {top:100%; z-index:1;}}
@media (max-width:767px) {
	.selectBox2 {background: url('../img/shop/shop_email_arrow.png') no-repeat 92% 50%;background-size: 1.3rem;}
}


.photobanner {
  animation: bannermove 50s linear infinite alternate-reverse;
}

@keyframes bannermove {
  from {
    left: 0px;
  }
  to {
    left: -2700px;
  }
}