/* xs */
@media (max-width: 767px) {
	.app-btn-1 { height: 47px; font-size: 15px; }
	.app-btn-1 i { font-size: 15px; }
	.app-head { padding: 20px 0 15px 0; }
	.app-head img { margin-left: 10px; }
	.app-head-col-2 { padding-left: 0; }
	.app-foot-info-4 > div { width: 150px; height: 70px; }
	.dropdown-menu a { font-size: 1.1rem; }
	.app-step-start .app-h1 { padding-bottom: 10px; }
	.app-inq-answ-wait { right: 20px; }
	.app-inq-answ-col label { padding-right: 25px; padding-left: 30px; }
	.app-inq-answ-col label::before { left: 10px !important; }
	.app-inq-answ-col label::after { left: 14px !important; }
	.app-inq-join-2 { margin-top: 20px; }
	.app-inq-join-4 { padding-top: 3px; padding-bottom: 15px; }
	.app-inq-join-5 { text-align: center; }
	.app-inqf-f1 { margin-left: 20px; margin-right: 20px; }
	.app-vch-1 { padding: 20px 20px 15px 20px; }
	.app-vch-1 div { padding-right: 15px; }
	.app-vch-3, .app-vch-6 { margin-left: 15px; margin-right: 15px; }
	.app-vch-7 { margin-left: 20px; }
	.app-vch-7 li { padding-left: 20px; }
	.app-vch-8 { margin-right: auto; }
	.app-vch-8 div { height: 47px; font-size: 15px; }
	.app-ord-ctl { padding: 15px; border: none; margin-left: -15px; margin-right: -15px; }
	#confirm .app-ord-ctl { padding: 0; }
	.app-order label.control-label { padding-top: 8px !important; }
	.app-ord-3 { margin-bottom: 0; }
	.app-ord-8 { margin-bottom: 30px; }
	.app-ord-11 { margin-right: auto; }
	.app-ord-cts-1 { padding: 25px; }
	.app-ord-cts-4 { margin-left: -15px; margin-right: -15px; }
	.app-ord-p1 { margin-left: 0; margin-right: 0; }
	.app-cnf-chk-4 { padding-left: 20px; padding-right: 20px; }
	.app-pg-ctl, .app-uns-ctl { padding: 15px; }
	.app-ref-1 { padding: 25px; }
	.hbPrcs { margin-top: 15px; }
	.app-start-1 { padding: 15px; }
	.app-ord-e2 { padding: 15px; }
	.app-ord-e3 { margin-bottom: 15px; }
	.app-vch em { margin-right: auto; }
	.app-entry-1 { margin: 0 auto 0 auto; }
	.app-entry-2 { margin: 25px auto 0 auto; }
	.app-entry-4c { text-align: center; padding-top: 25px; }
	.app-address-modal-2 { width: 100%; }
	.app-address-modal-3 { margin: 25px 0 25px 0; }
	.app-address-modal-3 > span:first-of-type { padding-left: 15px; }
	.app-address-modal-3 > span:last-of-type { padding-right: 15px; }
	.app-address-modal-3 .app-btn-1 { font-size: 1.5rem; }
	.app-ord-pmt-logo { margin: 0 auto 0 auto; }
	.app-ord-pmt-logo > div { padding-left: 10px; display: inline-block; }
	.app-vche-2 { padding: 0 15px 0 15px; }
	.app-vche-5 { padding: 25px 0 25px 0; }
	.app-ord-cod-3 { margin-left: auto; }
	.app-ctc-1 { padding-left: 45px; }
	.app-ctc-2 { padding: 15px; }
	.app-ctc-4 { padding: 15px; }
	.app-ctc-5 i { margin-right: 10px; }
	.app-ctc-5:first-of-type { margin-top: 25px; }
	.app-ctc-5 > div b { padding-left: 20px; margin-left: -20px; margin-bottom: 15px; }
	.app-modal-button-2 { margin-top: 10px; }
	.modal-timeout-footer { flex-direction: column; justify-content: center; align-items: center; }
	.app-pmts-sect-1 > div span, .app-pmts-sect-1 > div div { margin-left: -40px; font-size: 10px; }
	.app-pmts-sect-1 > div span { margin-bottom: 4px; }
	.app-pmts-btn-next-off { padding-left: 20px; padding-right: 20px; height: 47px; font-size: 15px; }
	.app-pmts-btn-next .app-btn-1 { height: 47px; font-size: 15px; }
	.app-pmtsg-type-1 p { margin-right: 0; }
	.app-pmtsc-btns .app-pmts-btns-sect { position: fixed; bottom: 0; left: 0; width: 100vw; height: 87px; padding: 0 15px 0 15px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; z-index: 1000; }
	.app-pmtsc-btns .app-pmts-btns-sect .app-pmts-btn-next { margin-left: auto; }
	.app-pmts-body-next { padding-bottom: 87px; } 
	.app-ord-pmt-title .app-cnt-1 { margin-left: auto; width: auto; }
	.app-ord-pmt-title .app-cnt-1 p { display: none;}
	.app-ord-pmt-title .app-cnt-1, .app-ord-pmt-title .app-cnt-1 div { height: 45px; }
	
	.app-report-body { background-image: none; }
	.app-report-1 { margin-top: 30px; margin-bottom: 20px; }
	.app-report-1 i { font-size: 20px; margin-right: 14px; }
	.app-report-1 p { font-size: 16px; line-height: 26px; }
	.app-report-2 h4 { font-size: 20px; line-height: 28px; }
	.app-report-2 p, .app-report-2 p b { font-size: 16px; line-height: 22px; }
	.app-report-3 { display: block; }
	.app-report-3 .app-agr-chk { margin-left: 0; }	
	.app-report-4 { flex-direction: column; align-items: flex-start; }
	.app-report-4 label { margin: 0 0 4px 0; }
	.app-report-4 > span { width: 100%; }
	.app-report-5 { margin-top: 30px; margin-bottom: 30px; }
	.app-report-5 .app-btn-1 { height: 87px; font-size: 23px; padding: 0 20px 0 20px; }
	.app-report-5 i { font-size: 31px; }
	.app-report-6, 
	.app-report-ord-modified .app-report-ord-form,
	.app-report-ord-normal .app-report-ord-blocks { border-radius: 0; margin-left: -15px; margin-right: -15px; padding: 30px 15px 30px 15px; }
	.app-report-7 { flex-direction: column; }
	.app-report-7 > div { width: 100%; padding: 0 30px 0 30px; margin-bottom: 30px; }
	.app-report-7 > div p { font-size: 16px; line-height: 22px; }
	.app-report-8 { margin-top: 20px; flex-direction: column; }
	.app-report-8 i { margin: 0 0 10px 0; }
	.app-report-8 span { text-align: center; }
	.app-report-9 p { font-size: 18px; line-height: 22px; }
	.app-report-9 div { margin-top: 15px; font-size: 16px; line-height: 26px; margin-left: 20px; }
	.app-report-9 div i { margin-right: 20px; margin-top: 2px; }
	.app-report-10 { font-size: 16px; line-height: 22px; margin-top: 30px; margin-bottom: 20px; }
	.app-report-r1 { margin-top: 50px; }
	.app-report-r2 { font-size: 20px; line-height: 36px; margin-bottom: 30px; }
	.app-order .app-report-7 > div { max-width: 100%; margin-top: 25px; margin-bottom: 10px; }
	.app-order .app-report-8 { margin-bottom: 20px; }
	.app-report-ord-blocks { padding: 30px; }
	.app-report-ord-modified .app-report-ord-form { padding-top: 20px; }
	.app-report-ord-modified .app-report-3 { margin-top: 0; }
	
	.app-report-tiny-header { height: 150px; }
	.app-report-tiny-1 { flex-direction: column; }
	.app-report-tiny-2 { width: 100%; }
	.app-report-tiny-3 { font-size: 16px; line-height: 22px; margin-bottom: 30px; }
	.app-report-tiny-5 { padding: 0 0 15px 0; }
	.app-report-tiny-5 div, .app-report-tiny .app-report-5 .app-btn-1 { min-width: auto; font-size: 24px; line-height: 30px; height: 60px; font-size: 20px; line-height: 24px; }
	.app-report-tiny-h1 { margin-left: 0; }
	.app-report-tiny-h1 p, .app-report-tiny-4 { font-size: 18px; line-height: 22px; }
	.app-report-tiny-h1 div { font-size: 16px; line-height: 22px; }
	.app-report-tiny-h1 cite { font-size: 60px; line-height: 76px; margin-top: -45px; }
	.app-report-tiny-h1 p { margin-bottom: 30px; }
	.app-report-tiny-arr p { margin: 0; }
	.app-report-tiny-arr-1 { display: none; }
	.app-report-tiny-img { flex-direction: column; }
	.app-report-tiny-img img { max-width: calc(100% - 30px); margin-left: auto; margin-right: auto; margin-bottom: 25px; display: block; }
	.app-report-tiny-img-1 { margin: 0; }
	.app-report-tiny-img-1 .app-report-tiny-4 { text-align: center; }
	.app-report-tiny .app-report-2 { margin-top: 35px; }
	.app-report-tiny .app-report-2 h4 { font-size: 24px; }
	.app-report-tiny .app-report-2 hr { margin-bottom: 30px; }
	.app-report-tiny .app-report-2 p { font-size: 16px; line-height: 22px; }
	.app-report-tiny .app-report-6 { margin-top: 0; }
	.app-report-tiny .app-report-10 { font-size: 16px; line-height: 22px; }
	
	.app-ord-tpl-cnf { padding: 25px; margin-left: -15px; margin-right: -15px; }
	.app-ord-tpl-cnf-2 { margin-bottom: 30px; }
	
	.app-foot-home-row { padding: 15px; font-size: 13px; }
}

