/* language hidden control */ .ccLang {display:none !important;} html.df .ccLang.df {display:block !important;} html.en .ccLang.en {display:block !important;} html.ko .ccLang.ko {display:block !important;} /* **** Common Reset **** */ html,body {margin:0; padding:0; height:100%; background:#fafafa;} p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,table,form,fieldset,input{margin:0;padding:0} body,input,.w2input,.w2textarea,.w2inputCalendar_divInput,.w2autoComplete_input,.w2radio_label,.w2checkbox_label,textarea,select,button,table {vertical-align:top;color:#707070; font:14px "맑은 고딕"} /* 폰트확대 +1 */ /* "Nanum Gothic" */ html.ko body,html.ko input,html.ko .w2input,html.ko .w2textarea,html.ko .w2.spay_header .spay_topinputCalendar_divInput,html.ko .w2autoComplete_input,html.ko .w2radio_label,html.ko textarea,html.ko select,html.ko button,html.ko table {font-family: "맑은 고딕", Dotum, Helvetica, AppleGothic, Sans-serif;} /* "Nanum Gothic" */ html.df body,html.df input,html.df .w2input,html.df .w2textarea,html.df .w2inputCalendar_divInput,html.df .w2autoComplete_input,html.df .w2radio_label,html.df textarea,html.df select,html.df button,html.df table {font-family: "Arial", "MS P Gothic", "Hiragino Kaku Gothic Pro";} body{background:transparent; min-width:300px;} table{empty-cells:show} caption,legend{position:relative;font-size:0;height:0;line-height:0;overflow:hidden;display:none;} * {-webkit-tap-highlight-color: transparent;} a img,img,ul li img{vertical-align:top} img,fieldset{border:0} ul,ol,dl,li,dd{list-style:none} address{font-style:normal} a{text-decoration:none} a:link,a:visited{text-decoration:none} a:active,a:focus,a:hover{text-decoration:none} input[type=text]::-ms-clear{display:none;} input[type=password]::-ms-reveal{display:none;} .w2modalopenedbody {overflow-y:auto !important;} .w2grid_textarea {} /*span, ul, li, div, a, p, img, nobr , select,*/ .w2input, .w2inputCalendar_divInput{ -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .error {border-color:#ff5722 !important; color:#ff5722 !important;} /* ********************** INCLUDE IMAGE ********************** */ .imgGrp:before, .spay_sms_visual.img .imgArea {display:block; content:""; margin:0 auto; background:transparent url(/img/samsungpay/imgGrp_181119.png) no-repeat; -o-background-size:300px auto; background-size:300px auto; -webkit-background-size:300px auto; -moz-background-size:300px auto; background-position:0 -200px;} .imgGrp.main:before {width:85px; height:75px; background-position:0 0; margin-bottom:15px;} .imgGrp.logo:before {width: 215px; height: 40px; background-position: 0px -500px; margin-bottom: 10px;} .imgGrp.step1.selected:before {width:50px; margin-left:-25px; background-position:-100px 0;} .imgGrp.step2.selected:before {width:30px; margin-left:-15px; background-position:0 -100px;} .imgGrp.step3.selected:before {width:80px; margin-left:-40px; background-position:-100px -100px;} .imgGrp.info:before { width: 38px; height: 40px; background-position: -0 -300px; margin-bottom: 5px;} .imgGrp.info_confirm:before {width:38px; height:40px; background-position:-100px -300px; margin-bottom:5px;} .imgGrp.confirm:before {width:70px; height:50px; background-position:0 -200px; margin-bottom:15px;} .imgGrp.complete:before {width: 60px; height: 35px; background-position: -100px -200px; margin-bottom: 15px;} .intro .spay_section.item1 .imgGrp:before {background-position:-200px 0px;} .intro .spay_section.item2 .imgGrp:before {background-position:-200px -100px;} .intro .spay_section.item3 .imgGrp:before {background-position:-200px -200px;} .icoGrp:before, .w2grid_embedded_radio[type="radio"]:before, .spay_chk label:before, ul.bul > li:before {display:inline-block; content:""; background:transparent url(/img/samsungpay/icoGrp_180710.png) no-repeat; -o-background-size:50px auto; background-size:50px auto; -webkit-background-size:50px auto; -moz-background-size:50px auto; background-position:0 0;} .w2grid_embedded_radio[type="radio"]:before, .spay_chk label:before { width:22px; height:22px; vertical-align: middle; background-position:0 -25px; margin-top: 3px; /* 폰트확대 +2 */} .spay_chk input[type="checkbox"]:checked + label:before {background-position:-25px -50px;} .spay_chk input[type="radio"]:checked + label:before {background-position:0px -50px;} ul.bul li {position:relative; padding-left:15px;} ul.bul > li:before {position:absolute; left:0; top:0; width:15px; height:15px; } ul.bul_00 > li:before {background-position: 0 -69px} ul.bul_01 > li:before {background-position:-23px -70px} ul.bul_02 > li:before {background-position: 5px -80px; } ul.bul_03 > li:before {background-position:-25px -83px;} ul.bul_04 > li:before {background-position: 3px -95px} .icons, .spay_slide_bnn .btn_area .btn {background:transparent url(/img/samsungpay/icons_all_180710.png) no-repeat; background-size:50px auto; -webkit-background-size:50px auto; -o-background-size:50px auto; -moz-background-size:50px auto; } /* ********************** websquare common ********************** */ .w2group{background:transparent;} .w2modal, .w2modal_floatingLayer {background-color:#000; opacity:.5;} .w2image, .w2anchor {vertical-align:middle;} .w2anchor a, .w2anchor2 {} .w2span {display:inline-block;} .w2textarea{display:block;margin:0} .w2trigger{display:-moz-inline-stack;overflow:visible} .w2input_readonly {background:#f4f4f7;} .w2textarea_readonly {background:#f4f4f7;} .w2pageList_ul img {} .w2pageList_ul li a {} .w2checkbox_input, .w2checkbox_label {vertical-align:middle;} .w2tabcontrol:after{content:"";display:block;height:0;clear:both;visibility:hidden} .w2input {padding-bottom:3px;} .w2inputCalendar_divInput, select, .w2input, .w2textarea, .w2selectbox {font-weight:bold; border:2px solid #f4f4f7; outline-width:0; background-color:#f4f4f7; color:#3957ac; position:relative; padding:0 5px; min-width:37px; height:37px; vertical-align:middle; display:inline-block; -o-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} /*.w2inputCalendar_divInput, select, .w2input, .w2textarea {border:2px solid #f4f4f7; outline-width:0; background-color:#f4f4f7; color:#3957ac;} */ .w2selectbox_native {border:0; padding:0;} .w2selectbox_native_select {margin-top:0 !important; height:37px !important; background-color:#f4f4f7 !important;outline:none;} .w2selectbox_native_mobile .w2selectbox_native_select {margin-top:0 !important; padding-right:13px; -o-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url("/img/samsungpay/under_arrow_001.gif") 97% 50% no-repeat; background-size:12px 7px; -moz-background-size:12px 7px ; -webkit-background-size:12px 7px ; -o-background-size:12px 7px ;} .w2selectbox .w2selectbox_col_button {background-image:none;} .w2grid .w2selectbox_native.w2grid_embedded_select {padding:0 5px; height:auto;} /* .w2input, .w2input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px white inset; }/* 자동입력 배경금지 */ .w2input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px white inset; } .w2modal, .w2modal_floatingLayer {} ::-webkit-input-placeholder {color:#d8d8d8; font-weight:normal;} :-moz-placeholder {color:#d8d8d8; font-weight:normal;} :-ms-placeholder {color:#d8d8d8; font-weight:normal;} .spay .w2inputCalendar_divInput[readonly] {background:#fff;} .spay.w2inputCalendar_div .w2inputCalendar_div_img {z-index:3; position:absolute; right:0; bottom:0; left:0; top:0; width:100% !important; margin-right:0; text-align:right;} /* readonly IOS 포커스 오류*/ .spay .w2inputCalendar_button {margin-top:-2px; top:0 !important; left:0; right:0; bottom:0; width:100% !important; position:absolute; height:37px; text-align:left; text-indent:-9999px; overflow:hidden; background:transparent url(/img/samsungpay/icon_cal_001.png) right center no-repeat !important; background-size:20px 20px !important; -moz-background-size:20px 20px !important; -webkit-background-size:20px 20px !important; -o-background-size:20px 20px !important; outline:none;} .spay.w2inputCalendar_div {width:100%; height:auto; padding-right:0; position:relative;} .spay.w2inputCalendar_div .w2inputCalendar_div_input {width:100% !important; padding-right:0 !important; overflow:hidden; } .spay.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput {height:37px !important; width:100% !important; padding-left:5px; border: 2px solid #f4f4f7; background-color:#f4f4f7; -moz-appearance:none; -webkit-appearance:none; appearance:none; outline-width:0; outline:none; text-indent:0; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .w2grid .w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput {line-height:37px; border:0;} button.w2calendar_header_last_year, button.w2calendar_header_last_month, button.w2calendar_header_next_month, button.w2calendar_header_next_year {padding:1px 0; width:15px;} .line_calendar_disabled {pointer-events: none; cursor: default; opacity: 0.2;} /* calendar_class1 */ .w2calendar_spay.w2calendar_spay.w2calendar_class1 {width:240px; height:261px; outline:none; z-index:5000} .w2calendar_spay.w2calendar_spay.w2calendar_class1 .w2calendar_header {height:34px;} button.w2calendar_header_last_year, button.w2calendar_header_last_month, button.w2calendar_header_next_month, button.w2calendar_header_next_year {top:6px; width:20px; height:20px;} .w2calendar_spay.w2calendar_spay.w2calendar_class1 .w2calendar_header_last_year {left:10px; background-image:url("/img/samsungpay/year_last.png"); background-size:12px 12px; -moz-background-size:12px 12px ; -webkit-background-size:12px 12px ; -o-background-size: 12px 12px ;} .w2calendar_spay.w2calendar_class1 .w2calendar_header_last_month {left:30px; background-image:url("/img/samsungpay/month_last.png"); background-size:12px 12px; -moz-background-size:12px 12px ; -webkit-background-size:12px 12px ; -o-background-size: 12px 12px ;} .w2calendar_spay.w2calendar_class1 .w2calendar_header_next_month {left:190px; background-image:url("/img/samsungpay/month_next.png"); background-size:12px 12px; -moz-background-size:12px 12px ; -webkit-background-size:12px 12px ; -o-background-size: 12px 12px ;} .w2calendar_spay.w2calendar_class1 .w2calendar_header_next_year {left:210px; background-image:url("/img/samsungpay/year_next.png"); background-size:12px 12px; -moz-background-size:12px 12px ; -webkit-background-size:12px 12px ; -o-background-size: 12px 12px ;} .w2calendar_spay.w2calendar_class1 .w2calendar_selectbox_year_native, .w2calendar_spay.w2calendar_class1 .w2calendar_selectbox_month_native {color:#252525; height:23px; padding-right:14px; padding-left:2px; border:1px solid #bbb;-o-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;} .w2calendar_spay.w2calendar_class1 .w2calendar_selectbox_year_native {left:60px; background:url("/img/samsungpay/under_arrow_01.gif") 48px 50% no-repeat;} .w2calendar_spay.w2calendar_class1 .w2calendar_selectbox_month_native {left:132px; background:url("/img/samsungpay/under_arrow_01.gif") 33px 50% no-repeat;} .w2calendar_spay.w2calendar_class1 .w2calendar_col_date {height:30px; font-size:13px; color:#333; background:transparent;} .w2calendar_spay.w2calendar_class1 td.w2calendar_date_off, .w2calendar_spay.w2calendar_class1 td.w2calendar_date_off button {color:#ddd; font-size:13px; background:#fafafa;} .w2calendar_spay.w2calendar_class1 td.w2calendar_day_0, .w2calendar_spay.w2calendar_class1 td.w2calendar_day_0 button {color:#ff513a; font-weight:normal;} .w2calendar_spay.w2calendar_class1 td.w2calendar_day_6, .w2calendar_spay.w2calendar_class1 td.w2calendar_day_6 button {color:#2d7cff; font-weight:normal; } .w2calendar_spay.w2calendar_class1 .w2calendar_col_date.w2calendar_selected, .w2calendar_spay.w2calendar_class1 .w2calendar_col_date.w2calendar_date_over {background:#3957ad; color:#fff; -o-border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;} .w2calendar_spay.w2calendar_class1 .w2calendar_col_date button {padding:0 0px; font-size:13px;} .w2calendar_spay.w2calendar_class1 .w2calendar_date_over button, .w2calendar_spay.w2calendar_class1 .w2calendar_selected button {background:none;} .w2calendar_spay.w2calendar_class1 .w2calendar_blank {width:100px;} .w2calendar_spay.w2calendar_class1 th.w2calendar_col_day, .w2calendar_spay.w2calendar_class1 .w2calendar_content {background-color:#fff; border:none;} .w2calendar_spay .w2calendar_footer {float:right; margin-top:0;} .w2calendar_spay .w2calendar_footer:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .w2calendar_spay .w2calendar_footer_date, .w2calendar_spay .w2calendar_go_today {display:none;} .w2calendar_spay .w2calendar_footer a.w2calendar_date_cancel {margin-right:5px; background:#fff url(/img/samsungpay/cal_close1.png) no-repeat center center; background-size:15px 15px; -moz-background-size:15px 15px ; -webkit-background-size:15px 15px ; -o-background-size: 15px 15px ;} /* Switch Component */ .spay_pageControll {} .spay_pageControll > .w2switch_case {left:auto !important; display:none;} .spay_pageControll > .w2switch_case:first-child {display:block; visibility:visible;} .spay_pageControll > .w2switch_case .w2wframe {} /* 포커스 */ .spay_edit .w2inputCalendar_divInput, .spay_edit select, .spay_edit.w2input, .spay_edit.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput {border:2px solid #e2e5ef} /* 포커스 */ .spay_edit .w2inputCalendar_divInput:focus, .spay_edit select:focus, .spay_edit.w2input:focus, .spay_edit.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput:focus, .w2inputCalendar_divInput:focus, select:focus, .w2input:focus, .w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput:focus {border:solid 2px #3957ac; } .ipt_up {} /* input 위의 레이어 */ .w2input.w2input_readonly:focus {border-color:#f4f4f7;} /* readonly input.w2input[readonly=""], input.w2input[readonly] {color:#233345 !important;}*/ /* disabled .w2selectbox_disabled, .w2selectbox_disabled .w2selectbox_native_select {background-color:#e3e3e3; color:#233345 !important;} .w2input_disabled {color:#233345 !important; font-weight:normal} input[readonly]:focus {border-bottom-color:#c0c0c0; background:#e3e3e3;}*/ /* isMobile */ *{-webkit-text-size-adjust:none;}/* 뷰표트 변환시 폰트크기 자동확대 방지 */ .spay_ios_scroll {overflow-y:scroll; -webkit-overflow-scrolling:touch;}/* iOS */ .spay_ios_scroll iframe {width:100%; height:100%;} /** a {-webkit-tap-highlight-color:transparent;} Android **/ /* **** Common Class **** */ .spay_none {display:none !important;} .spay_skip_nav {display:none;} .spay_cb:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .spay_t_left {text-align:left !important;} .spay_t_center {text-align:center !important;} .spay_t_right {text-align:right !important;} .spay_first {margin-top:0 !important;} .spay_se {margin-top:40px !important;} .spay_f_bb {font-size:22px !important;} .spay_f_b {font-size:16px !important;} .spay_f_ss {font-size:11px !important;} /* 폰트확대 +1 */ .spay_f_s {font-size:12px !important;} /* 폰트확대 +1 */ .spay_f_m {font-size:14px !important;} /* 폰트확대 +2 */ .spay_txt_default {color:#233345 !important;} .spay_txt_blue {color:#2773c1 !important;} .spay_txt_red {color:#ff5722 !important;} .spay_txt_gray {color:#666 !important;} .spay_txt_bold {font-weight:bold !important;} .spay_txt_info {color:#3957ac; font-size:12px; } /* 폰트확대 +1 */ .spay_txt_point {color:#3957ac !important;} .spay_txt_spc {width:30px;} .spay_tilde {width:20px; text-align:center;} .spay_txt_indent {padding-left:14px; text-indent:-14px} .spay_txt_strike {text-decoration: line-through;} .spay_bg_point {background-color:#3957ac !important;} div.spay_bg_point .txt {font-size:12px;} .spay_bg_point, .spay_bg_point .spay_txt_point {color:#fff !important;} .spay_mt0 {margin-top:0 !important;} .spay_mt5 {margin-top:5px !important;} .spay_mt10 {margin-top:10px !important;} .spay_mt20 {margin-top:20px !important;} .spay_mt_item {margin-top:7px !important;} /* td의 margin-top 과 동일 */ .spay_mb5 {margin-bottom:5px !important;} .spay_mb10 {margin-bottom:10px !important;} .spay_mb20 {margin-bottom:20px !important;} .spay_ml5 {margin-left:5px !important;} .spay_ml10 {margin-left:10px !important;} .spay_mr5 {margin-right:5px !important;} .spay_mr10 {margin-right:10px !important;} .spay_pdb_item {padding-bottom:7px !important;} .spay_pd0 {padding:0px !important;} .spay_wrapper.pt, .spay_wrapper.pts, .spay_wrapper.ptm, .spay_wrapper.ptb {box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .pt {padding-top:80px !important;} .pts {padding-top:30px !important;} .ptm {padding-top:48px !important;} .ptb {padding-top:100px !important;} .spay_tbLink, .spay_tbLink:link, .spay_txt_link, .spay_txt_link:link{text-decoration:underline;} .first {margin-top:0 !important;} .se {margin-top:40px !important;} .se_02 {margin-top:20px !important;} .bgcolor {background-color:#fafafa !important; } /* Layout */ .spay_wrapper, .spay_container {max-width:450px;} .spay_pageBtn {} .spay_wrapper {width:100%; position:relative; height:100%; min-width:320px; margin:0 auto;} .spay_wrapper.fixed { padding-top: 48px; position:relative; height:100%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;} .spay_wrapper.fixed.in_loca { padding-top:78px;} .spay_container {margin:0 auto; position:relative;} .spay_location {} .spay_pageBtn {padding:0; } .spay_footer {} .spay_body_wrap {padding:20px 24px; position:relative;} .spay_body_wrap.main {} /* 하단 버튼 Fixed 사용시 활성 */ .spay_container.fixedBtn, .spay_container.fixedBtnTab {padding-bottom:50px;} .spay_container.fixedBtn .spay_pageBtn, .spay_container.fixedBtnTab .spay_pageBtn {border-top:1px solid #e6e6e6; background-color:#fafafa; position:fixed; -webkit-transform:translateZ(0); left:0;bottom:0;right:0; padding:0; min-height:50px; z-index: 111;} /* header */ .spay_header .spay_top, .spay_location.fixed {z-index:111;} /* 플로팅달력이 5000 */ .spay_header .spay_top {z-index:111; overflow:hidden; position:fixed; left:0;top:0; right:0; height:48px; background-color:#fafafa; border-bottom:1px solid #d4d4d4 /* #3957ac */ ;} .spay_header .leftArea, .spay_header .rightArea {min-width:24px; height:48px;} .spay_header .spay_top .btn {width:48px; height:48px; display:inline-block; text-indent:-9999px; background:transparent url(/img/samsungpay/icoNav.png) 0 0 no-repeat; background-size: 50px auto; -moz-background-size: 50px auto; -webkit-background-size: 50px auto; -o-background-size: 50px auto;} .spay_header .spay_top .btn.close {background-position:0 -100px} .spay_header .spay_top .btn.back {background-position:0 -50px} .spay_header .spay_top .btn.more {background-position:0 -150px} .spay_header .leftArea {float:left;} .spay_header .centerArea {height:48px; float:left;} .spay_header .rightArea {position:absolute;right:0;top:0;} .spay_header .centerArea .title {font-weight:bold; display:inline-block; vertical-align:middle; font-size:20px; letter-spacing:-0.04em; color:#515151; line-height:48px;} .spay_header .spay_top:after {content:"";display:block;height:0;clear:both;visibility:hidden} /* language */ .spay_header .spay_top .rightArea .lang {margin:10px 15px 0 0;} .spay_header .spay_top .lang .sel {border:1px solid #dbdbdb; width: initial;} .sel .w2selectbox_native_select {height: 24px !important; font-size: 12px; line-height: 24px; font-weight: normal;} .sel select:focus, .sel .w2input:focus {border:none;} /* Location */ .spay_location {} .spay_location.fixed {position:fixed; -webkit-transform:translateZ(0); top:48px; left:0; right:0;} .spay_location .spay_page_title {padding:10px; text-align:Center;} .spay_location .spay_page_title .title {font-size:15px; margin-bottom:5px; margin-top:10px;}/* 폰트확대 +2 */ .spay_location .spay_step_box.img {position:relative; padding-top: 70px;} .spay_location .spay_step_box .step:first-child {margin-left:0;} .spay_location .spay_step_box .step { width:25px; height:25px; line-height:25px; background-color:#d4d4d4; color:#828282; text-align:center; margin-left:10px; border-radius:15px; -o-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .spay_location .spay_step_box .step.selected {background-color:#3957ad; color:#fff;} .spay_location .spay_step_box .imgGrp.selected:before { position: absolute; top: 9px; left: 50%; height:57px;} .spay_native.r .spay_chk {right:0; left:initial;} .spay_native.r {padding-right:40px; padding-left:0;} .spay_native {position:relative; padding-left:30px;} .spay_native .spay_chk { padding:0; position:absolute; top:0px; left:5px;} .spay_native .spay_chk .w2checkbox_item, .spay_native .spay_chk .w2radio_item {margin:0} .spay_native .spay_chk .label {display: inline-block; padding: 3px;} .spay_chk.col {} .spay_chk.col .w2checkbox_item {display:inline-block; margin-right:30px;} .spay_chk.col .w2checkbox_item:last-child {margin-right:0;} .spay_chk {padding:0 5px;} .spay_chk .w2checkbox_item, .spay_chk .w2radio_item{ margin:10px 0;}/* 폰트확대 margin:5px 0;*/ .spay_chk input {visibility:hidden; width:0; height:0;} .spay_chk label {padding-left:25px; display:inline-block; /*font-size:12px;*/}/* 폰트확대 */ .spay_chk label:before { margin-left:-25px; margin-right: 5px;} /* 단독사용 */ .w2grid_embedded_radio {position:relative;} .w2grid_embedded_radio[type="radio"]:before{position:absolute; right:-7px; top:-3px; background-position:-50px 0px;} .w2grid_embedded_radio[type="radio"]:checked:before {background-position:0px 0px;} .spay_agree_area {margin-top:20px;} .spay_agree_area .chk_tit {border-bottom:1px solid #9c9c9c; margin-bottom:10px;} .spay_agree_area .chk_tit .w2checkbox_label {font-weight:bold;} .spay_agree_area .chk_list {} .spay_agree_area .chk_list .spay_native {margin:15px 0 20px 10px;} .spay_agree_area .chk_list .spay_chk .w2checkbox_item, .spay_agree_area .chk_list .spay_chk .w2radio_item {margin-bottom:20px;} .spay_agree_area.sub {border:1px solid #BEBEBE; border-left:none; border-right:none;} .chk_r {display:block; } .chk_r .w2checkbox_item {position:relative; min-height: 22px;} .chk_r input, .chk_r input[type="checkbox"] + label:before {position:absolute; right: 0; top:1px; /* 폰트확대 +2 */ margin-right: 0;} .chk_r label { padding-left: 5px; padding-right: 25px; padding-top:1px;} .link .w2checkbox_label {text-decoration:underline;} .spay_info_box {padding:20px; margin:10px 0; } .spay_info_box .box { } .msg_box {} .msg_box.visual {padding: 25px 24px 20px; margin-bottom:20px;} .visual {background-color:#f5f4f6;} .no_mrg_side {margin-left:-24px; margin-right:-24px;} .no_mrg, .visual {margin: -20px -24px 0;} .visual_ment {margin:0 -24px; background-color:#f5f4f6; padding:0 10px 10px; font-size:12px; /* 폰트확대 +1 */ text-align:center;} .visual_ment .tit {display:inline-block} .msg_box .tit {text-align:center; font-weight:bold; padding-bottom:10px; font-size:16px;/* 폰트확대 +2 */} .msg_box .txt {font-size:14px;/* 폰트확대 +2 */ text-align:center; line-height:1.6em;} .msg_box .tit.logo, .spay_result_box .complete, .msg_box.main .tit {color:#3957ac; font-weight:bold; font-size:18px; } .msg_box.main .txt {text-align:left;} /* 카드 슬라이드 */ .spay_slide_bnn {overflow:hidden; background-color:#f5f4f6; margin: -20px -24px 0; padding:20px 0 0 0; height:125px; position:relative;} .spay_slide_bnn .btn_area {position:absolute; top:45px; left: 10px; right: 10px; z-index: 1;} .spay_slide_bnn .btn_area .btn {width:40px; height:50px; display:inline-block; text-indent:-9999px;} .spay_slide_bnn .btn_area .btn.prev { background-position:5px -95px;} .spay_slide_bnn .btn_area .btn.next { background-position:5px -145px; float:right; clear:right;} .spay_slide_bnn .btn_area .btn.nodata {opacity:0.2; cursor:default;} .spay_slide_bnn .bnn_area {position:relative; z-index:2; margin: 0 50px; height: 115px; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;} .spay_slide_intro .case, .bnn_slide .case { position: absolute; width: 100%; background: #f7f7f7; -webkit-box-sizing: border-box; -box-sizing: border-box; overflow: auto;} .bnn_slide .box {color:#fff; background-color:#3957ac; height:115px; position:relative; padding:20px 20px 0; margin:0 2%; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .bnn_slide .box:after {content:"";display:block;height:0;clear:both;visibility:hidden; } .bnn_slide .case.last .box {border: 2px solid #3957ac; background-color: #fff; color:#3957ac;text-align:center;} .bnn_slide .case.last .box .tit {} .bnn_slide .case:nth-child(even) .box {background-color:#39ac8a;} .bnn_slide .case:nth-child(3n+0) .box {background-color:#6eac39;} .bnn_slide .case:nth-child(4n+0) .box {background-color:#aca639;} .bnn_slide .case:nth-child(5n+0) .box {background-color:#da527e;} .bnn_slide .case:nth-child(6n+0) .box {background-color:#277ecf;} .bnn_slide .box .name {margin-right:20px;} .bnn_slide .box .tit {display:inline; padding-right:5px; font-size:15px; letter-spacing:-0.02em; line-height:115%; max-height:40px; overflow:hidden;} .bnn_slide .box .subtit {padding-top:5px; display:block;} .bnn_slide .box .txt {font-size:12px; position:absolute; bottom:10px; right:20px;} .bnn_slide .box .btn.edit {font-size:11px; color:#fff; background: rgba(0,0,0,0.2); border-radius: 5px; padding: 2px 5px 2px 5px; border: 1px solid rgba(0,0,0,0.2);} .bnn_slide .box .btn.close {position:absolute; right:0; top:0; width:35px; height:35px; text-indent:-9999px; z-index:1; background:transparent url(/img/samsungpay/pop_close2.png) 5px 13px no-repeat; ackground-size:15px 15px; -o-background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; } /* 서비스소개 슬라이드 */ html.ko .spay_slide_intro {height:440px;} .spay_slide_intro {overflow:hidden; margin: -20px -24px 0; padding:0; height:325px; position:relative;} .spay_slide_intro .box {text-align:center;} html.ko .spay_slide_intro .box .img {max-height:440px;} .spay_slide_intro .box .img {max-width:360px; width:100%; max-height:325px;} .ipt_box .w2input:first-child {margin-left:0 !important;} .ipt_box .w2input { margin-left:2%; min-width:15px; text-align:center;} .ipt_box.chrNum4 .w2input {width:23.5% !important;} .ipt_box.chrNum6 .w2input {width:15% !important;} .spay_input_wrap {text-align:center; position:relative;} .spay_input_wrap .msg_box { text-align:center; padding-bottom:30px; } .spay_input_wrap .ipt_box {text-align:Center;} .spay_input_wrap .ipt_box .w2input{width: 100%; font-weight:bold; text-align:center; padding: 0; margin-left:7px; max-width: 260px;} .spay_input_wrap .ipt_box.chrNum6 .w2input{width:37px !important; } .spay_input_wrap .ipt_box {} .spay_input_wrap .ipt_box .pw_intoBtn_01 { max-width: 260px; margin:0 auto;} .pw_intoBtn_01 {position:relative; padding-right:50px;} .pw_intoBtn_01 *:first-child {width:100% !important;} .pw_intoBtn_01 .bt1 {position:absolute; right:0; top:1px;} .pw_intoBtn_01 .btn_keypad {text-indent: -9999px; background:transparent url(/img/samsungpay/icon_keypad_mobile.png) left top no-repeat !important; width:40px; height:35px; background-size:40px 35px !important; -moz-background-size:40px 35px !important; -ms-background-size:40px 35px !important; } /* TABLE */ .w2tb.spay.sFont .w2tb_th, .w2tb.spay.sFont .w2tb_td {font-size:10px; line-height:10px;} /* agree document */ .w2tb.spay.sFont .w2tb_td li {font-size:10px !important; line-height:10px; padding-bottom:1px;} /* sms transfer type1 */ .spay_confirm_box {padding-bottom: 10px;} .spay_confirm_box span:first-child {margin-left:0;} .spay_confirm_box span {margin-left:5px;} .spay_confirm_box .title { color:#464646;} .spay_confirm_box .box {background-color:#3957ac; color:#fff; padding:20px 10px; margin:10px 0; border-bottom: 2px solid #abb1c2; border-radius:5px; -o-border-radius: 5px; -ms-border-radius:5px; -moz-border-radius: 5px; } .spay_confirm_box .row {display:block; text-align:center; margin-top:5px;} .spay_confirm_box .row:first-child {margin-top:0;} .spay_confirm_box .num span:first-child {font-weight:bold; font-size:22px;} /* sms transfer type1 */ .spay_sms_visual {background-color:#3957ac; margin: -20px -24px 0; padding:20px 24px; margin-bottom:20px; display:table;width: 100%;} .spay_sms_visual .box {color:#fff; text-align:center; display:table-cell; vertical-align:middle;} .spay_sms_visual .box > div:first-child {margin-top:0 !important} .spay_sms_visual .box .row {margin-top:5px;} .spay_sms_visual .box .row span {padding:0 5px; min-height:17px; font-size:16px; /* 폰트확대 +2 */} .spay_sms_visual.img .box .imgArea {margin-top:10px;} .spay_sms_visual.img .imgArea + .row {margin-top:10px;} .spay_sms_visual.img .imgArea {} .spay_sms_visual.img.img1 .box {height:150px;} .spay_sms_visual.img.img2 .box {height:210px;} .spay_sms_visual.img.img3 .box {height:280px;} .spay_sms_visual.img.img1 .imgArea {background-position:0 -400px; width:71px; height:57px; } .spay_sms_visual.img.img2 .imgArea {background-position:-100px -400px; width:96px; height:65px; } .spay_sms_visual.img.img3 .imgArea {background-position:-200px -400px; width:68px; height:87px; } .spay_sms_price {color:#3957ac; margin-bottom: 20px; text-align: center; min-height:30px; font-size: 16px;} .spay_sms_price .num {font-weight: bold; font-size: 22px; padding:0 10px;} /* sms transfer type2 - origin - no Used */ .spay_result_box {color:#3957ac; display:table; width:100%; padding:10px; margin-bottom:15px; border-radius:5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .spay_result_box.h_full .box {height:300px} .spay_result_box .box{display:table-cell; vertical-align:middle; text-align:center; height:50px;} /*.spay_result_box.img .txt {display:inline-block; font-weight:bold;}*/ /* button */ .spay_pageBtn .spay_btn_area_01 {margin:0; position:relative;} .spay_pageBtn .spay_btn_area_01 .spay_btnLv1 {color:#383d41; background-color:#fafafa; font-weight:bold; border:none; margin:0 !important; height:50px; line-height:50px; border-radius:0px; -ms-border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;} .spay_pageBtn .spay_btn_area_01 .spay_btnLv1.w2anchor_disabled {background-color:#a4a4a4; color:#d2d2d2;} /*.spay_pageBtn .spay_btn_area_01 .spay_btnLv1.back {background-color:#718090;}*/ .spay_pageBtn .spay_btn_area_01 .spay_btnLv1.col2 {width:100%} .spay_pageBtn .spay_btn_area_01 .spay_btnLv1:active, .spay_pageBtn .spay_btn_area_01 .spay_btnLv1.back:active {alpha:0.7 } /* 안드로이드 */ .spay_pageBtn .spay_btn_area_01.col2, .spay_pageBtn .spay_btn_area_01.col3 {min-height:50px;} .spay_pageBtn .spay_btn_area_01.col2 .spay_btnLv1 {width:auto; position:absolute; top:0; bottom:0; height:50px; line-height:50px; } .spay_pageBtn .spay_btn_area_01.col2 .spay_btnLv1:first-child {left:17px; right:50%; text-align:left; padding-left: 25px; background:transparent url('/img/samsungpay/pagebtn_prev.png')left center no-repeat; background-size:18px auto;} .spay_pageBtn .spay_btn_area_01.col2 .spay_btnLv1:last-child {left:50%; right:17px; text-align:right; padding-right: 25px;background:transparent url('/img/samsungpay/pagebtn_next.png')right center no-repeat; background-size:18px auto;} .spay_pageBtn .spay_btn_area_01.col3 .spay_btnLv1 {margin:0 !important; width:33%;} .spay_btn_area_01 {margin:8px auto 0; text-align:center;} .spay_btn_area_01:first-child {margin-top:0;} .spay_btn_area_01 .spay_btnLv1 {margin-left:5px; width:100%} .spay_btn_area_01 .spay_btnLv1:first-child {margin-left:0px;} div.spay_btnLv2 {line-height:14px;} div.spay_btnLv2:before {content:""; width:0px; height:35px; display:inline-block; vertical-align:middle;} div.spay_btnLv2 a {padding:3px 0; color:#383d41; vertical-align:middle; display:inline-block;} .spay_btnLv1, .spay_btnLv2, .spay_btnLv3, .spay_btnLv4 {display:inline-block; text-align:center; } .popLay .btnLv3,.popLay .btnLv1, .altLayer .btnLv3,.altLayer .btnLv1, .popWrap .spay_btnLv1,.spay_btnLv4 {min-width:100px; line-height:32px; background-color:#fafafa; color:#454545; border:1px solid #5a6e91; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .spay_btnLv1.col2 {width:49%} .spay_btnLv2 {line-height:35px; min-width:40px; background-color:#fafafa; border:1px solid #cecece; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;} /* into버튼 */ .spay_btnLv2[readonly="true"] {opcity:0.4} .spay_btnLv3 {min-width:50px; padding:0 5px; font-size:14px;/* 폰트확대 +2 */ color:#3957ad; border:1px solid #3957ad; line-height: 20px; border-radius: 3px;} .spay_btnLv4 {line-height:35px;/* 폰트확대 line-height:27px */ border:1px solid #BEBEBE; min-width:46%; padding:0 2%;} /* 조회 */ .spay_btnLv1 {background-color:#3957ac; color:#fff; width: 100%; line-height:35px; /* 폰트확대 line-height:27px; */} /* Lv1타입 */ .spay_btnLv2:active {} .spay_btnLv3:active, .spay_btnLv4:active , .spay_btnLv3.selected:active, .spay_btnLv4.selected:active {alpha:0.7 } .spay_btnLink1 {text-decoration:underline !important; color:#325071; text-align:center;} /* section */ .spay_section_title {position:relative;} .spay_section_title .title {line-height:40px; /* 폰트확대 line-height:30px */ font-size: 16px;/* 폰트확대 +2 */ color:#464646; font-weight: bold;} .spay_section_title.div {min-height:30px; overflow:hidden; margin:20px -20px 10px 0;} .spay_section_title hr {display:none;} .spay_section_title.div hr {display:block; height:1px; border-color:#fafafa; background: #bbb; margin:14px 0 0 0;} .spay_section_title.div .subject {background-color:#fafafa; position: absolute; top: 0; left: 0; height:20px;} .spay_section_title .subject { color:#333; font-size: 16px; font-weight:bold; min-height:20px; line-height:20px; padding-right:5px; padding-bottom:5px; padding-top:5px; } /* 토글박스 */ .spay_toggle {} .spay_toggle.show .spay_hideGroup {display:block;} .spay_toggle .spay_hideGroup {display:none;} .spay_box_type1 {/*border:1px solid #aaa; padding:5px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;*/ } /* round box */ .spay_box_type1 .spay_section_title {border-bottom:1px solid #aaa;} .spay_box_type1 .spay_section_title .btn {position:absolute; text-indent:-9999px; left:-10px; top:-5px; right:-10px; height:40px; background-position: right 17px;} .spay_box_type1.show .spay_section_title .btn {background-position: right -33px;} .spay_box_type1 .spay_section_info {padding: 15px;} .spay_box_type1 .spay_section_info .tit {color:#333; font-weight:bold;} .spay_section_info {font-size:14px /* 폰트확대 +2 */; padding:5px 0;} .spay_section_info >.tit {text-align:center;} .spay_section_info .txt {} .spay_section_info .box.type1 {font-size:12px; letter-spacing: -0.05em; margin-top:20px; border: 1px solid #ddd; box-shadow: 0px 0px 0px 3px #eee; border-radius: 5px; padding: 5px 0; text-align: center;} .spay_section_info .box.type1 div {display:inline-block; padding:0 10px;} .spay_section_info .box.type1 .num {font-weight:bold; font-size:14px; color:#3957ac; padding:0 3px 0 10px; letter-spacing:0em;} .spay_tbl_wrap .td span {margin-left:10px;} .spay_tbl_wrap .td span:first-child {margin-left:0;} .spay_tbl_wrap.spay_type1 .sub {border:solid 1px #ddd; padding:10px;} .spay_tbl_wrap.spay_type1 .sub .title {display:block;} .spay_tbl_wrap.spay_type1 {} .spay_tbl_wrap.spay_type1.w80 .tr .th {width:80px;} /* 팝업사용 */ .spay_tbl_wrap.spay_type1.w70 .tr .th {width:70px;} /* 팝업사용 */ .spay_tbl_wrap.spay_type1 .tr {margin-top:15px; overflow:visible; display:table; width:100%;} .spay_tbl_wrap.spay_type1 .tr.noth {padding-left:65px;} .spay_tbl_wrap.spay_type1 .spay_section_title + .tr, .spay_tbl_wrap.spay_type1 .tr:first-child {margin-top:0;} .spay_tbl_wrap.spay_type1 .tr .th {display:table-cell; width:100px; vertical-align:top; padding:10px 0; line-height:14px;} .spay_tbl_wrap.spay_type1 .tr .th .title {color:#464646;} .spay_tbl_wrap.spay_type1 .tr .td {display:table-cell; vertical-align:top; } .spay_tbl_wrap.spay_type1 .tr .td > span:first-child { min-height: 17px; padding-top: 6px;} .spay_tbl_wrap.spay_type1 .tr .td .w2input, .spay_tbl_wrap.spay_type1 .tr .td .w2selectbox_native{width:100%} .spay_tbl_wrap.spay_type1 .tr .td .item {margin-top:6px; display:block; position:relative;} .spay_tbl_wrap.spay_type1 .tr .td .item:first-child{margin-top:0px;} .spay_tbl_wrap.spay_type1 .tr .td.txt_area {} /* 텍스트만 있음 */ .spay_tbl_wrap.spay_type1 .tr.row {padding-left:0;} .spay_tbl_wrap.spay_type1 .tr.row .th {position:relative; left:inherit; top:inherit} .spay_tbl_wrap.spay_type1.type_row {} .spay_tbl_wrap.spay_type1.type_row .tr {display:block; margin-top:10px; } .spay_tbl_wrap.spay_type1.type_row .tr .th {display:block; width: auto;} .spay_tbl_wrap.spay_type1.type_row .tr .td {display:block;} .spay_tbl_wrap.spay_type1.type_row .tr .td > span:first-child {padding-top: 0;} .spay_tbl_wrap.spay_type1.type_row ul {margin-bottom:10px;} .spay_tbl_wrap.spay_type2.sum {border:none;} .spay_tbl_wrap .tr.line.sum, .spay_tbl_wrap.spay_type2.sum .tr.line {background:transparent url(/img/samsungpay/line_all.png) left -14px repeat-x;background-size:400px auto; -moz-background-size: 400px auto; -webkit-background-size: 400px auto ; -o-background-size: 400px auto ;} .spay_tbl_wrap.spay_type2.sum .td {color:#000;} .spay_tbl_wrap.spay_type2 {border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;} .spay_tbl_wrap.spay_type2 .thead {border-bottom:1px solid #e5e5e5; margin-bottom:5px;} .spay_tbl_wrap.spay_type2 .thead .th, .spay_tbl_wrap.spay_type2 .thead .td {padding:11px 0; text-align:center; color:#233345;} .spay_tbl_wrap.spay_type2 .tr:first-child {margin-top:5px;} .spay_tbl_wrap.spay_type2 .tr:last-child {margin-bottom:5px;} .spay_tbl_wrap.spay_type2 .thead { margin-top:2px;} .spay_tbl_wrap.spay_type2 .tr, .spay_tbl_wrap.spay_type2 .thead {padding:0 4%; display:table; width:92%;} .spay_tbl_wrap.spay_type2 .th, .spay_tbl_wrap.spay_type2 .td {display:table-cell; padding:6px 0; min-height:16px; line-height:16px; vertical-align:middle;} .spay_tbl_wrap.spay_type2 .th {color:#7d7d7d;} .spay_tbl_wrap.spay_type2 .td {text-align:right; color:#464646l} .spay_tbl_wrap .tr.line {display:block; margin:0; padding:0; width:auto; height:13px; overflow:hidden; background:transparent url(/img/samsungpay/line_all.png) left -4px repeat-x; background-size:400px auto; -moz-background-size: 400px auto; -webkit-background-size: 400px auto ; -o-background-size: 400px auto ;} .spay_intoBtn {} .spay_intoBtn.col3 a {width:32%; margin-left:2%; padding:0;} .spay_intoBtn.col3 a:first-child {margin-left:0;} .spay_intoBtn.col3 .spay_btnLv3 {font-weight:bold;} .spay_intoBtn_01:after, .spay_intoBtn_02:after {content:"";display:block;height:0;clear:both;visibility:hidden} .spay_intoBtn_01, .spay_intoBtn_02 {position:relative;} .spay_intoBtn_01 .btn, .spay_intoBtn_02 .btn {position:absolute; top:0; width:55px;} .spay_intoBtn_01 .btn:active {alpha:0.7 } .spay_intoBtn_01.ico .btn, .spay_intoBtn_02.ico .btn{width:30px;} .spay_intoBtn_01 {padding-right:60px;} .spay_intoBtn_01 .btn{right:0;} .spay_intoBtn_01.ico {padding-right:35px;} .spay_intoBtn_02 {padding-left:60px;} .spay_intoBtn_02 .btn {left:0;} .spay_intoBtn_02.ico {padding-left:35px; padding-right:0;} .spay_intoBtn_01.txt .btn {line-height: 28px; text-align: center;} .spay_intoBtn_01.link {} /* spay_btnLink1 */ .spay_intoBtn_01.link .btn {width:auto; line-height: 28px; } .spay_intoBtn_01.link.chrNum2 {padding-right:50px;} .spay_intoBtn_01.link.chrNum2 .btn{right:13px;} .spay_intoBtn_01.keypad {padding-right:35px;} .spay_intoBtn_01.keypad .spay_keypad{width:28px;} /* info List */ .spay_info_list_01,.spay_info_list_02 {margin-top:7px;} .spay_info_list_01 li {padding:2px 0;} .spay_info_list_01 li, .spay_info_list_02 li { font-size:12px;}/* 폰트확대 +1 */ .spay_info_list_01 > li > span {color:#7d7d7d; display:inline-block;} .spay_info_list_02 > li > span {padding-left:7px; text-indent:-7px; color:#7d7d7d; display:inline-block} .spay_info_list_01.default {margin:7px 0 7px 15px;} /*약관 등 */ .spay_info_list_01.default li {padding-top:2px; padding-bottom:2px; list-style:disc;} /*ol list */ .ol.many {padding-left:20px !important;} /* 10넘어갈경우 */ .ol.many li {list-style: decimal !important; padding-left:0 !important} .ol.many li:before {display:none !important;} .ol li{margin-left:25px; position:relative;} .ol.faq .box .txt:before, .ol li:before {position:absolute; left:-25px; top:0; content:""; width:20px; height:20px; background:transparent url(/img/samsungpay/num_180622.png) no-repeat; -o-background-size:50px auto; background-size:50px auto; -webkit-background-size:50px auto; -moz-background-size:50px auto; } .ol li:nth-child(1):before {background-position:0 -20px;} .ol li:nth-child(2):before {background-position:0 -40px;} .ol li:nth-child(3):before {background-position:0 -60px;} .ol li:nth-child(4):before {background-position:0 -80px;} .ol li:nth-child(5):before {background-position:0 -100px;} .ol li:nth-child(6):before {background-position:0 -120px;} .ol li:nth-child(7):before {background-position:0 -140px;} .ol li:nth-child(8):before {background-position:0 -160px;} .ol li:nth-child(9):before {background-position:0 -180px;} /* FAQ Type */ .spay_list_grp.ol > li {margin-left:0; padding-left:25px;} .spay_list_grp.ol li:before {left:0; top:10px;} .spay_list_grp.ol .box { margin-left: 0;} .spay_list_grp > li:last-child {border-bottom:none;} .spay_list_grp > li {border-bottom:1px solid #dedede;} .spay_list_grp .list {padding-top:8px; padding-bottom:7px;} .spay_list_grp .list .tit {font-size:12px;} .spay_list_grp .selected .box{display:block;} .spay_list_grp .box {display:none; border:1px dotted #dedede; padding:7px 10px; margin-bottom: 5px; border-radius:3px; background-color: #f3f3f3;} .spay_list_grp .box .txt {font-size:12px;}/* 폰트확대 +1 */ /* FAQ Type2 category */ .category {position:relative; padding-top:40px;} .category .group:nth-child(1) .grptit {left:0;} .category .group:nth-child(2) .grptit {left:25%;} .category .group:nth-child(3) .grptit {left:50%;} .category .group:nth-child(4) .grptit {left:75%;} .category .group.selected .grptit .tit {border-color:#3957ac; background-color:#3957ac; color:#fff;} .category .group.selected .spay_list_grp {display:block} .category .group .grptit {position:absolute; top:0; width:24%; display:table;} .category .group .grptit .tit {text-align:center; font-size:11px; border:solid 1px #dedede; background-color:#fff; display:table-cell; vertical-align:middle; height:30px; border-radius:3px; box-sizing:border-box;} .category .group .spay_list_grp {display:none} .ol.faq li:before {background-position:0 -200px !important; top: 8px;} .ol.faq .box {position:relative;} .ol.faq .box .txt:before {background-position: -30px -200px !important; left: -25px;} /* branch info */ .spay_branch_info {margin-top:5px;} .spay_branch_info dt {margin-bottom:10px;} .spay_branch_info dt .w2selectbox_native {width:100%; } .spay_branch_info dt .w2selectbox_native_select {border:solid 2px #3957ac;} .spay_branch_info dd:before {content:""; display:inline-block; width:30px; height:20px; position:absolute; left:10px; top:5px; background:transparent url(/img/samsungpay/icon_branch.png) no-repeat; -o-background-size:25px auto; background-size:25px auto; -webkit-background-size:25px auto; -moz-background-size:25px auto; background-position:0 0; } .spay_branch_info dd {min-height:15px; padding:5px 0 5px 40px; font-size:13px; position:relative;} .spay_branch_info dd span {padding-right:7px;} .spay_branch_info .call:before {background-position:0 -25px;} .spay_branch_info .fax:before {background-position:0 -50px;} .spay_branch_info .loca:before {background-position:0 -75px;} .spay_branch_info .time:before {background-position:0 -100px;} .spay_branch_info .map:before {background-position:0 -125px;} /*약관 등*/ .spay_base {} .spay_base {font-size:12px;} .spay_base strong.tit {display:block; margin:20px 0 5px 0; color:#444;} /* 컨텐츠 */ .spay_form {} /*인트로 */ .intro .spay_form {} .intro .spay_form .spay_section {margin-top:20px;} .intro .spay_form .spay_section .spay_section_title {margin-bottom:15px; position:relative;} .intro .spay_form .spay_section .spay_section_title .title:before {position:absolute; top:0; left:0; right:0; border:1px solid #3957ab; border-radius:3px 3px 0 0; border-bottom:none; height:12px; content:""; display:block;} .intro .spay_form .spay_section .spay_section_title .title {display:block; text-align:center; font-weight:bold; font-size:15px; line-height:initial; padding:15px 10px 0px 10px;} .intro .spay_form .spay_info_list_01 li:before {top:6px;} .intro .spay_form .spay_info_list_01 {margin:15px 0 15px 10px;} .intro .spay_form .spay_info_list_01 li {padding-top:5px; padding-bottom:5px;} .intro .spay_form .spay_info_list_01 li > span {font-size:13px; line-height:initial} .intro .spay_form .spay_section .msg_box {display: table; position: relative;} .intro .spay_form .spay_section .msg_box span {color:#3956ab; line-height: 20px; padding-left: 90px; display: table-cell; height: 75px; vertical-align: middle;} .intro .spay_form .spay_section .msg_box span:before {width:75px; height:75px; position: absolute; left:5px; top: 0;} .intro .spay_form .spay_section.item4 {background-color:#f1f1f1; padding:15px 24px;} /* 안내페이지 */ .spay_listMenu {width: 90%; margin:0 auto;} .spay_listMenu .list {position:relative; } .spay_listMenu .list .tit:before, .spay_listMenu .list .tit:after {content:""; display:block; position:absolute; background:transparent url(/img/samsungpay/icon_infomenu_1811.png) no-repeat; background-size:40px 400px; -moz-background-size:40px 400px; -o-background-size:40px 400px; -webkit-background-size:40px 400px;} .spay_listMenu .list .tit:before {left:0; top:16px; width:30px; height:30px;} .spay_listMenu .list .tit:after{ background-position:right 0; right:5px; top:25px; width:8px; height:11px;} .spay_listMenu .list.item1 .tit:before {background-position:0 -100px;} .spay_listMenu .list.item2 .tit:before {background-position:0 -150px;} .spay_listMenu .list.item3 .tit:before {background-position:0 -200px;} .spay_listMenu .list.item4 .tit:before {background-position:0 -250px;} .spay_listMenu .list.item5 .tit:before {background-position:0 -300px;} .spay_listMenu .list .tit {display:block; min-height:20px; padding:20px 20px 20px 40px; border-bottom:solid 1px #d7d7d7; color:#707070;} /* ******* SBJ Online ******* */ /* Grid */ .spay_grid_wrap {} /* 라인만 다른경우 */ .grid_wrap.spay_grid {} /* 기존과 동일하고, 라인에서 신규로 만든 경우 기본클래스 */ .colLine .w2grid .gridBodyDefault {border-color:#e5e5e5;} .colLine .w2grid .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault {border-left:1px solid #e5e5e5;} .grid_wrap {position:relative;} .grid_wrap.noHead .w2grid th.gridHeaderTDDefault {display:none !important;} .grid_wrap.noHead .w2grid .grid_body_row:nth-child(even) .gridBodyDefault {background-color:#fafafa !important} .grid_wrap.noHead .w2grid .grid_body_row:nth-child(odd) .gridBodyDefault {background-color:#ebebeb !important} .grid_wrap.noHead.colLine .w2grid .gridBodyDefault { border: 0 hidden;} .w2grid {padding-bottom:1px;} .w2grid .gridHeaderTableDefault {border-top:1px solid #c2c2c2; border-right:0px hidden #fff; border-left:0px hidden #fff;} .w2grid .gridHeaderTableDefault > thead {display:none;} .w2grid .gridHeaderTableDefault > thead.gridHeaderTableDefault {display:table-header-group;} .w2grid .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault {border-top:1px solid #c2c2c2; border-bottom:1px solid #e5e5e5;} .w2grid th.gridHeaderTDDefault {height:35px !important; color:#233345; font-size:12px; font-weight:normal; background:#F4F4F7; border-left:0px hidden #fff; border-color:#e5e5e5;} .w2grid th.gridHeaderTDDefault nobr {padding:0; max-height:none; font-size:12px !important; line-height:16px; white-space:normal; word-wrap:break-word; word-break:normal; display:block; overflow:hidden;} .w2grid .gridBodyDefault {padding:4px 5px; height:22px !important; font-size:12px; border-color:#fff; background-color:#fff !important; border-bottom-color:#e5e5e5;} .w2grid .gridBodyDefault.imgLink {padding:0;} .w2grid .gridBodyDefault_rowNumber {height:30px; background-color:transparent !important;} .w2grid .gridBodyDefault[inputtype=image] .w2grid_image[src=""] {display:none;} .w2grid .gridBodyDefault:first-child {border-left:0px hidden #fff;} .w2grid .gridBodyDefault nobr {padding:0; font-size:12px !important; color:#7d7d7d; white-space:normal} .w2grid .gridBodyDefault a {text-decoration:underline;} .w2grid .gridBodyDefault input[type="text"] {padding:0; height:30px; text-indent:0px;} .w2grid.nobr nobr {white-space:normal !important;} .w2grid.nobr.grdMsg nobr {max-height:32px; white-space:normal !important; display:inline-block !important; overflow:hidden;} .spay_grid_wrap.tmGd:after, .grid_wrap.tmGd:after {display:none !important;} .w2grid {min-height:120px !important;} .w2grid:before, .w2grid .grdNoresultMsg {position:absolute; display:block; left:0; right:0; bottom:0 ; top:inherit; z-index:100; padding:40px 0 15px 0; height:auto !important; background:#fff url(/img/samsungpay/resultbg1.png) center top no-repeat; background-size:40px 40px; -moz-background-size:40px 40px ; -webkit-background-size:40px 40px ; -o-background-size:40px 40px ; width:auto; text-align:center; border:1px solid #fff; color:#7d7d7d; font-size:12px; border-bottom:1px solid #e5e5e5} .w2grid .grdNoresultMsg table.gridHeaderTableDefault tbody {min-height:50px;} .w2grid.grdMsgHide:before {display:none;} /* Grid Adaptive Crosstab*/ .w2grid.w2grid_adaptive_crosstab, .w2grid.w2grid_adaptive_crosstab div[id$="main_div"], .w2grid.w2grid_adaptive_crosstab div[id$="dataLayer"] {overflow:hidden !important;} .w2grid.w2grid_adaptive_crosstab.w2grid_adaptive_crosstab_footer div[id$="dataLayer"] {padding-right:0;} .w2grid.w2grid_adaptive_crosstab .gridBodyDefault[readonly="true"] input[type="checkbox"] {display:none;} .w2grid.w2grid_adaptive_crosstab table.gridFooterTableDefault {display:none;} .w2grid > div[id$="_gridstart_div"], .w2grid > div[id$="_gridend_div"] {display:none;} /* POPUP */ /* Floating Layer */ .w2floatingLayer_topleft, .w2floatingLayer_topright, .w2floatingLayer_topcenter {height:40px; background:#fff; border-bottom:1px solid #ddd;} .w2floatingLayer_topleft, .w2floatingLayer_topright, .w2floatingLayer_centerleft, .w2floatingLayer_centerright, .w2floatingLayer_bottomleft, .w2floatingLayer_bottomright {width:0; background:#fff;} .w2floatingLayer_bottomleft, .w2floatingLayer_bottomcenter, .w2floatingLayer_bottomright {height:0; background:#fff;} .w2floatingLayer_title {padding:0 16px; white-space:normal; color:#515151; text-align:center; float:none; margin:0 40px;} .w2floatingLayer_close_button {position:absolute; right:0; top:0; z-index:6600; width:40px; height:40px; background:url("/img/samsungpay/pop_close1.png") center center no-repeat; background-size:14px 14px; -moz-background-size:14px 14px ; -webkit-background-size:14px 14px ; -o-background-size:14px 14px ;} .w2floatingLayer_contents {height:auto !important;} /* PopLayer */ .popLay {width:300px !important} .popWrap {padding:10px; line-height:normal; max-height:500px; overflow-y:auto;} .popWrap .p_codeMsg {padding:10px 10px; line-height:16px; background:#f5f5f5; border:1px solid #d0d0d0;} .popWrap .p_codeMsg .p_code {padding-bottom:5px; font-weight:bold;} .popWrap .p_codeMsg .p_text {} .popWrap .p_errorInfo {padding:0 0 15px;} .popWrap .p_errorInfo > strong {display:block;} .p_errorCnt {padding:12px; /* text-align:center; */ background:#f5f5f5;} .p_errorMsg {margin:15px 0; font-size:12px;} .p_errorMsg .errCode {margin-top:12px;} .p_errorMsg + .btn_area_01, .p_errorMsg2, .p_errorMsg2.open {display:none;} /* PopLayer Close */ .pop_closeBar {margin:10px -10px -10px; height:25px; background:#f5f5f5; line-height:25px;} .pop_closeBar .chk_close .w2checkbox_item {margin-left:15px;} .pop_closeBar .chk_close .w2checkbox_item .w2checkbox_label {margin-left:5px; } .popLay.system .popWrap * {color:#666; font-size:12px;} /* Alert Msg */ .altLayer { background-color:#fff; border:solid 0px #fff; width:250px !important; margin-left:22px;} .altLayer .altTit {background-color:#fff; width:auto; height:33px;} .altLayer .altTit > strong {color:#fff; margin:7px 0 0 16px; font-size: 13px; font-weight:bold; display:inline-block;} .altLayer .altTit a{ display:inline-block; float:right; text-indent:-9999px; width:33px; height:33px; background: url(/img/samsungpay/pop_close1.png) center center no-repeat; background-size:15px 15px; -moz-background-size:15px 15px ; -webkit-background-size: 15px 15px ; -o-background-size: 15px 15px ; overflow:hidden;} .altLayer .altWrap {padding:0 10px 10px;} .altLayer .altWrap .p_contBox {padding:0; line-height:15px; font-size:12px; text-align:center; color:#666; vertical-align:middle; min-height:80px;} .altLayer .altWrap .p_contBox:before {display:inline-block; width:0; height:70px; content:""; vertical-align:middle; } .altLayer .altWrap .p_contBox span {display:inline-block; vertical-align:middle; width:100%; padding-bottom:5px; color:#666;} /* contents.css 무효화 */ .popWrap span, .popWrap li, .popWrap td, .popWrap th, .popWrap span, .popWrap input {line-height:normal;} .popWrap table {width:100%;} .popWrap .btn_area_01 {margin-top:20px;} .popWrap .btn_area_01 .centerArea_01, .altWrap .btn_area_01 .centerArea_01, .altWrap .btn_area_01, .popWrap .btn_area_01 {text-align:center} .altWrap .btn_area_01 .centerArea_01 a, .altWrap .btn_area_01 a, .popWrap .btn_area_01 .centerArea_01 a, .popWrap .btn_area_01 a {display:inline-block; text-align:center; margin:0 1%; width:40%; height:32px; min-width:100px; line-height:30px; color:#5a6e91;} .popWrap .btn_area_01 a.btnLv2, .popWrap .btn_area_01 .centerArea_01 a.btnLv2 {background-color:#627284;} /* into버튼 */ /* linePay 신규 Style */ .altLayer .spay_contWrap {} .popWrap .spay_popWrap {} .popWrap .spay_popWrap .spay_btn_area_01 {margin-top:10px;} .popWrap .spay_popWrap input[readonly]:focus {border-bottom-color:#c0c0c0; background:#e3e3e3;} .altLayer , .popLay {max-width:460px; border:1px solid #d4d4d4} .altLayer .spay_p_body, .popLay .spay_p_body {text-align:center; padding: 0 10px; color:#666;} .altLayer .sFont, .popLay .sFont {font-size:12px; line-height:15px;} .altLayer .alignLeft, .popWrap .alignLeft {display:block; text-align:left;} /* // ERROR */ .pageError {position:relative; margin:0 auto; width:90%; max-width:480px; padding-top:30%;} .pageError .hdr_logo {height:0; } .pageError .errBody {padding:15px 20px; text-align:center; border:1px solid #bbb; font-size:10px; color:#666; line-height:normal; } .pageError .errBody strong {font-size:12px;display:block; text-align:center; color:#233345;} .pageError .errBody .txt_box p {display:block; padding:5px 0;text-align:left; } .pageError .errBody .title {margin-bottom:10px; text-align:center;color:#3957ac; font-size:13px; font-weight:bold; text-decoration:underline;} .pageError .errBody .txt_box, .pageError .errBody .txt_box.lang {margin-bottom:10px;} .pageError > .btn_area_01 {margin-top:30px; text-align:center} .pageError .centerArea_01 {display:block;} .pageError .spay_btnLv1, .pageError .btnLv1 {padding:7px 10px 7px 10px; height:auto; text-align:center; min-width:140px; background-color:#3957ac; background-image:none !important; color:#fff;display:inline-block; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; line-height:14px; margin:0 4px} .pageError .btnLv1 strong {color:#fff; text-align:center;} .pageError .centerArea_01 .spay_btnLv1 {line-height:30px; font-weight:bold;} @media all and (max-width:360px){ .spay_type2.w2tb.edit .w2tb_td .w2inputCalendar_div, .spay_type2.w2tb.edit .w2tb_td input {width:100%;} .spay_calender_box .spay.w2inputCalendar_div .w2inputCalendar_div_img {width:20px;} .popLay {margin:0;} }