@charset "utf-8"; /*NotoSans font*/ /* 본고딕(Noto Sans KR) */ @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: normal; src: url("../font/NotoSans-Medium.ttf") format("truetype"), url('../font/NotoSans-Medium.woff') format('woff'), url('../font/NotoSans-Medium.woff2') format('woff2'), url('../font/NotoSans-Medium.otf') format('opentype'), url('../font/NotoSans-Medium.eot') format('opentype'); } @font-face { font-family:"Noto Sans KR"; font-style: normal; font-weight: bold; src: url("../font/NotoSans-Bold.ttf") format("truetype"), url('../font/NotoSans-Bold.woff') format('woff'), url('../font/NotoSans-Bold.woff2') format('woff2'), url('../font/NotoSans-Bold.otf') format('opentype'), url('../font/NotoSans-Bold.eot') format('opentype'); } @font-face { font-family:"YouandiModernTB"; font-style: normal; font-weight: normal; src: url("../font/Youandi_Modern_TextBold.ttf") format("truetype"), url('../font/Youandi_Modern_TextBold.woff') format('woff'), url('../font/Youandi_Modern_TextBold.woff2') format('woff2'), url('../font/Youandi Modern TextBold.otf') format('opentype'), url('../font/Youandi_Modern_TextBold.eot') format('opentype'); } /* S. 2025-01-17 Q11811 #825 동의서 점검 간소화 1차 - font 추가 */ /* Spoqa Han Sans Neo */ @font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 700; src: url(../fonts/SpoqaHanSansNeo-Medium.eot); src: url(../fonts/SpoqaHanSansNeo-Medium.eot?#iefix) format('embedded-opentype'); src: url(../fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'); src: url(../fonts/SpoqaHanSansNeo-Bold.woff) format('woff'); } @font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 500; src: url(../fonts/SpoqaHanSansNeo-Medium.eot); src: url(../fonts/SpoqaHanSansNeo-Medium.eot?#iefix) format('embedded-opentype'); src: url(../fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'); src: url(../fonts/SpoqaHanSansNeo-Medium.woff) format('woff'); } @font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 400; src: url(../fonts/SpoqaHanSansNeo-Regular.eot); src: url(../fonts/SpoqaHanSansNeo-Regular.eot?#iefix) format('embedded-opentype'); src: url(../fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'); src: url(../fonts/SpoqaHanSansNeo-Regular.woff) format('woff'); } @font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 300; src: url(../fonts/SpoqaHanSansNeo-Light.eot); src: url(../fonts/SpoqaHanSansNeo-Light.eot?#iefix) format('embedded-opentype'); src: url(../fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'); src: url(../fonts/SpoqaHanSansNeo-Light.woff) format('woff'); } @font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 100; src: url(../fonts/SpoqaHanSansNeo-Thin.eot); src: url(../fonts/SpoqaHanSansNeo-Thin.eot?#iefix) format('embedded-opentype'); src: url(../fonts/SpoqaHanSansNeo-Thin.woff2) format('woff2'); src: url(../fonts/SpoqaHanSansNeo-Thin.woff) format('woff'); } /* E. 2025-01-17 Q11811 #825 동의서 점검 간소화 1차 */ /* common */ .hc-fix-activated #wrap.hc-fix-header-fixed {padding-top:0 !important;} body {-webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none;} body.hidden_scroll {position:fixed; left:0; top:0;width:100%; height:100%; overflow:hidden;-webkit-transform:translateZ(0)} /*#wrap{position:fixed;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;}*/ /* common 폰트 */ strong, input, textarea, select {font-family:'San Francisco','SF Pro Display','Noto Sans KR';} .safari strong, .safari input,.safari textarea,.safari select {font-family:-apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display','SF Text Display';font-weight:500;} strong {font-weight: bold;} .safari strong {font-weight: bold;} .normal{font-weight:normal !important;} .mar_t0 {margin-top:0px !important;} .mar_t2 {margin-top:2px !important;} .mar_t4 {margin-top:4px !important;} .mar_t6 {margin-top:6px !important;} .mar_t7 {margin-top:7px !important;} .mar_t8 {margin-top:8px !important;} .mar_t10 {margin-top:10px !important;} .mar_t11 {margin-top:11px !important;} .mar_t12 {margin-top:12px !important;} .mar_t15 {margin-top:15px !important;} .mar_t16 {margin-top:16px !important;} .mar_t19 {margin-top:19px !important;} .mar_t20 {margin-top:20px !important;} .mar_t21 {margin-top:21px !important;} .mar_t22 {margin-top:22px !important;} .mar_t24 {margin-top:24px !important;} .mar_t25 {margin-top:25px !important;} .mar_t27 {margin-top:27px !important;} .mar_t28 {margin-top:28px !important;} .mar_t32 {margin-top:32px !important;} .mar_t33 {margin-top:33px !important;} .mar_t37 {margin-top:37px !important;} .mar_t40 {margin-top:40px !important;} .mar_t44 {margin-top:44px !important;} .mar_t45 {margin-top:45px !important;} .mar_t46 {margin-top: 46px !important;} .mar_t48 {margin-top: 48px !important;} .mar_t53 {margin-top:53px !important;} .mar_t56 {margin-top:56px !important;} .mar_t64 {margin-top:64px !important;} .mar_b0 {margin-bottom:0 !important;} .mar_b4 {margin-bottom:4px !important;} .mar_b6 {margin-bottom:6px !important;} .mar_b7 {margin-bottom:7px !important;} .mar_b8 {margin-bottom:8px !important;} .mar_b11 {margin-bottom:11px !important;} .mar_b12 {margin-bottom:12px !important;} .mar_b16 {margin-bottom:16px !important;} .mar_b20 {margin-bottom:20px !important;} .mar_b21 {margin-bottom:21px !important;} .mar_b24 {margin-bottom:24px !important;} .mar_b28 {margin-bottom:28px !important;} .mar_b40 {margin-bottom:40px !important;} .mar_b44 {margin-bottom:44px !important;} .mar_b64 {margin-bottom:64px !important;} .mar_b69 {margin-bottom:69px !important;} .mar_b112 {margin-bottom:112px !important;} .mar_b130 {margin-bottom:130px !important;} .mar_r0 {margin-right:0 !important;} .pad0 {padding:0 !important;} .pad16 {padding:16px !important;} .pad_l0 {padding-left:0 !important;} .pad_l24 {padding-left:24px !important;} .pad_l35 {padding-left:35px !important;} .pad_r0 {padding-right:0 !important;} .pad_r12 {padding-right:12px !important;} .pad_r24 {padding-right:24px !important;} .pad_r32 {padding-right: 32px !important;} .pad_t0 {padding-top:0 !important;} .pad_t6 {padding-top:6px !important;} .pad_t10 {padding-top:10px !important;} .pad_t18 {padding-top:18px !important;} .pad_t48 {padding-top:48px !important;} .pad_b0 {padding-bottom:0 !important;} .pad_b12 {padding-bottom:12 !important;} .pad_b20 {padding-bottom:20px !important;} .pad_b24 {padding-bottom:24px !important;} .pad_b110 {padding-bottom:110px !important;} .pad_b112 {padding-bottom:112px !important;} .pad_b120 {padding-bottom:120px !important;} .pad_b152 {padding-bottom:152px !important;} .pad_b176 {padding-bottom:176px !important;} .pad_l9{padding-left:9px !important;} .bor_t0 {border-top:0 !important;} .gpcc_row {margin-top:14px;min-height:474px;} .gpcc_row2 {margin-top:24px;} .w100p {width:100% !important} .inline{display:inline !important;} .static{position:static !important;} .download{display:block;width:100%;height:100%;left:0;top:0;padding: 17px 12px;box-sizing:border-box;padding-left:47px; font-size:16px; line-height:22px; color:rgba(0,0,0,0.48);word-break:keep-all;position:relative;} .download.active{color: rgba(0,0,0,1);} .download:before {display:block;content:"";position:absolute;left:12px;top:12px;width:32px;height:32px;background:url('../images/ico_CheckB.png') 0 0 no-repeat;background-size:32px;opacity:0.2;} .download.active:before{opacity: 1;} .gpcc_issue *:focus, .layer_popup *:focus{outline:1px dotted #222;} .layer_popup .mCSB_container>.mCustomScrollBox {outline:0} /*스크롤함수 중복호출*/ .layer_popup .mCustomScrollBox {outline:0} /*2024-08-05 Q11060 #342 아웃라인 이슈*/ .gpcc_issue .download:focus{outline: none;} .gpcc_issue .mCustomScrollBox,.gpcc_issue .mCSB_container{overflow:visible;margin-right:0;} .normal{font-weight:normal !important;} .bg_white {background-color:#fff;} .font16{font-size:16px !important;} .text_pp{color:rgba(0,0,0,.48);margin-top:12px;line-height:22px;} .blind {position:absolute; left:-999em; width:0; height:0; overflow: hidden; font-size:0;} #container.topBanner .gpcc_issue{padding-top:184px;} .gpcc_issue{padding:104px 0 120px 0;} .swiper-container .swiper-pagination{display:none;} .h2_desc {margin:12px 0 36px 0; font-size:16px; color:#000; line-height:26px;} .h2_desc.type {margin:-20px 0 20px;} .h2_desc.type02 {margin:-16px 0 0;} .h2_desc.type03 {margin:-8px 0 0;} .h3_title {margin:49px 0 12px 0; font-size:16px; color:#000; line-height:22px; font-weight:bold;position:relative;}/* 2024-07-09 #636_디자인적용 : margin-bottom 13 -> 12 */ .h3_title.half {margin-top:24px;margin-bottom:1px;} .h3_title.half2 {margin:19px 0 1px;} .h3_title.half_mt {margin:24px 0 12px;} /* 2024-02-14 Q11024 #533 유형 추가 */ .h3_title.type {margin-top:37px;} .h3_title.type02 {margin:33px 0 0;} .h3_title.fontWnormal{font-weight:normal;} .h3_title.half.fontWnormal{margin-bottom:12px;} .tooltip{display:inline-block;width:19px;position: absolute;height:19px;top: 50%;right:0;margin-top: -9px;margin-left: 10px;z-index:10;} .layer_popup .tooltip{right:5px;} .layer_popup .tooltip.active{z-index:10;} .tooltip span {position: absolute; right: -4px; top: 27px; background: #000; color: #fff; font-size: 14px; padding: 8px 10px 8px 14px; width: 228px; display: none; border-radius: 8px; line-height: 20px; font-weight: normal;} .tooltip span:before {display:block;content:"";position:absolute;right:10px;top:-4px;width:8px;height:4px;background:url('/gpcc/mo/images/bg_comment2.png') no-repeat;background-size:100%;} .tooltip.active{z-index:60;} .tooltip a{display:block;width:19px;height:19px;background:url('../images/tooltip.png') no-repeat;background-size:100%;text-indent: -999em;} /* 2023-02-06 Q10941 툴팁 추가 */ .tooltip.active span, .tooltip.active .inner_tooltip {display: block;} .tooltip .inner_tooltip {position: absolute; right: -4px; top: 27px; background: #292929; color: #fff; font-size: 14px; padding: 10px 14px 16px; width: 228px; display: none; border-radius: 8px; line-height: 20px; font-weight: normal;} .tooltip .inner_tooltip::before {display:block;content:"";position:absolute;right:10px;top:-4px;width:8px;height:4px;background:url('../images/bg_comment2_gry.png') no-repeat;background-size:100%;} .tooltip .inner_tooltip .p2_m_lt_1ln {font-size:14px; line-height:20px; font-weight:500;} .tooltip .bullet_list li {color: rgba(255,255,255,.64); font-size: 12px; line-height: 18px; padding-left: 6px; margin-top: 12px;} .tooltip .bullet_list li::before { background-color: rgb(255 255 255 / 40%); top: 8px;} .desc_black {font-size:16px; color:#000; text-align:left; line-height:26px;} .desc_black.small {font-size:14px; line-height:22px;} .layer_popup .layer_content2 .desc_black {margin-top:18px;} /*2023-03-03 Q11067 #263 크림페이(p08 1원인증 유도 팝업)*/ .desc_gray {margin-top:8px; font-size:16px; color: rgba(0,0,0,0.64); text-align:left; line-height:26px;} .desc_gray.small {font-size:14px; line-height:22px;} .text_black {margin-top:14px; font-size:16px; color:#000; line-height:26px;} .text_black_b {font-size:16px; font-weight:bold; color:#000; line-height:26px;} .layer_wrap .text_black{margin-top:10px;} .text_desc {font-size:12px; color: rgba(0,0,0,0.48); line-height:18px; padding:18px 17px 18px 47px;} .first + .bg_white .text_desc {padding: 18px 30px 20px 35px;} .text_desc.small {padding-top:0;} .text {margin:44px 0; font-size:14px; color: rgba(0,0,0,0.48); line-height:22px;} .text.kcb {color: rgba(0,0,0,0.64);} .text.kcb2 {color: rgba(0,0,0,0.48);} .text.small {margin:22px 0;} .text.small.half {margin:12px 0 0 0;} .text.space {margin:4px 0 16px;} .gpcc_issue .gpcc_card_area.start_card{margin-bottom:94px;height:auto;} /*약관 상세 리스트*/ .terms_view{margin:3px 0;overflow:hidden;height:28px;padding:6px 0;box-sizing:border-box;padding-left:35px;} .layer_popup .terms_view{width:110%;} .terms_view .grade{color:rgba(0,0,0,0.64);font-size:12px;line-height:16px;float:left;margin: 0px 0 3px 0;} .terms_view .grade:before{display:inline-block;width:6px;height:6px;content:"";clear:both;border-radius:3px;margin:-3px 6px 0 0;vertical-align:middle;} .terms_view .grade0:before{background:#0078FF;} .terms_view .grade1:before{background:#019DC2;} .terms_view .grade2:before{background:#52B148;} .terms_view .grade3:before{background:#EDC11B;} .terms_view .grade4:before{background:#EF812D;} .terms_view .grade5:before{background:#E02E27;} .terms_view .terms_detail{float:right;line-height:16px;} .terms_view .terms_detail a{color:rgba(0,0,0,0.48);font-size:12px;line-height:16px;} .terms_view .terms_detail a + a:before{content:"";display:inline-block;clear:both;width:1px;height:10px;background:#ccc;margin:0 12px;} /* 2024-10-21 Q10941 #755_1개일 경우 라인(|) 보이지 않도록 수정 */ /*약관 스타일*/ .terms_table{display:block;} .terms_table caption{position:absolute;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;} .terms_table col:first-child{width:100px;} .terms_table th{border-bottom:1px solid #f5f5f5;vertical-align:top;padding:13px 0;font-weight:bold;font-size:14px;text-align:left;word-break:keep-all;} .terms_table td{border-bottom:1px solid #f5f5f5;vertical-align:top;padding:13px 0 13px 8px;font-size:14px;line-height:22px;} .terms_table td *{font-size:14px !important;line-height:22px !important;margin:0 !important;padding:0;} .terms_table .terms_small{color:rgba(0,0,0,.64);} .grade_detail_box{padding:24px 0;margin-bottom:16px;border-bottom:1px solid #f5f5f5;} .grade_detail_box h2{font-size:16px;line-height:26px;color:#000;} .grade_detail_box p{color:rgba(0,0,0,.64) !important;font-size:14px !important;line-height:22px !important;} .grade_box{color:#fff;font-size:12px;padding:0 8px;border-radius:16px;line-height:19px;display:inline-block;vertical-align:middle;} .grade_box.small{font-size:10px !important;line-height:16px !important;padding:0 6px;} .grade_box + span{display:block;margin-top:8px;} .grade_box1{background:#019DC2;} .grade_box2{background:#52B148;} .grade_box3{background:#EDC11B;} .grade_box4{background:#EF812D;} .grade_box5{background:#E02E27;} .terms_grayBox{background:#f5f5f5;padding:29px 32px 24px 32px;margin:24px 0;} .terms_grayBox dl dt{color:#000;font-size:16px;line-height:22px;} .terms_grayBox dl dd p{color:#000;font-size:16px;line-height:26px;} .terms_grayBox dl dd span{display:block;margin:23px 0;} .terms_grayBox dl dd img{width:100%;} .under_line {text-decoration:underline;}/* 2023-01-09 약관 문구 언더라인 추가 */ table .table_in_box{border:1px solid #ccc;padding:10px;} table strong{font-size:14px !important;} /*코스트코 외부 약관 스타일*/ .desc .tbl_1{border:0;} .desc .tbl_1 td:first-child{border-bottom:1px solid #f5f5f5;vertical-align:top;padding:13px 0;font-weight:bold !important;font-size:14px;line-height:22px;text-align:left;word-break:keep-all;} .desc .tbl_1 td:first-child *{font-weight:bold !important;} .desc .tbl_1 td{border:0;border-bottom:1px solid #f5f5f5;vertical-align:top;padding:13px 0 13px 8px;font-size:14px;line-height:22px;font-weight:normal !important;background:none !important;} .desc .tbl_1 td *{font-size:14px !important;line-height:22px !important;margin:0 !important;padding:0;font-weight:normal !important;color:#000;} /*입력폼*/ .form_bundle_wrap {position: relative;} .text_black + .form_bundle_wrap{margin-top:24px;} .form_bundle_wrap > ul.bundle_list > li {margin-top:12px;position:relative;} .form_bundle_wrap > ul.bundle_list > li .custom_input {width:100%;} .form_bundle_wrap > ul.bundle_list > li .custom_select {width:100%;} .form_bundle_wrap > ul.bundle_list > li .custom_select.error select{border-bottom:1px solid #f00;} .form_bundle_wrap > ul.bundle_list > li:first-child {margin-top:0;} .gpcc_top_title + .form_bundle_wrap{margin-top:40px;} /* checkbox */ input[type=checkbox] {position:absolute; top:0; left:-1000px; font-size:0;} input[type=checkbox] + label {display:inline-block; position:relative; padding-left:35px; font-size:15px; line-height:23px; color:#000; word-break:keep-all} /* 2018-03-05 수정 */ input[type=checkbox] + label.break_word{word-break:break-all} input[type=checkbox] + label:after {display:block; position:absolute; top:50%; left:0; width:23px; height:23px; margin-top:-12px; background-position:-75px 0; content:'';} input[type=checkbox] + label.over:after, input[type=checkbox] + label:focus:after{outline:1px dotted #ccc}/* 웹 접근성 작업 2019-06 */ input[type=checkbox] + label.on:after {background-position:-100px 0px;} input[type=checkbox] + label.on.disible:after {background-position:-125px -27px;} input[type=checkbox] + label.type_1:after {top:13px;} input[type=checkbox]:disabled + label:after {background-position:-125px 0;} input[type=checkbox]:disabled + label.on:after {background-position:-125px 100%;} input[type=checkbox].amex_card_chk + label.on{color:#1e75d6;} .custom_check {display:inline-block; position: relative;} .custom_check input[type="checkbox"] {display:inline-block; width:1px; height:1px; position:absolute; top:-1px; left:-1px; opacity: 0;} .inner_list input[type="checkbox"] + label {display:inline-block; position: relative; padding-left: 32px; font-size: 16px; color: rgba(0,0,0,0.48); letter-spacing: 0; line-height: 22px;} .custom_check input[type="checkbox"] + label {color: rgba(0,0,0,0.48);font-size:16px;line-height:22px;} .cont_accordion input[type="checkbox"] + label {color: rgba(0,0,0,0.4);} .custom_check input[type="checkbox"] + label:after {display:none !important;} .custom_check input[type="checkbox"] + label:before {display:block;content:"";position:absolute;left:0;top: -5px;width:32px;height:32px;background:url('../images/arrow_check_btn_default.png') 0 0 no-repeat;background-size:32px;/*opacity:0.2;*/} .cont_accordion .bg_white .custom_check input[type="checkbox"] + label:before {display:block;content:"";position:absolute;left:0;top: -5px;width:32px;height:32px;background:url('../images/arrow_check_btn_default.png') 0 0 no-repeat;background-size:32px;/*opacity:0.2;*/} .cont_accordion .bg_white .custom_check input[type="checkbox"]:checked + label:before {display:block;content:"";position:absolute;left:0;top: -5px;width:32px;height:32px;background:url('../images/arrow_check_btn.png') 0 0 no-repeat;background-size:32px;/*opacity:0.2;*/} .cont_accordion .custom_check input[type="checkbox"] + label:before {display:block;content:"";position:absolute;left:0;top: -5px;width:32px;height:32px;background:url('../images/arrow_check_btn_g_default.png') 0 0 no-repeat;background-size:32px;/*opacity:0.2;*/} .cont_accordion .custom_check input[type="checkbox"]:checked + label:before {background:url('../images/arrow_check_btn_g.png') 0 0 no-repeat;} .terms_wrap .custom_check input[type="checkbox"] + label:before {display:block;content:"";position:absolute;left:0;top: -5px;width:32px;height:32px;background:url('../images/arrow_check_btn_g_default.png') 0 0 no-repeat;background-size:32px;/*opacity:0.2;*/} .terms_wrap .custom_check input[type="checkbox"]:checked + label:before {background:url('../images/arrow_check_btn_g.png') 0 0 no-repeat;} .custom_check input[type="checkbox"]:focus + label:before {outline:1px dotted #222;} .custom_check input[type="checkbox"]:checked + label {color:#000;} .custom_check input[type="checkbox"]:checked + label:before {opacity: 1;} .agree_all_wrap .custom_check input[type="checkbox"]:checked + label:before{background: url(../images/circle_check_btn.png) 0 0 no-repeat;} .agree_all_wrap .custom_check input[type="checkbox"]:focus + label:before{outline:1px dotted #222;} .custom_check input[type="checkbox"].on.on + label {color:#000;} .custom_check input[type="checkbox"].on + label:before {opacity:1;} /* radio */ .custom_radio {display:inline-block; position: relative;} .custom_radio input[type="radio"] {display:inline-block; width:1px; height:1px; position:absolute; top:-1px; left:-1px; opacity: 0;} .custom_radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:32px; box-sizing: border-box;} .custom_radio input[type="radio"] + label:after {display:none !important;} .custom_radio input[type="radio"] + label:before {display:block; content:""; position:absolute; left:0; top:0; width:24px; height:24px; background:url('../images/ico_Radio_spr.png') 0 0 no-repeat; background-size:100% auto;} .custom_radio input[type="radio"]:focus + label:before{outline:1px dotted #222;} .custom_radio input[type="radio"]:checked + label:before {background-position:0 -24px;} /* input text, password */ .input_area .card_input_area .custom_input input:read-only{padding-top: 29px;} .input_area .card_input_area .custom_input input[type=password]{padding-top: 22px;} .input_area .card_input_area .custom_input input + label{width: 430%;left: -200%;background: rgba(255,255,255,1);display:block;position:absolute;top:16px;padding-top:5px;font-size: 20px;color: rgba(0,0,0,0.20);letter-spacing: 0;line-height: 26px;transition: top 0.5s;text-align:left;z-index:10;} .input_area .card_input_area.amex .custom_input input + label{width: 600%;left: -251.8%;} .input_area .card_input_area .custom_input input.active + label{background:rgba(255,255,255,0);} .input_area .card_input_area .custom_input input:focus + label{background:rgba(255,255,255,0);background:#fff;} .old_member .custom_input:before{display:block;width:100%;height:21px;position:absolute;left:0;top:0;content:"";background:#fff;} .custom_input {display:inline-block; position: relative;} .custom_input.full {width:100%;} .custom_input input[type="text"] + label, .custom_input input[type="tel"] + label, .custom_input input[type="search"] + label, .custom_input input[type="email"] + label, .custom_input input[type="number"] + label, .custom_input input[type="password"] + label {display:inline-block; position:absolute; left:0; top:16px;padding-top:5px; font-size: 20px; color: #5c5c5c; letter-spacing: 0; line-height: 26px; transition: all 0.5s; z-index:1;}/* 2025-01-17 Q11811 #825 동의서 점검 간소화 1차 - color값 수정 */ .custom_input .bank_name + .label{display:inline-block; position:absolute; left:0; top:21px; font-size: 20px; color: #5c5c5c; letter-spacing: 0; line-height: 26px; transition: all 0.5s;} .custom_input input[type="text"] + label em, .custom_input input[type="tel"] + label em, .custom_input input[type="search"] + label em, .custom_input input[type="email"] + label em, .custom_input input[type="number"] + label em, .custom_input input[type="password"] + label em{ opacity:1; transform:all 1s;} .custom_input input[type="text"]:focus + label, .custom_input input[type="number"]:focus + label, .custom_input input[type="tel"]:focus + label, .custom_input input[type="search"]:focus + label, .custom_input input[type="email"]:focus + label, .custom_input input[type="password"]:focus + label {top:-2px; font-size:12px; line-height:16px; color: rgba(0,0,0,0.4);} .custom_input .bank_name:focus + .label {top:-2px; font-size:12px; line-height:16px; color: rgba(0,0,0,0.4);} .custom_input input[type="text"]:focus + label em, .custom_input input[type="number"]:focus + label em, .custom_input input[type="tel"]:focus + label em, .custom_input input[type="search"]:focus + label em, .custom_input input[type="email"]:focus + label em, .custom_input input[type="password"]:focus + label em {opacity:0;} .custom_input input[type="text"].active + label em, .custom_input input[type="number"].active + label em, .custom_input input[type="tel"].active + label em, .custom_input input[type="search"].active + label em, .custom_input input[type="email"].active + label em, .custom_input input[type="password"].active + label em {opacity:0;} /* .custom_input input[type="text"]:focus + label em, .custom_input input[type="number"]:focus + label em, .custom_input input[type="tel"]:focus + label em, .custom_input input[type="password"]:focus + label em {display:none;} */ .custom_input input[type="text"].active + label, .custom_input input[type="number"].active + label, .custom_input input[type="tel"].active + label, .custom_input input[type="search"].active + label, .custom_input input[type="email"].active + label, .custom_input input[type="password"].active + label { top:-2px; font-size:12px; line-height:16px; color:rgba(0,0,0,0.4); background:#fff;} .custom_input .bank_name.active + .label{ top:-2px; font-size:12px; line-height:16px; color:rgba(0,0,0,0.4);} .custom_input input[type="text"] + label.active, .custom_input input[type="number"] + label.active, .custom_input input[type="tel"] + label.active, .custom_input input[type="search"] + label.active, .custom_input input[type="email"] + label.active, .custom_input input[type="password"] + label.active { top:0px; font-size:12px; line-height:16px; color: rgba(0,0,0,0.4);} /* 2025-04-03 Q11812 #925_PLCC_4월16일 간소화 추가수정사항 공유 : 인풋 border-bottom 가려짐 */ .custom_input .bank_name + .label.active,{ top:-2px; font-size:12px; line-height:16px; color: rgba(0,0,0,0.4);} .custom_input input[type="text"], .custom_input input[type="number"], .custom_input input[type="tel"], .custom_input input[type="search"], .custom_input input[type="email"], .custom_input input[type="password"] {width:100%; height:56px; font-size: 20px; color: #000000; letter-spacing: 0; line-height: 26px; box-sizing: border-box; padding:20px 0 10px 0; border:0; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.12); caret-color:#000; border-radius:0;} .gecko .custom_input input[type="password"]{font-size:12px !important;letter-spacing:0.225em !important;padding-top:19px !important;} .msie .custom_input input[type="password"]{font-size:12px !important;letter-spacing:0.225em !important;padding-top:19px !important;} .gecko .old_member .custom_input input[type="password"]{font-size:12px !important;letter-spacing:0.225em !important;padding-top:21px !important;padding-left:8px !important;} .msie .old_member .custom_input input[type="password"]{font-size:12px !important;letter-spacing:0.225em !important;padding-top:21px !important;} .custom_input input[type="text"]:focus, .custom_input input[type="number"]:focus, .custom_input input[type="tel"]:focus, .custom_input input[type="search"]:focus, .custom_input input[type="email"]:focus, .custom_input input[type="password"]:focus{outline:none;} .custom_input .bank_name {width:100%; height:56px; font-size: 20px; color: #000000; letter-spacing: 0; line-height: 26px; box-sizing: border-box; padding:20px 0 10px 0; border:none; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.12); caret-color:#000;} /* input search */ input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0;} input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none;} .gpcc_issue .select_wrap .btn_select{padding-left:0;} #cardLimit{border-bottom:2px solid #000;font-weight:bold;} .error #cardLimit{border-bottom:2px solid #f00;} .error #carNumber1{border-bottom:2px solid #f00;} #carNumber1{border-bottom:2px solid #000;font-weight:bold;} .custom_input input[type="search"]::placeholder,.custom_input input[type="text"]::placeholder{font-weight:normal;} .custom_input input[type="password"]{font-size: 45px;padding-bottom: 16px;letter-spacing:-0.06em;} .custom_input input[type="password"]::-webkit-input-placeholder{letter-spacing:0.07em;} .account_bundle .custom_input input[type="text"] {padding:20px 10px 10px 0px;} .account_bundle .custom_input:before {display:none; content:""; position:absolute; left:-20px; top:33px; width:6px; height:1px; background-color:rgba(0,0,0,0.12);} .account_bundle .custom_input.on:before{display:block;} .account_bundle .custom_input:first-child:before {display:none;} .custom_input input[type="password"].card_pass{background-position: 7px 3px;font-size: 40px;padding: 28px 0px 20px 6px !important;} .msie .custom_input input[type="password"].card_pass{background-position: 7px 3px;font-size: 40px;padding: 22px 0px 20px 7px !important;} .gecko .custom_input input[type="password"].card_pass{background-position: 7px 3px;font-size: 40px;padding: 22px 0px 20px 7px !important;} .custom_input input[type="password"].card_pass:focus{background-position:7px 2px;} .custom_input input[type="password"].card_pass + label{background:rgba(255,255,255,1);display:block;width:100%;} .ss_id.active input,.custom_mix.idcard.active input{border-bottom:2px solid #000;} .ss_id .custom_input:first-child{position:static;z-index:5;} .ss_id .custom_input:first-child input{background:none;} .ss_id .custom_input:last-child:before{display:block;} .ss_id .custom_input input[type="tel"] + label{z-index:11;} /*Q11067 툴팁가려짐 수정(가족카드팝업 외국인 셀렉트옵션영역에 인풋타이틀이 올라가는 오류) z-index 15->11(key_mouse:10), !important 제거*/ .ss_id input + label{width:100%;background: rgba(255,255,255,1);display:block;position:absolute;top:21px;font-size: 20px;color: rgba(0,0,0,0.20);letter-spacing: 0;line-height: 26px;transition: all 0.5s;} .ss_id input.active + label{background: rgba(255,255,255,0);} .ss_id input:focus + label{background: rgba(255,255,255,0);} .ss_id .resident_number{background:url("../images/place_holder_a7.png") no-repeat 55px -1px;padding: 20px 94px 20px 54px !important;} .layer_wrap .ss_id .resident_number{background:url("../images/place_holder_a7.png") no-repeat 68px -1px;padding:20px 66px 20px 66px !important;} .gecko .layer_wrap .ss_id .resident_number{background:url("../images/place_holder_a7.png") no-repeat 65px 0px;padding:20px 65px 20px 65px !important;} .msie .layer_wrap .ss_id .resident_number{background:url("../images/place_holder_a7.png") no-repeat 65px 0px;padding:20px 65px 20px 65px !important;} .resident_number2{background:url("../images/place_holder_a2.png") no-repeat 0 1px;} .resident_number2.old{background-position:6px 2px;font-size: 40px !important;padding: 26px 5px 20px 5px !important;} .resident_number2.old + label{background:rgba(255,255,255,1);} .resident_number2.old:focus + label{background:rgba(255,255,255,0);} .resident_number3{background:url("../images/place_holder_a3.png") no-repeat 6px 3px;padding: 26px 5px 20px 5px !important;letter-spacing:.01em;} .focus .resident_number3{background:url("../images/place_holder_a3.png") no-repeat 6px 5px;} .resident_number3.old{background-position:6px 2px;font-size: 40px !important;} .resident_number3.old + label{background:rgba(255,255,255,1);} .resident_number3.old:focus + label{background:rgba(255,255,255,0);} .resident_number4{background:url("../images/place_holder_a4.png") no-repeat 1px 4px;padding: 28px 0px 20px 0px !important;letter-spacing:.01em;} .gecko .resident_number4{background:url("../images/place_holder_a4.png") no-repeat 0px 3px;padding: 28px 0px 20px 0px !important;letter-spacing:.01em;} .msie .resident_number4{background:url("../images/place_holder_a4.png") no-repeat 0px 3px;padding: 28px 0px 20px 0px !important;letter-spacing:.01em;} .focus .resident_number4{background:url("../images/place_holder_a4.png") no-repeat 1px 5px;} .gecko .focus .resident_number4{background:url("../images/place_holder_a4.png") no-repeat 0px 4px;} .msie .focus .resident_number4{background:url("../images/place_holder_a4.png") no-repeat 0px 4px;} .resident_number5{background:url("../images/place_holder_a5.png") no-repeat 42px 3px;padding:26px 41px 20px 41px !important;width:154px !important;letter-spacing:.01em;} .focus .resident_number5{background:url("../images/place_holder_a5.png") no-repeat 42px 5px;} .custom_mix.idcard input[type=password],.ss_id input[type=password]{padding-left:15px;padding-bottom:20px;font-size:40px !important;} .custom_mix.idcard input[type=password]::-webkit-input-placeholder ,.ss_id input[type=password]::-webkit-input-placeholder {font-size:10px;-webkit-font-size:15px !important;letter-spacing:.01em !important;} .custom_mix.idcard .select_wrap{border:0;border-bottom:1px solid rgba(0,0,0,0.12);height:55px;} .custom_mix.idcard .error .select_wrap{border-bottom:1px solid #f00;} .custom_mix.idcard .error .ul_select_list{border-top:1px solid #f00;} .custom_mix.idcard .error .select_wrap a{color: #f00;} .custom_mix.idcard .select_wrap .btn_select{height:55px;font-size:20px;line-height:68px;} .custom_mix.idcard .select_wrap .btn_select:hover{background:none;} .custom_mix.idcard .select_wrap .btn_select:focus{background:none;border-bottom:2px solid #000;outline:0;} .custom_mix.idcard .select_wrap .ul_select_list{top:55px;} .custom_mix.idcard .select_wrap .btn_select:after{background: url(../images/ico_ArrowB_Down.png) no-repeat center;background-size: 100%;/*width: 16px;height: 16px;top: 27px;right: 10px;*/} .custom_mix.idcard .select_wrap.on .mCustomScrollBox{border-top:2px solid #000;} .msie9 .custom_mix.idcard .select_wrap.on .ul_select_list{border-top:2px solid #000;} .custom_select .select_wrap{border:0;border-bottom:1px solid rgba(0,0,0,0.12);height:56px; /*Q11067 툴팁가려짐 수정 z-index:20;*/} .custom_select.error .select_wrap{border-bottom:1px solid #f00;} .gpcc_issue .select_wrap .ul_select li a{color:#000;} .gpcc_issue .select_wrap .ul_select li.on a,.select_wrap .ul_select li a:hover {background: rgba(0,0,0,0.04); color:#000;} .custom_select .select_wrap .btn_select{padding-left:0;height:55px;font-size:20px;line-height:68px;color: #000;} .custom_select.error .select_wrap .btn_select{color: #f00;} .custom_select .select_wrap .ul_select_list{top:55px;margin:0;min-width: calc(100% - 2px);} .custom_select .select_wrap .ul_select_list .mCustomScrollBox{overflow:hidden;} .custom_select .select_wrap .btn_select:after{background: url(../images/ico_ArrowB_Down.png) no-repeat center;background-size: 100%;width: 24px;height: 24px;top: 21px;right:0px;opacity: 0.8;} .custom_input input[type="text"]:focus, .custom_input input[type="number"]:focus, .custom_input input[type="tel"]:focus, .custom_input input[type="search"]:focus, .custom_input input[type="email"]:focus, .custom_input input[type="password"]:focus {border:0; border-bottom:2px solid rgba(0,0,0,1);} .custom_input input[type="password"].tbd-on.active {border:0; border-bottom:2px solid rgba(0,0,0,1);} .custom_input.error input[type="password"].tbd-on.active {border-bottom-color:#f00; color: #f00 !important;} .box_amex .custom_input input[type="password"].tbd-on.active {border:0;} #samsungpayPwd .custom_input input[type="password"].tbd-on.active {border:0; background-position: 7px 2px; border-bottom:2px solid rgba(0,0,0,1);} .custom_mix.aml .select_wrap.on .mCustomScrollBox {border-top: 2px solid #000;} .custom_input input[type="text"]:read-only, .custom_input input[type="number"]:read-only, .custom_input input[type="tel"]:read-only, .custom_input input[type="search"]:read-only, .custom_input input[type="email"]:read-only, .custom_input input[type="password"]:read-only {color: #000;} .custom_input input[type="text"]:disabled, .custom_input input[type="number"]:disabled, .custom_input input[type="tel"]:disabled, .custom_input input[type="search"]:disabled, .custom_input input[type="email"]:disabled, .custom_input input[type="password"]:disabled {color: #000;} .custom_input.icon_search input[type="text"] {padding-right:32px;} .custom_input.icon_search input[type="text"]::placeholder {color: rgba(0,0,0,0.20);} .custom_input.icon_search:after {display:block; content:""; width:24px; height:24px; position:absolute; right:0; top:24px; z-index:2; background:url(../images/ico_SearchB.png) 0 0 no-repeat; background-size:cover;} ::-webkit-input-placeholder {color:rgba(0,0,0,0.20) !important;font-weight:normal !important;} .custom_input .won {display:block; position:absolute; left:0; top:20px; font-size:20px; font-weight:bold; color:#000; line-height:26px;} .custom_input .won span{opacity:0;} input#inputLimit::-webkit-input-placeholder{font-weight:bold !important;} input#inputLimit:-ms-input-placeholder{font-weight:bold !important;} #homeAddr1::placeholder,#companyAddr1::placeholder{font-weight:bold;} /* select */ .custom_select {position: relative; display:inline-block;} .custom_select select {position:relative;height:55px; padding:11px 24px 0 0; font-size:20px; color:#000; border:0; border-bottom:1px solid rgba(0,0,0,0.12); background:url('../images/ico_ArrowB_Down.png') no-repeat 98% 53%; background-size:12px; line-height: 68px;z-index:2;} .custom_select .label {display:inline-block; position:absolute; left:4px; top:26px; font-size:20px; line-height:16px; color:rgba(0,0,0,0.20);transition: all 0.5s;z-index:1;} .custom_select .label.active{top:5px;left:0;font-size:12px; line-height:16px; color:rgba(0,0,0,0.40);z-index:22;} /* 2025-04-03 Q11812 #925_PLCC_4월16일 간소화 추가수정사항 공유 */ .select_area{display:table;width:100%;} .select_area .custom_select{display:table-cell;width:33.3%;padding:0 12px 0 0;} .select_area .custom_select:last-child{padding-right:0;} .select_area .custom_select .label{left:0px;} .select_area .btn_select,.select_area .select_wrap{background:none;} /* form input 주민등록번호 */ .account_bundle {position:relative;display:table;width:100%; align-items:center;} .form_bundle_wrap > ul.bundle_list > li .account_bundle .custom_input{display:table-cell;width:50%;} .key_mouse{display:block;width:40px;height:40px;position:absolute;right:0;top:13px;background:url('../images/ico_mouse.png') no-repeat 0 0;color:rgba(0,0,0,0);z-index:10;} .key_mouse.active{background:url('../images/ico_keyboard.png') no-repeat 0 0;} /* form select + input */ .custom_mix {display:flex; justify-content: space-between; align-items:center;} .custom_mix .custom_select {width:156px !important;margin-right:12px;} .custom_mix.telephone {align-items: flex-start;} .custom_mix.telephone .custom_select {width:156px !important;} /* select 해당하는 부분 error msg */ .custom_mix.telephone .custom_select:first-child .error_msg {width:120%;} .form_bundle_wrap > ul > li .custom_mix:after{display:block;content:"";clear:both;} .form_bundle_wrap > ul > li .custom_mix.telephone .custom_select + .custom_input{width: 348px;margin-left:0;} .form_bundle_wrap > ul > li .custom_mix .custom_select{float:left;} .form_bundle_wrap > ul > li .custom_mix .custom_select + .custom_input{width: 285px;margin-left:8px;float:left;} /* 운전면허번호 뒷자리 보안키패드 */ /*.form_bundle_wrap > ul > li .custom_mix.idcard{overflow:hidden;}*/ .form_bundle_wrap > ul > li .custom_mix.idcard .custom_select{float:left;} .form_bundle_wrap > ul > li .custom_mix.idcard .account_bundle {width:348px;overflow:hidden;float:left;} .form_bundle_wrap > ul > li .custom_mix.idcard .account_bundle .custom_input{width:60%;position:static;} .form_bundle_wrap > ul > li .custom_mix.idcard .account_bundle .custom_input:last-child{width:40%;position:relative;} .form_bundle_wrap > ul > li .custom_mix.idcard .account_bundle .custom_input:last-child input{padding-left:20px;padding-bottom:20px;font-size:40px !important;background:url("../images/place_holder_a2.png") no-repeat 33px -1px;padding: 20px 73px 20px 33px !important;} .gecko .form_bundle_wrap > ul > li .custom_mix.idcard .account_bundle .custom_input:last-child input{font-size:12px !important;letter-spacing:0.225em;padding-top:19px !important;} .msie .form_bundle_wrap > ul > li .custom_mix.idcard .account_bundle .custom_input:last-child input{font-size:12px !important;letter-spacing:0.225em;padding-top:19px !important;} .form_bundle_wrap > ul > li .custom_mix.idcard .account_bundle .custom_input:last-child input::-webkit-input-placeholder{font-size:15px !important;letter-spacing:.01em !important;} .form_bundle_wrap > ul > li .custom_mix.idcard .custom_input input + label {position: absolute; width:100%; z-index: 15;background:rgba(255,255,255,1);} .form_bundle_wrap > ul > li .custom_mix.idcard .custom_input input.active + label{background:rgba(255,255,255,0);background:#fff;} .form_bundle_wrap > ul > li .custom_mix.idcard .custom_input input:focus + label{background:rgba(255,255,255,0);} .form_bundle_wrap > ul > li .custom_mix.idcard.active .custom_input:last-child:before{display:block;} .custom_mix.aml .custom_select {width: 100% !important; margin-right: 0;} /* btn */ .btn.btn_arrow {display:inline-block; font-size:14px; line-height:20px;} .btn.btn_arrow:after {display:inline-block; content:""; margin-left:0; background:url('../images/ArrowB_Forward.png') no-repeat center;background-size:100%;width:16px;height:16px;vertical-align:middle;opacity:.64;margin-top:2px;} .btn.btn_arrow.gray:after{opacity:.4;} .safari .btn.btn_arrow:after{margin-top:0px;} .safari .btn.btn_arrow.gray:after{margin-top:0px;opacity:.4;} .btn.btn_arrow.black {color:#000;font-weight:bold;} .btn.btn_arrow.gray {color: rgba(0,0,0,0.64);} .btn.btn_arrow.blue {color: #0070F0;font-weight:bold;} .btn.btn_arrow.blue:after {background:url('../images/ArrowB_Forward_Blue.png') no-repeat center;background-size:100%;width:16px;height:16px;opacity:1;margin-top:3px;} .safari .btn.btn_arrow.blue:after {margin-top:0px;} .btn.btn_arrow span{display:inline-block;vertical-align:middle;} .custom_input.auth input[type="text"] {padding-right:80px;} .custom_input.auth .btn_auth {position:absolute; right:0; top:18px; display:inline-block; padding:6px 12px; background:#ebebeb; font-size:14px; color: rgba(0,0,0,0.20); line-height: 20px; text-align:center; border-radius: 4px;} .custom_input.auth .btn_auth.active {background-color:#000; color:#fff;} .custom_input.auth .time {position:absolute; right:0; top:25px; display:inline-block; font-size:16px; color: rgba(0,0,0,0.40); line-height:22px;} .bundle_list .btn_auth{font-weight:bold;} /* error */ .custom_input.error input[type="text"], .custom_input.error input[type="tel"], .custom_input.error input[type="search"], .custom_input.error input[type="email"], .custom_input.error input[type="password"] {border-bottom:1px solid #ff0000; color:#ff0000 !important;caret-color:#ff0000;} .custom_check.error input[type="checkbox"] + label {color:#ff0000 !important;caret-color:#ff0000 !important;} .custom_select.error select {color:#ff0000;} .bundle_list .error_msg:last-child{margin-bottom:5px;} .error_msg {display:block; margin-top:5px; font-size:12px; line-height:18px; color:#ff0000;} .error_msg.top {position:absolute; right:0; top:2px;margin-top:0;} /* 약관 */ .terms_wrap {margin-top:40px;/*margin-top:65px;*/} .terms_area{margin:24px 0 40px;} .terms_area .terms_wrap{margin-top:0;} .flex_bundle_list + .terms_wrap {margin-top:20px;} .terms_wrap .terms_row {position: relative; padding:17px 15% 17px 12px; background-color:#f5f5f5; border-radius: 8px;} .terms_wrap .terms_row + .terms_row {margin-top:12px;} .terms_wrap.bg_gray .agree_bundle_wrap {background-color:#f5f5f5; border-radius: 8px;} .terms_wrap .agree_all_wrap {margin-bottom:22px;} .terms_wrap.terms_group .agree_all_wrap {/* margin-bottom:0; */} /* 2024-12-17 수정 : 여백삭제 // 2025-03-20 Q11795 #851-1 수정 */ /* S. 2025-06-19 Q1795 #1007 */ .terms_wrap .agree_all_wrap .custom_check label {padding-left:38px; font-size:20px; line-height:26px;} .terms_wrap .agree_all_wrap .custom_check input[type="checkbox"] + label:before {top:-2px; left:0px; width:32px; height:32px; background:url('../images/circle_check_btn_default.png') 0 0 no-repeat; background-size:32px;} .terms_wrap .agree_all_wrap .custom_check label.type1 {padding-left:28px !important; font-size:14px; line-height:20px;} .terms_wrap .agree_all_wrap .custom_check input[type="checkbox"] + label.type1:before {top:-2px; left:0px; width:24px; height:24px; background:url('../images/circle_check_btn_default.png') 0 0 no-repeat !important; background-size:24px !important;} /* 2025-06-24 Q11811 #1061 */ .terms_wrap .agree_all_wrap .custom_check input[type="checkbox"]:checked + label.type1:before {background:url('../images/circle_check_btn.png') 0 0 no-repeat !important; background-size:24px !important;}/* 2025-06-24 Q11811 #1061 */ /* E. 2025-06-19 Q1795 #1007 */ .terms_wrap .agree_all_wrap .custom_check input[type="checkbox"]:checked + label:before {background:url('../images/circle_check_btn.png') 0 0 no-repeat; background-size:32px;} .terms_wrap .agree_all_wrap .custom_check + .text_desc.n_small{padding-left:8px;} /* 2024-12-03 수정 : 여백삭제 */ .agree_bundle_wrap .agree_bundle {border:1px solid #ebebeb; border-radius:8px;overflow:hidden;} .agree_bundle_wrap .agree_bundle.single {border:none;} .agree_bundle_wrap .agree_bundle .custom_check {width:100%; box-sizing: border-box;} .agree_bundle_list > li {border-top:1px solid #ebebeb;} .agree_bundle_list > li:first-child {border-top:none;} .agree_bundle_list > li .header_accordion {padding:17px 12px;} .agree_bundle_list > li .header_accordion .custom_check label:before{background: url(../images/arrow_check_btn_default.png) 0 0 no-repeat;} /* S. 2025-02-06 Q11795 #842 신청서 테두리 */ .agree_bundle_wrap .agree_bundle .custom_check.highlight input[type="checkbox"] + label.focus-visible:before{outline:1px dotted #222;} /* .agree_bundle_list > li .header_accordion .custom_check input[type="checkbox"]:focus + label:before{outline:1px dotted #222;} */ .agree_bundle_list > li .header_accordion .custom_check input[type="checkbox"]:focus + label:before{outline:none;} /* E. 2025-02-06 Q11795 #842 신청서 테두리 */ .agree_bundle_list > li .header_accordion .custom_check input[type="checkbox"]:checked + label:before{background: url(../images/arrow_check_btn.png) 0 0 no-repeat;} .agree_bundle_list > li .header_accordion .custom_check label {margin-right:12.23%;color: #858585;} /* 2025-01-17 Q11811 #825 동의서 점검 간소화 1차 - color값 수정 */ .agree_bundle_list > li .header_accordion .custom_check input[type="checkbox"]:checked + label {margin-right:12.23%;color: rgba(0,0,0,1);} .agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow {position:absolute; right:0px;/*right:1%; top:50%; */top:0;width:24px; height:24px; /*width:10px; height:16px;margin-top:-5px;*/} .agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ico_ArrowB_Down.png) center no-repeat; background-size:100%; opacity: 0.64;} .agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow.active {transform: rotate(180deg)} .agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow span {overflow:hidden; position:absolute; width:1px; height:1px; color:transparent;} /*2023-12-20 Q11067 #499 약관동의개선*/ .agree_bundle_list > li .cont_accordion {display:none;} .agree_bundle_list > li .cont_accordion.active {display:block;} .agree_bundle_list > li .cont_accordion.even {background-color:#f5f5f5; border-top:1px solid #ebebeb;} .agree_bundle_list > li .cont_accordion.line_none {border-top: 0;} .agree_bundle_list > li .cont_accordion .custom_check.first {padding: 17px 15% 17px 12px;} .agree_bundle_list > li .cont_accordion .custom_check.line {border-top:1px solid #ebebeb;} .agree_bundle_list > li .cont_accordion .custom_check label {color: rgba(0,0,0,0.48);} .agree_bundle_list > li .cont_accordion .custom_check input[type="checkbox"]:checked + label {color:#000;} .agree_bundle_list > li .cont_accordion .inner_list + .bg_white {border-top:1px solid #ebebeb;} .agree_bundle_list > li .cont_accordion .text_desc {padding: 0 16px 17px 48px;} .agree_bundle_list > li .cont_accordion .custom_check .text_desc {padding: 10px 0px 0px 38px;} .agree_bundle_list > li .cont_accordion .text_desc.text_desc_align{width:100%;text-align:justify;} .agree_bundle_list > li .cont_accordion .inner_list {margin-top:3px;padding: 0 16px 19px;} .agree_bundle_list > li .cont_accordion .inner_list li {margin-top:6px;} .agree_bundle_list > li .cont_accordion .inner_list li:first-child {margin-top:0;} .agree_bundle_list > li .cont_accordion .inner_list li .custom_check label {font-size:14px; line-height:22px;color: rgba(0,0,0,0.4);} .agree_bundle_list > li .cont_accordion .inner_list li .custom_check label:before {left: 0;top: 0;width:24px;height:24px;background:url('../images/arrow_check_btn_g_default.png');background-size:24px;} .agree_bundle_list > li .cont_accordion .inner_list li .custom_check input:checked + label:before {background:url('../images/arrow_check_btn_g.png');background-size: 24px;} /* .agree_bundle_list > li .cont_accordion .bg_white .custom_check.first {border-top:1px solid #ebebeb;} */ .agree_bundle_list > li .cont_accordion .bg_white + .custom_check.first {border-top:1px solid #ebebeb;} .agree_bundle.single .custom_check.first {/*padding:17px 15% 17px 4.66%;*/padding:17px 15% 17px 12px;} .agree_bundle.single .custom_check.first label{color: rgba(0,0,0,0.48);} .agree_bundle.single .custom_check.first input[type="checkbox"]:checked + label{color: rgba(0,0,0,1);} /* S. 2025-02-06 Q11795 #842 신청서 테두리 */ /* .agree_bundle .custom_check .btn_pop_arrow {display:block; width:24px; height:24px; position:absolute; right:12px; top:17px;} */ .agree_bundle .custom_check .btn_pop_arrow {display:block; width:24px; height:24px; position:absolute; right:12px; top:17px; outline:none;} .agree_bundle .custom_check .btn_pop_arrow:before {display:block; content:""; position:absolute; left:0; top:-1px; width:100%; height:100%; background:url(../images/ArrowB_Forward.png) 0 0 no-repeat; background-size:100%; opacity: 0.64;} .agree_bundle .custom_check .btn_pop_arrow.focus-visible:before{outline:1px dotted #222;} /* E. 2025-02-06 Q11795 #842 신청서 테두리 */ .agree_bundle .custom_check .btn_pop_arrow span {font-size:0;} .agree_bundle .inner_list .custom_check .btn_pop_arrow {top: 0; right: -4px;} .agree_bundle.single .inner_list {margin-top:3px; padding: 0 16px 19px;} .agree_bundle.single .inner_list li {margin-top:6px;} .agree_bundle.single .inner_list li:first-child {margin-top:0;} .agree_bundle.single .inner_list li .custom_check label {font-size:14px; line-height:22px;} .agree_bundle.single .inner_list li .custom_check label:before {left:0; top:0; width:24px; height:24px; background-size:24px;} /* 본인인증 - 휴대폰 */ .flex_bundle_list {width:100%; margin:0 0 24px 0;} .flex_bundle_list:after{display:block;clear:both;content:"";} .flex_bundle_list li{float:left;width:166px;} .js_tab .flex_bundle_list.col2 li{float:left;width:calc(50% - 4px);} .flex_bundle_list li + li{margin-left:8px;width:167px;} .layer_wrap .flex_bundle_list li{float:left;width:145px;} .layer_wrap .flex_bundle_list li + li{/*margin-left:8px;*/width:145px;} .flex_bundle_list.marry_list{margin:10px 0 0;} .flex_bundle_list.marry_list li{width:229px;} .flex_bundle_list.marry_list li + li{width:230px;} .flex_bundle_list li:nth-child(4n+4){margin-left:0;width:166px;} .flex_bundle_list.col2{margin-bottom:0;} .business_row .flex_bundle_list.col2 li{width:calc(50% - 4.5px);display:inline-block;} .layer_content .flex_bundle_list.col2 li {/*{width:49%;*/ width:calc(50% - 4.5px);display:inline-block;} .flex_bundle_list.col2 li.last {width:calc(50% - 4.5px);margin-right:0;} .flex_bundle_list.col2.service_list li:last-child .custom_radio input[type="radio"] + label{padding-top:10px;} /*.flex_bundle_list.col2 li + li {margin-left:9px;}*/ .flex_bundle_list li .custom_radio {width:100%;} .flex_bundle_list li .custom_radio input[type="radio"] + label {display:inline-block;text-align:center; width:100%; padding:16px 5px 16px 5px; font-size:14px; color: rgba(0,0,0,0.48); box-sizing: border-box;} .flex_bundle_list li .custom_radio input[type="radio"] + label .small {display:block; width:100%; font-size:12px; line-height:18px; text-align: center;color:rgba(0,0,0,.4);} .flex_bundle_list li .custom_radio input[type="radio"] + label .small b{font-size:14px;color: rgba(0,0,0,0.48);font-weight:normal;} .flex_bundle_list li .custom_radio input[type="radio"] + label .small span{font-size:14px;font-weight:bold;} .flex_bundle_list li .custom_radio input[type="radio"]:checked + label .small {color:rgba(0,0,0,1);} .flex_bundle_list li .custom_radio input[type="radio"]:checked + label .small b{color:rgba(0,0,0,1);} .flex_bundle_list li .custom_radio input[type="radio"] + label:before {display:none;} .flex_bundle_list li .custom_radio input[type="radio"] + label:before {display:block; content:""; position:absolute; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,0.48); border-radius: 6px; background-image: none;} .flex_bundle_list li .custom_radio input[type="radio"]:checked + label {color:#000; font-weight:bold;} .flex_bundle_list li .custom_radio input[type="radio"]:checked + label b{ font-weight:bold;} .flex_bundle_list li .custom_radio input[type="radio"]:checked + label:before {border-color:#000; border-width:2px;} .flex_bundle_list li .custom_radio.error input[type="radio"] + label {color:#ff0000;} .flex_bundle_list li .custom_radio.error input[type="radio"] + label:before {border-color:#ff0000;} .gpcc_phone_list + .terms_wrap {margin-top:16px;} .sec_category .detailLine_list li{width:100%;margin-left:0;margin-bottom:8px;} .sec_category .business_list{margin-bottom:16px;} .sec_category .business_list li{width:166px;margin-left:0;margin-bottom:8px;} .sec_category .business_list li + li{width:167px;margin-left:8px;} .sec_category .business_list li:nth-child(4n+4){margin-left:0;width:166px;} .house_case{margin:53px 0;} .house_case .flex_bundle_list li{width:254px;margin-left:8px;margin-bottom:0;} .house_case .flex_bundle_list li:first-child{margin-left:0;} .service_list li .custom_radio input[type="radio"] + label {min-height: 60px; flex-wrap: wrap; text-align: center; height: 100%;} /* 본인인증 - 신용·체크카드 */ .box_amex .radio_area {margin-bottom:28px;} .box_amex .radio_area .custom_radio + .custom_radio {margin-left:40px;} .box_amex .input_area {position: relative;} .box_amex .input_area .label {display:inline-block; position:absolute; left:0; top:0; z-index: 10; font-size:12px; line-height:16px; color:rgba(0,0,0,0.40);} /*.box_amex .input_area .label {display:inline-block; position:absolute; left:0; top:0; z-index: 10; font-size:12px; line-height:16px; color:rgba(0,0,0,0.20);}*/ .flex_bundle_list.service_list li .custom_radio input[type="radio"] + label.solo {line-height: 58px; padding: 0;} .box_amex .input_area .custom_input input {padding:20px 20px 10px 0px; border-bottom:none; text-align:center;} .box_amex .input_area .custom_input:before {display:block; content:""; position:absolute; left:-6px; top:36px; width:6px; height:1px; background-color:rgba(0,0,0,0.4);} .box_amex .input_area .custom_input:first-child:before {display:none;} .box_amex .radio_area .custom_radio input[type="radio"] + label {color:#000; font-size:16px; line-height:22px;} .box_amex .input_area .row {width:100%;align-items: center; height:56px;border-bottom:1px solid rgba(0,0,0,0.12);} .box_amex .input_area .row.focus {border-bottom:2px solid rgba(0,0,0,1);} .box_amex .input_area .row.active {border-bottom:2px solid rgba(0,0,0,1);} .box_amex .input_area .row .custom_input{display:block;float:left;width:121px;height:57px;/*text-align:center;*/} .box_amex .input_area .amex .row .custom_input:nth-child(1){width:137px;} .box_amex .input_area .amex .row .custom_input:nth-child(2){width:90px;} .box_amex .input_area .amex .row .custom_input:nth-child(2) input{background:url("../images/masking_star_3.png") no-repeat 34px 4px;} .box_amex .input_area .amex .row .custom_input:nth-child(3){width:90px;} .box_amex .input_area .error {border-bottom:1px solid #ff0000;} .box_amex .input_area .error .custom_input input {color:#ff0000;} .box_amex .input_area .custom_input:nth-child(4) {width:153px;} .box_amex .amex .custom_input:nth-child(3) {width:20%;} .box_amex .amex .custom_input:nth-child(4) {width:199px;} .box_amex .input_area .custom_input input:read-only {color:rgba(0,0,0,0.20);} .box_amex .input_area .custom_input input:disabled {color:rgba(0,0,0,0.20);} .box_amex .input_area .amex {display:none;} .box_amex .input_area .amex .custom_input.align_right input {text-align:right; padding-right:0;} .box_amex .input_area .amex .custom_input:nth-child(3) input {text-align:left;} /*.custom_input #cvv, .custom_input #cardPwd {font-size:26px !important;}*/ .box_amex .input_area .custom_input:nth-child(1) input[type=password], .box_amex .input_area .custom_input:nth-child(2) input[type=password] {font-size:26px;} .box_amex .input_area .custom_input:nth-child(1) input, .box_amex .input_area .custom_input:nth-child(2) input {font-size:26px;color:rgba(0,0,0,0);background:url("../images/masking_star_4.png") no-repeat 34px 4px;} /*.box_amex .input_area .custom_input:nth-child(3) input, .box_amex .input_area .custom_input:nth-child(4) input {font-size:26px;background-size:222%;background-position:1px 16px;}*/ .box_amex .input_area .custom_input:nth-child(3){z-index:10;} .box_amex .input_area .custom_input:nth-child(3):after{display:block;width:100%;height:21px;position:absolute;left:0;top:0;background:#fff;content:"";} .box_amex .input_area .custom_input:nth-child(1) input[type=password]::-webkit-input-placeholder, .box_amex .input_area .custom_input:nth-child(2) input[type=password]::-webkit-input-placeholder {font-size:13px;} .box_amex .input_area .custom_input:nth-child(3) input::-webkit-input-placeholder, .box_amex .input_area .custom_input:nth-child(4) input::-webkit-input-placeholder {font-size:13px;} /*.box_amex .row.active .custom_input{border-bottom:2px solid #000;}*/ .box_amex .row.active.error .custom_input{border-bottom:0;} .box_amex .input_area .amex .custom_input:nth-child(3):before {display:none;} .box_amex .radio_area.js_amex span{font-weight:bold;} .input_area .card_input_area .custom_input input:read-only{padding-top: 31px !important;letter-spacing:.1em;} .input_area .card_input_area .custom_input input[type=password]{width:57px;text-align:left;font-size:40px;letter-spacing: -0.06em;margin-left:27px;} .gecko .input_area .card_input_area .custom_input input[type=password]{padding-top:23px !important;width:60px;} .msie .input_area .card_input_area .custom_input input[type=password]{padding-top:23px !important;width:60px;} .box_amex .input_area .custom_input:nth-child(3) input::-webkit-input-placeholder {font-size:10px !important;letter-spacing:.05em;} .box_amex .input_area .custom_input:nth-child(4) input::-webkit-input-placeholder {font-size:10px !important;letter-spacing:.05em;} .gpcc_phone_list {justify-content: space-between; margin:24px 0 0 0;} .gpcc_phone_list li {margin-bottom:8px;} .gpcc_bank_list {justify-content: space-between; margin:36px 0 32px 0; } /*.desc_black + .gpcc_bank_list{margin-top:40px;}*/ .gpcc_bank_list li {width:166px;margin-bottom:8px;} .gpcc_bank_list li .custom_radio {width:100%;} .gpcc_bank_list.flex_bundle_list li .custom_radio input[type="radio"] + label { width:100%; height:72px; padding:8px; box-sizing: border-box; flex-wrap:wrap;} .gpcc_bank_list li .custom_radio input[type="radio"] + label span {display:block; overflow: hidden; position: relative; width:100%; text-align:center; font-size:14px; color: rgba(0,0,0,0.48); line-height:22px;} .gpcc_bank_list li .custom_radio input[type="radio"] + label:before {display:none;} .gpcc_bank_list li .custom_radio input[type="radio"] + label:before {display:block; content:""; position:absolute; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,0.48); border-radius: 6px; background-image: none;} .gpcc_bank_list li .custom_radio input[type="radio"]:checked + label span {color:#000; font-weight:bold;} .gpcc_bank_list li .custom_radio input[type="radio"]:checked + label:before {border-color:#000; border-width:2px;} .gpcc_bank_list li .custom_radio input[type="radio"] + label span.logo {display:block; position: relative; width:100%; height:34px; overflow:hidden; font-size:0;} .gpcc_bank_list li .custom_radio input[type="radio"] + label span.logo:before {display:block; content:""; position:absolute; left:50%; top:50%; width:66px; height:66px; transform: translate(-50%, -50%); background:url(../images/spr_cardlogo.png) 0 0 no-repeat; background-size:400px auto;} .gpcc_bank_list li.shinhan .custom_radio input[type="radio"] + label span.logo:before {background-position:-200px 0;} .gpcc_bank_list li.samsung .custom_radio input[type="radio"] + label span.logo:before {background-position:-198px -264px;} .gpcc_bank_list li.BC .custom_radio input[type="radio"] + label span.logo:before {background-position:0 0;} .gpcc_bank_list li.KB .custom_radio input[type="radio"] + label span.logo:before {background-position:-132px 0;} .gpcc_bank_list li.hana .custom_radio input[type="radio"] + label span.logo:before {background-position:0 -66px;} .gpcc_bank_list li.lotte .custom_radio input[type="radio"] + label span.logo:before {background-position:-66px 0;} /* 카드 정보 */ .form_card_wrap {position: relative; margin:0 auto; } .form_card_wrap > div.box_card_bundle > div.back_card {background:#fff;position:relative; width:100%; } .form_card_wrap > div.box_card_bundle > div.back_card.old {height:auto;} .form_card_wrap > div.box_card_bundle > div.back_card .form_card span.desc, .form_card_wrap > div.box_card_bundle > div.back_card .form_card span.desc_point {display:block; margin-top:12px; font-size:16px; color: #000; line-height:26px;} .form_card_wrap > div.box_card_bundle > div.back_card .form_card span.desc_point {color: #FF0000;}/* 포인트 컬러 텍스트 */ .form_card_wrap > div.box_card_bundle strong.title {display:block; font-size:24px; color:#000; line-height:32px; } .form_card_wrap > div.box_card_bundle strong.title ~ .form_bundle {margin-top:40px;min-height:540px;} .form_card_wrap > div.box_card_bundle strong.title + .desc ~ .form_bundle, .form_card_wrap > div.box_card_bundle strong.title + .desc_point ~ .form_bundle {margin-top:36px;min-height:505px;} .form_card_wrap > div.box_card_bundle img{width:100%;} .form_card_wrap > div.box_card_bundle strong.title {font-weight:bold;} .direct_input.direct_input2 .custom_input input {font-weight:bold;} .form_card_wrap > div.box_card_bundle.active .front_card {transform: rotateY(180deg);} .form_card_wrap > div.box_card_bundle.active .back_card {z-index: 20; transform: rotateY(360deg);} .form_card_wrap > div.box_card_bundle.active .back_card .form_card {transition-delay: 0.6s; transform: translateY(0); opacity: 1;} .form_card_wrap .form_bundle {margin-top:12px;} .form_card_wrap .form_bundle .box_account {width:100%;margin-bottom:40px;} .form_card_wrap .form_bundle .box_account:after{display:block;content:"";clear:both;} .form_card_wrap .form_bundle .box_account .name_box{position:relative;float:left;width:168px;} .form_card_wrap .form_bundle .box_account .name_box_last{width:336px;margin-left:12px;} .form_card_wrap .form_bundle .box_account .custom_input input[type="text"] {width:100%; height:48px; color:#000; background-color:transparent; border-bottom:1px solid rgba(0,0,0,0.2); font-size:16px; font-weight:bold;} .form_card_wrap .form_bundle .box_account .custom_input input[type="text"] + label {top:19px;font-size:16px; line-height:22px; color:rgba(0,0,0,0.40);padding-top:0;} .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus + label {top:-2px; font-size:12px;} .form_card_wrap .form_bundle .box_account .custom_input input[type="text"].active + label {top:-2px; font-size:12px;} .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus {border-bottom:2px solid #000;} .form_card_wrap .form_bundle .box_account .custom_input.error input[type="text"] {border-bottom-color:#f00;} .form_card_wrap .form_bundle .box_account .custom_input {width:100%;} .form_card_wrap .form_bundle .auto_complete_list {height:186px; overflow-y:auto; margin-top:12px;} .form_card_wrap .form_bundle .auto_complete_list li {font-size:16px; color:#000; line-height:40px;} .form_card_wrap .form_bundle .gpcc_btn_area .btn.gray {margin-top:0; background:rgba(0,0,0,0.08); color:rgba(0,0,0,0.20); border-radius:8px;} .form_card_wrap .form_bundle .gpcc_btn_area .btn.active {background-color:#000 !important; color:#000 !important;} .form_card_wrap .form_bundle .gpcc_btn_area .btn.gray.active {background-color:#000 !important; color:#fff !important;} .name_complete{position:absolute;left:0;top:48px;width:514px;height:144px;overflow:hidden;z-index:100;background:#fff;border: 1px solid #EBEBEB;border-top:0;display:none;} .name_complete .detail_cont{height:145px;} .name_complete .mCSB_scrollTools{margin:5px 0;} .name_complete .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0); filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; } .name_complete .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; } .name_complete:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; } .name_complete .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {background-color:#000; background-color:rgba(0,0,0,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)";} .name_complete .mCSB_scrollTools .mCSB_draggerRail {display:none;} .name_box_last .name_complete{width:334px;} .name_complete a{display:block;color:#000;font-size:16px;line-height:40px;padding:0 25px;box-sizing:border-box;} .name_complete a:hover{background: rgba(0,0,0,0.04);} .name_complete a:focus{background: rgba(0,0,0,0.04);} .form_card_bundle .sec_header {position:relative; margin-bottom:8px; font-size:16px; font-weight:bold; color:#000; line-height:22px;} .form_card_bundle .sec_header .text.kcb {margin-left:2px; font-weight: normal;} .form_card_bundle .sec_header .btn_info {display:block; position:absolute; right:0; bottom:2px; color: rgba(0,0,0,0.64); font-size:14px; font-weight:normal; line-height:20px;} .form_card_bundle .sec_header .btn_info:after {display:inline-block; content:"";background:url(../images/ArrowB_Forward.png) no-repeat center; background-size:100%;width:16px;height:16px;vertical-align:middle;opacity:.4;margin-top:-4px;} .form_card_bundle .sec_body {margin-bottom:40px;} .form_card_bundle .sec_body:last-child {margin-bottom:0;} .form_card_bundle .sec_body .toggle_bundle {border:2px solid rgba(0,0,0,0.04); border-radius:4px;} .form_card_bundle .sec_body .toggle_bundle .toggle_switch {right:10px;} .form_card_bundle .sec_body .box_white {position:relative; height:48px; margin-top:8px; background-color:#fff; border:2px solid rgba(0,0,0,0.04); border-radius:4px; box-sizing:border-box;} .form_card_bundle .sec_body .box_white:first-child {margin-top:0;} .form_card_bundle .sec_body .box_white .toggle_title {font-size:16px; color:#000; line-height:48px;} .form_card_bundle .sec_body .box_white .toggle_switch {position:absolute; top:50%; right:16px; margin-top:-3px; transform:translate(0, -50%);} .fee_txt{color:rgba(0,0,0,.48);font-size:14px;line-height:22px;margin-top:12px;} .cha_txt{font-size:16px;line-height:26px;} p.box_white{background:#fafafa !important;border:0 !important;border-radius:4px;font-size:14px;color:rgba(0,0,0,.64);line-height:20px;padding:14px 16px 14px 16px !important;height:auto !important;} /* 10 - 상세구분 */ .sec_category {position: relative;} .sec_category .h3_title{margin-top:47px;} .detailLine_list li {width:100%;} .detailLine_list.flex_bundle_list li .custom_radio input[type="radio"] + label {font-size:14px;} .business_list {justify-content: space-between;} .business_list li {width:32.7%;} .business_list.flex_bundle_list li .custom_radio input[type="radio"] + label {height:48px; font-size:14px; line-height: 48px;} /*.business_list.flex_bundle_list li:last-child .custom_radio input[type="radio"] + label {padding: 6px 5px; text-align: center; line-height:20px;}*/ .category_bundle .gpcc_tab_wrap {margin-bottom:40px;} .gpcc_tab_wrap .married .tab_nav.col4 li{margin-bottom:0;} .car_num .custom_input{display:block;} .business_row.pad_b6 .flex_bundle_list li{width:254px;} /* box switch */ .toggle_bundle {position:relative; height:48px; padding:0 16px; background-color:#fff; border-radius:5px; box-sizing:border-box;} .layer_popup .toggle_bundle {position:relative; height:56px; padding:0 16px; background-color:#fff; border-radius:5px; box-sizing:border-box;} .toggle_bundle .toggle_title {font-size:16px; color:#000; line-height:44px;} .layer_popup .toggle_bundle .toggle_title {font-size:16px; color:#000; line-height:52px;} .toggle_bundle .toggle_switch {position:absolute; top:50%; right:8px; margin-top:-14px;height:28px;} .toggle_bundle .toggle_switch .custom_check{display:block;} .toggle_bundle.toggle_bundle2 .toggle_switch {position:absolute; top:auto; bottom:13px;right:8px; margin-top:-2px;transform:translate(0, -50%);transform:none;} .toggle_bundle.white {padding:0; border-radius:0;} .toggle_bundle.border {height:48px; border:2px solid #f5f5f5;} .toggle_bundle.border2 {height:48px; border:2px solid #f5f5f5;} .layer_popup .toggle_bundle.border {height:56px; border:2px solid #f5f5f5;} .layer_popup .toggle_bundle.border2 {height:56px; border:2px solid #f5f5f5;} .gpcc_top_title.medium + .toggle_bundle.border{margin-top:36px;border-radius:4px;height:56px;} .gpcc_top_title.medium + .toggle_bundle.border + .text.small{margin-top:16px;} .business_list.flex_bundle_list li .custom_radio input[type="radio"] + label.two_line { padding: 4px 5px; text-align: center; line-height: 20px !important;} .toggle_bundle.border .toggle_title {line-height:52px;} /*.toggle_bundle.border .toggle_switch {margin-top:-3px;}*/ .toggle_bundle.bg_gray {padding: 19px 20px 16px; height:auto; background-color:rgba(0,0,0,0.04);} .toggle_bundle.bg_gray .toggle_title {line-height:22px;} .toggle_bundle.bg_gray .toggle_switch {top:30px; margin-top:0;} .toggle_bundle.bg_gray .desc {margin-top:20px; font-size:14px; color:rgba(0,0,0,0.48); line-height:20px;} .toggle_switch .custom_check input[type=checkbox] + label {cursor: pointer; font-size:0; width: 48px; height: 28px; background: rgba(0,0,0,0.12); display: block; border-radius: 100px; position: relative; padding-left:0; transition: 0.3s;} .toggle_switch .custom_check input[type=checkbox] + label:before {display:none;} .toggle_switch .custom_check input[type=checkbox]:focus + label{outline:1px dotted #222;} .toggle_switch .custom_check input[type=checkbox] + label.over:after, .toggle_switch .custom_check input[type=checkbox] + label:focus:after {outline:none;} .toggle_switch .custom_check input[type=checkbox] + label:after {display:block !important; content: ''; position: absolute; top: 2px; left: 2px; margin-top:0; background:none; width: 24px; height: 24px; background: #fff; border-radius: 90px; transition: 0.3s;} .toggle_switch .custom_check input[type=checkbox]:checked + label {background: #000;} .toggle_switch .custom_check input[type=checkbox]:checked + label:after {left:46px; transform: translateX(-100%);} .toggle_switch .custom_check input[type=checkbox] + label:active:after {width: 24px;} .bundle_list li.origin_cash, .goal_deal {display: none;} .overseas_pay.overseas_pay2 .box_white{height:auto;min-height:48px;background:#fafafa;border:0 !important;} .overseas_pay .box_white .custom_radio, .overseas_pay .box_white .custom_radio input[type="radio"] + label {display: block;padding-left:0;line-height:44px;} .overseas_pay .box_white .custom_radio input[type="radio"]:focus + label{outline:1px dotted #222;} .overseas_pay .box_white .custom_radio input[type="radio"]:focus + label:before{outline:0;} .overseas_pay .box_white .custom_radio input[type="radio"] + label:before {width:0; height:0;} .overseas_pay .box_white .custom_radio input[type="radio"] + label span.logo {position:absolute; top:8px; left:6px; width:52px; height:28px; background:url('../images/img_visa.png') center no-repeat; background-size:36px 12px; font-size:0;} .overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"] + label span.logo {position:absolute;top:9px;top: 50%;transform: translateY(-50%);left:-10px;width:52px;height:28px;background:url('../images/img_visa.png') center no-repeat;background-size:36px 12px;font-size:0;} .overseas_pay .box_white.master .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_master.png'); background-size:30px 20px;} .overseas_pay .box_white.union .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_union.png'); background-size:29px 18px;} .overseas_pay .box_white.amex .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_amex.png'); background-size:52px 28px;} .overseas_pay .box_white.only_nation .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_regularcard.png'); background-size:28px 21px;} .overseas_pay .box_white .custom_radio input[type="radio"] + label span.logo + span {padding-left:70px; color:rgba(0,0,0,0.48); font-size:16px; line-height:22px;} .overseas_pay .box_white .custom_radio input[type="radio"] + label span.logo + span.lineTwo {padding-left:54px;color:rgba(0,0,0,0.64);font-size:16px;line-height: 20px;display:inline-block;padding: 14px 0 12px 54px;word-break: keep-all;} .overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"] + label span.logo + span.lineTwo {padding: 16px 0 16px 54px;} .overseas_pay .box_white .custom_radio input[type="radio"]:checked + label span.logo + span {color:#000; font-weight:bold;} .overseas_pay .box_white .custom_radio input[type="radio"]:checked + label:before {content:''; position:absolute; top: 6px; right: 6px; left:auto; width: 32px; height: 32px; background:url('../images/ico_CheckB.png') center no-repeat; background-size: 32px;} .overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"]:checked + label:before{display:none;} .overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"]:checked + label .lineTwo{color:rgba(0,0,0,0.64);font-weight:normal;} .overseas_pay.big {margin-top:18px;} .overseas_pay.big .box_white + .box_white {margin-top:8px;} .overseas_pay.big .box_white .custom_radio input[type="radio"] + label {padding:12px 12px 10px 18px; border:1px solid #ebebeb; border-radius: 8px; line-height:22px;} .overseas_pay.big .box_white .custom_radio input[type="radio"]:checked + label {border:1px solid #000;} .overseas_pay.big .box_white .custom_radio input[type="radio"] + label span.logo {left:10px; top:50%; transform:translateY(-50%); background-size:43px 14px;} .overseas_pay.big .box_white.master .custom_radio input[type="radio"] + label span.logo {background-size:38px 24px;} .overseas_pay.big .box_white.union .custom_radio input[type="radio"] + label span.logo {background-size:38px 25px;} .overseas_pay.big .box_white.amex .custom_radio input[type="radio"] + label span.logo {background-size:52px 28px;} .overseas_pay.big .box_white.only_nation .custom_radio input[type="radio"] + label span.logo {background-size:35px 27px;} .overseas_pay.big .box_white .custom_radio input[type="radio"] + label span.logo + span {color:#000;} .overseas_pay.big .box_white .custom_radio input[type="radio"] + label span {display:block; font-weight:bold;} .overseas_pay.big .box_white .custom_radio input[type="radio"] + label span .price,.overseas_pay.big .box_white .custom_radio input[type="radio"] + label span .desc {margin-top:2px; font-size:14px; font-weight:normal;} .overseas_pay.big .box_white .custom_radio input[type="radio"]:checked + label:before {right:18px; top:50%; transform: translateY(-50%); background-size:32px;} /* 출금 */ .withdrawal_wrap {margin-top:37px;} .withdrawal_wrap .title {display:block; margin-bottom:13px; font-size:16px; font-weight:bold; color:#000; line-height:22px;} .withdrawal_wrap .date_list {justify-content: space-between; margin:0 0 10px 0;} .withdrawal_wrap .date_list li {width:123px;margin-bottom:8px;display:inline-block;} .withdrawal_wrap .date_list li.fixed{ width: 100%;margin-bottom: 0px;display: inline-block;} .withdrawal_wrap .date_list li:nth-child(4n+4){margin-left:8px;} .withdrawal_wrap .date_list li:nth-child(5n+5){margin-left:0;} .withdrawal_wrap .text_desc_area > .desc {display:none; font-size:16px; color:#000; line-height:26px;} .withdrawal_wrap .text_desc_area > .desc.active {display:block;} .withdrawal_wrap .flex_bundle_list li .custom_radio input[type="radio"] + label:before {border:1px solid #ebebeb;} .withdrawal_wrap .flex_bundle_list li .custom_radio input[type="radio"]:focus + label {outline:1px dotted #222;;} .withdrawal_wrap .flex_bundle_list li .custom_radio input[type="radio"]:checked + label:before {border:2px solid #000;} .withdrawal_wrap .date_list ~ .gpcc_btn_area.fixed{width:92%;margin:0;} .withdrawal_wrap .date_list ~ .gpcc_btn_area .btn{visibility:hidden;} .withdrawal_wrap .date_list ~ .gpcc_btn_area .btn.active{visibility: visible;} .price_list {margin-top:0; justify-content: space-between;} .price_list li {margin-bottom: 0;} /* 리스트 타입 */ .bullet_list {margin-top:11px;} .bullet_list.two_button {padding-bottom:56px;} .bullet_list li {position: relative; margin-top:6px; padding-left:8px; font-size:14px; color: rgba(0,0,0,.64); line-height:22px;} .bullet_list li:before {display:block; content:""; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:rgba(0,0,0,0.4);} .bullet_list li:first-child {margin-top:0;} .bullet_list li .highlight {display: inline-block; position: relative;} .bullet_list li .highlight:before {display: block; content: ""; width: 100%; height: 50%; position: absolute; left: 0; top: 50%; z-index: -1; transform: translateY(-30%); background-color: #f8ff00;} .bullet_list li.loop_line { border-top: 1px solid rgba(0,0,0,.04); padding-top: 19px; margin-top: 27px; color: rgba(0,0,0,.64);} .bullet_list li.loop_line:before {top: 30px;} .bullet_list.js_bank_text li {display:none;} .bullet_list.js_bank_text li.active {display:block;} .text_list {margin-top:12px;} .text_list li {font-size:14px; color:#000; line-height:22px;} /* 리스트 black color */ .bullet_list.black li {font-size: 14px; line-height: 22px; color: #000000;} .bullet_list.black li.loop_line {border-top: 1px solid rgba(0,0,0,.12);} /* 웰컴혜택 */ .welcome_wrap .detail_txt {font-size: 20px; line-height: 26px; margin-top: 30px; margin-bottom: 12px;} .welcome_wrap .detail_txt + p {color: #000000;} .welcome_wrap .bullet_list + .detail_txt {margin-top: 42px;} .welcome_wrap .bullet_list + .bullet_list {margin-top: 60px;} /* 은행·증권사 카드대금 */ .bank_select li{width:100%;} .bank_select li p{color:#000;font-size:16px;line-height:22px;padding:21px 24px 9px 24px;text-align:left;font-weight:bold;} .bank_select input{width:100%;} .bank_select .bank_select_list{display:none;height:359px !important;border:1px solid rgba(0,0,0,0.12);background:#fff;position:absolute;left:0;top:56px;z-index:100;} .bank_select .bank_select_list ul:after{display:block;clear:both;content:"";} .bank_select_list .mCSB_scrollTools{margin:12px 0;} .bank_select_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0); filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; } .bank_select_list:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; } .bank_select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {background-color:#000; background-color:rgba(0,0,0,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)";} .bank_select_list .mCSB_scrollTools .mCSB_draggerRail {display:none;} .bank_select .mCSB_inside > .mCSB_container{margin-right:0 !important;} .bank_box:before{display:block;content: "은행·증권사";clear:both;position:absolute;left:0;top: 21px;width: auto;height: auto;line-height: 26px;font-size: 20px;} .bank_box.active:before{display:none;} .custom_input input.bank_form.active + label{top: 21px;font-size: 20px;line-height: 26px;color: rgba(0,0,0,0.20);opacity:0;} .custom_input input.bank_form.active + label.active{top: -2px;font-size: 12px;line-height: 16px;color: rgba(0,0,0,0.4);opacity:1;} .bank_select .select_wrap.on{border-bottom:2px solid #000;} .gpcc_withdraw_wrap {margin:29px -6.4% 0;} .gpcc_withdraw_tit {padding:0 6.4%; font-size:16px; color:#000; letter-spacing:0; line-height:22px;} .gpcc_withdraw_list {margin:9px 0 50px;} .bank_select .select_wrap{border:0;border-bottom:1px solid rgba(0,0,0,0.12);height:56px;} .bank_select .select_wrap .btn_select{height:56px;font-size:20px;line-height:68px;} .bank_select .select_wrap .ul_select_list{top:58px;} .bank_select .select_wrap .btn_select:after{background: url(../images/ico_ArrowB_Down.png) no-repeat center;background-size: 100%;width: 16px;height: 16px;top: 27px;right: 10px;} .bank_select li .bank_select_list li {position:relative; width:25%;height:auto; text-align:center;float:left;} .bank_select li.on .bank_select_list{display:block;} .bank_select li .mCustomScrollBox,.bank_select li .mCSB_container{overflow:hidden;} .bank_select .bank_select_list li a {display:block; padding:59px 0 9px;color:rgba(0,0,0,.64);font-size:14px;height:auto;line-height:20px;} .bank_select .bank_select_list li.on a,.bank_select .ul_select li a:hover {background:none; color:rgba(0,0,0,.64);} .bank_select .bank_select_list li a:before {content:''; position:absolute; top:-7px; left:50%; transform:translate(-50%, 0); width:80px; height:80px; background:url('../images/spr_cardlogo.png') no-repeat 0 0; background-size:480px auto;} .bank_select .bank_select_list li > span {font-size:14px; color:rgba(0,0,0,0.64); letter-spacing:0; line-height:20px;} .bank_select .bank_select_list li.kb a:before {background-position:-160px 0;} .bank_select .bank_select_list li.shinhan a:before {background-position:-240px 0;} .bank_select .bank_select_list li.woori a:before {background-position:-320px 0;} .bank_select .bank_select_list li.nh a:before {background-position:-400px 0;} .bank_select .bank_select_list li.hana a:before {background-position:0 -80px;} .bank_select .bank_select_list li.ibk a:before {background-position:-80px -80px;} .bank_select .bank_select_list li.sc a:before {background-position:-160px -80px;} .bank_select .bank_select_list li.bnk a:before {background-position:-240px -80px;} .bank_select .bank_select_list li.dgb a:before {background-position:-320px -80px;} .bank_select .bank_select_list li.post a:before {background-position:-400px -80px;} .bank_select .bank_select_list li.kakao a:before {background-position:0 -160px;} .bank_select .bank_select_list li.kfcc a:before {background-position:-80px -160px;} .bank_select .bank_select_list li.kbj a:before {background-position:-160px -160px;} .bank_select .bank_select_list li.city a:before {background-position:-240px -160px;} .bank_select .bank_select_list li.kdb a:before {background-position:-320px -160px;} .bank_select .bank_select_list li.kbank a:before {background-position:-400px -160px;} .bank_select .bank_select_list li.shinhyup a:before {background-position:0 -240px;} .bank_select .bank_select_list li.sh a:before {background-position:-80px -240px;} .bank_select .bank_select_list li.sb a:before {background-position:-160px -240px;} .bank_select .bank_select_list li.nfcf a:before {background-position:-240px -240px;} .bank_select .bank_select_list li.deutsche a:before {background-position:-320px -240px;} .bank_select .bank_select_list li.icbc a:before {background-position:-400px -240px;} .bank_select .bank_select_list li.hsbc a:before {background-position:0 -320px;} .bank_select .bank_select_list li.myasset a:before {background-position:-80px -320px;} .bank_select .bank_select_list li.mirae a:before {background-position:-160px -320px;} .bank_select .bank_select_list li.samsung a:before {background-position:-240px -320px;} .bank_select .bank_select_list li.meritz a:before {background-position:-320px -320px;} .bank_select .bank_select_list li.daishin a:before {background-position:-400px -320px;} .bank_select .bank_select_list li.truefriend a:before {background-position:0 -400px;} .bank_select .bank_select_list li.sk a:before {background-position:-80px -400px;} .bank_select .bank_select_list li.hiib a:before {background-position:-160px -400px;} .bank_select .bank_select_list li.hanwa a:before {background-position:-240px -400px;} .bank_select .bank_select_list li.db a:before {background-position:-320px -400px;} .bank_select .bank_select_list li.hyundai a:before {background-position:-400px -400px;} .bank_select .bank_select_list li.kyobo a:before {background-position:0 -480px;} .bank_select .bank_select_list li.bookook a:before {background-position:-80px -480px;} .bank_select .bank_select_list li.shinyoung a:before {background-position:-160px -480px;} .bank_select .bank_select_list li.eugene a:before {background-position:-240px -480px;} .bank_select .bank_select_list li.ebest a:before {background-position:-320px -480px;} .bank_select .bank_select_list li.cape a:before {background-position:-400px -480px;} .bank_select .bank_select_list li.kiwoom a:before {background-position:0 -560px;} .bank_select .bank_select_list li.toss a:before {background-position:-78px -560px;} /* 2022-12-19 Q10547 토스뱅크 아이콘 수정 */ .bank_box:after{display:block;content:"";background: url(../images/ico_ArrowB_Down.png) no-repeat center;background-size: 100%;width: 24px;height: 24px;position:absolute;top: 21px;right: 0;} .custom_input.bank_box input[type="text"] + label {color:#000;} /* 리볼빙 */ .box_revolving {margin-top:40px; /*margin-bottom: 70px;*/margin-bottom:112px;} .box_info_complete {background-color:#f5f5f5; padding:24px 20px 0 20px; border-radius: 8px;} .box_info_complete .text_top {padding-bottom:24px; text-align:center; font-size: 16px; color: #000; line-height: 24px; font-weight: bold;} .box_info_complete .btn_arrow {display:block; position:relative; padding:17px 0; height:56px; color:rgba(0,0,0,0.64); line-height:22px; font-size:16px; text-align:center;box-sizing: border-box;font-weight: bold;} .box_info_complete .btn_arrow:before {content:''; position:absolute; top:0; left:-20px; padding:0 20px; width:100%; height:1px; background-color:rgba(255,255,255,.64);} .box_info_complete .btn.btn_arrow:after {vertical-align:top; margin-top:4px; opacity: 0.4;} .box_info_complete .btn_arrow span {vertical-align:top;} .revolving_wrap {position: relative; padding-top:20px;padding-bottom:120px;} .revolving_wrap + .revolving_wrap {border-top: 1px solid rgba(0,0,0,.04);} .revolving_wrap + .brand_box{border-bottom:1px solid rgba(0,0,0,.04);padding-bottom:44px;} .brand_box .h3_title{margin-top:17px;} .revolving_wrap .item_bundle {position: relative; padding-bottom:36px;} .revolving_wrap .item_bundle + .item_bundle {padding-top:20px; border-top:1px solid #f5f5f5;} .revolving_wrap .item_bundle.line .bullet_list {margin-top:19px;} .revolving_wrap .item_bundle .btn_arrow {display:block; position: relative; margin-top:15px; font-size:14px; color:#000; line-height:20px; font-weight:bold;} .revolving_wrap .item_bundle .btn_arrow:after {display:inline-block; opacity: 1;} .revolving_wrap .select_area:after {content: ''; display: block; clear: both;} .revolving_wrap .select_area .custom_select {width:49%;float: left;} .revolving_wrap .select_area .custom_select:last-child {width:calc(49% - 7px);} .revolving_wrap .select_area .custom_select label {color:rgba(0,0,0,0.4)} /* 카드 한도 */ .direct_input {display:none; margin-top:18px;} .direct_input .title {display:block; margin-bottom:0; font-size:16px; font-weight:normal; color:#000; line-height:26px;} .direct_input.active {display:block;} .layer_wrap .direct_input.active{padding-bottom:120px;} .direct_input .custom_input input[type="text"], .direct_input .custom_input input[type="tel"] {font-weight:bold;} .direct_input .custom_input input[type="text"], .direct_input .custom_input input[type="tel"]:focus {border-bottom:2px solid #000;} /*2024-09-09 Q11067 기존회원 한도변경*/ .direct_input .custom_input.error input[type="text"], .direct_input .custom_input.error input[type="tel"] {border-bottom:2px solid #ff0000;} .box_info_limit {padding:20px 20px 0 20px; background-color:#D3EFF2; border-radius: 8px;} .box_info_limit .text_top {font-size:16px; color:#000; line-height:24px; font-weight:bold;} .box_info_limit .text_bottom {padding:7px 0 20px 0; font-size:16px; color:#000; line-height:22px;} .box_info_limit .btn_arrow {display:block; position:relative; padding:17px 0; height:56px; color:#00A3B8; line-height:22px; font-size:16px; text-align:center;font-weight:bold;box-sizing: border-box;} .box_info_limit .btn_arrow:after {vertical-align: top; margin-top:4px; background:url('../images/ArrowB_Forward_Mint.png') no-repeat center; background-size:100%; width:16px; height:16px; opacity:1;} .box_info_limit .btn_arrow:before {content:''; position:absolute; top:0; left:-20px; padding:0 20px; width:100%; height:1px; background-color:rgba(255,255,255,.64);} .box_info_limit .btn_arrow span {vertical-align: top;} .direct_input.direct_input2 .custom_input{font-weight:bold; border-bottom:1px solid;} .direct_input.direct_input2 .custom_input input{width:30px;} .direct_input.direct_input2 .custom_input .won{display:inline-block;position:relative;left:0;top:0;margin-top:10px;vertical-align:middle;} /*button style*/ /* 하단 버튼영역 */ .gpcc_btn_area {margin:40px 0 24px 0;width:100%;z-index:1000;} .gpcc_btn_area.full{margin-bottom:0;} .gpcc_btn_area.bottom {margin:40px 0;width:516px;margin-left:-258px;z-index:1000;position:absolute;left:50%;bottom:0;z-index:1;} .gpcc_btn_area.bottom .btn + .btn.gray {margin-top:0;} .gpcc_btn_area.bottom2 {width:516px;margin-left:-258px;z-index:1000;position:absolute;left:50%;bottom:0;margin-bottom:24px} .gpcc_btn_area.bottom2 .btn + .btn.gray {margin-top:0;} .gpcc_btn_area_100 {margin:40px 0 16px 0;width:100%;} .gpcc_top_title + .gpcc_btn_area{margin-top:0;} .gpcc_btn_area.fixed {position:fixed; left:50%; bottom:20px; width:87.2%; transform: translateX(-50%);} .gpcc_07 .gpcc_btn_area.fixed {position:fixed; left:50%; bottom:0px;margin-left:0; width:343px; transform: translateX(-50%);} .CPCCA0142_31 .gpcc_btn_area.full{margin-top:30px;} .gpcc_btn_area.full2 {margin-left:0;width:92%;bottom:0;} .gpcc_btn_area.full .btn {width:100%;} .gpcc_btn_area .btn {display:inline-block; position: relative; width:100%; height:56px; line-height:56px; font-size:16px; text-align:center; font-weight:bold; border-radius: 8px;} .gpcc_btn_area .btn.gray {color: rgba(0,0,0,0.48);margin-top:-16px;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.between .btn.gray{margin:0;} .gpcc_btn_area .btn.gray.choice_agree {margin-top:0; color:rgba(0,0,0,0.4);} .gpcc_btn_area .btn.gray.choice_checked {color:rgba(0,0,0,0.8);} .gpcc_btn_area .btn_default {background-color:#000; color:#fff;} .gpcc_btn_area .btn_gray {background: rgba(0,0,0,0.08); color: rgba(0,0,0,0.20);margin-bottom:16px;} .gpcc_btn_area .btn_black {background: rgba(0,0,0,0.08); color:#000;} .gpcc_btn_area .btn.active {background-color:#000; color:#fff !important;} .gpcc_btn_area .btn.icon_search:before {display:inline-block; vertical-align: middle; content:""; margin-top: -3px; width:24px; height:24px; background:url(../images/ico_SearchB.png) 0 0 no-repeat; background-size:cover;} /* 하단 플로팅 버튼(레이어팝업 아닌경우) */ .floating_btn{position:absolute;left:50%;margin-left:-259px;bottom:24px;width:516px;box-sizing:border-box; z-index:7;align-self:flex-end; background:linear-gradient(to top,rgba(255,255,255,1) 74%,rgba(255,255,255,0));padding-top: 40px;padding-bottom:20px;} .floating_btn .gpcc_btn_area{width:100%;left:0;margin:0 auto;background: #fff;} .floating_btn .btn.gray:last-child {margin-bottom: -20px;} .gpcc_container {padding:0 calc(6.4% - 1px) 40px; box-sizing: border-box;} .gpcc_progress {position: relative; height:60px;width:744px; box-sizing:border-box; text-align:center;margin:0 auto;} .gpcc_progress .progrees_bar {position:absolute; left:50%; top:50%; z-index: 2; width:516px; height:4px; margin:-2px 0 0 -258px; border-radius: 10px; background-color:#fff; transition: all 0.3s;} .gpcc_progress.big .progrees_bar {height:20px;margin:-10px 0 0 -258px;} .gpcc_progress .progrees_bar > span {position:absolute; top:0;z-index: 2; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:right;} .gpcc_progress .progrees_bar.step_half > span{right: 50%;padding-right:10px;} .gpcc_progress .progrees_bar.step14 > span {right: 17.7%;padding-right:10px;} .gpcc_progress .progrees_bar.step17 > span {right:0;padding-right:10px;} .gpcc_progress .progrees_bar:after {content:""; position:absolute; left:0; top:0; width:0; height:100%; background-color:#000; transition: all 0.5s; border-radius: 10px;} .gpcc_progress .progrees_bar.step02:after {width:10%;} .gpcc_progress .progrees_bar.step_half:after{width:50%;} .gpcc_progress .progrees_bar.step09:after {width:52.9%;} .gpcc_progress .progrees_bar.step10:after {width:58.8%;} .gpcc_progress .progrees_bar.step11:after {width:64.7%;} .gpcc_progress .progrees_bar.step12:after {width:70.5%;} .gpcc_progress .progrees_bar.step13:after {width:76.4%;} .gpcc_progress .progrees_bar.step14:after {width:82.3%;} .gpcc_progress .progrees_bar.step15:after {width:88.2%;} .gpcc_progress .progrees_bar.step16:after {width:94.1%;} .gpcc_progress .progrees_bar.step17:after {width:100%;} .gpcc_progress .progrees_bar.step2:after{width:33.3%;} .gpcc_progress .progrees_bar.step3:after{width:50%;} .gpcc_progress .progrees_bar.step4:after{width:66.6%;} .gpcc_progress .progrees_bar.step5:after{width:83.3%;} .gpcc_progress .progrees_bar.step001:after{width:20%;} .gpcc_progress .progrees_bar.step002:after{width:40%;} .gpcc_progress .progrees_bar.step003:after{width:60%;} /* container - content */ .gpcc_process{background:#fff;width:744px;border-radius:24px;margin:0 auto;padding:56px 114px 24px 114px;box-sizing: border-box;min-height:724px;position:relative;} .gpcc_process.gpcc_wrapup{margin-top:60px;} .gpcc_top_title {padding-top:64px;font-family: YouandiModernHEB;font-size: 24px;color: #000000;text-align: left;line-height: 36px;} .safari .gpcc_top_title {padding-top:64px;font-family: YouandiModernHEB !important;font-size: 24px;color: #000000;text-align: left;line-height: 36px;} .gpcc_top_title.medium {margin-bottom:28px; padding-top:0; font-size:24px; font-weight:bold; font-family: 'San Francisco','SF Pro Display', 'Noto Sans KR'; color:#000; line-height:32px; text-align:left; word-break:keep-all; word-wrap:break-word;} .gpcc_top_title.large {padding-top:0; font-size: 28px;} .category_bundle,.sec_category{position:relative;} /* 탭 한줄 */ .gpcc_tab_container{/*min-height:474px;*/} .gpcc_tab_wrap2 .gpcc_tab_container{min-height:auto;} .gpcc_tab_wrap {position: relative;/*margin-bottom:65px;*/z-index:2;} .h3_title.half + .gpcc_tab_wrap{margin-top:12px;} .gpcc_tab_wrap .tab_nav {display:table;width:100%;} .gpcc_tab_wrap .tab_nav li {display:table-cell;padding:0 4px;width:25%;vertical-align:top;} .gpcc_tab_wrap .tab_nav.tab_nav04 {overflow:hidden;width:100%;} .gpcc_tab_wrap .tab_nav.tab_nav04 li {padding:0;width:150px;vertical-align:top;float:left;display:block;margin:0 9px 0 0;} .gpcc_tab_wrap .tab_nav.tab_nav04 li:last-child{margin-top:4px;} .gpcc_tab_wrap .tab_nav.tab_nav04 li.line02 a{font-size:14px;line-height:20px;padding:10px 0;height:60px;} .gpcc_tab_wrap .tab_nav li:first-child{padding-left:0px;} .gpcc_tab_wrap .tab_nav li:last-child{padding-right:0px;} .gpcc_tab_wrap .tab_nav li > a {display:inline-block;text-align:center; align-items: center; width:100%; height:48px;line-height:44px; border:1px solid #ebebeb; font-size:16px; color: rgba(0,0,0,0.48); border-radius: 4px; text-align:center; box-sizing:border-box;} .gpcc_tab_wrap .tab_nav li .custom_radio{width:100%;} .gpcc_tab_wrap .tab_nav li .custom_radio input[type="radio"] + label {display:inline-block;text-align:center; align-items: center; width:100%; height:48px;line-height:44px; border:1px solid #ebebeb; font-size:16px; color: rgba(0,0,0,0.48); border-radius: 4px; text-align:center; box-sizing:border-box;padding-left:0;} .gpcc_tab_wrap .tab_nav li .custom_radio input[type="radio"] + label:before{display:none;} .gpcc_tab_wrap .tab_nav.income li .custom_radio input[type="radio"] + label{line-height:60px;height:60px;} .gpcc_tab_wrap .tab_nav.income li .custom_radio input[type="radio"] + label.line2{line-height:22px;height:60px;padding-top:8px;} .gpcc_tab_wrap .tab_nav li.active > a {color:#000; border:2px solid #000; font-weight:bold;} .gpcc_tab_wrap .tab_nav li.error > a {color:#f00; border:1px solid #f00;} .gpcc_tab_wrap .tab_nav li.active .custom_radio input[type="radio"] + label {color:#000; border:2px solid #000; font-weight:bold;} .gpcc_tab_wrap .tab_nav li.error .custom_radio input[type="radio"] + label {color:#f00; border:1px solid #f00;} .gpcc_tab_wrap .tab_nav li .custom_radio input[type="radio"]:focus + label{outline:1px dotted #222;} .gpcc_tab_wrap .tab_nav li + li {margin-left:8px;} .gpcc_tab_wrap .tab_nav li:nth-child(odd) {margin-left:0;} .gpcc_tab_wrap .tab_nav.col4 {display:block;} .gpcc_tab_wrap .tab_nav.col4:after {display:block;clear:both;content:"";} .gpcc_tab_wrap .tab_nav.col4 li {display:block;float:left;width:254px; margin-bottom:8px;margin-left:0} .gpcc_tab_wrap .tab_nav.col4 li:nth-child(odd){padding-left:0px;} .gpcc_tab_wrap .tab_nav.col4 li:nth-child(even){padding-right:0px;} .gpcc_tab_wrap .tab_nav.tab_nav3{display:block;overflow:hidden;} .gpcc_tab_wrap .tab_nav.tab_nav3 li{display:block;float:left;width: 150px;} .gpcc_tab_wrap .tab_nav.tab_nav3 li + li{margin-left:0;} .gpcc_tab_wrap .tab_nav.tab_nav3 li + li + li +li{margin-top:8px;} .gpcc_tab_wrap .tab_nav.tab_nav3 li:nth-child(3n){padding-right:0;} .gpcc_tab_wrap .tab_nav.tab_nav3 li:nth-child(4n){padding-left:0;} .gpcc_tab_wrap .gpcc_tab_cont {display:none;} .gpcc_tab_wrap .gpcc_tab_cont.active {display:block;} .gpcc_tab_wrap .gpcc_tab_cont .card_area{margin:40px auto; width:344px;height:auto;}/*2024-07-09 #636_디자인적용 :간격 수정*/ .gpcc_tab_wrap .gpcc_tab_cont .card_area.driving{margin:40px auto;}/*2024-07-09 #636_디자인적용 :간격 수정*/ /* .gpcc_tab_wrap .gpcc_tab_cont img{width:336px;margin:40px auto;display:block;} */ .gpcc_tab_wrap ~ .terms_wrap {margin-top:56px;} .btn_small_area .btn {display:none;} .btn_small_area .btn.js_guide {display:block;} /* 리볼빙 */ .text.small02 {margin:-18px 0 0;} .text.small03 {margin:0;} .apply_bundle_list {margin-top:-4px; /*padding-bottom:105px;*/} .apply_bundle_list ~ .gpcc_btn_area{background:#fff;background:-webkit-linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0));} .apply_bundle_list ~ .floating_btn {padding-bottom: 0;} .apply_bundle_list li {position:relative; padding:23px 0 21px;} .apply_bundle_list li + li {border-top:1px solid #f5f5f5;} .apply_bundle_list li .tit {padding-right:69px; font-size:20px; color:#000;/* letter-spacing:-2px;*/ line-height:26px;} .apply_bundle_list li .txt {margin-top:5px; font-size:14px; color:rgba(0,0,0,0.48); line-height:22px;} .apply_bundle_list li .btn.btn_arrow {position:absolute; top:23px; right:0; font-size:16px; font-weight:bold;} .apply_bundle_list li .btn.btn_arrow:after {vertical-align:middle; width:24px; height:24px; margin-top:1px; opacity:1;} .address_list .flex_bundle_list.col2 {margin:0;} .address_list .flex_bundle_list.col2 li {padding:0;} /* .address_list li .icon_search {display:block; position:absolute; right:5px; bottom:25px; width:100%; height:14px; background:url('../images/ico_SearchB.png') right 0 no-repeat; background-size:14px;} .address_list li .icon_search:after {content:''; position:absolute; bottom:-12px; left:0; width:100%; height:1px; background:rgba(0,0,0,0.12);} */ .flex_bundle_list.col2.other .custom_input:first-child {width:35%;} .flex_bundle_list.col2.other .custom_input {width:65%;float:left;} .flex_bundle_list.col2.other .custom_input + .custom_input {/*margin-left:3%;*/margin-left:8px;width: calc(65% - 8px);} /*.flex_bundle_list li .custom_radio input[type="radio"] + label {padding:9px 5px 8px 5px;}*/ .flex_bundle_list li .custom_radio input[type="radio"] + label {padding:0 5px;height:48px;line-height:48px;font-size:16px;} .flex_bundle_list.date_list li .custom_radio input[type="radio"] + label {font-size:16px;} .flex_bundle_list.price_list li .custom_radio input[type="radio"] + label {font-size:16px;} .flex_bundle_list.service_list li .custom_radio input[type="radio"] + label {padding:10px 5px 10px 5px; /*font-size:16px;font-size:3.5vw;*/font-size:14px;color:rgba(0,0,0,.48);height:auto;line-height:normal;} .flex_bundle_list.service_list li .custom_radio input[type="radio"]:checked + label {color:rgba(0,0,0,1);} .flex_bundle_list.service_list li:last-child .custom_radio input[type="radio"] + label{line-height:58px;padding-top:0;} .flex_bundle_list li .custom_radio input[type="radio"] + label:before {border-radius:4px; border-color:#ebebeb;} .flex_bundle_list li .custom_radio input[type="radio"]:checked + label:before {border-color:#000;} .flex_bundle_list li .custom_radio input[type="radio"]:focus + label:before {outline:1px dotted #222;} .flex_bundle_list.gpcc_phone_list li .custom_radio input[type="radio"] + label {padding:0 5px;height:48px;line-height:48px;font-size:16px;} .layer_popup.full .layer_wrap .layer_footer .gpcc_btn_area.full .btn + .btn + .btn {height:auto; line-height: 100%; padding-top:20px; border-left:none; border-radius:8px;} #zipcodeSearch .layer_title_area{border-bottom:0 !important;} /* layer pop */ .layer_popup {position:fixed; top:0;left:0; z-index:999999; width:100%;overflow:hidden; height:100%; display:none;font-family: 'San Francisco','SF Pro Display', 'Noto Sans KR';} .layer_popup.h_650.full .layer_wrap .layer_content{height:586px;} .layer_popup.h_250.alert .layer_wrap{height: 250px;} .layer_popup.h_250.alert .layer_wrap .layer_header.small {padding:52px 0 24px;} .layer_popup.active {display:block;} /*.layer_popup.alert {z-index: 110;}*/ .layer_popup.full.card_design_pop{z-index: 9999999;} .layer_popup.full.card_design_pop:before{display:none;} .layer_popup.full.card_design_pop .layer_wrap{overflow: visible; top:0; right:0; bottom: 0; left:0; margin: auto; background:none; transform: none;} .flex_bundle_list.service_list li .custom_radio.error input[type="radio"] + label {color: #ff0000;} .layer_popup.full.card_design_pop .layer_wrap .gpcc_header{position: fixed;top:24px;right:24px;left:0;} .card_design_pop .gpcc_header .header_close {top:0; right:0; width:48px; height: 48px;} .card_design_pop .gpcc_header .header_close:before {width:48px; height:48px; background: url('../images/ico_X2.png') 0 0 no-repeat;} /*카드디자인 팝업 배경컬러*/ .layer_popup.card_design_pop{background:#e0e0e0;} /*//카드디자인 팝업 배경컬러*/ .layer_popup.unused .layer_wrap{width:384px;} .layer_popup.unused .layer_wrap .layer_header.small{padding-top:48px;padding-bottom:20px;text-align:center;} .layer_popup.tm_pop .layer_wrap{width:516px;} .layer_popup.tm_pop .layer_wrap .layer_header.small{padding:20px 24px 18px 24px;font-size:20px;font-weight:bold;line-height:26px;} .layer_popup.tm_pop .layer_wrap .layer_header.small h1{text-align:left;} .layer_popup.tm_pop .layer_popup .sub_desc{margin-top:18px;} .layer_popup.bottom_sheet.tm_pop .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{margin: 0 auto 24px auto;} .layer_popup.bottom_sheet.tm_pop .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area:after{display:block;content:"";clear:both;} .layer_popup .layer_wrap {overflow:hidden; position:absolute; top:50%; left:50%; z-index: 70; transform: translate(-50%, -50%); width:384px; background-color:#fff; border-radius:16px;} .layer_popup .layer_wrap.layer_wrap2 {overflow:hidden; position:absolute; top:50%; left:50%; z-index: 70; transform: translate(-50%, -50%); width:320px; background-color:#fff; border-radius:16px;} .difficult_popup.layer_popup .layer_wrap{width:516px;} .layer_popup.full .layer_wrap {width:516px;} .layer_popup:before {display:block; content:""; position:absolute; left:0; top:0; z-index: 60; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);} .layer_popup .layer_wrap .layer_container {position: relative;width:100%;height:100%;min-height:225px;overflow:hidden;} /*2023-03-10 Q11067 (최소높이250->225)*/ .layer_popup.alert .layer_wrap .layer_container{min-height:auto;} .layer_popup .layer_wrap .layer_header {padding:20px 60px 18px 24px;} .layer_popup .layer_wrap .layer_header.bor_bottom{border-bottom:1px solid rgba(0,0,0,.12);} .layer_popup.difficult_popup .layer_wrap .layer_header {padding:48px 32px 0;} .yearfee_layer.layer_popup .layer_wrap{width:516px;} .layer_popup.bottom_sheet .layer_wrap.card_popup{height:650px;} /* .yearfee_layer.layer_popup .layer_wrap .layer_header{padding:20px 24px 18px 24px;} */ .layer_popup .layer_wrap .layer_header h1 {font-size: 20px;font-weight: bold;color: #000000;letter-spacing: 0;line-height: 26px;} .layer_popup .layer_wrap .layer_header .title_desc {display:block; margin-top:12px; font-size: 16px; color: #000000; letter-spacing: 0; line-height: 26px;} .layer_popup.bottom_sheet .layer_wrap .layer_header.small {text-align:left;padding: 20px 24px 18px 24px;} /*.layer_popup.bottom_sheet .layer_wrap .layer_header.small + .layer_content{height:584px;}*/ .layer_popup.full.h_650 .layer_wrap .layer_header.small + .layer_content{height:584px;} /*.layer_popup.full.h_650 .layer_wrap .new_bottom_sheet_title + .swiper-container{height:584px;}*/ .layer_popup .layer_wrap .layer_header.small {text-align:center;padding: 72px 0 30px 0;} .layer_popup.alert .layer_wrap .layer_header.small {padding:48px 0 20px 0;} .phone_title{font-size:20px !important;font-weight:bold !important;} .layer_popup.network .layer_wrap .layer_header.small {padding: 72px 0 42px 0;} .layer_popup.alert.car_complete .layer_wrap .layer_header.small {padding:31px 0 3px 0;} .layer_popup .layer_wrap .layer_header.small.small2 {text-align:center;padding: 72px 0 42px 0;} .layer_popup .layer_wrap .layer_header.small.align_left{padding:48px 32px 20px 32px;} .layer_popup .layer_wrap .layer_header.small.blank_58{padding:58px 32px 30px 32px;} .layer_popup .layer_wrap .layer_header.small.blank_45{padding:45px 32px 16px 32px;} .layer_popup .layer_wrap .layer_header.small.blank_71{padding:71px 32px 42px 32px;} .layer_popup .layer_wrap .layer_header.small.align_left .sub_desc{padding:0;} .layer_popup .layer_wrap .layer_header.small h1 {color: #000000;letter-spacing: 0;text-align: center;line-height: 26px;} .layer_popup.bottom_sheet .layer_wrap .layer_header.small h1 {text-align:left;} .layer_popup .layer_wrap .layer_header.small h1 + .sub_desc{font-size:16px;text-align:center;color:rgba(0,0,0,.64);line-height:26px;margin-top:12px;font-weight:normal;display:block;} .layer_popup .layer_wrap .layer_header.small h1 + .sub_desc2 {line-height: 22px;} .layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_content{height:auto;padding-bottom:0;} .layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_content .gpcc_search_result .address_list li:last-child{padding-bottom:0;} .layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_footer{position:relative; padding: 40px 6.4% 0;} .layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_footer .gpcc_btn_area.full {margin-left:0; width:100%;} .layer_popup.basic_pop .layer_wrap .layer_header.small{display:table;width:100%;box-sizing:border-box;} .layer_popup .layer_wrap .layer_header.small .title_desc {margin-top:0;} .layer_popup.basic_pop .layer_wrap .layer_header.small .title_desc {display:table-cell;width:100%;vertical-align:middle;text-align:center;height:97px;} .layer_popup .layer_wrap .layer_header.small h1 + .title_desc {margin-top:12px;} .layer_popup.bottom_sheet .layer_wrap .layer_header .title_large {font-size:20px; font-weight:bold;} .layer_popup.bottom_sheet .layer_wrap .layer_header + .layer_contents .gpcc_tab_wrap {margin-bottom: 0;} .layer_popup .layer_wrap .layer_content {width:100%; box-sizing: border-box;} .layer_popup .layer_wrap .layer_content2 {width:100%; box-sizing: border-box;padding:0 24px;} .layer_popup.full .layer_wrap .layer_container .layer_content2 ~ .layer_footer{position:relative;} .layer_popup .layer_wrap .layer_content.no_data{padding-top:15px;padding-bottom:15px;} .layer_popup.address_pop .layer_wrap{height:650px;} .layer_popup.address_pop .layer_wrap .layer_content {width:100%;/* padding-left:24px; padding-right:24px;*/ box-sizing: border-box;} .layer_popup.bottom_sheet .layer_wrap .layer_header + .layer_content .gpcc_tab_wrap {margin-bottom: 0;} .layer_popup .layer_wrap .layer_content.layer_content_addr {height:calc(100% - 48px);width:100%; padding-left:7.4%; padding-right:7.4%; box-sizing: border-box;} .layer_popup.full .layer_wrap .layer_content {width:100%;box-sizing: border-box;} .layer_popup.full.h_650 .layer_wrap .layer_content {width:100%;box-sizing: border-box;/*height:588px;*/} /*.layer_popup.full.non_height .layer_wrap .layer_content{height:auto;max-height:450px;}*/ .layer_popup .pad_both24{padding:0 24px;} .layer_popup.full.non_height .layer_wrap .layer_content2{height:auto;max-height:450px;} .layer_popup.full.non_height .layer_wrap .layer_content .mCSB_container{height:auto;padding-bottom:120px;} .layer_popup.full.non_height02 .layer_wrap .layer_content .mCSB_container{height:auto; padding-bottom:40px;} /* 2024-07-09 #636_디자인적용 :추가 */ .layer_popup.full.revolving .layer_wrap .layer_content {height:586px;} .layer_popup .layer_wrap .layer_footer {padding:40px 6.4% 16px 6.4%;} .layer_popup .layer_wrap .layer_header.small ~ .layer_footer{padding:28px 0 0 0;} .layer_popup .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{width:100%;} .layer_popup.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer {padding: 40px 0 0 0;} .layer_popup.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{width: 468px;margin: 0 auto 24px auto;} .difficult_popup.layer_popup .layer_wrap .layer_footer{padding:28px 0 0 0;} .layer_popup .sub_desc{padding:0 24px;margin-top:10px;font-size:16px;line-height:26px;} .layer_popup.bottom_sheet .sub_desc{margin-top:10px;font-size:16px;} .layer_popup .sub_desc.sub_desc2{margin-top:18px;font-size:16px;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area {position: relative; border-top:1px solid #ebebeb;margin:0;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area:after{display:block;content:"";clear:both;} /* 작은 팝업 상단 border, margin */ .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.between {border-top:1px solid #ebebeb;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.lonely.full {margin-left:0;margin-bottom:0 !important;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.lonely.full .btn:last-child{margin-bottom:0;} .layer_popup.full .layer_wrap .layer_footer .gpcc_btn_area{border-top:0;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full {flex-wrap: wrap;width:100%;background:#fff;/*margin-bottom:24px;*/} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn {position: relative;float:left; width:50%; box-sizing: border-box; text-align:center; font-size:16px; line-height:56px;color:rgba(0,0,0,.2);} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn.btn_default {background-color:#000; color:#fff;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn.gray {color: rgba(0,0,0,0.48);font-weight:normal;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn.black {color:#000; font-weight: bold;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn + .btn {border-left:1px solid rgba(0, 0, 0, 0.04); border-radius:0;width:calc(50% - 1px);} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn {width:100%;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn + .btn {height:auto; line-height: 100%; padding-top:20px; border-left:none; border-radius:8px;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn + .btn.gray {margin-top:0;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn:last-child{padding-bottom:20px;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn:first-child{margin-bottom:0px;} .layer_title_area {display:block; width:100%; padding:20px 0 18px 24px;box-sizing: border-box;} .layer_title_area.bor_bottom,.new_bottom_sheet_title.bor_bottom,.layer_popup.bottom_sheet .layer_header.bor_bottom {border-bottom: 1px solid rgba(0,0,0,.12);} /*.new_bottom_sheet_title.bor_bottom{padding: 19px 15% 18px 6.4% !important;}*/ .layer_title_area h2 {overflow:hidden; font-weight:bold; font-size:20px; color:#000; text-align:left; line-height:26px; white-space:nowrap; text-overflow:ellipsis;} .safari .layer_wrap .layer_title_area h2 {font-weight:bold;} .layer_popup .layer_wrap .layer_footer{padding:40px 24px 24px;} .layer_popup.scroll .layer_wrap .layer_footer.bottom{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;background:#fff;background:-webkit-linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0));} .layer_popup .layer_wrap .layer_footer.bottom .gpcc_btn_area.full{margin-bottom:0;} .layer_popup .layer_wrap .layer_footer.bottom .gpcc_btn_area.full .btn:last-child{margin-bottom:24px;} .layer_popup .layer_wrap .layer_footer.bottom .gpcc_btn_area.full .btn:first-child{margin-bottom:0px;} .layer_popup .layer_wrap .layer_footer.bottom .gpcc_btn_area.full .btn + .btn{height:56px;margin-bottom:0;} .layer_popup .layer_wrap .btn_full_close {position:absolute; top:8px; right:8px; width:32px; height:32px; font-size:0; z-index:101;} .layer_popup .layer_wrap .btn_full_close span {font-size:0;} .layer_popup .layer_wrap .btn_full_close:before {display:block; content:""; position:absolute; left:0%; top:0%; width:100%; height:100%; background:url('../images/ico_X.png') center no-repeat; background-size:100%;} /*2023-08-xx Q11067 #346 금소법(닫기버튼 터치영역 확대)*/ .layer_popup .layer_wrap .btn_close{position:absolute; top:8px; right:8px; width:48px; height:48px; background:url('../images/ico_popup_close.png') center center no-repeat; background-size:32px; font-size:0;z-index: 10;} /* popup */ .layer_popup .layer_wrap .layer_header.small.align_left, .layer_popup .layer_wrap .layer_header.small.align_left h1 {text-align:left;} .layer_popup .layer_wrap .layer_header.small.align_left .sub_desc {margin-top:16px;} .layer_popup .layer_wrap .layer_header.small .title_small {font-weight:bold; font-size:16px; color:#000000; letter-spacing:0; text-align:center; line-height:22px;} .layer_popup .layer_wrap.layer_wrap2 .layer_header.small .title_small {font-weight:bold; font-size:20px; color:#000000; letter-spacing:0; text-align:center; line-height:26px;text-align:left;} .layer_popup .layer_wrap .layer_header .sub_desc {display:block; margin-top:8px; font-size: 14px; color:rgba(0,0,0,0.64); letter-spacing:0; line-height:22px;} .layer_popup .layer_wrap.layer_wrap2 .layer_header .sub_desc {display:block; margin-top:12px; font-size: 16px; color:rgba(0,0,0,1);/*color:rgba(0,0,0,0.64);*/ letter-spacing:0; line-height:22px;text-align:left;} .layer_popup .layer_wrap .terms_wrap {margin-top:16px;} .layer_popup .layer_wrap .terms_wrap.space2 {margin-top:40px;padding-bottom:120px;} .layer_popup .layer_wrap .terms_wrap.space.two_button {padding-bottom:56px;} .layer_popup .layer_wrap .terms_wrap.space2.two_button {padding-bottom:176px;} .layer_popup .layer_wrap .gpcc_tab_container + .terms_wrap.bg_gray.two_button {padding-bottom:56px;} .layer_popup .layer_wrap .text_black + .terms_wrap.bg_gray {margin-top:24px;} .layer_popup .layer_wrap .terms_wrap.bg_gray {margin-top:40px;} .gpcc_tab_container + .layer_popup .layer_wrap .terms_wrap.bg_gray {margin-top:24px;} .layer_popup .layer_wrap .terms_wrap.space{margin-top:24px;} .layer_popup .layer_wrap .terms_wrap .terms_row .btn_arrow {position:absolute; top:16px; right:12px; width:24px; height:24px; background:url('../images/ArrowB_Forward.png')no-repeat center; background-size:24px; opacity:0.64; font-size:0;} .new_bottom_sheet .layer_slider_wrap.scroll .new_bottom_sheet_title{padding:19px 50px 19px 24px;font-size:20px;border-bottom: 1px solid rgba(0,0,0,.12);} .new_bottom_sheet .new_bottom_sheet_title{color:rgb(10, 10, 10);font-size:20px;font-weight:bold;padding: 20px 50px 18px 24px; line-height:26px;/*height:64px;line-height:64px;transition:all .5s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/}/*2024-07-09 #636_디자인적용 :line-height 추가 */ .new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap .info_num{text-align:left;font-size:20px !important;padding: 0;margin-top: 0;line-height:26px;height: auto;margin-bottom:12px;white-space:pre-line;} .new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap .info_num + ul > li:first-child{margin-bottom:28px;} .new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap{/*padding-bottom:140px;*/} .new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont{/*padding-bottom:120px !important;*/} .new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont.pad_b0{padding-bottom:0px !important;} /*2023-08-xx Q11067 #346 금소법(닫기버튼 터치영역 확대)*/ .new_bottom_sheet.layer_popup.full .layer_wrap .btn_full_close{right:8px;top:8px;width:48px;height:48px;} .new_bottom_sheet.layer_popup.full .layer_wrap .btn_full_close:before{position:absolute; top:0px; right:0px; width:48px; height:48px; background:url('../images/ico_popup_close.png') center center no-repeat; background-size:32px; font-size:0;} .new_bottom_sheet_title .layer_slide_back {position: relative; float: left; width:32px; height:32px;margin:0px 0 0 -10px;} .new_bottom_sheet_title .layer_slide_back:before {display:block; content:""; width:32px; height:32px; background:url(../images/ico_ArrowB_Back.png) 0 0 no-repeat; background-size:32px;} .new_bottom_sheet_title .layer_slide_back.hidden{display:none;} .new_bottom_sheet_title .layer_slide_back span {font-size:0;} /* 약관 팝업 full */ .layer_popup.full .layer_wrap .layer_slider_wrap {position: relative; width:100%; height:100% !important;box-sizing:border-box;/*padding-bottom:75px;*/} .layer_popup.full .layer_wrap .layer_slider_wrap .swiper-slide{display:block;} .layer_popup .lSAction,.layer_popup .lSPager{display:none !important;} .layer_popup.full .layer_wrap .layer_slider_wrap .swiper-wrapper{padding-top:0;} .layer_popup.full .layer_wrap .layer_slider_wrap .info_num{display:block; overflow:hidden; padding:0 8%; height:48px; font-weight:bold; font-size:16px; color:#000; text-align:center; line-height:48px; white-space:nowrap; text-overflow:ellipsis;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont {margin-top:16px;max-height: 584px;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont.mCustomScrollbar{max-height: 584px;} .layer_popup.full .layer_wrap .layer_slider_wrap .mCustomScrollBox.mCSB_inside{padding:0 24px;} .layer_popup.full .layer_wrap .layer_slider_wrap .mCSB_scrollTools{margin:12px 0;} .layer_popup.full .layer_wrap .layer_slider_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0); filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; } .layer_popup.full .layer_wrap .layer_slider_wrap:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; } .layer_popup.full .layer_wrap .layer_slider_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {background-color:#000; background-color:rgba(0,0,0,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)";} .layer_popup.full .layer_wrap .layer_slider_wrap .mCSB_scrollTools .mCSB_draggerRail {display:none;} .layer_popup.full .layer_wrap .layer_slider_wrap .mCSB_inside > .mCSB_container{margin-right:0 !important;padding-bottom:120px;} /*#terms_content_tm.layer_popup.full .layer_wrap .layer_slider_wrap .mCSB_inside > .mCSB_container{padding-bottom:0px;}*/ .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont {margin:0 !important;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .box_layer {margin:0 !important;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont:not(.font_initial) strong {margin-top:16px; font-weight:bold; font-size:20px; color:#000; letter-spacing:0; line-height:26px;} /*2024-03-15 Q11067 #562 .font_initial 추가*/ /* 2023-01-10 Q11024 #255_PLCC모듈화,표준화_SKT,LGU+알뜰폰 관련 항목 추가 및 약관 수정 */ .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont strong.fs14 {font-size:14px;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont strong.fs14 > .terms_bullet {font-weight:bold;} /* //2023-01-10 Q11024 #255_PLCC모듈화,표준화_SKT,LGU+알뜰폰 관련 항목 추가 및 약관 수정 */ .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont:not(.font_initial) .tit {margin-top:16px; font-weight:bold; font-size:20px; color:#000; letter-spacing:0; line-height:26px;} /*2024-03-08 Q11024 #562 .font_initial (금소법태그 상속막음)*/ .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont ol li {margin:8px 0 0 0 !important; font-size:16px; color:#000; letter-spacing:0; line-height:26px;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .txt-con li {margin:8px 0 0 0 !important; font-size:16px; color:#000; letter-spacing:0; line-height:26px;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont:not(.font_initial) p:not(.h3_title, .info_num){margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px;} /*2024-07-24 Q11067 #681 리볼빙개선(h3_title 상속막음)*/ .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont:not(.font_initial) p > strong {margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px; font-weight:normal;}/* 2025-01-17 Q11811 #825 동의서 점검 간소화 1차 - info_num 상속막음 */ /*2024-03-08 Q11024 #562 .font_initial (금소법태그 상속막음)*/ .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .code_name {margin-top:22px; font-size:15px; line-height:normal;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .h4_tit_1 {line-height:26px;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .list_style_1 li {margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .list_style_1 li strong {font-size:16px; font-weight:normal;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .con-type2 ol li ul li strong.tit {font-size:16px;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .new_clause_bold_1 li {margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px; font-family: -apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display', 'Helvetica Neue', 'Apple SD Gothic Neo', '애플 SD 산돌고딕 Neo', 'AppleGothic', '맑은 고딕', San-Serif;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_view {font-size:1.4rem; color:#777; line-height:2.1rem; letter-spacing:-0.08rem;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .kcb_agree, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont.revol {font-size:1.4rem; line-height:1.9rem} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_title, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_view p {word-break:keep-all;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .imp_txt {font-size:1.4rem; line-height:2.1rem;letter-spacing:-0.08rem;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .kcb_agree .pop_txt_list.type3, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type2, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type3, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .cardAlramGuide .pop_txt_list.type2{padding-left:.8rem} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .kcb_agree .pop_txt_list > li:first-child, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list > li:first-child, .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .cardAlramGuide .pop_txt_list > li:first-child {margin-top:0} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list.type2 > li:before{display:inline-block;content:'·'; margin:0 .4rem 0 -.8rem; font-size:1.5rem} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list + p{margin-top:1.5rem} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .txt_color{color:#a27143 !important;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .fb {font-weight:bold;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type4 {margin:1rem 0;padding-left:1.6rem} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type5 {margin:1rem 0;padding-left:1.2rem} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list.type5 > li.bg_starB:before{display:inline-block;content:'※'; margin:0 .0rem 0 -1.2rem; font-size:0.5rem} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h4.tit{position:relative;font-size:1.4rem;color:#111;margin-top:2rem;margin-bottom:0;padding:0 1.5rem;line-height:4rem;background:#f8f8f8; border-bottom:1px solid #e6e6e6;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h4.tit .right {position:absolute;top:0;right:1.5rem;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h4.tit .right span {font-size:1.9rem;vertical-align:middle;font-weight:normal;margin-right:0.2rem;display:inline-block;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .revSimulW {margin-top:1rem;border-top:1px solid #e6e6e6;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .revSimulW:first-child , .revSimul .tit + .revSimulW {border-top:none;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h5 {font-size:1.2rem;margin-top:1rem;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt li {font-size:1.1rem;line-height:1.3rem;color:#777777;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .pop_txt_list.type5 > li.bg_starB {font-size:1.1rem;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .pop_txt_list.type3 > li {font-size:1.1rem;} .area_layer .box_layer .con-type2 .tit{display: block; margin-top: 20px; font-size: 15px; line-height: 15px; color: #000; font-weight: normal; font-family: inherit;} .layer_popup.full .layer_wrap .layer_footer{padding:40px 24px 0;} /*2023-08-xx Q11067 #346 금소법(닫기버튼 터치영역 확대) - 삼성페이 간편등록*/ .layer_popup.full .layer_wrap .btn_full_close {position:absolute; top:8px; right:8px; width:48px; height:48px; font-size:0; z-index:101;} .layer_popup.full .layer_wrap .btn_full_close span {font-size:0;} .layer_popup.full .layer_wrap .btn_full_close:before {position:absolute; top:0px; right:0px; width:48px; height:48px; background:url('../images/ico_popup_close.png') center center no-repeat; background-size:32px; font-size:0;} .layer_popup.full .layer_wrap .layer_container .layer_footer {z-index:10;width:100%;box-sizing:border-box; align-self:flex-end;background:url('../images/background_gradation.png') repeat-x left top;padding-top: 40px;position:absolute; left:0; bottom:0; /*padding-bottom:17px;*/padding-bottom:24px;} .layer_popup.full.carSearch .layer_wrap .layer_container .layer_footer {padding-bottom:24px;} .layer_popup.full .layer_wrap .layer_container .layer_footer.office_search{padding-bottom:0;} .layer_popup.full .layer_wrap .layer_container .layer_footer.office_search .gpcc_btn_area .btn.gray{margin:0;padding:20px 0;font-weight: bold;} .layer_popup.full .layer_wrap .layer_container .layer_footer.fixed {position:absolute; left:0; bottom:20px; width:100%; padding-bottom:0;padding-top:0;} .layer_popup.full .layer_wrap .layer_container .layer_slider_wrap .layer_footer {position:absolute;width:100%; left:0; bottom:0; z-index: 10; padding-bottom:24px !important;background:url('../images/background_gradation.png') repeat-x left top;padding-top: 40px;} .layer_popup.full .layer_wrap .new_bottom_sheet_title ~ .layer_footer .gpcc_btn_area,.layer_popup.full .layer_wrap .new_bottom_sheet_title ~ .layer_footer .gpcc_btn_area a {margin-bottom: 0 !important;} .layer_popup.full .layer_wrap .layer_container .layer_slider_wrap .layer_footer{padding-bottom:0;} .layer_title_area {display:block; width:100%; padding:0 24px; height:64px; box-sizing: border-box;} .layer_title_area.bor_bottom,.new_bottom_sheet_title.bor_bottom,.layer_popup.bottom_sheet .layer_header.bor_bottom {border-bottom: 1px solid rgba(0,0,0,.12);} /*.new_bottom_sheet_title.bor_bottom {padding: 19px 15% 18px 6.4% !important;}*/ .layer_title_area h2 {overflow:hidden; font-weight:bold; font-size:20px; color:#000; text-align:left; line-height:64px; white-space:nowrap; text-overflow:ellipsis;} /* 정보불러오기 */ .my_info_wrap {margin-top:12px;} .my_info_wrap ul li {border-top:1px solid #f5f5f5;} .my_info_wrap ul li:first-child{border-top: 0;} .my_info_wrap ul li .custom_check {width:100%;} .my_info_wrap ul li .custom_check input[type="checkbox"] + label { padding:13px 0 13px 24px; font-size:14px;} .my_info_wrap ul li .custom_check input[type="checkbox"] + label:before {top:13px;width:24px;height:24px;background: url('../images/arrow_check_btn_default.png');background-size:24px;} .my_info_wrap ul li .custom_check input[type="checkbox"]:checked + label:before {top:13px;width:24px;height:24px;background: url('../images/arrow_check_btn.png');background-size:24px;} .my_info_wrap ul li .custom_check input[type="checkbox"] + label .title {margin-left:2px;width:98px;display:inline-block;position: absolute;left: 24px;top: 13px;} .my_info_wrap ul li .custom_check input[type="checkbox"] + label .desc {box-sizing: border-box;width: 100%;padding-left: 98px;display: block;} .gpcc_search_wrap {position: relative; margin-top:14px;} .gpcc_search_wrap .gpcc_search_result{width:100%;/*height:calc(100% - 56px);*/height:500px;} .gpcc_search_wrap .gpcc_search_result.detail_cont{width:516px;margin-left:-24px;padding:0 0 0 24px;box-sizing:border-box;height:516px;} .gpcc_search_wrap .gpcc_search_result.detail_cont .mCSB_scrollTools{margin:15px 0;} .gpcc_search_wrap .gpcc_input_area .custom_input input {font-weight:bold; /*border-bottom:2px solid #000;*/} .gpcc_search_wrap .gpcc_input_area .custom_input input::placeholder {font-weight:normal;} .gpcc_search_wrap .gpcc_input_area .custom_input input.on {font-weight:bold; border-bottom:1px solid rgba(233, 152, 152, 0.12)} .gpcc_search_wrap .gpcc_input_area .custom_input input + .btn_delete{display:none;} .gpcc_search_wrap .gpcc_input_area .custom_input input.on + .btn_delete{display:block;} .custom_input .btn_delete {position:absolute; right:0; top:22px; width:22px; height:22px; background:url(../images/ico_XO.png) 0 0 no-repeat; background-size:cover;opacity:1;} .custom_input .btn_delete span {font-size:0;} .text.gray.small.half.kcb ~ .btn.btn_arrow.blue {margin-top:8px;} .text.gray.small.half.kcb ~ .btn.btn_arrow.blue:after {margin-top:-2px;} .text.gray.small.half.kcb ~ .btn.btn_arrow.blue span {vertical-align: top;} .layer_popup.address_pop .layer_wrap .layer_content > .gpcc_search_wrap {margin-top:10px;} .layer_popup.address_pop .layer_wrap .layer_content > .text_black + .gpcc_search_wrap {margin-top:12px;} /*랩업*/ .select_wrapping {position:relative;} .select_wrapping ul li {position: relative;border-top:1px solid #f5f5f5; padding:16px 0;z-index:1;} .select_wrapping ul li:after{display:block;content:"";clear:both;} .select_wrapping ul li.highlight:before {display:block; content:""; width:100%; height:20px; position: absolute; left:0; top:50%; z-index: -1; transform: translateY(-50%); background-color:#f8ff00;} .select_wrapping ul li:first-child {border-top:none;} .select_wrapping ul li > span {display:block; max-width:60%; font-size:16px; color:#000; line-height:22px;float:left;} .select_wrapping ul li span > em {font-weight: bold;} .select_wrapping ul li .btn {max-width:60%; font-size:16px; line-height:22px; font-weight:bold; text-align: right;float:right;} .select_wrapping ul li .btn:after {margin-top:-3px; width: 24px; height: 24px; opacity: 1;} .select_wrapping ul li .btn span {display:inline-block; max-width:100%; font-size:16px; color:#000; line-height:22px; vertical-align:top;font-weight:bold;} .select_wrapping ul li .address_area > span {display:block;max-width: 150px;margin-right: -6px;} .select_wrapping ul li.address_txt{display:block;} .select_wrapping ul li.address_txt:after{display:block;content:"";clear:both;} .select_wrapping ul li.address_txt a{float:right;padding-right:24px;max-width: none;padding-left:70px;word-break:keep-all;} .select_wrapping ul li.address_txt a:after{position:absolute;right:0;top: 18px;} .select_wrapping ul li.address_txt a span{float:left;text-align:right;display:inline-block;width:100%;max-width: none;} .select_wrapping ul li.address_txt > span{position:absolute;left:0;top:16px;} .payment_day {margin-top:29px;} .payment_day .date {font-size:16px; font-weight:bold; color:#000; line-height:22px;} .payment_day .desc {display:block; margin-top:8px; font-size:16px; color:#000; line-height: 24px;} .text_limited {display:block; margin-top:29px;margin-bottom:9px; font-size:16px; color:#000; line-height:22px;} .terms_division {display:none;} .terms_division.active {display:block;} /* 요청한도 팝업 */ .layer_wrap .flex_bundle_list.price_list li {width:151px;} .layer_wrap .flex_bundle_list.price_list li:last-child {width: 150px;} /*발급완료*/ .gpcc_container.complete_card{height:100%;background:#EBEBEB;} .top_text_area {text-align:center;z-index:10;margin-top:64px;margin-bottom:25px;width: 100%;} .top_text_area strong {display:block; text-align:center; font-size:28px; color:#000; line-height:36px; font-family: 'YouandiModernTB';font-weight:normal;} .safari .top_text_area strong {display:block; text-align:center; font-size:28px; color:#000; line-height:36px; font-family: 'YouandiModernTB' !important;} .top_text_area span {display:block; margin-top:12px; text-align: center; font-size:16px; color:#000; line-height:22px;} .loading_area {width:234px;height:369px;z-index:1;margin:0 auto;position:relative;} .gpcc_container .bg_box{display:block;width:234px;height:369px;padding:0;} .gpcc_container .bg_box:before{display:block; content:"";width:234px;height:369px;border-radius:5px;box-shadow: 0 16px 32px 0 rgba(0,0,0,.24);} .loading_area .inner_loading {position: absolute;left:0;top:149px;width:100%;line-height: 55px;text-align:center;z-index:100;} .loading_area .inner_loading .count {font-family: 'YouandiModernTR'; font-size:64px;line-height:100%;font-weight:bold;} .loading_area .inner_loading small {font-family: 'YouandiModernTR'; font-size:24px; line-height:32px;} .safari .loading_area .inner_loading .count {font-family: 'YouandiModernTR' !important; font-size:64px;line-height:100%;font-weight:bold;} .safari .loading_area .inner_loading small {font-family: 'YouandiModernTR' !important; font-size:24px; line-height:32px;} .loading_area.plate00 .inner_loading{color:#eb1c74;} .loading_area.plate01 .inner_loading{color:#fb9019;} .loading_area.plate02 .inner_loading{color:#eee835;} .loading_area.plate03 .inner_loading{color:#25cbd3;} .loading_area.plate04 .inner_loading{color:#00a885;} .loading_area.plate05 .inner_loading{color:#1d24ab;} .loading_area.plate00 .bg_box:before{background:#83dbe0;} .loading_area.plate01 .bg_box:before{background:#00b3e3;} .loading_area.plate02 .bg_box:before{background:#005cb9;} .loading_area.plate03 .bg_box:before{background:#fc4514;} .loading_area.plate04 .bg_box:before{background:#fc6719;} .loading_area.plate05 .bg_box:before{background:#fd8204;} .gpcc_complete_area {position: relative;overflow:hidden;padding-top:8px;min-height: 780px;} .gpcc_complete_area .desc{font-weight:500;} .gpcc_complete_area .img_area {position: relative; overflow:hidden; margin:0 -7.4%;z-index:1;} .gpcc_complete_area .img_area .img {position: relative; z-index: 2; width:246px; height:390px; margin:0 auto; box-shadow:0 16px 32px 0 rgba(0,0,0,0.08);} .gpcc_complete_area .img_area .img img {max-width:100%;} .gpcc_complete_area .text_area {font-family:'YouandiModernHEB'; font-size:28px; color:#000; line-height:36px;width:384px;margin: -38px auto 0;z-index:2;position:relative;} .safari .gpcc_complete_area .text_area {font-family:'YouandiModernHEB' !important; font-size:28px; color:#000; line-height:36px;width:384px;margin: -38px auto 0;z-index:2;position:relative;} .gpcc_complete_area .text_area .name_card, .gpcc_complete_area .text_area .name_card strong {font-family: 'YouandiModernHEB'; font-weight: normal;} .safari .gpcc_complete_area .text_area .name_card, .safari .gpcc_complete_area .text_area .name_card strong {font-family: 'YouandiModernHEB' !important; font-weight: normal;} .gpcc_complete_area .text_area .desc {display:block; margin-top:12px; font-size:16px; color:#000; line-height:26px; font-family:'San Francisco','SF Pro Display','Noto Sans KR';} .gpcc_complete_area .gpcc_btn_area {position: absolute; bottom: 24px; right: 0; left: 0; margin: auto; width:383px;} .complete_qr{border:1px solid rgba(0,0,0,0.04);border-radius:8px;padding:24px 25px 0 124px;margin:40px auto 0 auto;width:411px;height:122px;box-sizing:border-box;position:relative;} .complete_qr span{padding:8px;background:#fff;position:absolute;left:12px;top:12px;} .complete_qr dl dt{color:#000;font-size:16px;line-height:22px;margin-bottom:4px;} .complete_qr dl dd{color:rgba(0,0,0,.48);font-size:12px;line-height:18px;} /*.gpcc_complete_area .img_area:before {content:"";position: absolute;bottom: -24px;left: 0;padding: 0;width: 100%;height: 206px;box-shadow: none;transform:none;z-index: 8;} .gpcc_complete_area .img_area:before {content:"";position: absolute;bottom: -80px;left: -20%;padding: 0 20%;width: 100%;height: 206px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);transform: rotateZ(172deg);z-index: 8;} .gpcc_complete_area .img_area:after {content:""; position:absolute; width:100%; height:52px; bottom:0; left:0; z-index:10; }*/ .rotate_bg{position: absolute;bottom: -80px;left: -20%;padding: 0 20%;width: 100%;height: 206px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);z-index: 8;} /* loading */ .loading_wrap {position:absolute; left:50%; top:50%; z-index: 100; transform: translate(-50%, -50%);} .loading_wrap p {display:inline-block; position: relative; padding-top:20px; font-size:16px; color:#fff; line-height:26px; text-align: center;font-weight: bold;} .safari .loading_wrap p{font-weight:bold;} .loading_wrap span{display:block;width:72px;height:72px;background:url('../images/loading_circle.png') no-repeat 0 -72px;margin:0 auto;} /*.loading_wrap p:before {display:block; content:""; width:72px; height:72px; position:absolute; left:50%; top:0; z-index: 2; transform: translateX(-50%); background:url(../images/bg_loading.png) 0 0 no-repeat; background-size:cover; animation-name: loading; animation-timing-function: ease-in-out; animation-duration: 1s; animation-iteration-count: infinite;} @keyframes loading { 0% {transform: translateX(-50%) rotate(0);} 25% {transform: translateX(-50%) rotate(90deg);} 50% {transform: translateX(-50%) rotate(180deg);} 75% {transform: translateX(-50%) rotate(270deg);} 100% {transform: translateX(-50%) rotate(360deg);} }*/ /*ie9 lightSlider*/ .lightSlider .swiper-slide{width:100%;} /* swiper 4.2.6 */ .swiper-container { margin: 0 auto; position: relative; /*overflow: hidden;*/ list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1;} .swiper-container-no-flexbox .swiper-slide { float: left;} .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top:3.5rem } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { top: 1.0rem; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #e4e4e4; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #777; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /**/ .swiper-container {width: 100%;height: 100%;} .swiper-container { width: 100%; height: 100%; /*max-height: 542px;*/ } .swiper-slide { background: #fff; /* Center slide text vertically */ display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; } /**/ .new_bottom_sheet_title .layer_slide_back{float:none;margin:0;position: absolute;left:14px;top:20px;} .new_bottom_sheet .new_bottom_sheet_title{position: relative;} .new_bottom_sheet .new_bottom_sheet_title .tit{vertical-align:top;padding-left:22px;line-height:29px;display:inline-block;} .new_bottom_sheet .new_bottom_sheet_title .paging{vertical-align:top;} .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont.mCustomScrollbar{max-height:584px;} .layer_popup.full .layer_wrap .layer_slider_wrap.tit_line2 .detail_cont.mCustomScrollbar{max-height:555px;} .layer_popup.full .layer_wrap .layer_slider_wrap.tit_line2 .bor_bottom + .swiper-container .detail_cont.mCustomScrollbar{max-height:584px;} .layer_popup.full .layer_wrap .layer_slider_wrap .mCustomScrollBox.mCSB_inside{max-height:inherit !important;} /*ie9*/ .layer_popup.full .layer_wrap .layer_slider_wrap .lightSlider{max-height:584px;height:auto !important;} .layer_popup.full .layer_wrap .layer_slider_wrap.tit_line2 .lightSlider{max-height:555px;} .layer_popup.full .layer_wrap .layer_slider_wrap.tit_line2 .bor_bottom + .swiper-container .lightSlider{max-height:584px;} /*ie9*/ .new_bottom_sheet .layer_slider_wrap.back_btn_hidden .new_bottom_sheet_title .layer_slide_back{display:none;} .new_bottom_sheet .layer_slider_wrap.back_btn_hidden .new_bottom_sheet_title .tit{padding-left:0;} .new_bottom_sheet .layer_slider_wrap.tit_line2 .new_bottom_sheet_title.bor_bottom .tit{display:block;padding-right:52px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;} .new_bottom_sheet .layer_slider_wrap.tit_line2 .new_bottom_sheet_title.bor_bottom .paging{position:absolute;right:54px;top:20px;} .agree_all_wrap.mar_b0 .custom_check + .text_desc.n_small{padding-top: 12px;padding-bottom: 20px;padding-left: 4px;font-size: 14px;line-height:20px}/*2021-06-16 02*/ /* 2022-04-28 jquery-ui.min.css (p10 리볼빙 슬라이드) */ /*! jQuery UI - v1.12.1 - 2020-12-13 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* // 2022-04-28 jquery-ui.min.css (p10 리볼빙 슬라이드) */ /* range slider */ .slider_area .ui-widget-header{background:#000 !important;} .slider_area .ui-widget.ui-widget-content{height:10px;background:#e6e6e6;border:none !important;} .slider_area .ui-slider-range-min, .slider_area .ui-corner-all, .slider_area .ui-corner-bottom, .slider_area .ui-corner-right, .slider_area .ui-corner-br{border-bottom-right-radius:5px !important;} .slider_area .ui-slider-range-min, .slider_area .ui-corner-all, .slider_area .ui-corner-bottom, .slider_area .ui-corner-left, .slider_area .ui-corner-bl{border-bottom-left-radius:5px !important;} .slider_area .ui-slider-range-min, .slider_area .ui-corner-all, .slider_area .ui-corner-top, .slider_area .ui-corner-right, .slider_area .ui-corner-tr{border-top-right-radius:5px !important;} .slider_area .ui-slider-range-min, .slider_area .ui-corner-all, .slider_area .ui-corner-top, .slider_area .ui-corner-left, .slider_area .ui-corner-tl{border-top-left-radius:5px !important;} .slider_area .ui-slider-horizontal .ui-slider-handle::before{content:'';display:block;width:40px !important;height:40px !important;background:url(/plcc/pc/images/btn_drag_both_sides.png) no-repeat 0 0 !important;top:-16px !important;text-align:center;line-height:1.6em;border:none !important;color:#000;font-size:16px;position:absolute;left:-15px;} .wrap_slider_payrete{width:460px;height: 100px;margin:50px auto 0;} #slider_payrete{width:100%;} .slide_base{position:relative;width:100%;} .tooltip_revolving{position:absolute;display:none;top:55px;padding:14px;border-radius:3px;border:1px solid #bbb;z-index:10; background:#fff;} .tooltip_revolving p{font-size:14px;color:#777;letter-spacing:-0.1em;} .tooltip_tail{width:11px;height:9px;display:block;position:absolute;top:-9px;} .counter_payrete_num{position:absolute;top:-44px;left:100%;width:fit-content;margin-left:-15px;font-size:16px;color:#000;font-weight:bold;} /* change */ .wrap_slider_period{width:460px;height:100px;margin:70px auto 0;} #slider_period{width:100%;} .counter_period_num{position:absolute;top:-44px;left:100%;width:fit-content;min-width:25px;margin-left:-15px;font-size:16px;color:#000;font-weight:bold;} .range_ruler{width:460px;height:10px;;margin:0 auto;} .range_ruler .flexbox{display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;} .range_ruler .flexbox div{width:2px;height:6px;background:#e6e6e6;position:relative;} .range_ruler .flexbox div:first-child, .range_ruler .flexbox div:last-child{background:#fff;} .range_ruler .flexbox.type1 div:nth-child(5){height:9px;background:#777} .range_ruler .flexbox.type2 div:nth-child(3){height:9px;background:#777} .range_ruler .flexbox div span{display:inline-block;padding-top:14px;text-align:right;font-size:16px;color:#777;position:absolute;} .range_ruler .flexbox.type1 div .num10{left:-12px;} .range_ruler .flexbox.type1 div .num50{left:-12px;} .range_ruler .flexbox.type1 div .num100{left:-12px;} .range_ruler .flexbox.type2 div span{width:27px;} .range_ruler .flexbox.type2 div .num1{left:-14px;} .range_ruler .flexbox.type2 div .num3{left:-14px;} .range_ruler .flexbox.type2 div .num5{left:-14px;} /* //range slider */ /* 2022-05-20 Q10547 #96_PLCC개인정보동의수정 */ .agree_bundle_list > li .header_accordion .custom_check .btn_pop_arrow {top:0;right:0;} .agree_bundle_list > li .open_agree_list {padding:20px 17px;background:#f5f5f5;border-top:1px solid #ebebeb;} .agree_bundle_list > li .open_agree_list .inner_list li {position:relative;padding-left:32px;font-size:14px;line-height:22px;margin-top:6px;color:#858585;word-break:keep-all} .pop_in_radio {display:flex;margin-top:30px;} .pop_in_radio .box_rad01 {position: relative;} .pop_in_radio .box_rad01 + .box_rad01 {margin-left:28px;} .pop_in_radio .radio_label {padding-left:32px;background:#fff;font-size:18px;line-height:26px;} .pop_in_radio .radio_input:focus {outline:none;} .pop_in_radio .radio_input + .radio_label:before {content:'';position:absolute;background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png);background-color:#e0e0e0;border-radius: 100%;top: 2px;left: 0;opacity: 1;background-size: 24px;width: 22.5px;height: 22.5px;} .pop_in_radio .radio_input:checked + .radio_label:before {background-color: #000;} .pop_in_radio .radio_input + .radio_label:after {content:'';background:none;} .pop_in_box {display:block;position: relative;width:100%;padding:17px 19px 23px;margin-top:24px;background-color: rgba(0,0,0,0.04);box-sizing: border-box;} .pop_in_box .p1_b_1ln {color: rgba(0,0,0,0.48);font-weight:bold;line-height:22px;} .pop_in_check {display: flex;position: relative;flex-wrap: wrap;} .pop_in_check .check_label {display: inline-block;position: relative;padding: 4px 0 4px 34px;font-size: 16px;line-height: 22px;color: #858585;cursor: pointer;word-break: keep-all;} .pop_in_check .check_input + .check_label:before {content: '';position: absolute;top: 4px;left: 4px;width: 24px;height: 24px;opacity: 0.2;background: url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b.png) no-repeat 50% 50%;background-size: 32px 32px;} .pop_in_check .check_input:checked + .check_label {color: #000;} .pop_in_check .check_input:checked + .check_label:before {opacity:1;} .pop_in_check .check_input + .check_label:after {background:none;} .pop_in_check.col2 li {width: 50%;margin: 16px 0 0 0;padding: 0;} .terms_tab {display:block;width:100%;margin-top:36px;} .terms_tab .radio_box {display:flex;flex-wrap:wrap;} .terms_tab .radio_box li {width:calc(50% - 8px);} .terms_tab .radio_box li + li {margin-left:16px;} .terms_tab .radio_box li input:focus {outline:none;} .terms_tab .radio_box label {position: relative;width:100%;display: flex;height:64px;justify-content: center;font-size: 20px;align-items: center;line-height:26px;} .terms_tab .radio_box label:before {content:'';position:absolute;left:0;top:0; width:100%;height:100%;border: 1px solid #ccc;border-radius:8px;} .terms_tab .radio_box input:checked + label:before {border:2px solid #000;color: #000;} .terms_tab .radio_box label:after {background:none;} .terms-slide-type2 .layer_slider_wrap .new_btn_prev {top:50%;left:8px;width:48px;height:48px;border-radius:100%;background: rgba(0, 0, 0, .08) url(../images/ico_ArrowB_Back.png) no-repeat center;background-size:32px auto;} .terms-slide-type2 .layer_slider_wrap .new_btn_next {top:50%;right:8px;width:48px;height:48px;border-radius:100%;background: rgba(0, 0, 0, .08) url(../images/ArrowB_Forward.png) no-repeat center;background-size:32px auto;} /* 2022-09-29 Q10549 192_PLCC 리볼빙 제도 개선 *//* 2024-07-24 Q11067 #681 리볼빙개선(사용 안함) .counter_period_num.mw26 {min-width:26px;} .revolPop .pad_l8 {padding-left:8px !important;} .revolPop .box_terms {padding-bottom:40px;} .gpcc_btn_area .btn.btn_revol:before {content:'';display:inline-block;width:14px;height:19px;margin-right:8px;background:url('/plcc/m/images//ico_btnPull_WH.png') no-repeat left top;background-size:14px 19px;vertical-align:-4px;} .layer_popup.revolPop .layer_wrap .layer_slider_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000} .layer_popup.revolPop .layer_wrap .layer_slider_wrap .detail_cont.mCustomScrollbar {max-height:588px;}*/ /* 2023-04-03 Q11060 #304_PLCC_모듈화 리볼빙페이지 UI 개선요청의 건 */ /* .layer_popup.revolPop .layer_wrap .layer_slider_wrap .mCSB_inside > .mCSB_container {padding-bottom:0;} */ .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.col2 {display:flex; justify-content: space-between; align-items: center; width: 100%;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.col2 .btn {width: calc(50% - 9px); border-radius: 8px;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.col2::after {display: none;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.col2 .btn.full {width: 100%;} /* 2024-07-24 Q11067 #681 리볼빙개선(사용 안함) .layer_popup.revolPop .new_bottom_sheet_title .swiper-pagination {position:static;display:inline;text-align:left;} .layer_popup.revolPop .new_bottom_sheet_title .swiper-pagination:before {content:'(';} .layer_popup.revolPop .new_bottom_sheet_title .swiper-pagination:after {content:')';}*/ /* 2022-10-26 Q10546 #211_1원송금 인증 */ .custom_input.auth .btn_auth + .time{right:72px;top:23px} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full.vertical .btn + .btn{border-top: 1px solid #ebebeb;} .layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full.vertical .btn.gray:last-child{margin-bottom: 0;} /* 2022-11-10 Q10546 #211_1원송금 인증 */ .account_transfer_box{padding:16px 16px 18px;background:#fafafa;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);margin-top: 36px;} .account_transfer_box .bank_info span{display: inline-block;height:24px;vertical-align: top;font-size: 16px;color: #000;} .account_transfer_box .bank_info span.bank_name{margin-left: 4px;} .account_transfer_box .bank_info span.bank_account{margin-left: 8px;} .account_transfer_box .bank_logo{width:24px;height:24px;background-size: 100% 100%;} .account_transfer_box .bank_logo.kb{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_kb.png);} .account_transfer_box .bank_logo.shinhan{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_shinhan.png);} .account_transfer_box .bank_logo.woori{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_woori.png);} .account_transfer_box .bank_logo.nh{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_nh.png);} .account_transfer_box .bank_logo.hana{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_hana.png);} .account_transfer_box .bank_logo.ibk{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_ibk.png);} .account_transfer_box .bank_logo.sc{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_std.png);} .account_transfer_box .bank_logo.bnk{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_bnk.png);} .account_transfer_box .bank_logo.dgb{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_dgb.png);} .account_transfer_box .bank_logo.post{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_post.png);} .account_transfer_box .bank_logo.kakao{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_kakao.png);} .account_transfer_box .bank_logo.kfcc{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_mg.png);} .account_transfer_box .bank_logo.kbj{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_jb.png);} .account_transfer_box .bank_logo.city{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_citi.png);} .account_transfer_box .bank_logo.kdb{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_kdb.png);} .account_transfer_box .bank_logo.kbank{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_kbank.png);} .account_transfer_box .bank_logo.shinhyup{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_cu.png);} .account_transfer_box .bank_logo.sh{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_sh.png);} .account_transfer_box .bank_logo.sb{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_sb.png);} .account_transfer_box .bank_logo.hsbc{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_hsbc.png);} .account_transfer_box .bank_logo.toss{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_toss.png);} .account_transfer_box .bank_logo.myasset{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_yuanta.png);} .account_transfer_box .bank_logo.mirae{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_asset.png);} .account_transfer_box .bank_logo.samsung{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_samsung.png);} .account_transfer_box .bank_logo.meritz{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_meritz.png);} .account_transfer_box .bank_logo.daishin{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_daishin.png);} .account_transfer_box .bank_logo.truefriend{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_kis.png);} .account_transfer_box .bank_logo.sk{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_sk.png);} .account_transfer_box .bank_logo.hiib{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_hi.png);} .account_transfer_box .bank_logo.hanhwa{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_hanhwa.png);} .account_transfer_box .bank_logo.db{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_db.png);} .account_transfer_box .bank_logo.hyundai{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_hmsec.png);} .account_transfer_box .bank_logo.kyobo{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_kyobo.png);} .account_transfer_box .bank_logo.bookook{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_bookook.png);} .account_transfer_box .bank_logo.shinyoung{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_shinyoung.png);} .account_transfer_box .bank_logo.eugene{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_eug.png);} .account_transfer_box .bank_logo.ebest{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_ebest.png);} .account_transfer_box .bank_logo.cape{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_cape.png);} .account_transfer_box .bank_logo.kiwoom{background-image: url(/docfiles/resources/mo/images/com/logo/ci/ci_kiwoom.png);} .account_transfer_box .bank_recieve{display: flex;align-items:center;justify-content: space-between;margin-top: 12px;} .account_transfer_box .bank_recieve .bank_recieve_won{font-size: 20px;font-weight: 700;color:#000;} .account_transfer_box .bank_recieve .bank_recieve_won span{font-size: 24px;} .account_transfer_box .bank_recieve .secretStar{display: inline-block;width:16px;height:16px;background: url(/docfiles/resources/mo/images/com/logo/ci/img_SecretStar.png) no-repeat 0 0;background-size: 16px 16px;} .account_transfer_box .bank_recieve .secretStar + .secretStar{margin-left: 8px;} .account_transfer_box .bank_recieve .hc{font-size: 24px;font-weight: 700;color:#000;margin-left: 8px;} .account_transfer_box .bank_recieve img{width: 16px;height: 16px;} /* 2023-02-06 Q11067 #263 크림페이 신규마크업(p18 랩업-해외결제여부팝업 별타입문구 2줄이상 대응) */ .asterisk_list {margin-top:16px;} .asterisk_list>li {position:relative; color:rgba(0,0,0,0.48); font-size:14px; line-height:20px;} .asterisk_list>li:before {content:'*'; display:inline-block; margin:0 4px 0 0;} .asterisk_list>li+li {margin-top:6px;} .asterisk_list.only_nation_list{display: none;} /* 2025-03-31 Q11812 #914_PLCC_메탈플레이트 신청 페이지 확인 요청 */ /* 2022-11-09 Q10863 225_스타벅스,배민,넥슨_무료제공 서비스 문구 변경 (2023-03-08 Q11067 넥슨전용CSS 위치이동) */ .layer_popup.h_590.full .layer_wrap .layer_content {height: 590px !important;} /* 2023-03-22 Q11067 #296 스타벅스 한정판카드 1단계(노랑색 - 공통MO 이미존재, 공통PC 신규추가) */ .highlight_yellow {background:#f8ff00;} /* 2023-04-10 Q10547 #311 PLCC_스타벅스_가족카드신청영역(모듈화) */ .sec_category.family_job .business_list li {width:32.1%;} /* 2023-04-26 Q11060 #325_PLCC_넥슨_디자인선택_이탈방지 팝업 제작요청의건 */ .highlight_txt {position: relative;} .highlight_txt::before {content: ''; display: inline-block; position: absolute; z-index: -1; left: 0; bottom: 0; background-color: #f8ff00; height: 50%; width: 100%; } .sentence_box {padding-top: 10px;} .sentence_box + .more_info {margin-top: 66px;} .sentence_box + .more_info .tit_cline {padding-top: 12px;} .sentence_box + .more_info .bullet_list li, .sentence_box + .more_info .bullet_list.dash_type li {margin-top: 8px;} .desc_strong {display: block; font-size: 20px; line-height: 26px; font-weight: 600;} .desc_strong + .text.gray {display: block; margin: 14px 0 0 0;} .layer_popup.full .layer_wrap .layer_slider_wrap .cont_wrap {transition: max-height .5s ease; max-height: 584px;} .layer_popup.scroll_type.full .layer_wrap .layer_slider_wrap .cont_wrap.mCustomScrollbar {max-height: 210px;} /* 2023-05-02 Q10941 #305 자택주소 오토필_돋보기 클릭 시 주소창 팝업 처리 건 */ .custom_input .icon_search {display: inline-block; position: absolute; right: 0; top: 24px; z-index: 2; width: 24px; height: 24px; background: url(/plcc/pc/images/ico_SearchB.png) 0 0 no-repeat; background-size: cover;} /* 2023-04-28 Q10941 #327 약관 내 동의 체크 개별 삽입 처리 */ .detail_cont .mini_chk { padding: 16px 0;} .detail_cont .bor_bot0 {border-bottom: none !important;} .detail_cont .mini_chk .pop_in_radio {padding-top: 16px; margin-top: 0;} .detail_cont .mini_chk .pop_in_radio .radio_label {font-size: 16px !important; font-weight: 500; color: rgba(0,0,0,0.48); padding: 0 0 0 34px; line-height: 28px !important;} .detail_cont .mini_chk .pop_in_radio .radio_input + .radio_label:before {background-size: 24px; width: 24px; height: 24px; top: 2px;} .detail_cont .mini_chk .error_msg {display:block; font-size: 12px !important; line-height: 18px !important; margin-top: 6px !important; color: #ff0000 !important;} .detail_cont .mini_chk .pop_in_radio .box_rad01 + .box_rad01 {margin-left: 40px !important;} /* 2023-06-05 Q10941 #354_PLCC_부가서비스 개선 및 통신비결제_스크롤 시 유의사항 노출 처리 건 */ .layer_popup.new_bottom_sheet.full.scroll_type .layer_wrap .detail_cont {max-height: 340px; transition: max-height .5s ease;} .layer_popup.new_bottom_sheet.full.scroll_type.type01 .layer_wrap .detail_cont {max-height: 440px;} .layer_popup.new_bottom_sheet.full.scroll_type.type02 .layer_wrap .detail_cont {max-height: 290px;} .layer_popup.new_bottom_sheet.full.scroll_type.type03 .layer_wrap .detail_cont {max-height: 390px;} /*2024-06-12 Q11067 #643*/ .layer_popup.new_bottom_sheet.full.scroll_type.scrolled .layer_wrap .detail_cont {max-height: 584px;} .layer_popup.new_bottom_sheet.full.scroll_type .notice_wrap {padding-top: 64px;} .layer_popup.new_bottom_sheet.full.scroll_type .notice_wrap .bullet_list li:not(:first-child) {margin-top: 8px;} .split_line {position: relative; margin-bottom: 32px; padding-bottom: 32px;} .split_line::before {content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; background-color: #ebebeb;} /* 2023-06-15 Q10941 #373_PLCC_리퀴지 TM동의서 수정 */ .card_plcc .layer_popup .layer_wrap .layer_container .detail_cont .detail_cont_item_list li:not(:first-child) {margin-top: 28px;} .card_plcc .layer_popup .layer_wrap .layer_container .detail_cont .detail_cont_item_list .pop_in_radio li {margin-top: 0; margin-bottom: 0; padding-left: 0;} /* 2023-11-01 Q11024 #467 결좌계좌 내 계좌조회하기 기능 추가 제작 요청의 건 */ .layer_popup .layer_container .layer_content.s_pb {padding-bottom:24px;} .bank_select.type02 .bank_select_list {display:block; position:relative; top:0; border:none; height:auto !important;} .bank_select.type02 .bank_select_list .bank_tit {padding-left:0; padding-right:0;} /* 2024-07-09 #636_디자인적용: 추가 */ /* --출금계좌 입력 화면 내 링크 ui 추가-- */ .link_box_type + .btn {margin-top:40px;} .link_box_type .link_area {display:block; position:relative; border:1px solid rgba(0,0,0,.20); border-radius:8px; background-color:#fff; padding:18px 12px 18px 24px;} .link_box_type .link_area:before {display:block; content:""; position:absolute; right:12px; top:18px; width:24px; height:24px; background:url(../images/ArrowB_Forward.png) no-repeat 50% 50%; background-size:24px 24px;} .link_box_type .link_area .sub_text {display:block; padding-right:24px; font-size:14px; color:rgba(0,0,0,.48); line-height:22px; font-weight:500;} .link_box_type .link_area .title {display:block; margin-top:4px; font-size:20px; color: #000000; line-height:26px; font-weight:700;} /* --금결원 계좌목록-- */ .acc_list .chk_list_type {margin-top:12px; position:relative;} /* 2025-04-18 Q11870 넥슨 간소화 추가 */ .acc_list .more_btn {margin-top:12px;} .more_btn {display:flex; justify-content:center; margin:12px auto 0 auto; position:relative; background-color:transparent; font-size:14px; color:#000; line-height:20px; font-weight:700;} .more_btn span {display:inline-block; position:relative; padding-right:16px; background:url('../images/ico_ArrowB_Down.png') no-repeat right; background-size:16px 16px;} /* // 2025-04-18 Q11870 넥슨 간소화 추가 */ .chk_list_type li {position:relative;} .chk_list_type input.blind {width:100% !important; height:100% !important; clip:initial; clip-path:none; -webkit-border-radius:0; -webkit-appearance:none; background-color:transparent;} .chk_list_type input[type="radio"]:checked + label:after{content: ''; display:block; margin-top:0; position: absolute; top:50%; transform:translateY(-50%); right:0px; left:auto; width: 32px; height:32px; background: url('../images/ico_CheckB.png') center no-repeat; background-size: 32px;} .chk_list_type .list_cont {display:flex; position:relative; align-items:center; padding:14px 0 14px 60px; border-bottom:1px solid rgba(0,0,0,0.04);} /* -금결원 계좌목록 뱅크 로고- */ .chk_list_type .list_cont .ci_bank {content: ''; display:block; position: absolute; top:50%; left:0px; transform: translateY(-50%); width:60px; height:60px; background: url('../images/spr_cardlogo.png') no-repeat 0 0; background-size: 360px auto;} .chk_list_type .list_cont .ci_bank.kb {background-position:-120px 0;} .chk_list_type .list_cont .ci_bank.shinhan {background-position:-180px 0;} .chk_list_type .list_cont .ci_bank.woori {background-position:-240px 0;} .chk_list_type .list_cont .ci_bank.nh {background-position:-300px 0;} .chk_list_type .list_cont .ci_bank.hana {background-position:0 -60px;} .chk_list_type .list_cont .ci_bank.ibk {background-position:-60px -60px;} .chk_list_type .list_cont .ci_bank.sc {background-position:-120px -60px;} .chk_list_type .list_cont .ci_bank.bnk {background-position:-180px -60px;} .chk_list_type .list_cont .ci_bank.dgb {background-position:-240px -60px;} .chk_list_type .list_cont .ci_bank.post {background-position:-300px -60px;} .chk_list_type .list_cont .ci_bank.kakao {background-position:0 -120px;} .chk_list_type .list_cont .ci_bank.kfcc {background-position:-60px -120px;} .chk_list_type .list_cont .ci_bank.kbj {background-position:-120px -120px;} .chk_list_type .list_cont .ci_bank.city {background-position:-180px -120px;} .chk_list_type .list_cont .ci_bank.kdb {background-position:-240px -120px;} .chk_list_type .list_cont .ci_bank.kbank {background-position:-300px -120px;} .chk_list_type .list_cont .ci_bank.shinhyup {background-position:0 -180px;} .chk_list_type .list_cont .ci_bank.sh {background-position:-60px -180px;} .chk_list_type .list_cont .ci_bank.sb {background-position:-120px -180px;} .chk_list_type .list_cont .ci_bank.nfcf {background-position:-180px -180px;} .chk_list_type .list_cont .ci_bank.deutsche {background-position:-240px -180px;} .chk_list_type .list_cont .ci_bank.icbc {background-position:-300px -180px;} .chk_list_type .list_cont .ci_bank.hsbc {background-position:0 -240px;} .chk_list_type .list_cont .ci_bank.myasset {background-position:-60px -240px;} .chk_list_type .list_cont .ci_bank.mirae {background-position:-120px -240px;} .chk_list_type .list_cont .ci_bank.samsung {background-position:-180px -240px;} .chk_list_type .list_cont .ci_bank.meritz {background-position:-240px -240px;} .chk_list_type .list_cont .ci_bank.daishin {background-position:-300px -240px;} .chk_list_type .list_cont .ci_bank.truefriend {background-position:0 -300px;} .chk_list_type .list_cont .ci_bank.sk {background-position:-60px -300px;} .chk_list_type .list_cont .ci_bank.hiib {background-position:-120px -300px;} .chk_list_type .list_cont .ci_bank.hanwa {background-position:-180px -300px;} .chk_list_type .list_cont .ci_bank.db {background-position:-240px -300px;} .chk_list_type .list_cont .ci_bank.hyundai {background-position:-300px -300px;} .chk_list_type .list_cont .ci_bank.kyobo {background-position:0 -360px;} .chk_list_type .list_cont .ci_bank.bookook {background-position:-60px -360px;} .chk_list_type .list_cont .ci_bank.shinyoung {background-position:-120px -360px;} .chk_list_type .list_cont .ci_bank.eugene {background-position:-180px -360px;} .chk_list_type .list_cont .ci_bank.ebest {background-position:-240px -360px;} .chk_list_type .list_cont .ci_bank.cape {background-position:-300px -360px;} .chk_list_type .list_cont .ci_bank.kiwoom {background-position:0 -420px;} .chk_list_type .list_cont .ci_bank.toss {background-position:-60px -420px;} .chk_list_type .list_cont .ci_bank + .text_cont {margin-left:24px;} .chk_list_type .list_cont .text_cont {width:100%; padding-right:40px;} .chk_list_type .list_cont .text_cont .title {display:block; font-size:16px; color:#000; letter-spacing:0; line-height:22px; font-weight:500;} .chk_list_type .list_cont .text_cont .sub {display:block; margin-top:2px; font-size:14px; color:rgba(0,0,0,0.48); line-height:20px; font-weight:500;} /* 2023-12-19 Q10547 #495_GPCCPLCC_금소법,특금법 페이지 통합 개선 요청의건 */ .box_solid.essential{margin:56px 0 0;padding:14px 0;background:#ebebeb;border-radius:4px;text-align:center;} /*2023-12-20 Q11067 #499 약관동의개선(전체동의토글 신규추가*/ .terms_wrap .agree_all_wrap.allCheckType {margin-bottom:0;} /* 2024-04-11 Q11067 #600 금소법 UI개선 */ .terms_wrap .agree_all_wrap.allCheckType .custom_check label {display:block; position:initial; margin-right:40px; padding:17px 0; padding-left:54px !important; font-size:16px; font-weight:bold; line-height:22px; color:#000;}/* 2024-07-09 #636_디자인적용 :텍스트컬러값 수정 */ .terms_wrap .agree_all_wrap.allCheckType .custom_check input[type="checkbox"] + label:before {content:''; display:block; position:absolute; left:10px; top:50%; margin-top:-18px; width:36px; height:36px; background:url(../images/circle_check_btn_default.png) 0 0 no-repeat; background-position:center !important; background-size:100% !important;} /*아이콘이 32px작아서 영역을 키움*/ .terms_wrap .agree_all_wrap.allCheckType .custom_check input[type="checkbox"]:checked + label:before {background: url(../images/circle_check_btn.png) 0 0 no-repeat;} .agree_all_wrap.allCheckType .custom_check {display:block;} .agree_all_wrap.allCheckType .custom_check input[type="checkbox"] + label:after {content:''; display:block !important; margin-top:0; background-position:0; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #000; border-radius:8px; box-sizing:border-box;}/* 2024-07-09 #636_디자인적용 :테두리 수정 */ .agree_all_wrap.allCheckType .custom_check input[type="checkbox"]:checked + label:after {border:2px solid #000;} /*new*/ .agree_all_wrap .custom_check .btn_accor_arrow {position:absolute; right:13px; top:50%; margin-top:-12px; width:24px; height:24px;} .agree_all_wrap .custom_check .btn_accor_arrow:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ico_ArrowB_Down.png) center no-repeat; background-size:100%; opacity: 0.64;} .agree_all_wrap .custom_check .btn_accor_arrow.active {transform: rotate(180deg)} .agree_all_wrap .custom_check .btn_accor_arrow span {overflow:hidden; position:absolute; width:1px; height:1px; color:transparent;} /*inner_list*/ .agree_bundle_list > li .cont_accordion .inner_list.terms_margin {margin-top:0; padding:12px 16px;} .agree_bundle_list > li .cont_accordion .inner_list.terms_margin li {margin-top:0;} .agree_bundle_list > li .cont_accordion .inner_list.terms_margin li .custom_check label {padding:5px 24px 5px 32px;} .agree_bundle_list > li .cont_accordion .inner_list.terms_margin li .custom_check label:before {top:4px;} .agree_bundle .inner_list.terms_margin .custom_check .btn_pop_arrow {top:8px; right:0; width:16px; height:16px; background-size:16px;} /* 2024-02-02 Q11024 #530 PLCC_0단계 개선 */ .plcc_header .close_bt.black {background:url('./../../../plcc/pc/images/ico_X_black.png') no-repeat 0 0; background-size:contain;} .card_plcc.pd_info .gpcc_top_title {font-size:40px; color:#000; text-align:center; line-height:40px;} .intro_cont2 {overflow:hidden;} .intro_cont2 .swiper-container {height:auto; padding-top:64px; background:none;} .intro_cont2 .swiper-container > ul {overflow-x:auto; display:block; height:auto; padding-top:0; font-size:0; text-align:center; white-space:nowrap;} .intro_cont2 .flowAni > ul {overflow:initial; transition-timing-function:linear;} .intro_cont2 .swiper-container > ul > li {display:inline-block; width:auto; height:auto; background:none; vertical-align:top;}/* 2024-07-08 Q11024 #663 :vertical-align 추가(카드네이밍 두줄짜리 대응)*/ .intro_cont2 .swiper-container > ul > li:first-child {padding-left:24px;} .intro_cont2 .swiper-container > ul > li .card_cnt {display:block; margin-right:40px; box-sizing:border-box;} .intro_cont2 .swiper-container > ul > li .card_cnt .card {width:173px;} .intro_cont2 .swiper-container > ul > li .tit {display:block; width:173px; margin-top:12px; padding-right:40px; color:#000; font-size:16px; font-weight:bold; line-height:22px; text-align:center; box-sizing:content-box;}/* 2024-07-08 Q11024 #663 : box-sizing 추가(틀어짐 대응) */ .intro_cont2 .swiper-container > ul > li:last-child .card_cnt {margin-right:24px;} .intro_cont2 .swiper-container > ul > li:last-child .tit {padding-right:24px;} /*NEW*/ .card_plcc.pd_info .intro_cont2 + .pd_info_box .info_box {padding-top:64px;} /* 기존 있는 0단계 페이지 class 겹쳐 + 연산자 씀 */ .radiusico {display:inline-block; padding:2px 8px; border-radius:40px; background-color:#000; color:#fff; font-size:14px; line-height:20px; font-weight:700; white-space: nowrap;} .radiusico.sml {padding:0 6px;font-size:12px;} /*네이버페이 직접입력*/ .pd_benefit_box {padding:24px; border:1px solid #e0e0e0; border-radius:24px; font-weight:bold;} .pd_benefit_item {display: flex;} .pd_benefit_item + .pd_benefit_item {margin-top:20px;} .pd_benefit_item .tit {padding-right:8px;} .pd_benefit_item .con {color:#000; font-size:16px; line-height:22px;} .pay_area2 {margin: 80px auto 0; text-align:center;} .pay_area2 .img {width:108px; margin:0 auto;} .pay_area2 img {height: 72px;} .pay_area2 .main_text {display: block; margin-top: 24px; font-size: 20px; line-height: 26px; font-weight: 700;} .pay_area2 .main_text2 {display: block; margin-top: 12px; font-size: 16px; line-height: 22px; font-weight: 700;} .pay_area2 .btn_text {display: inline-block; margin-top: 24px; font-size: 16px; line-height: 20px; font-weight: 500;} .pay_area2 .btn_arrow_b {padding-right: 16px; background: url('./../../../plcc/pc/images/ico_arrowB_forward_blueApple.png') no-repeat 100% 50%; background-size: 16px 16px; color: #000;} .pd_info_box .accod_list_wrap {margin:80px 0 40px 0;} .pd_info_box .accod_list .accodWrap .accodBtn {padding:20px 0; font-size:16px; line-height:22px; color:#000; font-weight:500; border-bottom:1px solid #ebebeb;} .pd_info_box .accod_list .accodWrap .accodBtn h3 {font-size:16px; line-height:22px; color:#000; font-weight:500;} .pd_info_box .accod_list.cardExplain_type .accodSlide {padding-bottom:24px;} .pd_info_box .accod_list.cardExplain_type .accodWrap:last-child.on .accodSlide {padding-top:4px;} .pd_info_box .pd_list0.type02.dot > li > ul {margin-top:3px;} .pd_tit_type1 {padding:32px 0 12px 0; font-size:14px; color:#000; line-height:22px; font-weight:bold;} /*2024-02-23 Q11067 #510 PLCC_0단계 개선(미래에셋 PC추가)*/ .pd_info_box .accod_list_wrap + .pd_tit_type1 {padding-top:0;} .card_PLCC .pd_list0.dot + .pd_list0.dot {margin-top:32px;} /* 2024-02-13 Q11024 #536 PLCC_0단계 개선_(넥슨3종) 테이블 구조 class 추가 */ .card_plcc .terms_context table.bg_th_type1 th {background: #f5f5f5;} .card_plcc .terms_context table.tb_vtm td {vertical-align: middle;} .card_plcc .terms_context table td.tal {text-align: left;} /*2024-02-22 Q11067 #523 PLCC브랜드통합(네이버페이 직접입력)*/ .box_link_arrow.arrow_24 > a {line-height:initial; height:56px; padding:15px 48px 17px 16px; background-color:#ebebeb; word-break:break-all; box-sizing:border-box;} .box_link_arrow.arrow_24 > a:after {top:16px; right:12px; width:24px; height:24px; background: url(../images/ArrowB_Forward.png) 0 0 no-repeat; background-size:100% auto;} .box_link_arrow.arrow_24 > a .radiusico {margin-left:4px; padding:0 6px;font-size:12px; vertical-align:bottom;} .box_link_arrow > a.outline {border:1px solid #ccc; background-color:#fff;} /* 2024-03-26 Q11024 #584_PLCC_본인인증_네이버인증_계좌입력 유도_제작요청의건 */ .layer_popup.full .layer_content .cont_pb {display:block; padding-bottom:50px;} .layer_popup .bank_select.s_bank .bank_select_list {height:280px !important;} /*2024-02-22 Q11067 #523 PLCC브랜드통합(0단계 상품 확대보기 팝업 추가)*/ .card_plcc .layer_popup.card_D_select .back_side_view_btn {margin-top:12px; font-weight:normal;} .layer_popup.card_D_select .layer_wrap .layer_content2 {padding:0;} .layer_popup.card_D_select .card_slide_box.type2 .swiper-button-prev {left:24px;} .layer_popup.card_D_select .card_slide_box.type2 .swiper-button-next {right:24px;} .swiper-page {position:absolute; text-align:center; -webkit-transition:300ms opacity; -o-transition:300ms opacity; transition:300ms opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10;} .swiper-page.fraction_type1 {color:rgba(0,0,0,.64); font-size:16px; line-height:22px;} .card_slide_box .swiper-page.fraction_type1 {top:0; width:100%;} .swiper-page.fraction_type1 .swiper-page-current {margin-right:-4px; color:#000; font-weight:bold;} .swiper-page.fraction_type1 .swiper-page-total {margin-left:-4px;} .layer_popup .card_slide_box.in_fraction {padding-top:46px;} .gpcc_issue .layer_popup .card_slide_box.in_fraction .swiper-button-prev, .gpcc_issue .layer_popup .card_slide_box.in_fraction .swiper-button-next {margin-top:-9px;} /*2024-02-22 Q11067 #523 PLCC브랜드통합(1단계)*/ .card_plcc .gpcc_progress .progrees_bar.step01.step_txt span, .card_plcc .gpcc_progress .progrees_bar.step01:after{width:33.33%;}/*7/21*/ .card_plcc .card_slide_box.type2 {margin:0 auto;} .card_plcc .card_slide_box.type2 .card_select_tit {line-height:22px;} .card_plcc .card_slide_box.type2 .card_slide {padding:0;} .card_plcc .card_slide_box.type2 .swiper-button-prev {left:0; width:32px; height:32px; margin-top:-32px; background:url('../images/btn_slide_arrow_left2.png') no-repeat; background-size:contain;} .card_plcc .card_slide_box.type2 .swiper-button-next {right:0; width:32px; height:32px; margin-top:-32px; background:url('../images/btn_slide_arrow_right2.png') no-repeat; background-size:contain;} .card_slide_box.type2 .card_slide .swiper-slide .tit {display:none;} .card_slide_box.type2 .card_slide .slides {height:280px;} .card_slide_box.type2 .card_slide .slides .swiper-slide {width:71px; margin-top:-72px;} .card_slide_box.type2 .card_slide .slides .swiper-slide.center {width:156px; margin-left:180px; /* width:175px; margin-left:170px; */ margin-top:-140px;} /* 2025-03-31 Q11795 #909 고객요청 swiper 카드이미지 수정 */ .card_slide_box.type2.is-small .card_slide {overflow:visible; width:100%;} .card_slide_box.type2.is-small .card_slide .slides {display:inline-block; width:calc(100% + 8px); height:auto; font-size:0; margin:0 -4px;} .card_slide_box.type2.is-small .card_slide .slides .swiper-slide {display:inline-block; position:static; width:33.333333%; margin:0; height:auto; padding:4px; box-sizing:border-box;} .card_slide_box.type2.is-small .card_slide .swiper-slide .card {box-shadow:none;} .card_slide_box.type2.is-small .card_slide .swiper-slide .tit {display:block; margin-top:10px; color:rgba(0, 0, 0, 0.64); font-size:13px; font-weight:bold; line-height:16px; text-align:center;} .card_slide_box.is-small .swiper-button-prev, .card_slide_box.is-small .swiper-button-next {display:none;} .card_slide_box.is-small .card_select_tit {display:none;} .card_slide_box.is-small .card_slide .card_cnt .card {left:calc(50% - 29px); width:58px;} .card_slide_box.is-small .card_slide .swiper-slide.center .card_cnt .card {box-shadow:none;} .card_slide_box.is-small .card_slide .swiper-slide .card_item {display:block; position:relative; padding:20px 0 16px 0; text-align:center;} .card_slide_box.is-small .card_slide .swiper-slide input[type=radio] + .card_item:before {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #ebebeb; border-radius:4px;} .card_slide_box.is-small .card_slide .swiper-slide input[type=radio]:checked + .card_item:before {border:2px solid #000;} .card_slide_box.is-small .card_slide .swiper-slide.center .tit {color:#000;} .back_side_view_btn2 {display:inline-block; font-size:11px; color:#fff; background:rgba(0,0,0,.48); border-radius:4px; letter-spacing:-0.05em; text-align:left;} .back_side_view_btn2:before {content:""; display:inline-block; vertical-align:top; position:relative; top:0px; width:24px; height:24px; background:url(../images/flip_Arrow.png) no-repeat center; background-size:100% auto;} h3 + .back_side_view_btn2 {margin-left:8px;} /*2024-02-22 Q11067 #523 PLCC브랜드통합(1단계 + 7단계 .form_card_bundle 클래스 제거 + 요소재정의)*/ .sec_wrap ~ .sec_wrap {margin-top:48px;} .sec_wrap h3 {display:inline-block; margin:0;} .sec_wrap .btn_info {display:block; position:absolute; right:0; bottom:2px; color:rgba(0,0,0,0.64); font-size:14px; font-weight:500; line-height:20px;} /*#523 color:255,255,255,0.64 -> rgba(0,0,0,0.64)*/ .sec_wrap .btn_info:after {display:inline-block; content:"";background:url(../images/ArrowB_Forward.png) no-repeat center; background-size:100%;width:16px;height:16px;vertical-align:middle;opacity:.4;margin-top:-2px;} .sec_wrap .sec_header {position:relative; margin-bottom:12px; font-size:16px; font-weight:bold; color:#000; line-height:22px;} /*#523 color:#fff -> #000*/ .sec_wrap .sec_header .btn {display:inline-block; position:absolute; right:0; top:0; padding:4px 0; vertical-align:middle; color:rgba(0, 0, 0, 0.64); font-family:'San Francisco','SF Pro Display', 'Noto Sans KR'; font-size:14px; font-weight:normal; line-height:20px;} .sec_wrap .sec_header .text.kcb {margin-left:2px; font-weight:normal;} .sec_wrap .sec_body {margin-bottom:40px;} .sec_wrap .sec_body:last-child {margin-bottom:0;} .sec_wrap .sec_body .box_white {position:relative; height:48px; margin-top:8px; background-color:#fff; box-sizing:border-box;} .sec_wrap .sec_body .box_white:first-child {margin-top:0;} .sec_wrap .sec_body .box_white .toggle_title {font-size:16px; color:#000; line-height:48px;} .sec_wrap .sec_body .box_white .toggle_switch {position:absolute; top:50%; right:16px; margin-top:-3px; transform:translate(0, -50%);} .sec_wrap .sec_body .btn.btn_arrow {display:block; position:absolute; right:0; top:10px; font-size:16px; font-weight:bold; line-height:22px;} .sec_wrap .sec_body .btn.btn_arrow:after {width:24px; height:24px; opacity:1;} /*해외결제 라디오 스타일 재정의*/ .sec_wrap .overseas_pay.lineType .box_white .custom_radio {position:static; padding:0; line-height:initial;} .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"] + label {position:static; height:48px; line-height:44px;} .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:before {top:8px;} .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"] + label:after {content:''; display:block !important; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:1px solid #ebebeb; border-radius:4px; box-sizing:border-box;} .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:after {border:2px solid #000;} .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"] + label span.logo {display:inline-block; position:relative; top:0; left:0; margin-left:8px; vertical-align:middle;} .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"] + label span.logo + span {padding-left:0; vertical-align:middle;} .sec_wrap .overseas_pay.lineType.col2 .box_white {display:inline-block; width:49%; padding:0 8px; border:0;} /*토글 2depth 추가*/ .toggle_bundle_wrap.toggle_bundle {height:56px; border:1px solid #ebebeb; border-radius:4px;} .toggle_bundle_wrap.toggle_bundle > .toggle_title {font-weight:bold; line-height:52px;} .toggle_bundle_wrap.toggle_bundle .toggle_switch {top:13px; right:16px; margin-top:0;} .toggle_bundle_wrap .active_con {display:none;} .toggle_bundle_wrap .active_con .toggle_switch {top:9px; right:0;} .toggle_bundle_wrap.active {height:auto;} .toggle_bundle_wrap.active .active_con {display:block;} .toggle_bundle_wrap .active_con .toggle_bundle {padding:0; border:0; border-radius:0; background:url(../images/ico_re.png) no-repeat -4px center / 16px;} .toggle_bundle_wrap .toggle_bundle .toggle_title .icon { display:inline-block; vertical-align:middle; margin:0 6px 0 -4px; width:16px; height:16px; background:url(../images/ico_step.png)0 0 no-repeat; background-size:16px;} /*radio 너비유형 추가*/ .flex_bundle_list.two_up {margin:0;} .flex_bundle_list.two_up li {width:50%; margin:8px 0 0 0; box-sizing:border-box;} .flex_bundle_list.two_up li:nth-child(odd) {padding-right:4px;} .flex_bundle_list.two_up li:nth-child(even) {padding-left:4px;} .flex_bundle_list.two_up li:nth-child(1), .flex_bundle_list.two_up li:nth-child(2) {margin-top:0;} .flex_bundle_list.two_up ~ .asterisk_list {margin-top:12px;} /* 2024-04-11 Q11067 #600 금소법 UI개선 */ .popCardExplain .info_num2 .page_num {position:absolute !important; overflow:hidden !important; width:1px !important; height:1px !important; margin:0 !important; padding:0 !important; clip:rect(0,0,0,0); border:0 !important; white-space:nowrap; clip-path:inset(50%);} .popCardExplain #cmsContentArea1 ~ #cmsContentArea2 {margin-top:64px;} .in_lottie1 {position:relative; margin-left:-4px; padding-left:30px;} .lottie_btmArrow {display:inline-block; position:absolute; left:0; top:-8px; width:24px; height:42px;} /*금소법 전체동의 체크위치 상단*/ .agree_all_wrap.allCheckType .custom_check input[type="checkbox"] + label .text_desc {display:block; padding:0; margin-top:10px; font-weight:normal;} .terms_wrap .agree_all_wrap.allCheckType.allCheckTop .custom_check input[type="checkbox"] + label:before {margin-top:0; top:13px;} .agree_all_wrap.allCheckType.allCheckTop .custom_check .btn_accor_arrow {margin-top:0; top:16px;} .terms_wrap .agree_all_wrap.allCheckType.allCheckTop .custom_check label {color:#000;} .agree_all_wrap.allCheckType.allCheckTop .custom_check input[type="checkbox"] + label:after {border:1px solid #000;} .terms_wrap .agree_all_wrap.allCheckType .custom_check label.fw_medium {color:rgba(0,0,0,0.48); font-weight:500;} .terms_wrap .agree_all_wrap.allCheckType .custom_check input[type="checkbox"]:checked + label.fw_medium {color:#000;} .terms_wrap .agree_all_wrap.allCheckType + .agree_bundle_wrap {margin-top:16px;} /*2539줄 같이 수정*/ .form_items .terms_wrap + .terms_wrap {margin-top:20px;} /* 2024-04-18 Q11024 #611_PLCC_사전한도조회 프로세스 신규 제작 */ .ta_center {text-align:center !important;} body.card_plcc.limit_process, .card_plcc.limit_process .gpcc_issue {background-color:#fff !important;} .card_plcc.limit_process .plcc_header .header_inner h1{top:35.5px; left:50%; transform:translate(-50%); font-size:24px; font-weight:bold; font-family:'San Francisco','SF Pro Display', 'Noto Sans KR';} .card_plcc.limit_process .plcc_header .header_inner .close_bt {top:39.5px;} .card_plcc.limit_process .gpcc_issue .gpcc_process {padding-top:40px;} .card_plcc.limit_process .gpcc_issue .gpcc_progress {height:0px;} .card_plcc.limit_process .gpcc_issue .gpcc_progress .progress_wrap {display:none;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title {padding-top:0; margin-bottom:36px;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title .num {font-family:inherit;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title.type02 {font-size:44px; line-height:58px;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title.type02 .highlight_txt {z-index:0; margin-right:8px; font-family:'YouandiModernHEB'; font-weight:normal;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title.type02 .highlight_txt::before {bottom:2px; height:25px; background-color:#ffe142;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title.type02 .num {font-size:54px; line-height:58px; vertical-align:-6px; font-family:inherit;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title.type02 .unit {font-size:44px; line-height:58px; font-family:inherit; vertical-align:6px;} .card_plcc.limit_process .gpcc_issue .gpcc_top_title.type03 {font-size:40px; line-height:52px;} .card_plcc.limit_process .gpcc_issue .h2_desc {margin-top:-24px; margin-bottom:36px;} .card_plcc.limit_process .gpcc_issue .h2_desc02 {margin:-20px 0 80px; font-size:16px; font-weight:500; line-height:26px;} .card_plcc.limit_process .gpcc_issue.result .gpcc_process {padding-left:0; padding-right:0;} .card_plcc.limit_process .gpcc_issue.result .cms_p0 .gpcc_top_title {margin-bottom:0; font-size:40px; color:#000; text-align:center; line-height:40px;} .card_plcc.limit_process .gpcc_issue.result .gpcc_btn_area {width:516px; margin:40px auto 16px auto;} .card_plcc.limit_process .bullet_list.ver_h2_desc {margin-top:-20px;} .card_plcc.limit_process .bullet_list.ver_h2_desc li {color:#000;} /* 2024-05-07 Q11067 #621 1원인증(다른계좌인증버튼 추가 - h3_title inner기준) */ .btn_inTit {display:block; position:absolute; right:0; bottom:2px; color:rgba(0,0,0,0.64); font-size:14px; font-weight:500; line-height:20px;} .btn_inTit:after {display:inline-block; content:"";background:url(../images/ArrowB_Forward.png) no-repeat center; background-size:100%;width:16px;height:16px;vertical-align:middle;opacity:.4;margin-top:-2px;} /* 2024-05-09 Q11067 #624 코스트코 멤버십 미선택(radio label디자인버튼 신규추가) */ .divNoCCNumber {margin-top:53px;} .custom_input.auth .btn_auth.disabled {opacity:0.2} .btn_outline {position:relative; display:inline-block; width:100%; height:48px; line-height:46px; padding:0 24px; border:1px solid #ebebeb; border-radius:4px; background-color:#fff; font-size:16px; font-weight:normal; color:rgba(0,0,0,0.48); text-align:center; box-sizing:border-box;} .btn_outline.active {line-height:44px; border:2px solid #000; background:#fff; color:#000; font-weight:bold;} .card_CSTCE2 .btn_outline.active, .card_CSTMBE2 .btn_outline.active {border:2px solid #2453B3; background:#fff; color:#2453B3;} /* 2024-05-17 Q10941 #609_GPCC_이마트 0단계 제작 요청 : gpcc이나 0단계는 plcc 처리로 디자인 및 폰트 수정 *//*2024-11-08 Q11024 #738-5_이마트ed3 :카드코드 추가*/ .card_plcc.card_EMTE2 .gpcc_top_title, .card_plcc.card_EMTE3M .gpcc_top_title, .card_plcc.card_EMTE3S .gpcc_top_title {font-family: 'YouandModern'; font-weight: 800;} /* 2024-06-03 Q11067 #643 스마일혜택 팝업 */ .box_link_arrow > a.type_smile {background-color:#fff8d9; font-size:14px; white-space:nowrap;} .ico_smile_sml {display:inline-block; width:32px; height:32px; margin:-2px 0 0 -4px; background:url(./../../../plcc/m/images/ico_smile_sml.png) 0 0 no-repeat; background-size:100% auto; vertical-align:middle;} .gubun_line2 {border-top:1px solid #dbdbdb;} /* 2024-07-24 Q11067 #681 리볼빙개선 */ .checkButtonList .cbItem {display:block; width:100%; padding:14px 0; color:#000; font-size:16px; background:#fff; text-align:left;} .checkButtonList .cbItem>span {display:block; position:relative; padding-left:20px;} .checkButtonList>li {border-top:1px solid #ebebeb;} .checkButtonList>li:first-child {border-top:0;} .checkButtonList>li.is-active .cbItem>span:after {content:''; position:absolute; right:10px; top:50%; width:32px; height:32px; margin-top:-16px; background:url(/plcc/m/images/ico_CheckB.png) 0 0 no-repeat; background-size:32px;} .flex_bundle_list.three_up li {width:calc((100% - 16px) / 3); margin:8px 0 0 0;} .flex_bundle_list.three_up li + li {margin-left:8px;} .flex_bundle_list.three_up li:nth-child(3n+1) {margin-left:0;} .flex_bundle_list.three_up li:nth-child(1),.flex_bundle_list.three_up li:nth-child(2),.flex_bundle_list.three_up li:nth-child(3) {margin-top:0;} .flex_bundle_list.four_up li {width:calc((100% - 24px) / 4); margin:8px 0 0 0;} .flex_bundle_list.four_up li + li {margin-left:8px;} .flex_bundle_list.four_up li:nth-child(4n+1) {margin-left:0;} .flex_bundle_list.four_up li:nth-child(1),.flex_bundle_list.four_up li:nth-child(2),.flex_bundle_list.four_up li:nth-child(3),.flex_bundle_list.four_up li:nth-child(4) {margin-top:0;} .foldRevolving_area ~ .fold_area {padding-bottom:149px;} /*버튼영역absolute 여백확보*/ #revolingPrdtNoti .mCSB_container > * {padding:0 24px;} /*.mCSB_outside > .mCSB_container 패딩 추가시 금소법도 영향 받아서 스크롤기능오류생김*/ #revolingPrdtNoti .mCSB_container > *:last-child {padding-bottom: 120px;} .cDarkRed {color:#C8102E !important;} .mt36 {margin-top:36px !important;} .mt44{margin-top:44px !important;} button {font-family: 'San Francisco','SF Pro Display', 'Noto Sans KR';} /* 2024-10-10 Q11067 #743 SC약관수정(GPCC클래스퍼옴)*//*2023-12-14 Q11067 #494 영문 약관동의(개인회원·자동이체 약관 동의)(동그라미 특수문자 15까지 지원 - 16이상 숫자인경우 일반숫자 + 수정클래스 조합으로 사용)*/ .bullet_numCircle2 {display:inline-block; width:12px; height:12px; margin-top:-2px; border:1px solid #000; border-radius:50%; font-size:8px; vertical-align:middle; line-height:11px; text-align:center;} .detail_cont:not(.font_initial) .terms_bullet.bullet_numCircle2 {top:6px;} /*2024-09-09 Q11067 기존회원 한도변경(GPCC + PLCC 공통마크업)*/ .flex_bundle_list.hType1 .custom_radio input[type="radio"] + label { display:flex; justify-content:center; height:64px; flex-direction:column; line-height:22px;} .layer_wrap .flex_bundle_list.two_up li + li {width:50%;} .limit_box {position: relative; display: block; margin: 28px 0 44px; padding: 20px; background-color: #f5f5f5; border-radius: 8px;} .limit_box .limit_box_list .limit_con {display: flex; justify-content: space-between; align-items: center;} .limit_box .limit_box_list .limit_con p {font-size: 16px; font-weight: 700; line-height: 22px; color: #000;} /* 2023-07-28 Q11139 추가(gpcc펌 - 사용X)*/ .highlight_half {background:linear-gradient(to bottom, rgba(168, 168, 161, 0), rgba(251,255,0,0) calc(50% - 2px), #fbff00 calc(50% - 2px), #fbff00 calc(100% - 2px), rgba(251,255,0,0) calc(100% - 2px));} .mt28 {margin-top:28px !important;} /* 2024-06-05 Q11024 #636_PLCC_카드프로세스 간소화 */ .fc_black {color:#000 !important;} .pad_lr24 {padding:0 24px !important;} .fs14_tit {margin:16px 0 8px; font-size:14px; line-height:20px; font-weight:700; color:#000;} .fs14_tit + .bullet_list {margin-top:8px;} .h3_title + .fs14_tit {margin-top:12px;} .fs14_text {font-size: 14px; line-height: 22px; font-weight: 500; color: rgba(0,0,0,0.64);} .bullet_list.fs_16 li {font-size:16px; line-height:22px;} .gpcc_process.complete_process .text_area_box {width:384px; margin:15px auto 0;}/*발급완료 확인해주세요 (공통)*/ .layer_popup .card_slide_box.type2.simplify {margin-top:10px;} .layer_popup .card_slide_box.type2.simplify .swiper-button-next {margin-top:-50px;} .layer_popup .card_slide_box.type2.simplify .swiper-button-prev {margin-top:-50px;} .layer_popup .card_slide_box.type2.simplify .card_desc_cont {position:relative; width:100%; margin:-16px 0 0 0;} .layer_popup .card_slide_box.type2.simplify .card_desc_cont .card_select_tit {display:block; margin-top:-22px; font-size:18px; line-height:22px; text-align:center; font-weight:bold; color:#000;} .layer_popup .card_slide_box.type2.simplify .card_desc_cont .back_side_view_btn2 {position:absolute; right:-34px; top:0;} .toggle_all_wrap {display:block; position:relative; padding:6px 0 20px 0; border-radius:8px; background-color:rgba(0,0,0,0.04);} .toggle_all_wrap .toggle_bundle {display:flex; position:relative; flex-direction:column; justify-content:center; margin-top:12px; height:auto; min-height:56px; background:none; border:none;} .toggle_all_wrap .toggle_bundle:first-child {margin-top:0;} .toggle_all_wrap .toggle_bundle .toggle_title {display:block; width:80%; line-height:22px; font-weight:bold;} .toggle_all_wrap .toggle_bundle .toggle_switch {top:50%; right:16px; transform: translateY(-50%);} .toggle_all_wrap .toggle_bundle .sub_con {position:relative; width:80%;} .toggle_all_wrap .toggle_bundle .sub_con .btn_info {position:relative; padding:4px 0 2px 0; width:fit-content; font-size:12px; font-weight:500; color:rgba(0,0,0,0.48); line-height:16px;} .toggle_all_wrap .toggle_bundle .sub_con .btn_info:after {margin-top:-4px;} .lotti_banner {margin-top:56px; width:100%; height:auto;} .lotti_banner .in_lotti {display:block; width:100%;} .layer_popup.alert .bullet_list.ver_center {width:70%; margin:12px auto 0 auto;} .layer_popup.alert .bullet_list.ver_center li {display:inline-block; color:#000;} .agree_bundle_list > li .cont_accordion .accord_text{padding: 12px 16px 17px 48px; font-size:14px; line-height:22px; color:rgba(0,0,0,0.4);} .apply_bundle_list.extra_list li .btn_benefit.ver_text {padding-right:6px;} .apply_bundle_list.extra_list li .btn_benefit.ver_text:after {display:none;} .toggle_all_wrap .toggle_bundle.toggle_bundle_wrap .sub_con .txt {margin:0; padding:4px 2px; font-size:12px; font-weight:500; line-height:16px; color:rgba(0,0,0,.48);} .toggle_all_wrap .toggle_bundle.toggle_bundle_wrap.active > .toggle_title {padding:13px 0;} .toggle_all_wrap .toggle_bundle.toggle_bundle_wrap.active > .toggle_switch {top:22px;} .toggle_all_wrap .toggle_bundle.toggle_bundle_wrap.active .active_con .toggle_bundle {margin-top:0; min-height:48px;} .toggle_all_wrap .toggle_bundle.toggle_bundle_wrap.active .active_con .toggle_bundle .toggle_title {font-weight:500;} .toggle_all_wrap .toggle_bundle.toggle_bundle_wrap.active .active_con .toggle_bundle .toggle_switch {right:0;} /*----- 배포완료 ------*/ /* 2025-01-24 Q11796 #832 툴팁 추가수정 */ .tip {position: relative;} /* 툴팁 글씨 옆에 붙는 case : type2 클래스 추가 */ .tip.type2 {display: inline-flex;align-items: center;} .tip.type2 .tooltip {position: relative;right:unset;margin:0 0 0 5px;} /* 툴팁 사이즈 및 위치 */ .tooltip span.size_l {width:420px} .tooltip span.size_xl {width:520px} .tooltip span.size_m {width:360px} .tooltip span.left {right:auto; left:-16px} .tooltip span.left:before {right:auto; left:22px} .tooltip span.center {right:9px;} .tooltip span.center:before {right:50%; margin-right:-4px} .tooltip span.size_l.center {margin-right:-210px} .tooltip span.size_m.center {margin-right:-180px} .tooltip span.size_xl.center {margin-right:-260px} /* 툴팁 흰색 : w 클래스 추가*/ .tooltip.w span {padding: 20px;background: #fff;color: #5c5c5c;font-size: 12px;line-height: 16px;box-shadow:0 8px 16px 0 rgba(0,0,0,.16);box-sizing: border-box;} .tooltip.w span:before {content: '';width: 0;height: 0;background: none;border-style: solid;border-width: 0px 4px 4px 4px;border-color: transparent transparent #fff transparent;} /* S. 2025-01-17 Q11811 #825 동의서 점검 간소화 1차 */ .layer_popup .layer_wrap *{font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular,'San Francisco','SF Pro Display','SF Text Display', 'Spoqa Han Sans Neo', 'Noto Sans KR', Roboto, 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .code_name{font-size:14px;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .table_x_title, .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .table_x_x_x_x_title, .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .table_x_x_x_x_x_x_x_x_x_title{font-weight:500; font-size:14px;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont p:not([class*="title"]):not(.info_num, .code_name, .desc, .desc_black) {margin-top:auto; font-size:14px; line-height:inherit;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont p.desc_black{font-weight:700; line-height:inherit} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont.mCustomScrollbar .info_num{margin-top:12px;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .detail_cont_item_list strong.tit{display:inline-block; margin:0 0 0 10px; font-size:16px;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .detail_cont_item_list p.desc{font-size:14px;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .detail_cont_item_list p.desc.fw_bold.under_line{color:#5c5c5c;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .detail_cont_item_list .slct_agree_checkbox01 ~ p.desc{font-size:16px;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .table_title{margin:12px 0 8px; font-size:14px; font-weight:500; line-height:20px; color:#000;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .terms_table td .fs_016 strong{font-size:16px !important;} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .terms_table ~ p:not(.table_title, .table_x_title, .table_x_x_title, .table_x_x_x_title, .table_x_x_x_x_title, .table_x_x_x_x_x_title, .table_x_x_x_x_x_x_title, .table_x_x_x_x_x_x_x_title, .table_x_x_x_x_x_x_x_x_title){margin-top:0; font-size:14px; line-height:1.43} .layer_popup.new_bottom_sheet.full .box_terms .detail_cont .bold + .pop_in_radio, .layer_popup.new_bottom_sheet.full .box_terms .detail_cont .slct_agree_checkbox01 .pop_in_radio{margin-top:10px} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .terms_division{color:rgba(0,0,0,0.65);} .layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont .terms_division .terms_space{color:#333;} /* E. 2025-01-17 Q11811 #825 동의서 점검 간소화 1차 */ /* 2025-03-04 Q11795 #875 디자인 공지팝업 퍼블 수정 요청 */ .layer_popup.alert .layer_wrap .layer_header.small {padding:28px 24px 0;} /* 2025-03-07 Q11812 #883 단기대출 이용기간 팝업 */ .layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn.btn_default.w156 {width: 156px} .layer_popup.full .layer_wrap .layer_footer .gpcc_btn_area.center {margin-left: 50%; transform: translateX(-78px)} .fs_018{font-size:18px !important;} /* 2025-03-17 Q11795 843-10 간소화 신청서 수정 */ .layer_popup .layer_wrap .layer_container .sub_init_title{padding:0 24px 30px;} /* 2025-03-25 Q11795 #912 신규팝업 */ .layer_popup.new_type.full .layer_wrap{width:588px;} .layer_popup.new_type.bottom_sheet .layer_wrap .layer_header.small{padding:40px;} .layer_popup.new_type .card_slide_box.type2.simplify{margin-top:0;} .layer_popup.new_type .card_slide_box.type2.simplify .card_desc_cont{margin:24px 0 0;} .layer_popup.new_type .card_slide_box.type2.simplify .card_desc_cont .card_select_tit{margin-top:0;} .layer_popup.new_type .layer_wrap .card_slide_box.type2 .card_slide .slides .swiper-slide.center {width:175px; margin-left:170px;} .layer_popup.new_type.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer{padding-top:76px;} .layer_popup.new_type.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{margin-bottom:40px;} .layer_popup.new_type .layer_wrap .layer_footer .gpcc_btn_area.small a{padding:13px; line-height:22px; width:156px; height:48px; float:none;} .overseas_pay.big .box_white .custom_radio input[type="radio"]:checked + label {border:1px solid #000;} /* 2025-03-28 Q11795 #917 */ .pad_lr40 {padding:0 40px !important;} /*2024-12-30 Q11796 #802_PLCC_메탈플레이트 수정요청의건 // 2025-04-02 Q11795 #921 /ebaycard_ed2/pc/html_new/sp09_old.html '메탈플레이트 우측 신청버튼 틀어짐 잡기 위함 */ .text.black_b {color: #000;font-weight: bold;} .metal_wrap {height: auto;padding: 0;} .metal_wrap .active_con .toggle_title {font-weight: normal;} .no_wrap .metal_wrap {height: auto;border: 0} .select_wrapping ul li.card_designLi h4 + .btn {right: 0;top: 18px;font-size: 16px;font-weight: bold;line-height: 22px;} .select_wrapping ul li.card_designLi.metal_wrap.pd {padding: 16px 0 8px;} .layer_popup.full.non_height .layer_wrap .layer_content2.h480 {max-height: 480px;} /* 2025-04-25 Q11870 대한항공 라디오 버튼 라인 색상 추가 */ .card_KALE2T1 .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:after, .card_KALE2T2 .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:after, .card_KALE2T3 .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:after{border: 2px solid #062F87;} .card_CSTCE2 .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:after, .card_CSTMBE2 .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:after{border: 2px solid #2453B3;} .card_ESPE3 .sec_wrap .overseas_pay.lineType .box_white .custom_radio input[type="radio"]:checked + label:after{border: 2px solid #2E8DE5;} /* 2025-05-13 Q11870 #952 */ .ui-menu { list-style:none; padding: 0px; margin: 0; display:block; outline: none; border-radius: 0;} .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item > a {font-size:16px; text-decoration: none; display: block; padding: 9px 10px; line-height: 1.5; zoom: 1; font-weight:bold;color:rgba(0, 0, 0, 0.64) } .ui-menu .ui-menu-item > a.ui-state-hover, .ui-menu .ui-menu-item > a.ui-state-focus, .ui-menu .ui-menu-item > a.ui-state-active { font-weight:bold; margin: 0px; border:none!important} .ui-menu .ui-menu-item > a > strong{color:#000}