@charset "utf-8";

/* form control */
.form-default-group { position:relative; margin:0 0 5px 0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:8px; border-radius:8px; background:#ffffff; display:block; z-index:1; border:1px solid #ECECEC;}
.form-default-group div.input-placeholders { position:relative; padding:0 15px; line-height:45px; height:45px; -webkit-box-sizing:border-box; box-sizing:border-box; }

.form-default-group .input-place-control {
	position:relative; padding:0; width:100%; line-height:45px; height:45px; font-size:13px; color:#29273e;
	letter-spacing:0; border-width:0; outline-width:0; background-color:transparent; display:block; z-index:2; caret-color: #3917C0; 
}
.form-default-group span.input-placeholders {position:absolute; left:0; top:0; padding:0 15px; width:100%; font-size:10px; color:#cdccd3; line-height:45px; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; }

.form-default-group div.input-placeholders.input-placeholders-center,
.form-default-group div.input-placeholders.input-placeholders-center .input-place-control { text-align:center; }

.form-default-group-num-2 div.input-placeholders { float:left; width:50%; }
.form-default-group-num-3 div.input-placeholders { float:left; width:33.3%; }
.form-default-group-num-4 div.input-placeholders { float:left; width:25%; }

.form-default-group-point div.input-placeholders { padding-right:75px; }
.form-default-group-point .btn-ty1 { position:absolute; right:6px; top:9px; font-size:11px; color:#b6b6b6; display:block; }

.form-default-group-jumin div.input-placeholders:after { position:absolute; content:''; left:-7px; top:50%; width:5px; height:1px; background:#29273e; display:block; }
.form-default-group-jumin div.input-placeholders:first-of-type:after { display:none; }
.form-default-group-jumin div.input-placeholders.input-placeholders-hide .input-place-control { margin-left:-72px; width:12px; vertical-align:top; display:inline-block; text-align:center; }
.form-default-group-jumin div.input-placeholders.input-placeholders-hide .input-placeholders { padding-left:0px; padding-right:0; padding-bottom:0; line-height:45px;left:50%; margin-left:-40px; width:94px; height:45px; background-image:url(../common/images/common/jumin_placeholder.png);-webkit-background-size:12px 45px;background-size:12px 45px;width:12px; }
.form-default-group-jumin div.input-placeholders .input-placeholders-hide-num { position:absolute; left:50%; top:0; margin-left:-31px; padding-left:12px; padding-bottom:0; line-height:45px; height:45px; background-image:url(../common/images/common/jumin_icon.png);-webkit-background-size:76px 45px;background-size:76px 45px;width:76px;}
.form-default-group-jumin div.input-placeholders.input-placeholders-hide .input-placeholders
,  .form-default-group-jumin div.input-placeholders .input-placeholders-hide-num {
	display: inline-block; background-repeat:no-repeat;background-position:0 0; font-size: 0;color: transparent;line-height: 0; text-indent: -999999px;
}
li.ktmembership .form-default-group-jumin div.input-placeholders .input-placeholders-hide-num
, li.lgmembership .form-default-group-jumin div.input-placeholders .input-placeholders-hide-num { 
	width:88px; margin-left:-43px;
	background-image: url(../common/images/common/jumin_icon_02.png); -webkit-background-size:88px 45px; background-size:88px 45px;
}

.user-login.cashback-login .form-wrap .form-default-group{padding:0 15px;}
.user-login.cashback-login .form-wrap .form-default-group div.input-placeholders{padding:0;}
.user-login.cashback-login .form-wrap .form-default-group.form-default-group-num-4 div.input-placeholders{width:25%;}
.user-login.cashback-login .form-wrap .form-default-group span.input-placeholders{padding:0;}
.user-login.cashback-login .form-wrap .form-default-group.form-default-group-num-4.card-group .input-placeholders:nth-child(1) span.input-placeholders{width:200%;}

.user-login.cashback-login .form-wrap .form-default-group.form-default-group-num-4.card-group div.input-placeholders{padding-left:4%;width:26%;}
.user-login.cashback-login .form-wrap .form-default-group.form-default-group-num-4.card-group div.input-placeholders:first-of-type {padding-left:0;width:22%;}

.user-login.cashback-login .form-wrap .form-default-group.form-default-group-num-4.card-group div.input-placeholders:after { position:absolute; content:''; left:5%; top:50%; width:5px; height:1px; background:#cdccd3; display:block; }
.user-login.cashback-login .form-wrap .form-default-group.form-default-group-num-4.card-group div.input-placeholders:first-of-type:after { display:none; }

.user-login.cashback-login .form-wrap .form-default-group.form-default-group-num-4.card-group .input-placeholders .input-place-control.js-input-place-control{text-align:center;}



/* form check & radio style */
input[type="radio"], input[type="checkbox"] {position: absolute;left: 0;top: 0;opacity: 0;}
.form-chk {display:none;}
.form-chk + label, label + .form-chk  { position:relative; display:inline-block;cursor:pointer;padding-left:34px; margin-right:5px;white-space:nowrap; line-height:23px;}
.form-chk + label:last-child, label + .form-chk:last-child {margin-right:0;}
.form-chk + label:before, label + .form-chk:before {
	position:absolute; top:0; content:"";display:inline-block;margin:0;vertical-align:middle;
}

/* for checkbox */
.style01[type="checkbox"] + label:before, .style02[type="checkbox"] + label:before{left:0; width:23px;height:23px;background-position:-85px -27px;}
.style01[type="checkbox"]:checked + label:before{background-position:-60px -27px;}

.style02[type="checkbox"] + label:before{background-position:-110px -27px;}
.style02[type="checkbox"]:checked + label:before {background-position:-60px -27px;}
.customer-agreement .style02[type="checkbox"]:checked + label:before {background-position:-110px -53px;}

.payment-method label.label-checkbox-right:before{width:23px;height:23px;}
.payment-method label.label-checkbox-right { padding:1px 29px 0 0;display:block; }
.payment-method label.label-checkbox-right:before { position:absolute; content:''; right:0; top:50%; margin-top:-11px;background-position:-85px -28px;}
.payment-method input[type="checkbox"]:checked + label.label-checkbox-right:before { background-position:-60px -28px;}

/* v.3.0 체크박스 우선 적용 부분 */
.payment #container .style01[type="checkbox"] + label:before,
.popup-default-wrap.popup-default-cashback-wrap .style01[type="checkbox"] + label:before {
	width:20px;height:20px;background-position:-193px -27px;margin-left:5px;
}
.payment #container .style01[type="checkbox"]:checked + label:before,
.popup-default-wrap.popup-default-cashback-wrap .style01[type="checkbox"]:checked + label:before { 
	background-position:-218px -27px;
}
.popup-default-wrap.popup-default-cashback-wrap .form-chk + label {line-height: 18px;}
.payment #container .form-chk + label, label + .form-chk  { padding-left:34px; line-height:17px; color:#000000; font-size:13px;}

/* for radio */
.style01[type="radio"] + label:before {width:23px;height:23px;background-position:-25px 0;}
.style01[type="radio"]:checked + label:before {background-position:-25px -25px;}

.common-all-ico
, .form-chk + label:before
, label.label-checkbox-right:before
, .formradiobox .formradiobox-wrap label:before
, .formradiobox .formradiobox-wrap label:after
, .nonmdn-onepay .movie-text li:after
, .payment-state-img-wrap .payment-state-img-inner.payment-inner-type3 .payment-state-btn a:after
, .product-discount .discount-list li .info-wrap-box .discount-wrap i
, .payment-state-header-wrap:before
, .formcheckbox .formcheckbox-wrap label:before
, .formcheckbox .formcheckbox-wrap label:after
, .webviewheader .header-co .header-link .icon-back
, .formselectbox .formselectbox-inner:after
, .common-all-ico {
	width:15px; height:15px;
}
a.btn-ty1
, .product-discount .discount-list ul .list-open .discount-open .coupon_change
, .product-discount .discount-list ul .list-open .discount-open .input-point .all-point {
	width:54px; height:21px; line-height:20px; text-align:center; border:1px solid #c9c9c9;
	-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:3px; border-radius:3px; display:block;
}

.icon-benefit-arrow { width:16px; height:16px; background-position:-184px -165px; display: block; }
.icon-benefit-on { width:21px; height:8px; background-position:-184px -199px; display: block; }
.icon-benefit-off { width:21px; height:8px; background-position:-184px -186px; display: block; }


.product-discount .discount-list ul .list-open .discount-open .ok-module{margin-top:20px;}
.product-discount .discount-list ul .ok-module.dimmed{opacity:.3;}
.product-discount .discount-list ul .list-open .discount-open .cashback-point .ok-module{margin-top:20px;}
.cashback-area .cashback-wrap dl.cashback-click dd .ok-module{margin-top:15px;}

.product-discount .discount-list ul .list-open .discount-open .ok-module a, 
.cashback-area .cashback-wrap dl.cashback-click dd .ok-module a	{
	background-color:#302e6c;font-size:15px;color:#fff;display:block;width:110px;line-height:17px;text-align:center;
	margin:0 auto; -webkit-border-radius: 20px; border-radius: 20px; padding: 11px 10px;
}
.cashback-area .cashback-wrap dl.cashback-click dd .ok-module a{background-color:#302e6c;}
.cashback-area .cashback-wrap dl.cashback-click dd .ok-module.btn-two-ty{width:270px;margin:30px auto 0;}
.cashback-area .cashback-wrap dl.cashback-click dd .ok-module.btn-two-ty div{display:inline-block;}
.cashback-area .cashback-wrap dl.cashback-click dd .ok-module.btn-two-ty div.delete-btn{float:right;}
.cashback-area .cashback-wrap dl.cashback-click dd .ok-module.btn-two-ty div a{margin:0;}

.product-discount .discount-list ul .list-open .discount-open .user-num .field input.user-birth::-webkit-input-placeholder,
.product-discount .discount-list ul .list-open .discount-open .input-point .field input::-webkit-input-placeholder{
	color: #919191;
}
.product-discount .discount-list ul .list-open .discount-open .user-num .field input.user-birth2::-webkit-input-placeholder {color: #c8c8c8;}


.thumbnail{width:100%;height:100%;color:transparent;font-size:0;text-indent:-999999px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;-webkit-border-radius:3px;border-radius:3px;display:block}

/* cont-text-overflow */
.cont-text-overflow{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cont-text-overflow-line2{max-height:40px; position:relative;overflow:hidden;text-overflow:ellipsis;white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.cont-text-overflow-line3{max-height:48px; position:relative;overflow:hidden;text-overflow:ellipsis;white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.cont-text-overflow-line4{max-height:64px; position:relative;overflow:hidden;text-overflow:ellipsis;white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.cont-text-overflow-line5{max-height:80px; position:relative;overflow:hidden;text-overflow:ellipsis;white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.cont-text-overflow-line6{max-height:96px; position:relative;overflow:hidden;text-overflow:ellipsis;white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}

/* payment-state css */
.payment-state-header-wrap{height:70px;background-color:transparent;}
.payment-state-header-wrap .payment-state-inner{padding-left:20px;}
.payment-state-header-wrap .payment-state-inner h1{font-size:17px;color:#000000;height:100%;line-height:24px; padding:23px 0;}

#container.pay-failed-ty2 .payment-state-img-wrap .payment-state-img-inner {padding:0 20px;}
.payment-state-img-wrap.window-center-align{
	position:absolute; width:100%; left:0; top:50%;
	-webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); margin-top:-48px;
} 
.payment-state-img-wrap { min-height:96px; }
.payment-state-img-wrap .payment-state-img-inner{ padding:10px 20px 8px;}
.payment-state-img-wrap .payment-state-img-inner em{position:absolute;top:0;right:20px; width:160px;}
#container.pay-failed-ty2 .payment-state-img-wrap .payment-state-img-inner em{position:relative; width:200px;display:block;margin:0 auto;top:0; right:0;}
.payment-state-img-wrap .payment-state-img-inner em img{width:100%;}
.payment-state-img-wrap .payment-state-img-inner .payment-state-txt{position: relative;color:#000000;font-size:19px;line-height:26px;text-align: left;padding:0 160px 0 0;}
.payment-state-img-wrap .payment-state-img-inner .payment-state-txt .pay-phone-failed {font-size:12px; color:rgba(0,0,0,0.8); padding-top:8px; line-height:16px;}

.payment-state-img-wrap .payment-state-img-inner.payment-inner-type2 em{width:120px;}
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type2 .payment-state-tit{font-size:15px; padding:12px 0 4px; color:#000000; text-align: center;}
#container.pay-failed-ty2 .payment-state-img-wrap .payment-state-img-inner.payment-inner-type2 .payment-state-tit{display:none;}
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type2 .payment-state-txt{font-size:16px; padding:19px 0 23px; color:#000000; text-align: center; line-height:23px;}
.payment-state-img-wrap .payment-state-img-inner .payment-state-btn{width:100%;margin:0 auto;text-align:center;}
.payment-state-img-wrap .payment-state-img-inner .payment-state-btn a{
	display:inline-block;border:1px solid #acaac4;width:150px;height:45px;line-height:44px;color:#3e3877;text-align:center;font-size:16px;
	-ms-border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;
	-ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.payment-state-img-wrap .payment-state-img-inner .payment-state-btn a:nth-child(2){margin-left:4px;}

.payment-state-img-wrap .payment-state-img-inner.payment-inner-type3{padding: 20px 20px 12px;height:auto;}
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type3 .payment-state-txt{padding:0;text-align:left;font-size:14px; color:#000000; line-height:22px;}
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type3 .payment-state-btn{position: relative;width:100%;margin-top:20px;}
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type3 .payment-state-btn a {
	width:100%;height:54px;line-height:20px;font-size:14px;background:rgba(247,247,247,0.8);border:none;color:#000000;text-align:left;
	-webkit-border-radius:15px;border-radius:15px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:17px 0 17px 20px;
}
.payment-state-img-wrap .payment-state-img-inner.payment-inner-type3 .payment-state-btn a:after{position:absolute; content:''; right:20px; top:19px; width:16px; height:16px; background-position: -184px -144px;-webkit-background-size:500px 500px;background-size:500px 500px; display:block; }

.payment-info-wrap .payment-info-inner
, .payment-error-info .payment-info-inner{
	padding:30px 20px 20px;
}
.payment-info-wrap .payment-info-inner h3,.payment-error-info .payment-info-inner h3{font-size:16px;color:#000000;padding:0 0 16px 0;line-height: 22px;}
.payment-info-wrap .payment-info-inner > div, .payment-error-info .payment-info-inner > div{
	position:relative; width:100%; background: #F7F7F8; -webkit-border-radius:15px; border-radius:15px;
}
.payment-info-wrap .payment-info-inner ul, .payment-error-info .payment-info-inner div p{padding:20px 20px;}
.payment-error-info .payment-info-inner div p, .payment-error-info .payment-info-inner div ul li{color:#000000; font-size:13px; line-height: 20px;}  


.payment-info-wrap .payment-info-inner ul > li {position:relative;width:100%;min-height:19px; display: table; table-layout: fixed;}
.payment-info-wrap .payment-info-inner ul > li.product-content-wrap {margin-bottom: 6px;}
.payment-info-wrap.payment-benefit-info .payment-info-inner ul > li.product-content-wrap {margin-bottom: 0;}
.payment-info-wrap .payment-info-inner ul > li .product-info-name{position:relative;top:0;left:0;line-height: 19px; display: table-cell;}
.payment-info-wrap .payment-info-inner ul > li.text-high-height .product-info-name{line-height: 19px;}
.payment-info-wrap .payment-info-inner ul > li.product-price-inner .product-info-name {font-size:13px; line-height: 19px;}


.payment-info-wrap .payment-info-inner li .product-info-name{font-size:13px;color:#000000;display:block;float:left;}
.payment-info-wrap .payment-info-inner li .product-info-content{font-size:13px;color:#000000;display:block;text-align:right;line-height:19px;letter-spacing:0; display: table-cell; text-align: right; vertical-align: top;}
.payment-info-wrap .payment-info-inner li .product-info-content .date-cont{color:#908ea2; font-size:11px;padding-left:4px;}
.payment-info-wrap .payment-info-inner li .product-info-content.cont-text-overflow-line2{display:-webkit-box;} 
.payment-info-wrap .payment-info-inner li .product-info-content.cont-text-overflow-line6{line-height: 20px;} 
.payment-info-wrap .payment-info-inner li.text-high-height .product-info-content{min-height:19px; line-height:19px;}
.payment-info-wrap .payment-info-inner li.text-high-height.product-name-inner .product-info-content{color:#000000;}
.payment-info-wrap .payment-info-inner li.product-content-wrap.product-name-inner{margin-bottom:10px;}
.payment-info-wrap .payment-info-inner li.product-content-wrap.product-price-inner
, .payment-info-wrap .payment-info-inner.service-notice-inner li.text-high-height-ty2 {
	margin-top: 20px; border-top:1px solid #e3e3e3; padding-top:20px;
}
.payment-info-wrap .payment-info-inner li.cont-padding{margin-top:0;}
.payment-info-wrap .payment-info-inner li .benefit-coupon-name{display:block;text-align:right;}
.payment-info-wrap .payment-info-inner li .benefit-coupon-name.cont-text-overflow-line2 {display:-webkit-box;}
.payment-info-wrap .payment-info-inner li .price-color-ty1{color:#4B469C;}
.payment-info-wrap .payment-info-inner li .price-color-ty2{color:#4B469C; font-size:13px; line-height: 19px;}
.payment-info-wrap .payment-info-inner.service-notice-inner{}
.payment-info-wrap .payment-info-inner.service-notice-inner li.text-high-height-ty2 .product-info-content
, .payment-info-wrap .payment-info-inner.service-notice-inner li .product-info-content{
	text-align:left;max-height:51px;margin-left:61px;
}
.payment-info-wrap .payment-info-inner li.product-content-wrap .servie-check-date{display:block;}
.payment-info-wrap .payment-info-inner.service-notice-inner li.text-high-height-ty2 .product-info-content.cont-text-overflow-line3{letter-spacing:-1px;display:-webkit-box;}

.payment-info-wrap .payment-info-inner ul > li .product-info-name .common-all-ico, 
.payment-info-wrap .payment-info-inner ul > li .product-info-name .common-all-ico.icon-method-onestorecash,
.payment-info-wrap .payment-info-inner ul > li .product-info-name .common-all-ico.icon-method-gamecash,
.payment-info-wrap .payment-info-inner ul > li .product-info-name .common-all-ico.icon-method-bookscash { 
	display: inline-block;width:20px;height:20px;background-position:0 -110px; vertical-align: top; padding-right: 10px;
}
.payment-info-wrap .payment-info-inner ul > li .product-info-name .common-all-ico.icon-method-bookscash{background-position:0 -140px;}
.payment-info-wrap .payment-info-inner ul > li .product-info-name .common-all-ico.icon-method-coupon{background-position:0 -170px;}

.payment-notice-wrap .payment-notice-inner{padding:0 15px 20px;color:#8c8c8c;}
.payment-notice-wrap .payment-notice-inner li{font-size:12px; padding: 0 5px; line-height: 18px;}
.payment-notice-wrap .payment-notice-inner .chkbox-area li {padding:0; font-size:13px; color:#000000;}
.payment-notice-wrap .payment-notice-inner li .notice-red-txt{color:#000000;}
.payment-notice-wrap .payment-notice-inner .chkbox-area{font-size:12px;margin-top:12px;}
.payment-notice-wrap .payment-notice-inner .receipt-ico{position:relative; margin: 0 2px 0 5px;top:2px;display:inline-block;width:11px;height:12px;background:url(../images/icon/receipt_icon.png) no-repeat 0 0;-webkit-background-size:11px 12px;background-size:11px 12px;}


.payment-case-wrap .payment-case-inner{padding:40px 20px 5px;color:#908ea2;}
.payment-case-wrap .payment-case-inner .payment-case-tit{position:relative;width:100%;padding-bottom:10px; line-height: 20px;}
.payment-case-wrap .payment-case-inner .payment-case-tit h3{font-size:16px;color:#000000;display:inline-block;line-height:24px;}
.payment-case-wrap .payment-case-inner .payment-case-tit .info-btn{width:20px;height:20px;display:inline-block;vertical-align:top;background-position:-106px -166px;margin-right:1px;float: right;}
.payment-case-wrap .payment-case-inner .form-default-group{background-color:rgba(247,247,247,0.8);margin:0;border-color:rgba(247,247,247,0.8);}
.payment-case-wrap .payment-case-inner .form-default-group span.input-placeholders{color:#c2c2c2;}
.payment-case-wrap .payment-case-inner .chkbox-area{margin-top:20px;}
.payment-case-wrap .payment-case-inner .payment-case-notice{font-size:12px;color:#8c8c8c;padding:16px 0 0 5px;line-height: 18px;}
.payment-case-wrap .payment-case-inner .payment-case-notice.case-notice-type2{padding:16px 5px 0;}

/* 결제완료 (혜택 존재 시) */
.payment-info-wrap.payment-benefit-info + .payment-info-wrap .payment-info-inner {padding:20px 20px 20px;}
.payment-info-wrap.payment-benefit-info .payment-info-inner li.cont-padding {/* padding: 0 0 9px 0; */}
body .payment-info-wrap.payment-benefit-info .payment-info-inner ul > li.product-content-wrap {margin: 0 0 28px 0; }
body .payment-info-wrap.payment-benefit-info .payment-info-inner ul > li.product-content-wrap:last-child {margin:0;}
.payment-info-wrap.payment-benefit-info .payment-info-inner li:last-child {border-bottom: 0; padding: 0; margin: 0;}
.payment-info-wrap.payment-benefit-info .payment-info-inner .payment-benefit-title { position: relative; width: 100%; height: 24px; margin-bottom: 10px; border-bottom: 1px solid #E1E1E1;padding-bottom: 8px; display: table; table-layout: fixed;}
.payment-info-wrap.payment-benefit-info .payment-info-inner .payment-benefit-title .benefit-payment-name {font-size: 13px; color: #000000; line-height: 19px; display: table-cell; width: 58%;}
.payment-info-wrap.payment-benefit-info .payment-info-inner .payment-benefit-item { position: relative; width: 100%; min-height: 19px; display: table; table-layout: fixed;}
.payment-info-wrap.payment-benefit-info .payment-info-inner .benefit-coupon-name { top: 0; text-align: left; margin: 0 0 0 0; line-height: 20px;font-size:12px;}
.payment-info-wrap.payment-benefit-info .payment-info-inner li.text-high-height .product-info-name { position:relative; left:unset; height: 19px;}
.payment-info-wrap.payment-benefit-info .payment-info-inner li .benefit-coupon-content {text-align: left; padding: 0;}
.payment-info-wrap.payment-benefit-info .payment-info-inner ul > li .product-info-content {
	position:relative; top:0; right: 0; letter-spacing: -1px; line-height: 19px; padding:0; margin: 0; display: table-cell; text-align: right;
}
.payment-info-wrap.payment-benefit-info .payment-info-inner ul > li .payment-benefit-title .product-info-content { text-align: right; font-size: 13px;}
.payment-info-wrap.payment-benefit-info .payment-info-inner em {letter-spacing: 0;}

.payment-bottom-submit.pay-failed{display:none;}
.payment-ok-btn{text-align:center;}
.payment-ok-btn.align-center-ty{display:inline-block;}
.payment-ok-btn .ok-module{padding:20px 0 25px 0;text-align:center;}
.payment-ok-btn .ok-module a{
	margin:0 auto;text-align:center;background:#272558; border:1px solid #272558;width:140px;height:45px; line-height:43px; display: block;font-size:16px;color:#ffffff;
	-ms-border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px;
	-ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.payment-ok-btn .ok-module > div {display:inline-block;margin:0 3px;}
.payment-ok-btn .ok-module .agree-no-btn a{background-color: transparent; border-color: #acaac4;color:#3e3877;}

html.min-sticky body.payment.phone-pay .payment-ok-btn .ok-module{ /* position:fixed;bottom:0;left:0;*/ width:100%;}

.payment-ok-btn.align-center-ty {width:100%;padding:0 25px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.payment-ok-btn p {color:#8c8c8c;font-size:12px;line-height: 18px; padding:8px 0;text-align:left;}
.payment-ok-btn .ok-module div.dimmed {opacity: 0.3;}

.payment-info-wrap.payment-error-info + .payment-info-wrap .payment-info-inner {padding:20px 20px 20px;}

/* 결제실패 (결제 성공 눌렀지만 실패한 경우	) */
.sandbox .payment-info-wrap.ty3 .payment-info-inner { padding: 30px 20px 20px; }
.payment-info-wrap.ty3 .payment-info-inner ul > li { display: block; }
.payment-info-wrap.ty3 .payment-info-inner ul > li .product-info-name { display:block; float:unset; }
.payment-info-wrap.ty3 .payment-info-inner li.text-high-height .product-info-content { display:block; text-align: left; padding:9px 0 0;}
.sandbox .payment-info-wrap.ty3 .payment-info-inner li.product-content-wrap.product-name-inner { margin-bottom:20px; }

/* 결제수단 - 휴대폰결제 Start */
html.min-sticky .payment.cellular { padding-bottom:45px; }
#wrap.webview { padding: 70px 0 0; }
.webviewheader { position:fixed; left:0; top:0; width:100%; height:70px; table-layout:fixed; display:table; background-color:rgba(255,255,255,0.9); z-index:101; }
.webviewheader .header-co { padding:20px 20px 20px 20px; }
.webviewheader .header-co .header-co-full { }
.webviewheader .header-co .header-link { position:relative; padding:0 0 0 38px; height:30px; display:block; }
.webviewheader .header-co .header-link .icon-back { position:absolute; left:0; top:0; width: 30px; height: 30px; background-position: -60px -247px !important;}
.webviewheader .header-co .header-link span {
	font-size:17px; color:#010101; line-height:30px; display:block;
	text-overflow:ellipsis; white-space: nowrap; overflow: hidden;
}
.cellular-payment-header-wrap { padding:10px 0 20px; margin: 0 20px; }
.cellular-payment-header-wrap .cellular-payment-header-inner {  }
.cellular-payment-header-wrap .cellular-payment-header-inner .cellular-payment-header-txt { font-size:16px; line-height: 25px; color:#000000; }
.cellular-payment-content-wrap { margin: 0 20px 40px; }
.cellular-payment-content-wrap .cellular-payment-content-inner {}
.cellular-payment-content-wrap .cellular-payment-content-inner h3 { font-size:13px; line-height: 19px; color: #8c8c8c; padding:7px 0 6px; }
.cellular-payment-content-wrap .cellular-payment-content-inner .mobile-market-type { padding:10px 0 0; }
.cellular-payment-content-wrap .cellular-payment-content-inner ul { position: relative; width:100%; }
.cellular-payment-content-wrap .cellular-payment-content-inner ul .payment-item-inner {
	width:31.666%; height: 60px; padding: 0 2.5% 0 0; display: inline-block; float: left;
}
.cellular-payment-content-wrap .cellular-payment-content-inner ul .payment-item-inner:last-child { padding: 0; }
.cellular-payment-content-wrap .cellular-payment-content-inner ul .payment-item-txt {
	text-align: center; display: table; font-size: 12px; line-height: 18px; color: #3e3877; width: 100%;  height: 60px; border: 1px solid #acaac4;
	-ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.cellular-payment-content-wrap .cellular-payment-content-inner ul .payment-item-txt span { display: table-cell; vertical-align: middle; }
.cellular-payment-content-wrap .cellular-payment-content-inner ul .payment-item-inner.list-open .payment-item-txt { background-color: #272558; border-color:  #272558; }
.cellular-payment-content-wrap .cellular-payment-content-inner ul .payment-item-inner.list-open .payment-item-txt span { color: #ffffff; }

.mobile-market-other-type { padding:14px 0 0; }

.cellular-payment-content-wrap.info h3 + .mobile-market-other-type { padding:10px 0 0; }

/* Form Controller Start */
.forminputbox {  }
.forminputbox .forminputbox-wrap { position:relative; }
.forminputbox .forminputbox-wrap label { margin-bottom:5px; font-size:16px; line-height:30px; display:block; }
.forminputbox .forminputbox-wrap .forminputbox-btn { position:absolute; right:0; top:0; }
.forminputbox .forminputbox-col { position:relative; }
.forminputbox .forminputbox-col:before { position:absolute; content:''; left:0; bottom:0; width:1px; height:8px; background:#cccccc; display:block; }
.forminputbox .forminputbox-col:after { position:absolute; content:''; right:0; bottom:0; width:1px; height:8px; background:#cccccc; display:block; }
.forminputbox .forminputbox-col input.form-input-control {
	width:100%; padding:0 15px 0 15px; font-size:15px; color:#000000; line-height:42px; border-width:0; border-bottom:1px solid #cccccc; outline-width:0; background-color:transparent; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	-ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
}
.forminputbox .forminputbox-col input.form-input-control[disabled] { color:#c8c8d2; background:#ffffff; }
.forminputbox .forminputbox-col input.form-input-control::-ms-clear { display:none; }
.forminputbox .forminputbox-col input.form-input-control::-webkit-input-placeholder { color:#a4a4a4; }
.forminputbox .forminputbox-col input.form-input-control::-moz-placeholder { color:#a4a4a4; }
.forminputbox .forminputbox-col input.form-input-control::-moz-p { color:#a4a4a4; }
.forminputbox .forminputbox-col input.form-input-control:-ms-input-placeholder { color:#a4a4a4 !important; }
.forminputbox .forminputbox-info { margin:0 5px; padding:7px 0 0 0; font-size:13px; color:#8c8c8c; line-height:19px; }
.forminputbox.focus .forminputbox-col:before { background:#2d297a; }
.forminputbox.focus .forminputbox-col:after { background:#2d297a; }
.forminputbox.focus .forminputbox-col input.form-input-control { border-bottom-color:#2d297a; }

.formselectbox {}
.formselectbox .formselectbox-wrap { position:relative; }
.formselectbox .formselectbox-wrap label { margin-bottom:5px; font-size:16px; line-height:30px; display:block; }
.formselectbox .formselectbox-col { position:relative; }
.formselectbox .formselectbox-col:before { position:absolute; content:''; left:0; bottom:0; width:1px; height:8px; background:#cccccc; display:block; }
.formselectbox .formselectbox-col:after { position:absolute; content:''; right:0; bottom:0; width:1px; height:8px; background:#cccccc; display:block; }
.formselectbox .formselectbox-col .form-select-control {
	width:100%; padding:0 45px 0 15px; font-size:15px; color:#000000; height:43px; line-height:42px; border-width:0; border-bottom:1px solid #cccccc; outline-width:0; background-color:transparent; display:block; 
	-ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
}
.formselectbox .formselectbox-col .form-select-control span {
	font-size:15px; color:#a4a4a4; height:42px; line-height:42px; display:block;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.formselectbox .formselectbox-col .form-select-control-blank { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:10; }
.formselectbox .formselectbox-col.selected .form-select-control span { color:#000000; }
.formselectbox .formselectbox-col.no .form-select-control { padding-right:15px; }
.formselectbox .formselectbox-col.no .icon-select-bullet { display:none; }
.formselectbox .formselectbox-col .icon-select-bullet { position:absolute; right:5px; top:6px; vertical-align:top; }
.formselectbox .formselectbox-inner:after {
	content:""; position:absolute; top:6px; right:5px; width: 30px; height: 30px; background-position: -60px -282px;
}
.formselectbox-col .formselectbox-inner select {
	-moz-appearance: none;-webkit-appearance: none;appearance: none; width: 100%; padding:0 45px 0 15px;
	font-size: inherit; color: #000000; outline: 0; background-color: transparent;
	margin: 0;border-top:0;border-left:0;border-right:0; border-bottom: 1px solid #cccccc;
    font-size: 15px; height: 43px; line-height: 43px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}

.formselectbox .formselectbox-col.focus select { border-color: #2d297a; }
.formselectbox .formselectbox-col.focus:before 
, .formselectbox .formselectbox-col.focus:after {
	background-color:#2d297a;
}
/* Button Style Start */
.payment .btngroup { margin:0; }
.payment .btngroup ul { text-align:center; display:block; }
.payment .btngroup ul.left { text-align:left; }
.payment .btngroup ul li { margin:0 2px 0 3px; display:inline-block; }
.payment .btngroup ul li.dimmed {opacity: 0.5;}
.payment .btn {
	padding:11px 28px 11px 28px; min-width:140px; font-size:16px; color:#ffffff; line-height:21px; text-align:center; border:1px solid #272558; outline-width:0; background:#272558; display:inline-block;
	-ms-border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;
	-ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.payment .btn-sm { padding:7px 17px 7px 17px; min-width:130px; font-size:14px; line-height:17px; }
.payment .btn-ssm { padding:6px 10px 6px 10px; min-width:73px; font-size:13px; line-height:16px; }
.payment .btn-link {
	min-width:0px; padding:0px 5px 0px 5px; color:#3d3a73; text-align:left; line-height:22px; background-color:transparent; border-width:0;
	-ms-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}

.payment .btn-under {
	position:relative; min-width:0px; padding:0px 3px 0px 3px; font-size:13px; color:#4b469c; line-height:19px; text-decoration:underline !important; background-color:transparent; border-width:0;
	-ms-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
}
.payment .btn-primary { color:#ffffff; border-color:#272558; background:#272558; }
.payment .btn-primary.btn-w140 {padding:11px 22px 11px 22px;}
.payment .btn-primary.btn-text-long {padding:11px 9px;}
.payment .btn-light { color:#3e3877; border-color:#acaac4; background:#ffffff; }
/* 결제수단 - 휴대폰결제 End */

/* PC 결제 display: none */
.pc-payment-fix-header {
	display: none;
}

/* bridge css */
html.min-sticky body.bridge{width:100%;height:100%;overflow: hidden;}
html.min-sticky body.bridge #wrap{width:100%;height:100%;}
html.min-sticky body.bridge #container {width: 100%;height: 100%;}
html.min-sticky .bridge-box-link{width:100%;height:100%;overflow: hidden;}
html.min-sticky .bridge-box-link em {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.bridge-box-link .bridge-box-gif {
    margin: 0 auto;
    width: 109px;
    display: block;
}
.bridge-box-link .bridge-box-gif img {
    width: 100%;
    vertical-align: top;
}
.bridge-box-link .bridge-text-lg {
    margin: 0 15px;
    padding: 20px 0 0 0;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 23px;
    display: block;
}
.bridge-box-link .bridge-text-sm {
    margin: 0 15px;
    padding: 6px 0 0 0;
    font-size: 12px;
    color: #8c8c8c;
    text-align: center;
    line-height: 18px;
    display: block;
}

/* Bridge Start */
.bridge-round-wrap { margin: 0 20px; position: relative; text-align: center;}
.bridge-round-wrap .bridge-round-ani {height:25px; width:80px; margin:0 auto;}
.bridge-round-wrap .bridge-round-ani span {
	display: inline-block; width:16px; height:16px; -ms-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	background: #4d44a2; opacity: 0.4; margin:0 16px 0 0; float:left;
	-ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0);
	-ms-animation: bridgeroundAni 1.2s ease-in-out infinite; -moz-animation: bridgeroundAni 1.2s ease-in-out infinite; -webkit-animation: bridgeroundAni 1.2s ease-in-out infinite; animation: bridgeroundAni 1.2s ease-in-out infinite;
}
.bridge-round-wrap .bridge-round-ani span.round-ani-item-02 {-ms-animation-delay: 0.15s; -moz-animation-delay: 0.15s; -webkit-animation-delay: 0.15s; animation-delay: 0.15s;}
.bridge-round-wrap  .bridge-round-ani span.round-ani-item-03 {-ms-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.bridge-round-wrap .bridge-round-ani span:last-child{margin-right:0;}
@-ms-keyframes bridgeroundAni {
	0% 	 { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
	50%  { -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
	100% { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
}
@-moz-keyframes bridgeroundAni {
	0% 	 { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
	50%  { -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
	100% { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
}
@-webkit-keyframes bridgeroundAni {
	0% 	 { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
	50%  { -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
	100% { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
}
@keyframes bridgeroundAni {
	0% 	 { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
	50%  { -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
	100% { -ms-transform: translate3d(0,9px,0); -moz-transform: translate3d(0,9px,0); -webkit-transform: translate3d(0,9px,0); transform: translate3d(0,9px,0); opacity: 0.4;}
}
.bridge-round-wrap .bridge-round-co { text-align: center;}
.bridge-round-wrap .bridge-round-ti { padding-top: 20px; font-size: 16px; color: #000000; line-height: 23px;}
.bridge-round-wrap .bridge-round-summary { font-size: 13px; color: #8c8c8c; padding: 6px 0 0;}

.bridge-box-progressbar {position:absolute; left:0; top:0; width:100%; height: 2px;}
.bridge-box-progressbar-ani {
	position: relative; width:0; height:2px; background:#4d44a2;
	-ms-animation: bridgebarAni 5s linear infinite; -moz-animation: bridgebarAni 5s linear infinite; -webkit-animation: bridgebarAni 5s linear infinite; animation: bridgebarAni 5s linear infinite;
}
@-ms-keyframes bridgebarAni {
	0%		{ width:0%; }
	100%	{ width:100%; }
}
@-moz-keyframes bridgebarAni {
	0%		{ width:0%; }
	100%	{ width:100%; }
}
@-webkit-keyframes bridgebarAni {
	0%		{ width:0%; }
	100%	{ width:100%; }
}
@keyframes bridgebarAni {
	0%		{ width:0%; }
	100%	{ width:100%; }
}
/* Bridge End */

/* line  */
.word-bk { word-break: break-all; }