@charset "utf-8";

.onlinepay_wrap {position:relative; overflow:hidden; width:100%; margin:0 auto;}
.onlinepay_content_wrap {position:relative; overflow:hidden; width:100%; margin:0 auto;}
.onlinepay_cont {width:883px; height:auto; margin:0 auto;}

.onlinepay_cont .onlinepay_cont_top {text-align:center;}

.onlinepay_info {width:100%; padding:20px 0; border:solid var(--border-gray); border-width:1px 0; background-color:#f2f5fa;}
.onlinepay_info p:first-of-type {padding-bottom:3px; font-size:16px;}
.onlinepay_info p:last-of-type {font-family:"CoreGothic4"; font-size:15px;}

.emphasis-txt {margin-top:13px; font-family:"CoreGothic4"; font-size:14px; letter-spacing:0; text-align:center;}
.emphasis-txt a {padding:3px 5px; margin:0 5px; border-radius:4px; border:1px solid var(--border-gray); color:#999; font-size:13px;}

.onlinepay_tab {width:157px; margin:70px auto 20px;}
.onlinepay_tab::before {content:""; float:left; width:50%; height:1px; margin:18px 0 -19px; background-color:var(--background-gray);}
.onlinepay_tab::after {content:""; float:right; width:50%; height:1px; margin:-18px 0 0px; background-color:var(--background-gray);}
.onlinepay_confirm_tab::before {background-color:var(--common-point);}
.onlinepay_complete_tab {margin-top:0;}
.onlinepay_complete_tab::before {background-color:var(--common-point);}
.onlinepay_complete_tab::after {background-color:var(--common-point);}

.onlinepay_tab div {display:inline-block; width:35px; height:35px; border-radius:50%; background-color:var(--background-gray); color:#adadad; font-size:20px; line-height:34px;}
.onlinepay_tab div:not(:last-child) {margin-right:22px;}
.onlinepay_tab div.active {background-color:var(--common-point); color:#fff;}
.onlinepay_tab div.onlinepay_check {border:1px solid var(--common-point); background:url(/resources/images/onlinepay/onlinepay_check.png) no-repeat center; background-color:#fff;}
.onlinepay_tab + p {font-size:20px; line-height:1.5;}
.onlinepay_tab + p span {color:var(--common-point); font-family:"CoreGothic6";}

table#onlinepay-table {width:100%; margin-top:30px; border-top:2px solid #222;}
table#onlinepay-table th {padding:18px 0; border-bottom:1px solid var(--border-darkgray); font-weight:normal; font-family:"CoreGothic4"; font-size:16px;}
table#onlinepay-table td {/* position:relative; */padding:8px 0; border-bottom: 1px solid var(--border-darkgray); font-size:16px;}
table#onlinepay-table td input[class="common"] {width:474px; line-height:38px; border:1px solid var(--border-gray);}
#onlinePay_first input::placeholder {font-size:15px;}
#onlinePay_first input::-webkit-input-placeholder {font-size:15px;}
#onlinePay_first input::-moz-placeholder {font-size:15px;}
#onlinePay_first input:-moz-placeholder {font-size:15px;}
#onlinePay_first input:-ms-input-placeholder {font-size:15px;}

	/* 결제금액, 결제방법 셀렉트박스 */
table#onlinepay-table td .select_box {display:inline-block; height:44px; font-size:15px; line-height:38px; cursor:pointer;}
table#onlinepay-table td .select_box select {width:474px; height:44px; padding-left:10px; border:1px solid var(--border-gray); border-radius:0; outline:none; background:url(/resources/images/common/select_down.png) no-repeat 98% 50%; line-height:38px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
table#onlinepay-table td .select_box select::-ms-expand {display:none;}
/* table#onlinepay-table td .dropdown {background:url(/resources/images/landing/onlinepay/arrow_up.jpg) no-repeat 92% 50%;} */
/* table#onlinepay-table td .select_box select:first-of-type {margin-left:8px;	margin-right:1px;}
table#onlinepay-table td .select_box select:nth-of-type(2) {width:194px;}
table#onlinepay-table td .select_box select:nth-of-type(3) {width:194px;} */

table#onlinepay-table td input[class="number"] {width:140px; height:44px; padding-left:10px; margin:0 3px 0 2px; border:1px solid var(--border-gray); font-size:14px;}
table#onlinepay-table td input:first-child[class="number"] {margin-left:0;}

table#onlinepay-table td .credit {color:#333; font-size:16.1px;}

.location {display:inline-block; position:relative; padding-left:25px; color:#222; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.location input {position:absolute; opacity:0; width:0; height:0;}
.location .checkmark {position:absolute; top:3px; left:0; width:18px; height:18px; border:1px solid var(--border-gray);}
.location .checkmark::after {content:""; display:none; position:absolute; top:1px; left:5px; width:6px; height:10px; border:solid #d34044; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.location input:checked ~ .checkmark::after {display:block;}
.confirm_location {padding:0; cursor:default;}

.important-cont {width:100%; border:1px solid var(--border-darkgray); padding:20px 50px;}
.onlinepay_cont h4 {margin-top:60px; padding-bottom:11px; font-weight:normal; font-size:16px; text-align:center;}
.onlinepay_cont h4 img {margin:0 6px -4px 0;}
.important-cont p {font-family:"CoreGothic4"; font-size:14px; line-height:2;}
.important-cont p::before {content:""; display:inline-block; width:4px; height:4px; margin:0 4px 4px 0; background:#222;}
.important-cont p span {font-family:"CoreGothic5"; text-decoration:underline; text-underline-position:under; cursor:pointer;}

.agree-check {display:inline-block; position:relative; left:50%; transform:translateX(-50%); padding-left:26px; margin-top:15px;  font-family:"CoreGothic4"; font-size:15px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.agree-check input {position:absolute; width:0; height:0; opacity:0; cursor:pointer;}
.agree-check .checkmark {position:absolute; left:0; width:20px; height:20px; border:1px solid #333;}
.agree-check .checkmark::after {content:""; display:none; position:absolute; left:6px; top:1px; width:6px; height:12px; border:solid white; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.agree-check input:checked ~ .checkmark {background-color:#333;}
.agree-check input:checked ~ .checkmark::after {display:block; position:absolute; left:6px; top:1px; width:6px; height:12px; border:solid white; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.onlinepay_cont .btn {display:block; width:167px; margin:40px auto 70px;}
#onlinePay_two .btn-cont {width:344px; margin:40px auto 70px;}
#onlinePay_two button:first-of-type {float:left; margin:0 10px 0 0; background:#7c7c7c;}
#onlinePay_two button:last-of-type {margin:0;}

.complete-payment img {display:block; padding:30px 0 0; margin:0 auto;}
.complete-payment p {margin-top:40px; font-family:"CoreGothic4"; font-size:15px; text-align:center;}
.complete-payment #onlinepay-table {}


#onlinePay_two {}
#onlinePay_two .mypage_signature_wrap {width:100%; padding:30px 0; margin-top:40px; background:var(--background-gray2); font-family:'CoreGothic4'; font-size:14px; text-align:center;}
#onlinePay_two .mypage_signature_wrap .reset_signature {display:block; margin:20px auto 0; background:none;}
#onlinePay_two .mypage_signature_wrap .reset_signature img {padding-bottom:8px;}