@charset "UTF-8";

/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */


/*20190515 추가 작업건으로 추가하는 스타일*/

.mypage-summary{
	padding:30px 0px 30px 0px;
	position:relative;
	text-align:center;
}


.mypage-summary .mem_name{
	font-size:18px;
	margin-bottom:40px;
}
.mypage-summary .my_detail_box{
	display:table;
	width:100%;
}
.mypage-summary .my_detail_box > .item{
	display:table-cell;
	width:33.33%;
	position:relative;
}
.mypage-summary .my_detail_box > .item:after{
	content:"";
	position:absolute;
	right:0;
	top:15%;
	height:70%;
	border-right:1px solid #ddd;
}
.mypage-summary .my_detail_box > .item:last-child:after{
	border-right:0;
}
.mypage-summary .my_detail_box > .item dt{
	font-size:16px;
	font-weight:600;
	margin-bottom:25px;
}
.mypage-summary .my_detail_box > .item dd.icon{
	margin-bottom:20px;
}
.mypage-summary .my_detail_box > .item dd.point{
	font-size:22px;
	font-weight:600;
	color:#000;
}
.mypage-summary .my_detail_box > .item dd.dec{
	font-size:14px;
}
.level_view_btn{
	position:absolute;
	color:#000;
	background:#ddd;
	display:inline-block;
	padding:6px 25px;
	font-size:14px;
	right:20px;
	bottom:30px;
}

.level_b{
	color:#0e0e3e;
}
.level_s{
	color:#a5a5a6;
}
.level_g{
	color:#fabc3d;
}
.level_p{
	color:#1c2f6e;
}
.level_d{
	color:#e01a00;
}


.remodal.member_level_pop{
	max-width:1100px;
	padding:0;
}
.remodal.member_level_pop h2{
	color:#000;
	padding:20px 15px;
	text-align:center;
	position:relative;
	font-size:22px;
}
.remodal.member_level_pop h2 button{
	position:absolute;
	right:15px;
	top:20px;
	font-size:30px;
}
.remodal.member_level_pop .pop_body{
	padding:20px;
	padding-top:0;
}
.remodal.member_level_pop .pop_body .table_new .goods-board{
	border-collapse:collapse;
}
.remodal.member_level_pop .pop_body .table_new .goods-board th{
	font-size:14px;
	color:#000;
	font-weight:600;
	padding-top:20px;
	padding-bottom:20px;
}
.remodal.member_level_pop .pop_body .table_new .goods-board td{
	font-size:14px;
	color:#777;
}
.remodal.member_level_pop .pop_body .table_new .goods-board td.tt{
	color:#333;
}

/* Rectangle In */
.level_view_btn {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: absolute;
  background: #0071bf;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.level_view_btn:hover{
	color:#fff;
}
.level_view_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ddd;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.level_view_btn:before{
	background:#ddd;
}
.level_view_btn:hover:before, .level_view_btn:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


/* ./././20190515 추가 작업건으로 추가하는 스타일*/



/*장바구니등의 형태의 리스트 */
.cart_product_list{}
.table_new.line_none .cart_product_list td{
	border-bottom:1px solid #ddd !important;
}
.cart_product_list .product_info_box{
	display:flex;
	align-items: center;
}
.cart_product_list .product_info_box .pro_info{
	padding-left:15px;
}
.cart_product_list .product_info_box .thum{}
.cart_product_list .product_info_box .thum img{
	width: 100px;
}
.cart_product_list .product_info_box .pro_name{
	font-size:15px;
	padding-left:15px;
}
.cart_product_list .product_info_box .pro_name text:nth-of-type(1){
	display:block;
}
.cart_product_list .pro_count{
	display:flex;
	align-items: center;
	justify-content: center;
	gap:2px;
}
.cart_product_list .pro_count a{
	width:34px !important;
	margin-top:0 !important;
}
.cart_product_list .pro_count input{
	border:1px solid #ccc;
	border-radius:3px;
	height:23px;
	width:25px;
	text-align:center;
}

.cart_product_list .pro_count .normal-btn{
	width:50px !important;
	min-width:unset;
}
.cart_product_list .price{
	font-size:15px;
}
.cart_product_list .delivery_price{
	font-size:15px;
}
.table_new.line_none .cart_product_list tr.op td{
	height:0;
	padding:0;
	border:0 !important;
}

.table_new.line_none .cart_product_list .benefits{
	font-size:14px;
}
.table_new.line_none .cart_product_list .benefits > dl{}
.table_new.line_none .cart_product_list .benefits > dl + dl{
	border-top:1px dashed #ddd;
	padding-top:5px;
	margin-top:5px;
}


