@charset "utf-8";

a.normal		{ color:#000000; cursor:pointer; text-decoration:none; }
a.normal:hover	{ text-decoration:none; }

/* 아이폰 기본 스타일 제거 */
input, textarea { appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#000000; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='m16.843 10.211c.108-.141.157-.3.157-.456 0-.389-.306-.755-.749-.755h-8.501c-.445 0-.75.367-.75.755 0 .157.05.316.159.457 1.203 1.554 3.252 4.199 4.258 5.498.142.184.36.29.592.29.23 0 .449-.107.591-.291 1.002-1.299 3.044-3.945 4.243-5.498z'/%3E%3C/svg%3E");
background-size: 16px auto; background-position:right; background-repeat:no-repeat; }

/* 익스플로러 select 화살표 제거 - 화살표 없애기 for IE10, 11*/ 
/* select::-ms-expand { display:none; } */

/* 리사이즈 시 상하만 되도록 */
textarea { resize: vertical; }

.pay_titlebar { z-index:31; position:fixed; top:15px; left:0px; width:100%; height:60px; background-color:#FCAF17; border-top-left-radius:20px; border-top-right-radius:20px; }
.pay_title { position:relative; top:0px; left:0px; margin:0px 20px 0px 20px; text-align:left; }
.pay_hidebar { display:none; z-index:32; position:fixed; top:75px; left:0px; width:100%; height:61px; background-color:#FFFFFF; border-top-left-radius:20px; border-top-right-radius:20px; }
.pay_inside { position:relative; top:0px; left:0px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); width:auto; height:40px; margin:0px 15px 0px 15px; background-color:#FFFFFF; box-sizing:border-box; }
.pay_location { position:relative; min-width:0; width:100%; height:40px; margin-left:0 !important; text-align:center; background-color:#FFFFFF; border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1; border-top:1px solid #E1E1E1; border-top-left-radius:5px; border-top-right-radius:5px; box-sizing:border-box; }
.pay_orange { background-color:#FCAF17; }
.pay_botline { z-index:1; position:absolute; top:20px; left:15px; right:15px; height:40px; border-bottom:1px solid #E1E1E1; }
.pay_botline > .pay_inside { margin:0; }
.pay_groups { position:relative; top:0px; left:0px; margin:0px 10px 0px 10px; padding:10px 0px 5px 0px; text-align:left; color:#000000; font-size:15px; font-weight:700; }
.pay_subtxt { position:relative; top:0px; left:0px; margin:0px 10px 10px 10px; padding:5px 0px 10px 0px; text-align:left; color:#000000; font-size:11px; border-bottom:1px solid #000000; line-height:150%; }

.margintop12 { margin-top:12px; }
.orangegroup { position:fixed; top:60px; left:0px; width:100%; height:150px; background-color:#FCAF17; }
.whitegroups { position:relative; top:0px; left:0px; margin-top:150px; width:100%; background-color:#FFFFFF; border-radius:20px; }
.pay_buttons { border-radius:100px; width:100px; height:100px; background-color:#FCAF17; border:0px; font-size:18px; font-weight:700; text-align:center; cursor:pointer; }
.pay_input { width:100%; height:50px; background-color:#EAEFF7; }
#check_privacy { top:5px; left:0px; width:30px; height:30px; border:1px solid #cccccc; background-color:#EAEFF7; border-radius:5px; font-size:15px; font-weight:900; color:#000000; cursor:pointer; text-align:center; }
#agree_privacy { display:none; z-index:101; position:fixed; top:0px; left:0px; right:0px; bottom:0px;  background-color:#FFFFFF; margin:15px; border-radius:10px; border:1px solid #cccccc; }
.agree_privacy_close { z-index:102; position:absolute; top:0px; right:0px; width:30px; height:30px; padding:15px; cursor:pointer; }
.agree_privacy_txt { position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding:15px; word-break:break-all; white-space:pre-wrap; overflow-x:none; overflow-y:scroll; text-align:left; font-size:12px; line-height:150%; }

.pay_inputbox { position:relative; top:0px; left:0px; height:60px; margin:0px 10px 0px 10px; text-align:left; }