@media (max-width: 480px) {
	.app-logo img {
		max-width: 80%;
		height: auto;
	}
}

/* sm */
@media (min-width: 768px) {
	.app-head { padding: 15px 0 15px 0; }
	.app-foot-info-4 > div { width: 220px; height: 70px; }
	.app-inq-answ-wait { right: 30px; }
	.app-inq-answ-col label { padding-right: 45px; padding-left: 45px; }
	.app-inq-answ-col label::before { left: 15px !important; }
	.app-inq-answ-col label::after { left: 19px !important; }
	.app-inq-answ-col:first-of-type { padding-right: 0; }
	.app-inq-answ-col:first-of-type .app-inq-answ-wait { right: 15px; }
	.app-vch-qr { background: #ffffff url(/images/img06.png) calc(100% - 30px) 27px no-repeat; }
	.app-vch-1 { padding: 40px 15px 20px 30px; }
	.app-vch-1 h3 { background: url(/images/15/img06.png) 0 0 no-repeat; padding-left: 52px; }
	.app-inqf-1 .app-vch-1 h3 { background-image: url(/images/img07.png); margin-top: 0; padding-top: 6px; }
	.app-vch-1a h3 { background: url(/images/15/img07.png) 0 0 no-repeat; padding-top: 3px; }
	.app-vch-qr h3 { padding-bottom: 60px; margin-right: 100px; }
	.app-inqf-1.app-vch-qr { background-position: calc(100% - 30px) 50px }  
	.app-vch-1b { padding-bottom: 0; }
	.app-vch-1 div { padding-right: 25px; padding-left: 52px; }
	.app-vch-3, .app-vch-6 { margin-left: 55px; margin-right: 50px; }
	.app-vch-7 { margin-left: 52px; }
	.app-vch-8 { margin-right: 55px; }
	.app-vch-9 { background: url(/images/15/img07.png) 0 0 no-repeat; padding-left: 52px; }
	.app-ord-3 { padding-left: 57px; background: url(/images/15/img08.png) 0 0 no-repeat; }
	.app-inq-join-2 { margin-top: 40px; }
	.app-inq-join-3 { text-align: right; padding-top: 5px; }
	.app-inq-join-4 { padding-top: 2px; }
	.app-ord-ctl { padding: 25px; }
	#confirm .app-ord-ctl { padding: 0; }
	.app-order label.control-label { padding-top: 0 !important; }
	.app-order label.control-label span, .app-ord-4a { display: table-cell; height: 34px; vertical-align: middle; }
	.app-ord-11 { margin-right: 0; }
	.app-ord-cts-1 { padding: 30px 50px 30px 50px; }
	.app-ord-p1 { margin-left: 15px; margin-right: 15px; }
	.app-cnf-chk-4 { padding-left: 40px; padding-right: 30px; }
	.app-pg-ctl, .app-uns-ctl { padding: 30px; }
	.app-ref-1 { padding: 50px; }
	.app-uns-4 { text-align: right; }
	.hbPrcs { margin-top: 15px; }
	.app-start-1 { padding: 15px 15px 20px 20px; }
	.app-start-3 { margin-bottom: 14px; }
	.app-ord-pmt-1 div, .app-ord-pmt-1 p { padding-left: 55px; }
	.app-ord-pmt-1d { background: url(/images/15/img09.png) 0 0 no-repeat; }
	.app-ord-pmt-1n { background: url(/images/15/img10.png) 0 0 no-repeat; }
	.app-ord-pmt-4a label { padding-left: 30px; }
	.app-ord-pmt-4a { padding-left: 55px; }
	.app-ord-pmt-4b { padding-right: 50px; }
	.app-ord-e2 { padding: 25px; }
	.app-ord-e3 { margin-bottom: 25px; }
	.app-ord-e4 { padding-right: 0; }
	.app-vch em { margin-right: 45px; }
	.app-entry-1 { margin: 0 0 0 auto; }
	.app-entry-2 { margin: 0; }
	.app-inqf-f1 .control-label { padding-right: 0; padding-top: 10px; }
	.app-address-modal-2 { width: 100%; }
	.app-address-modal-3 { margin: 25px 0 25px 0; }
	.app-address-modal-3 > span:first-of-type { padding-left: 30px; }
	.app-address-modal-3 > span:last-of-type { padding-right: 30px; }
	.app-vche-2 { padding: 0 80px 0 80px; }
	.app-vche-3 > div { display: table-cell; }
	.app-vche-5 { width: 130px; height: 158px; vertical-align: middle; }
	.app-ctc-2 { padding: 25px; }
	.app-ctc-4 { padding: 40px; }
	.app-modal-button-2 { margin-left: 10px; }
	.app-pmts-sect-1 { padding-left: 55px; background-position: 0 0; background-repeat: no-repeat; }
	.app-pmts-sect-dgt .app-pmts-sect-1 { background-image: url(/images/15/img09.png); }
	.app-pmts-sect-nrm .app-pmts-sect-1 { background-image: url(/images/15/img10.png); }
	.app-pmts-addr-item { display: flex; align-items: center; }
	.app-pmts-addr-item label { width: 160px; }
	.app-pmts-addr-item div { flex: 1; }
	.app-report-r1 { margin-top: 180px; }
	.app-report-ord-blocks { padding: 30px; }
	.app-report-4 label { width: 120px; }
	.app-report-tiny-2:first-of-type { padding-right: 20px; }
	.app-report-tiny-2:last-of-type { padding-left: 20px; }
	.app-report-tiny-header { height: 260px; }
}

/* md */
@media (min-width: 992px) {
	.app-foot-info-4 > div { width: 162px; height: 50px; }
	.dropdown-menu a { font-size: 0.813rem; }
	.app-vch-1 div { padding-right: 50px; }
	.app-vch-1a div { padding-top: 35px; padding-bottom: 70px; }
	.app-vch-7 { margin-left: 140px; }
	.app-vch-7a { margin-left: 120px; }
	.app-head-3 li:first-of-type { padding-left: 0; }
	.app-ord-ctl { padding: 34px 40px 50px 40px; }
	.app-ord-9 { margin-right: 2px; margin-bottom: 3px; }
	.app-ord-cts-1 { padding: 50px 80px 50px 80px; }
	.app-cnf-chk-4 { padding-left: 70px; padding-right: 30px; }
	.app-pg-ctl { padding: 40px; }
	#confirm .app-ord-ctl { padding: 0; }
	.app-btn-1 { padding: 0 30px 0 30px; }
	.app-ref-1, .app-uns-ctl { padding: 65px 65px 65px 80px; margin-top: 60px; }
	.app-ref-3 { padding-left: 75px; }
	.hbPrcs { margin-top: 0; }
	.app-start-1 { padding: 20px 25px 30px 45px; }
	.app-ord-pmt-1 { margin-left: 10px; }
	.app-ord-pmt-4a { padding-left: 110px; }
	.app-ord-pmt-4b { padding-right: 95px; }
	.app-ord-e1 { margin-left: 65px; }
	.app-ord-e2 { padding: 50px; }
	.app-ord-e4 { padding-left: 80px; }
	.app-vch em { margin-right: 150px; }
	.app-entry-6 { margin-right: 50px; }
	.app-inqf-f1 { margin-left: 100px; margin-right: 200px; }
	.app-address-modal { width: 780px; }
	.app-address-modal-2 { width: 520px; }
	.app-address-modal-3 { margin: 50px 0 65px 0; }
	.app-address-modal-3 > span:first-of-type { padding-left: 90px; }
	.app-address-modal-3 > span:last-of-type { padding-right: 90px; }
	.app-ord-cod-warn { width: 440px; }
	.app-vche-1 { background: url(/images/15/img20.png) calc(100% - 30px) 25px no-repeat; }
	.app-vche-1 h3 { margin-right: 150px !important; }
	.app-ctc-2 { padding: 65px 130px 42px 55px; }
	.app-ctc-4 { padding: 50px 60px 50px 60px; }
	.app-pmts-addr-item label { padding-left: 40px; }
	.app-pmtsg-type .app-pmts-addr-item label { padding-left: 25px; }
	.app-inq-answ-col:hover label { background-color: #30beec; color: #ffffff; }
	.app-report-3 { width: 750px; }
	.app-report-4 { padding: 0 70px 0 60px; }
	.app-exit-popup { width: 834px; padding: 15px 38px 40px 38px; }
	.app-exit-close { margin-right: -25px; }
	
	.app-ord-tpl-cnf { width: 880px; }
	
	.app-report-tiny-header { margin-bottom: 30px; }
	.app-report-tiny .app-report-2 { margin-top: 40px; }
}

/* lg */
@media (min-width: 1200px) {
	.app-pmts { margin: 20px 10px 0 20px; }
	.app-pmts-section, .app-pmts-addr { margin-left: 30px; margin-right: 30px; }
	.app-pmts-addr-item { margin-right: 40px; }
	
	.app-pmts-h1 { margin-left: -16px; }
	.app-pmtsg { margin-left: 0; margin-right: 0; }
	.app-pmtsg-type { width: 600px; margin-left: auto; margin-right: auto; }
	.app-pmtsg-type-1 p { margin-right: 140px; }
	.app-pmtsg-type .app-pmts-addr { margin-left: 0; margin-right: 0; }
	.app-pmts-item-lbl .app-ord-cod-warn { width: 70%; }
	.app-report-6 { display: table; margin-left: auto; margin-right: auto; width: 960px; }
	.app-report-8 { width: 600px; }
	.app-order .app-report-8 { margin-top: 70px; }
	.app-report-ord-normal .app-report-ord-blocks { padding: 50px 0 77px 0; margin-top: 30px; }
	.app-report-ord-normal .app-report-ord-blocks .app-report-8 { margin-bottom: 0; }
	.app-report-ord-modified .app-report-ord-blocks { padding: 50px 150px 15px 150px; }
}