@charset "utf-8";
.pay_container {height: 100%;background: #eef0f4;}

/* 결제수단, 주문완료 페이지 - 타이틀 섹션 */
.pay_tit_sec {position: relative;display: flex;align-items: center;justify-content: center;height: 52px;border-bottom: 1px solid #c3c6cd;background: #fff;position: fixed;top: 0;width:100%} /* 22/11/04 수정 */
.pay_tit_sec .pay_tit {font-size: 20px;}
.pay_tit_sec .btn_wrap {display: flex;position: absolute;right: 0;}
.pay_tit_sec .page_close {position: relative;display: block;width:28px;height: 28px;margin-right:10px}
.pay_tit_sec .page_close span{width:28px;right: 0; top:50%}
.pay_tit_sec .page_close span::before,
.pay_tit_sec .page_close span::after {display: block; position: absolute; width: 100%; height: 2px; background-color: #3c3c3c; transition-duration: .25s;}
.pay_tit_sec .page_close span::before {content: '';top: 50%; transform: rotate(45deg);}
.pay_tit_sec .page_close span::after {content: ''; top: 50%; transform: rotate(-45deg);}

/* 결제수단 페이지 */
.pay_sht {margin-top: 52px;}/* 22/11/04 수정 */
.pay_sht .inner_w {display: flex;flex-wrap: wrap;max-width: 640px;}
.pay_sht .pay_form {display: flex;flex:0 0 100%;padding: 20px 0;margin-top: 10px;justify-content: center;background: #fff;}
.pay_sht .pay_form_tit {font-size:18px;font-weight: 500;color:#333;}
.pay_sht .payment {flex: 0 0 90%;}
.pay_sht .payment_lst {display: flex;flex-wrap: wrap;margin-top: 20px;border-top: 1px solid #c3c6cd;border-left: 1px solid #c3c6cd;}
.pay_sht .payment_lst li {flex: 0 0 50%;height: 44px;border-right: 1px solid #c3c6cd;border-bottom: 1px solid #c3c6cd;box-sizing: border-box;}
.pay_sht .payment_lst li .pay_item {position: relative;display: table;width:100%;height: 100%;outline:0}
.pay_sht .payment_lst li .pay_item input  {position:absolute;top:0;left:0;width:100%;height: 100%;cursor: pointer;pointer-events: all;outline: none;opacity: 0;}
.pay_sht .payment_lst li .pay_item label {display: table-cell;width:100%;height: 100%;margin:0;padding:0;text-align:center;vertical-align:middle;font-size:15px;color: #777;} 
.pay_sht .payment_lst li .pay_item input:checked+label, 
.pay_sht .payment_lst li .pay_item input:hover+label {outline: 1px solid #666 !important;color: #fff!important;font-weight:500;background: #666;}
.pay_sht .price_sum {flex:0 0 90%;display: flex;justify-content: space-between;}
.pay_sht .price_sum  .price_sum_title {font-size: 18px;color: #333;font-weight: 500;}
.pay_sht .price_sum  .price_sum_detail {font-size: 18px;color: #333;font-weight: 500;}
.pay_sht .price_sum  .totalPayPrice {font-weight: 600;}
/*  결제수단 페이지 - 버튼*/ 
.pay_sht .pay_btn_sec {display:flex; justify-content:center;flex:0 0 100%;padding:20px 0;background: #fff;}
.pay_sht .pay_btn_sec a.btn {flex:0 1 90%;padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border: none;text-align:center;word-break:keep-all;box-sizing: border-box;}
.pay_sht .pay_btn_sec a.btn:hover {background:#003780;}
.pay_sht .pay_btn_sec.item_1 .btn b {margin: auto;font-weight: 400;}

/* 주문완료 페이지 */
.result_sht {margin-top: 52px;}/* 22/11/04 수정 */
.result_sht .inner_w {display: flex;flex-wrap: wrap;max-width: 640px;}
.result_sht .result_bx {display: flex;flex:0 0 100%;padding: 30px 0;justify-content: center;flex-wrap:wrap;background: #fff;}
.result_sht .result_bx.non {background: none;}
.result_sht .result_bx + .result_bx {margin-top: 10px;}
.result_sht .result_status {display: flex;flex:0 0 90%;flex-direction: column;align-items: center;line-height: 22px;color:#333}
.result_sht .result_status .ico_complete i::before {font-size:32px;color: #004299;}
.result_sht .result_status .end_txt {margin-top: 10px;font-size:18px;text-align: center}
.result_sht .result_status .end_sub_txt {margin-top: 8px;font-size:16px;text-align: center;}
.result_sht .address_info {display: flex;flex:0 0 90%;flex-wrap: wrap;}
.result_sht .address_info .adrs_name {display: flex;flex:0 0 100%;align-items: center;}
.result_sht .address_info .adrs_name .txt_name {font-size:16px;line-height: 22px;color:#333;font-weight: 500;}
.result_sht .address_info .adrs_name .txt_tel {font-size:15px;line-height: 22px;color:#666;margin-left: 10px}
.result_sht .address_info .adrs_txt {font-size:15px;line-height: 22px;color:#333;margin-top:6px ;}
.result_sht .payment_info {display: flex;flex:0 0 100%;flex-wrap: wrap;justify-content: space-between;}
.result_sht .payment_info .bx_total_price {display: flex;flex:0 0 100%;justify-content: center;padding-bottom:18px;border-bottom: 1px solid #c3c6cd;font-size:15px;line-height: 22px;color:#333;font-weight: 600;}
.result_sht .payment_info .bx_total_price .price_inner {display: flex;flex:0 0 90%;justify-content: space-between;}
.result_sht .payment_info .bx_total_price .txt_total {font-size:18px}
.result_sht .payment_info .bx_detali_price {display: flex;flex:0 0 100%;padding-top: 16px;justify-content: center}
.result_sht .payment_info .bx_detali_price .lst_detail_price {display: flex;flex:0 0 90%;}
.result_sht .payment_info .bx_detali_price .lst_detail_price li {display: flex;flex:0 0 100%;justify-content: space-between;}
/*  주문완료 페이지 - 버튼*/ 
.result_sht .result_btn_sec {display:flex; flex:0 0 90%;justify-content:center;margin:0}
.result_sht .result_btn_sec a {display:flex;flex:0 1 200px;padding:14px 16px;justify-items: center;align-items: center;font-size:15px;color: #fff;background: #004299;border-radius:2px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.result_sht .result_btn_sec a + a {margin-left:10px}
.result_sht .result_btn_sec a b {margin: auto;font-weight: 400;}
.result_sht .result_btn_sec a:hover,
.result_sht .result_btn_sec a:active {cursor:pointer;}
.result_sht .result_btn_sec .outline_btn {color:#004299;background: #fff;border:1px solid #004299}


@media screen and (max-width:1280px){

	
	
	}



/* 태플릿용 */
@media screen and (max-width:768px){
	
	

	}


/* 모바일용 */
@media screen and (max-width:425px){



	}
		

	
@media screen and (max-width:375px){
	
	

	}