/*장바구니*/
.mypage-cart-list .add_point{
	text-align:right;
	font-size:15px;
	padding:5px 0;
	font-weight:600;
}


/*고객센터*/
#smart_editor2{
	box-sizing: border-box;
	width:100% !important;
}

.qa_write_go{
	display:flex;
	align-items: center;
	justify-content: center;
}
.qa_write_go a{
	display:flex;
	width:230px;
	font-size:16px;
	color:#fff;
	background:#df3d3d;
	height:50px;
	border-radius:50px;
	align-items: center;
	justify-content: center;
}


/*faq*/
.table_faq_new{}
.table_faq_new table{
	width:100%;
	border-collapse: collapse;
}
.table_faq_new table .toggle-faq:first-child td{
	border-top:1px solid #ddd;
}
.table_faq_new table .toggle-faq td{
	font-size:14px;
	border-bottom:1px solid #ddd;
	height:55px;
}
.table_faq_new table .toggle-faq td.td-num{
	background:#dbdcdc;
	border-bottom:1px solid #fff;
	border-radius:5px 0 0 5px;
	overflow: hidden;
}
.table_faq_new table .toggle-faq:last-child td.td-num{
	border-bottom:1px solid #ddd;
}
.table_faq_new table .toggle-faq td.td-cate{
	color:#000;
	font-weight:500;
}
.table_faq_new table .toggle-faq td.td-title .faq-content{
	height:100%;
}
.table_faq_new table .toggle-faq td.td-title a{
	display:flex;
	height:100%;
	width:100%;
	align-items: center;
	position:relative;
}
.table_faq_new table .toggle-faq td.td-title a::after{
	content:"";
	font-family: "xeicon";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	font-size:16px;
}
.table_faq_new table .toggle-faq.open td.td-title a::after{
	transform:translateY(-50%) rotate(180deg);
	color:#df3d3d;
}


/*공지사항*/
.notice-list-body{
	margin-top:30px;
}
.notice-list-body .table_new td{
	border-left:0;
	border-right:0;
	font-size:14px;
}
.notice-list-body .table_new td.date_td{
	text-align:center;
}


/*주문서작성/결제*/
.order_table_group{
	display:flex;
	padding-top:60px;
	gap:20px;
}
.order_table_group legend{
	display:none;
}
.order_table_group > div{
	width:calc(100%/2 - 10px)
}
.order_table_group > div table{
	border-bottom:0 !important;
	border-radius:10px;
	overflow:hidden;
}
.order_table_group > div table th{
	border-radius:0 !important;
}
.order_table_group > div > table > tr:first-child > th,
.order_table_group > div > table > thead > tr:first-child > th,
.order_table_group > div > table > tbody > tr:first-child > th{
	border-top:1px solid #dbdcdc
}
.order_table_group > div > table > tr:first-child > td,
.order_table_group > div > table > thead > tr:first-child > td,
.order_table_group > div > table > tbody > tr:first-child > td{
	border-top:1px solid #ddd
}
.order_table_group > div table tr td{
	font-size:14px;
}

.order_table_group > div table tr td.bank_select{}
.order_table_group > div table tr td.bank_select select{
	border:1px solid #ddd;
	font-size:15px;
	padding:5px;
	border-radius:5px;
	height:40px;
}
.order_table_group > div table tr td.bank_select p{
	display:flex;
	align-items: center;
	gap:0 5px;
	
}
.order_table_group > div table tr td.bank_select p + p{
	margin-top:5px;
}


/**/
.cg-main.CL_3_0{
	padding-top:0;
}
.cg-main.CL_3_0 .list-top-area{
	display:none;
}

.order_view_table_group{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top:50px;
}
.order_view_table_group > div{
	width:calc(100%/2 - 20px);
	margin-top:0 !important;
}


/*흰색텍스트 프론트에서 안보이게*/
text.xx{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	z-index:-1;
}


.cal-form{
	border:none !important;
}

.table_new.b-radius tbody tr:first-child th{
	border-radius:8px 0 0 0 !important;
	overflow:hidden;
	border-top:0;
}
.table_new.b-radius tbody tr:last-child th{
	border-radius:0 0 0 8px !important;
	overflow:hidden;
}
.table_new th.required{
	background: #dbdcdc url(../img/etc/squre-4x4-red.png) no-repeat 15px center;
	padding-left:22px;
}


.form-group{
	display:flex;
	gap :0 5px;
}
.form-group.email .txt-field,
.form-group.post .txt-field{
	width:100%;
}
.form-group.email .choice-select,
.form-group.post .cpost-search{
	width:120px;
	flex-shrink: 0;
}
.form-element{
	margin-top:10px;
}