@charset "utf-8";

body {
background:#fff;
}

.tm5{margin-top: 5px;}
.red {color: #cc0000;}
.note{color: #cc0000;}
.fr{float: right !important;}
.fl{float: left !important;}
.noflex{display: block !important;}
.ac{text-align: center;}


/*input*/
input[type=text],
input[type=password],
input[type=email],
input[type=number]{width:100%;height:48px;line-height:1.2em;font-size:17px;font-weight:300;border:1px solid #d9d9d9;box-sizing:border-box;}

/******************Content start***********************/

/*option color*/
.ProductName_article__class.spa{background:#3fcc60;}/*ticket*/
.ProductName_article__class.ticket{background:#B13FCC;}/*ticket*/
.ProductName_article__class.rent{background:#31aa95;}/*rent*/
.ProductName_article__class.tour{background:#FA9022;}/*tour*/
.ProductName_article__class.hotel{background:#574bd1;}/*hotel*/
.ProductName_article__class.golf{background:#5eaa31;}/*golf*/
.ProductName_article__class.guide{background:#217bea;}/*guide*/
.ProductName_article__class.airplane{background:#F97B2E;}/*airplane*/

/*step*/
.PaymentItem_article__tab.mobile{margin-top: 20px; padding:0 0 40px 0;}
div.status_tap_menu ul{display:flex;flex-direction: row;justify-content: space-between;gap: 10px;}
.PaymentItem_article__tab.mobile div.status_tap_menu ul{width: 95%; margin: 0px auto;}
div.status_tap_menu ul li:not(.arrow){/* margin-right:10px; */flex:1;border:1px solid #ddd;padding: 10px 15px;/* max-width:160px; */border-radius:7px;background:#fff;cursor:pointer;}
div.status_tap_menu ul li:not(.arrow).on{flex:1;border:1px solid #39a0e2;background:#39a0e2;}
div.status_tap_menu ul li:not(.arrow) div.title{font-weight:700;color:#666;text-align:center;}
div.status_tap_menu ul li:not(.arrow).on div.title{color:#fff;}


/**20240103**/
.PaymentItem_article__tab .inTab2{display:flex;justify-content:space-between;align-items: center;width:100%;flex-wrap: nowrap;}
.PaymentItem_article__tab .inTab2 .leftTxt{font-size:13px;}
.PaymentItem_article__tab .inTab2 .select .selBox{min-height:;position:relative;bottom:0;}


/*step in tooltip*/
.tooltip{position:relative;cursor:pointer;}
.tooltip .tooltiptext{position:absolute;padding:7px 13px;visibility:hidden;border-radius:6px;background-color:black;color:#fff;text-align:center;z-index:1;}
.tooltip .tooltiptext .red{color:#fdafaf;}
.tooltip:hover .tooltiptext{visibility:visible;}
.tooltip .tooltiptext::after{content:" ";position:absolute;border-style:solid;border-width:5px;}
.tooltip .tooltip-left{top:-5px;right:105%;}
.tooltip .tooltip-left::after{top:50%;left:100%;margin-top:-5px;border-color:transparent transparent transparent black;}
.tooltip .tooltip-right{top:-5px;left:105%;}
.tooltip .tooltip-right::after{top:50%;right:100%;margin-top:-5px;border-color:transparent black transparent transparent;}
.tooltip .tooltip-top{bottom:100%;white-space:nowrap;left:50%;word-break:break-all;transform:translateX(-50%);}
.tooltip .tooltip-top::after{top:100%;left:50%;margin-left:-5px;border-color:black transparent transparent transparent;}
.tooltip .tooltip-bottom{top:150%;left:50%;margin-left:-60px;}
.tooltip .tooltip-bottom::after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent black transparent;}

/*----------------list--------------*/
.PaymentItem_article__pay{padding:15px 0 0;}

.PaymentItem_article__pay .list__pay{margin-top:15px;background:#fff;border:1px solid #E5E5E7;border-radius:10px;padding: 12px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.PaymentItem_article__tab.mobile .PaymentItem_article__pay .list__pay{width: 95%; margin: 15px auto 0px; list-style: none;}
/* .PaymentItem_article__pay .list__pay section:nth-child(n+2){padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #b8b8bb;} */
.PaymentItem_article__pay .list__pay section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #b8b8bb;}
.PaymentItem_article__pay .list__pay section.border_show{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #b8b8bb;}
.PaymentItem_article__pay .list__pay section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0 none;}
.PaymentItem_article__pay .list__pay h4{font-weight:700;}

.PaymentItem_button-delete__alEhx{position:absolute;padding:10px;top:12px;right:8px;line-height:14px }
.PaymentItem_button-delete__alEhx svg{display:block }


/**20240103**/
.PaymentItem_article__tab.mobile .PaymentItem_article__pay .list__pay{width:100%;margin-top:10px;}
.list__pay .Product_article__head p span.bankTitle{display: block;margin-top: 5px; color: #000;}
div.discount{display: inline-block;}
div.discount > font{display: block;}
div.discount > font.realPaid{font-size: 14px; text-decoration: line-through; color: #999;}
div.discount > font.realPaid > span{font-size: 14px;}


/*----------------list in contents--------------*/
.Product_article__list{display:flex;margin-top:10px;margin-bottom:10px;}
form#bookQA_form .Product_article__list{gap: 10px;}
.Product_article__list .checkbox{width: 50px; position: relative;}
.Product_article__list .checkbox > input[type="checkbox"]{display: none;}
.Product_article__list .checkbox > input[type="checkbox"] + label{display: inline-block; width: 16px; height: 16px; border: 3px solid #bcbcbc; outline:3px solid #fff; cursor: pointer; position: absolute; left: 50%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.Product_article__list .checkbox > input[type="checkbox"]:checked + label{border: 3px solid #fff; outline:3px solid #0396f3; background-color: #0396f3;}

/*list in contents :infor*/
.Product_thumbnail > div.img{overflow:hidden;position:relative;width:76px;height:76px;margin-right:18px;border-radius:6px;}
.Product_thumbnail > div.img:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;border-radius:6px;background-color:rgba(0,0,0,.03) }
.Product_thumbnail > p.btnGroup{margin-top: 5px; margin-right: 18px; text-align: center;}

.Product_info{flex:1 1;-ms-flex:1 1 0%;position:relative;min-width:0; line-height: 20px;}
.Product_info .Product_price__list{display: flex; flex-direction: row-reverse;}
.Product_info .Product_price__list > span:first-child{flex: 1; text-align: left;}
.Product_date{display:block;margin-bottom: 2px;/* font-size: 14px; */}

.Product_name__list{display:flex;display:-ms-flexbox;font-weight:500;margin-bottom: 6px;}
.ProductName_article__title{ margin-left: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--title_max-num-lines,1); word-break: var(--title_word-break,break-all); font-weight: 700; font-size: 16px; }
.ProductName_article__class{margin-right:3px;background:#eee;color:#fff;padding:1px 7px;font-size:12px;border-radius:3px;height:20px;}

.Product_price__list{margin-top: 15px;color:#CC0000;display:block; text-align: center;}
.Product_price__list span{ font-size:21px;font-weight:600;}
.Product_price__list a{margin-left: 5px; padding:3px 5px;text-align: center;vertical-align: middle;border: 1px solid #ccc; background: #fff; border-radius: 3px; font-size: 12px; color: #777;}
.Product_price__list.ssize span{ font-size:16px;font-weight:600;}

.Progress_article{margin: 20px 0 15px 0; height:40px;}
.Progress_article .Progress_list{position:relative;height:100% }

/*list in contents :progress*/
/*common:progress*/
.Progress_article .Progress_item{float:left;position:relative;height:100%;text-align:center}
.Progress_article .Progress_list:after { content:""; display:block; clear:both }

.Progress_article .Progress_item:before {
    content:"";
    position:absolute;
    right:0;
    bottom:6px;
    left:0;
    height:1px;
    background-color:#dcdee0
}
.Progress_article .Progress_item:after {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    z-index:4;
    width:10px;
    height:10px;
    margin-left:-4px;
    border-radius:50%;
    border:2px solid #c8cacc;
    background-color:#fff
}

.Progress_article .Progress_item:first-child:before{left:50% }
.Progress_article .Progress_item:last-child:before{right:50% }
.Progress_article .Progress_item.Progress_on .Progress_text{color:#39A0E2 }
.Progress_article .Progress_item.Progress_on:before{z-index:4;background-color:#39A0E2 }
.Progress_article .Progress_item.Progress_on:after{border-color:#39A0E2 }
.Progress_article .Progress_item.Progress_now:before{right:50%;z-index:5;background-color:#39A0E2 }
.Progress_article .Progress_item.Progress_now .Progress_text {
    top:0;
    min-width:41px;
    padding:2px 7px;
    border-radius:50px;
    background-color:#39A0E2;
    line-height:18px;
    font-weight:700;
    color:#fff
}
.Progress_article .Progress_item.Progress_now:after {
    bottom:0;
    width:10px;
    height:10px;
    margin-left:-6px;
    border-width:3px;
    background:#39A0E2;
	border:2px solid #39A0E2;
}
.Progress_article .Progress_text {
    position:absolute;
    left:50%;
    top:0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:4;
    font-size:12px;
    font-weight:500;
    line-height:16px;
    letter-spacing:-.5px;
    color:#767678;
    white-space:nowrap
}

/*progress:3step*/
.Progress_article .Progress_list.tim3_list:before { right:18.5%; left:16.5%;}
.Progress_article .Progress_item.itm3{width:33%;}

/*progress:4step*/
.Progress_article .Progress_list:before { content:""; position:absolute; right:12.5%; bottom:6px; left:12.5%; border-bottom:1px solid #dcdee0 }
.Progress_article .Progress_item.itm4{width:25%;}

/*list in contents :btn*/
.OrderPayment_article{padding-top:10px;border-top:1px solid #F3F3F3;display:flex;justify-content:flex-start;}
.OrderPayment_article a{padding:7px 10px;text-align:center;border:1px solid #ccc;background:#fff;border-radius:3px;font-size:12px;color:#777;margin:auto 0px;}
.OrderPayment_article a:hover,
.OrderPayment_article a:focus{background:#0396f3;color:#fff;}
.OrderPayment_article > p.bttomBtnP{flex: 1; display: flex; gap: 1%; justify-content: end;}
.OrderPayment_article > p.bttomBtnP.left{justify-content: flex-start;}

a.left-btn2{background:#39A0E2;color:#fff;border:0 none;}/*움직임 제거*/
a.right-btn1,
.OrderPayment_article a.right-btn2{border:1px solid #39A0E2;color:#39A0E2;font-weight:700;}
.OrderPayment_article a.right-btn2.purple{background-color: #574bd1; border: 1px solid #574bd1; color: #fff;}
.OrderPayment_article a.right-btn2.purple:hover{background-color: #fff; color: #574bd1;}

.OrderPayment_article .right-btn3{background-color: #fff; color: #574bd1; border: none; font-weight:700;}
.OrderPayment_article .right-btn3:hover, .OrderPayment_article .right-btn3:focus{background-color: #fff; color: #574bd1; border: none; font-weight:700;}

/*list in contents :oderNum*/
.list__pay .Product_article__head{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;display:flex;justify-content:flex-start;align-items:center;}
.list__pay .Product_article__head.none_margin{margin-bottom:0px; padding-bottom: 10px;}
.list__pay .Product_article__head p{}
.list__pay .Product_article__head p span{color:#CC0000;}
.list__pay .Product_article__head a{margin-left:auto;color:#39A0E2;font-size:12px;}
.list__pay .Product_article__head input[type="checkbox"]{display: none;}
.list__pay .Product_article__head input[type="checkbox"] + label{position: relative; padding-left: 50px; cursor: pointer; font-size: 16px; font-weight: 600;}
.list__pay .Product_article__head input[type="checkbox"] + label > span.box{display: inline-block; width: 16px; height: 16px; border: 3px solid #bcbcbc; outline:3px solid #fff; position: absolute; left: 22%; top: 50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.list__pay .Product_article__head input[type="checkbox"]:checked + label > span.box{border: 3px solid #fff; outline:3px solid #0396f3; background-color: #0396f3;}

/* Paging Style Set */
.paging {padding:12px;height:54px;text-align:center;font-size:0;background:#fff; position: relative;}
.paging.mobile{border-top: 1px solid #eee;}
.paging a,
.paging strong{width:32px;height:30px;margin:0 3px;border:1px solid #dbdbdb;color:#666;font-size:14px;font-weight:bold;line-height:26px;vertical-align:middle;text-decoration:none;border-radius:5px;display:inline-block;}
.paging a:hover,
.paging a:active,
.paging a:focus{border:1px solid #E5E5E7;}
.paging strong{color:#fff;background:#777;}
.paging .direction{background:url('https://tourpik.b-cdn.net/images/sp_btn_paging.gif') no-repeat;}

.paging .direction span{position:absolute;display:block;width:20px;height:18px;overflow:hidden;z-index:-1;}

.paging .direction.pagingStart{position:absolute;left:0;background-position:3px 2px;}
.paging .direction.pagingEnd{position:absolute;right:0;background-position:-72px 2px;}

.paging .direction.pagingPrev{background-position:-21px 2px;}
.paging .direction.pagingNext{background-position:-50px 2px;}
.space30{height: 0px !important;}

/*****Popup******/

/*pop_common*/
.t-Center{text-align:center;}

/*common*/
.PaymentItem_Pop{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:640px;background:#fff;overflow:hidden;z-index:40;border-radius:15px;}
.PaymentItem_Pop .head{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #EBEBED;font-size:17px;font-weight:600;}
.PaymentItem_Pop .head.none_margin{margin-bottom: 0px;}
.PaymentItem_Pop .foot{text-align:center;width:100%;font-size:16px;}
.PaymentItem_Pop .foot button{padding:20px 0;width:50%;border:0 none;background:#EAEDEF;float:left; cursor: pointer;}
.PaymentItem_Pop .foot .on{background:#39A0E2;color:#fff;font-weight:600;}
.PaymentItem_Pop .inBox{position:relative;padding:30px 35px;}
.PaymentItem_Pop .inBox .red{color:#CC0000;}
.PaymentItem_Pop button {border: 0 none;}

/*1:1*/
.PaymentItem_Pop .Product_article__list{margin-bottom:20px;}
.PaymentItem_Pop .inBox dt{margin:6px auto;}
.PaymentItem_Pop .inBox dd{margin:3px 0;}
.PaymentItem_Pop .inBox table{width:100%;}
.PaymentItem_Pop th.tit{letter-spacing:30px;}
.PaymentItem_Pop .inBox table th{padding:15px 0;text-align:left;vertical-align:top;}
.PaymentItem_Pop .inBox table td{padding:7px}
.PaymentItem_Pop .inBox table input[type=text]{padding:5px 7px;width:100%;border:1px solid #ccc;border-radius:5px;}
.PaymentItem_Pop .inBox table textarea {width: 100%; height: 150px; padding:7px; box-sizing: border-box; border:1px solid #ccc;border-radius:5px;resize: vertical; resize: none;}

.PaymentItem_Pop .inBox table input:not([type="file"],[type="radio"]):focus,
.PaymentItem_Pop .inBox table textarea:focus,
.PaymentItem_Pop .inBox table select:focus{border: 1px solid #96a4ff; box-shadow: 0 0 5px #96a4ff; outline: none !important;}

/*type2*/
.PaymentItem_Pop .inBox.type2 .ProductName_article__title{font-size:18px;}
.PaymentItem_Pop .inBox.type2 dt{margin:5px auto;justify-content: center;}
.PaymentItem_Pop .inBox.type2 dd{margin-top:7px;}
.PaymentItem_Pop .inBox.type2 dd span{font-weight:600;}


/* [라디오 버튼 관련 레이아웃] */
.radio label{cursor: pointer;}
.radio{position: relative;display:inline-block; vertical-align: middle;}
.radio [type="radio"] {
	appearance: none;
	border: max(2px, 0.1em) solid #39A0E2;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 8px;
	left: 10px;
}

.radio [type="radio"]:checked {
	border: 0.3em solid #fff;
}
.radio input[type='radio'] + label {
	padding: 5px 12px 7px 30px;
	border-radius: 3px;
	border: 1px solid #39A0E2;
	line-height:2;
} 
.radio input[type='radio'] + label p {
	display: inherit;
	text-align: center;
	color: #39A0E2;
	font-weight: bold;
	font-size: 14px;
}
.radio input[type='radio']:checked + label {background: #39A0E2;}
.radio input[type='radio']:checked + label p{color:#fff}


/*pop3*/
.PaymentItem_Pop #item_book_area{margin:0;padding:20px 0;}
.PaymentItem_Pop .head.none_margin + #item_book_area{padding: 5px 0 20px;}
.PaymentItem_Pop #item_book_area th{text-align:center}
.final__price{margin-top:15px; padding-top: 10px; padding-right: 10px; text-align: right;}
.final__price span{margin-left:5px;font-size:16px;font-weight:600;}
.priceTable{padding:5px;max-height: 260px;overflow-y: scroll; border-bottom: 1px solid #EBEBED; } /*스크롤 추가*/

/*colse button*/
button.btn__close{position: absolute;top: 20px;right: 30px;background:none;}
.btn__close {display:inline-block; cursor: pointer;} 
.btn__close:after {display: inline-block; content: "\00d7"; font-size:30px;color:#777;}


/* 230714 최종화 추가 */
.PaymentItem_Pop #item_book_area{padding:32px 0;}
.PaymentItem_Pop #item_book_area table{width:100%; margin:0 0 16px 0; border-top:1px solid #777; table-layout:fixed;}
.PaymentItem_Pop #item_book_area table caption{font-size:16px; font-weight:600; padding:0 0 10px 0; text-align:left;}
.PaymentItem_Pop #item_book_area table caption span{float:right; font-size:12px; padding:6px 0 0 0;}
.PaymentItem_Pop #item_book_area table th{padding:10px; border-bottom:1px solid #CCC; background:#f2f2f2;}
.PaymentItem_Pop #item_book_area table td{padding:10px; border-bottom:1px solid #CCC; text-align:center;}
.PaymentItem_Pop .common_table{margin:15px 0;}
.PaymentItem_Pop .common_table caption{width: 100%;}
.PaymentItem_Pop .common_table table th,
.PaymentItem_Pop .common_table table td{padding:17px 20px;}
.PaymentItem_Pop .common_table table th{background:#f7f7f7;border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.PaymentItem_Pop .common_table table td{text-align:center;border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; box-sizing: border-box; word-break:break-all;}
.PaymentItem_Pop .common_table table td:first-child{border-left: 0px !important;}
.PaymentItem_Pop .common_table table td:last-child,
.PaymentItem_Pop .common_table table th:last-child{border-right: 0 none;}


.PaymentItem_article__tab .btnGroup *:not(div){border: 1px solid #ccc !important; border-radius: 2px; font-weight: bold; background-color: #fff !important; color: #454545 !important; font-size: 13px; padding: 0px 20px; line-height: 28px; cursor: pointer;}
.PaymentItem_article__tab .btnGroup *:not(div):hover{border: 1px solid #ccc !important; background-color: #ededed;}
.PaymentItem_article__tab .btnGroup *.bigsize{font-size: 15px; padding: 0px 20px; line-height: 48px;}
.PaymentItem_article__tab .btnGroup *.ssize{padding: 0px 10px; line-height: 20px; font-size: 11px;}
.PaymentItem_article__tab .btnGroup .black{border: 1px solid #464646 !important; background-color: #464646 !important; color: #fff !important;}
.PaymentItem_article__tab .btnGroup .black:hover{border: 1px solid #000 !important; background-color: #000 !important;}
.PaymentItem_article__tab .btnGroup .blue{border: 1px solid #2e4ce8 !important; background-color: #2e4ce8 !important; color: #fff !important;}
.PaymentItem_article__tab .btnGroup .blue:hover{border: 1px solid #0022d2 !important; background-color: #0022d2 !important;}
.PaymentItem_article__tab .btnGroup .red{border: 1px solid #df3b3b !important; background-color: #df3b3b !important; color: #fff !important;}
.PaymentItem_article__tab .btnGroup .red:hover{border: 1px solid #d20000 !important; background-color: #d20000 !important;}
.PaymentItem_article__tab .btnGroup .lightred{border: 1px solid #edb4b4 !important; background-color: #edb4b4 !important; color: #fff !important;}
.PaymentItem_article__tab .btnGroup .lightred:hover{border: 1px solid #f38787 !important; background-color: #f38787 !important;}
.PaymentItem_article__tab .btnGroup .lightblue{border: 1px solid #b5c1ff !important; background-color: #b5c1ff !important; color: #fff !important;}
.PaymentItem_article__tab .btnGroup .lightblue:hover{border: 1px solid #a5b4ff !important; background-color: #a5b4ff !important;}
.PaymentItem_article__tab .btnGroup .lightgreen{border: 1px solid #1971a9 !important; background-color: #1971a9 !important; color: #fff !important;}
.PaymentItem_article__tab .btnGroup .lightgreen:hover{border: 1px solid #105f91 !important; background-color: #105f91 !important;}

.PaymentItem_article__tab .btnGroup .gostRed{border: 1px solid #edb4b4 !important; background-color: #fff !important; color: #edb4b4 !important;}
.PaymentItem_article__tab .btnGroup .gostRed:hover{border: 1px solid #f38787 !important; background-color: #fff !important; color: #f38787 !important;}
.PaymentItem_article__tab .btnGroup .gostBlue{border: 1px solid #6ab8e9 !important; background-color: #fff !important; color: #6ab8e9 !important;}
.PaymentItem_article__tab .btnGroup .gostBlue:hover{border: 1px solid #4fa6dd !important; background-color: #fff !important; color: #4fa6dd !important;}

.PaymentItem_article__tab .select_payment{margin: 15px 0 20px;}
/* 230714 최종화 추가 */

/* 240215 PC 사이즈 추가 작업 */
.Product_date > span::before{content: " | ";}
	

@media (max-width:840px) {
    body {font-size: 17px;}
    .Product_date {font-size: 15px;}
	.Product_name__list{display:block;}
	.ProductName_article__title{margin:7px 0; font-size: 13pt;}
	.PaymentList_link-detail{text-align:center;display:inline-block;}

	.PaymentItem_article__pay .list__pay{padding:20px;}

	.m_block{display:none;}
	.PaymentItem_Pop .inBox{padding:12px;}
	.PaymentItem_Pop .Product_article__list{margin-bottom:15px;}

	.PaymentItem_article__pay .list__pay{padding:20px;}
	.PaymentItem_Pop .inBox table textarea{height:100px;}

	/* [라디오 버튼 관련 레이아웃] */
	.radio [type="radio"] {top: 50%; left: 9px; transform: translateY(-50%);}
	.radio input[type='radio'] + label {padding:5px 8px 7px 27px;} 

    .PaymentItem_article__tab .btnGroup *.ssize{width: auto !important; line-height: 20px; padding: 0px 10px !important; font-size: 12px !important; height: auto !important;}


    /* 240215 모바일 사이즈 추가 작업 */
    .Product_date{font-size: 11pt; line-height: 17pt;}
    .Product_date > span{display: block;}
    .Product_date > span::before{
        content: attr(title);
    }
    .Product_article__list{flex-wrap: wrap;}
    .Product_article__list .Product_price__list {width: 100%; margin-left: 94px; text-align: left; display: flex; flex-direction: row-reverse;}
    .Product_article__list .Product_price__list p.btnGroup.tm5{margin-top: 0px; margin-right: 10px;}
    .Product_article__list .Product_info .Product_price__list{margin-left: 0px;}
    .Product_article__list .Product_price__list > *:first-child{flex: 1;}
    .Product_article__list .Product_price__list > .realPaid,
    .Product_article__list .Product_price__list > .realPaid > span{font-size: 12pt;}

    .OrderPayment_article {
        flex-basis: fit-content;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 1%;
    }

    .OrderPayment_article p.{margin-bottom: 5px;}
    .OrderPayment_article .left-btn1,
    .OrderPayment_article .left-btn2,
    .OrderPayment_article .right-btn1,
    .OrderPayment_article .right-btn2{width: 32.5%; flex: 1;}
    .OrderPayment_article .right-btn3{flex: 1;}

}
  
@media (max-width:430px) {
	.Product_article__list{display:block;}
    .Product_article__list .Product_thumbnail {width: 100%; height: auto; text-align: center; position: relative;}
    .Product_article__list .Product_thumbnail div.img{width: 100%;height: auto;}
    .Product_article__list .Product_thumbnail div.img img{width: 100%; height: 150px; object-fit:cover;}
    .Product_article__list .Product_thumbnail p.btnGroup{position: absolute; right: 8px; top: 8px; margin: 0px; z-index: 2;}
    .Product_article__list .Product_thumbnail p.btnGroup > input[type="button"]{box-shadow: -2px 2px 8px rgb(0 0 0 / 80%); background-color: #fff !important; color: #666 !important; font-size: 8pt !important; font-weight: bold;}
    
    .Product_article__list .Product_price__list{margin-left: 0px;}
	.Product_name__list{display: flex; margin-top:20px;}
    .ProductName_article__title{margin: 0px 0px 0px 5px;}

	div.status_tap_menu ul li.goBook{width:50%;}


    .Product_article__list .checkbox > input[type="checkbox"] + label{
        z-index: 9;
        left: 20pt;
        top: 20pt;
        border: 3px solid #fff;
        outline: 3px solid rgba( 0, 0, 0, 0.3 );
        background-color: rgba( 0, 0, 0, 0.3 );
    }

    div.select_payment div.radio:not(:first-child){margin-top: 5px;}
    div.select_payment div.radio{width: 100%;}
    div.select_payment div.radio [type="radio"]{left: 15px;}
    div.select_payment div.radio input[type='radio'] + label {padding: 1px 8px 1px 35px; display: block; width: 100%;} 
    div.select_payment div.radio input[type='radio'] + label p{text-align: left;}
}


div.couponSelectDiv{
    position:fixed;
    left:50%;
    top:50%;
    transform : translate(-50%,-50%);
    width : 80%;
    max-width : 500px;
    min-height: 100px;
    background : #fff;
    padding : 20px;
    border : 1px solid #ccc; border-radius: 10px;
    z-index : 99;
}
div.couponSelectDiv > div.btnGroup{margin-top: 15px;}
dd.couponUse ul li,
div.couponUse ul li,
div.couponSelectDiv ul li{width: 100%;}
dd.couponUse ul li:not(:first-child),
div.couponUse ul li:not(:first-child),
div.couponSelectDiv ul li:not(:first-child){margin-top: 7px;}
div.couponSelectDiv ul li.noneCoupon{font-size: 16px; color: #CC0000; text-align: center; min-height: 30px;}
div.couponSelectDiv ul li > input[type="checkbox"]{display: none;}
dd.couponUse ul{margin-top: 7px;}
dd.couponUse ul li > div,
div.couponUse ul li > div,
div.couponSelectDiv ul li > label{display: flex; cursor: pointer; width: 100%; border: 2px solid #d4d4d4; background-color: #d4d4d4; overflow: hidden; border-radius: 7px;}
dd.couponUse ul li > div > div.checkbox,
div.couponUse ul li > div > div.checkbox,
div.couponSelectDiv ul li > label > div.checkbox{width: 50px; position: relative;}
dd.couponUse ul li > div > div.checkbox span.icon,
div.couponUse ul li > div > div.checkbox span.icon,
div.couponSelectDiv ul li > label > div.checkbox span.icon{
    display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);
    width: 21px; height: 21px; background-color: #fff; border-radius: 50%; border: 1px solid #989898;
}
dd.couponUse ul li > div > div.checkbox span.icon::before,
div.couponUse ul li > div > div.checkbox span.icon::before,
div.couponSelectDiv ul li > label > div.checkbox span.icon::before{
    content: ''; margin: 2px; width: 14px; height: 14px; display: block; background-color: #989898;
    -webkit-mask: url(/images/icon/check_icon.svg) no-repeat 50% 50%;
    mask: url(/images/icon/check_icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover; mask-size: cover;
}
dd.couponUse ul li > div,
div.couponUse ul li > div,
div.couponSelectDiv ul li > input[type="checkbox"]:checked + label{border: 2px solid #1971a9; background-color: #1971a9;}
dd.couponUse ul li > div > div.checkbox span.icon,
div.couponUse ul li > div > div.checkbox span.icon,
div.couponSelectDiv ul li > input[type="checkbox"]:checked + label > div.checkbox span.icon{border: 1px solid #1971a9}
dd.couponUse ul li > div > div.checkbox span.icon::before,
div.couponUse ul li > div > div.checkbox span.icon::before,
div.couponSelectDiv ul li > input[type="checkbox"]:checked + label > div.checkbox span.icon::before{background-color: #1971a9;}

dd.couponUse ul li > div > div.coupon_info,
div.couponUse ul li > div > div.coupon_info,
div.couponSelectDiv ul li > label > div.coupon_info{flex: 1; padding: 10px 12px; background-color: #fff; border-left: 3px dotted #d4d4d4;}
dd.couponUse ul li > div > div.coupon_info,
div.couponUse ul li > div > div.coupon_info,
div.couponSelectDiv ul li > input[type="checkbox"]:checked + label > div.coupon_info{border-left: 3px dotted #1971a9;}
dd.couponUse ul li > div > div.coupon_info p.title,
div.couponUse ul li > div > div.coupon_info p.title{font-size: 14px; font-weight: bold; color: #454545;}
dd.couponUse ul li > div > div.coupon_info p.price,
div.couponUse ul li > div > div.coupon_info p.price{font-size: 12px; color: #989898;}
div.couponSelectDiv ul li > label > div.coupon_info p.title{font-size: 17px; font-weight: bold; color: #454545;}
div.couponSelectDiv ul li > label > div.coupon_info p.price{font-size: 14px; color: #989898;}


div.final__price div.discount_div.off{display: none;}
div.final__price div.discount_div:not(.off) + div.payment_price{margin-top: 15px; font-size: 17px;}
div.final__price div.discount_div:not(.off) + div.payment_price span{font-size: 18px;}

div.final__price div.discount_div div.origin_total_price{font-size: 14px; margin-top: 5px; }
div.final__price div.discount_div div.origin_total_price span.price{font-size: 13px; font-weight: normal;}

div.final__price div.discount_div div.discount_total_price{font-size: 14px; margin-top: 5px; color: #5a5a5a;}
div.final__price div.discount_div div.discount_total_price span.price{font-size: 13px; font-weight: normal;}

div.final__price span.price{display: inline-block; min-width: 100px;}

/*즉시결제 상품 가격노출은 border 없음*/
.reser_infor_detail .final__price {border:none !important; padding:0; margin:0; width:100%;}

/* 결제페이지 즉시 결제상품 안내문구 */
.instant_info {
    font-family: 'Malgun Gothic', 'Dotum', sans-serif;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px;
    margin: 20px 0;
    background-color: #f9f9f9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.instant_info h3 {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 1px solid #007bff;
}

.instant_info > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.instant_info p {
    margin: 0;
    padding: 5px 10px;
    line-height: 1.4;
    background-color: #ffffff;
    border-radius: 4px;
    border-left: 4px solid #ff4500;
    font-size: 14px;
}

.instant_info p:first-child {
    font-weight: 700;
    color: #007bff;
    border-left-color: #007bff;
    background-color: #eaf3ff;
}

.instant_msg_title {
    margin: 5px 0px 5px 10px;
    font-family: 'Malgun Gothic', 'Dotum', sans-serif;
}
.instant_msg {
    text-align:left;
    font-size:13px;
    margin-top:0px;
    width:100%;
    border:1px solid #ddd;
    border-radius:10px;
    padding:10px 15px 10px 25px;
    font-family: 'Malgun Gothic', 'Dotum', sans-serif;
}
.instant_msg ul {
    list-style-type: disc;
}
.instant_msg li {
    display: list-item !important;
    list-style-type: disc !important;
    font-size:13px;
    margin: 3px 0px;
}

@media (min-width: 768px) {
    .instant_info {
        padding: 15px;
    }
    
    .instant_info h3 {
        font-size: 16px;
    }

    .instant_info p {
        padding: 8px 15px;       
        flex: none;
        width: auto;
    }       
}