@charset "utf-8"; 
@media only screen and (max-width:1100px) { html {font-size:10px} body {font-size:1.5rem} .font_basic {font-size:1.5rem !important} .font_sm {font-size:1.3rem !important} .font_md {font-size:1.6rem !important} .font_md01 {font-size:1.6rem !important} .font_md02 {font-size:1.5rem !important} .font_md03 {font-size:1.6rem !important} .font_md05 {font-size:1.5rem !important} .font_md06 {font-size:1.3rem !important} .font_lg {font-size:1.6rem !important} .font_lg01 {font-size:1.8rem !important} .font_lg02 {font-size:1.9rem !important} .font_lg03 {font-size:2.0rem !important} .font_lg04 {font-size:2.4rem !important} .font_lg05 {font-size:2.4rem !important} .font_lg06 {font-size:1.8rem !important} .font_lg07 {font-size:2.4rem !important} .font_lg08 {font-size:2rem !important} .font_lg09 {font-size:3.2rem !important} .font_lg10 {font-size:1.6rem !important} .font_lg11 {font-size:2.6rem !important} .font_lg12 {font-size:2.4rem !important} .font_lg13 {font-size:2rem !important} .m_align_c {text-align:center} .wgt_md_to_rg {font-weight:400 !important} i.tbx {display:inline} i.tbm {display:block} .ly_inner {width:100%;padding:0 20px} .expend_wrap{width:auto} .ly_inner .ly_inner.expend_wrap, .ly_inner .ly_inner {padding:0} .ly_inner.full {width:100%} .ly_inner .bg_gray.full {width:100vw; margin-left:calc(50% - 50vw)} .ly_inner .bg_gray.full .ly_inner {width:100%;padding:0 20px} .w_size01 {width:100% !important} .w_size02 {width:100% !important} .w_size03 {width:100% !important} .w_size04 {width:100% !important} .w_size05 {width:100% !important} .w_size06 {width:100% !important} .m_pdb0 {padding-bottom:0 !important} .in_block_block {display:block !important} .m_show {display:block !important} .pc_show {display:none !important} .mo_bg_white {background-color:#fff;background-color:rgba(255, 255, 255, 1.0)} .mo_bg_lightgray {background-color:#f2f4f8;background-color:rgba(242, 244, 248, 1.0)} .mo_bg_gray {background-color:#f6f6f6;background-color:rgba(246, 246, 246, 1.0)} .mo_bg_prim {background-color:#086ac5;background-color:rgba(8, 106, 197, 1.0)} .mo_bg_darkprim {background-color:#081350;background-color:rgba(8, 19, 80, 1.0)} .mo_bg_transparent {background-color:transparent!important} br.mo_br {display:block} [tabindex='0']:focus, a:focus, button:focus {outline:0} .pdb17_7 {padding-bottom:7px} .pbb36_24 {padding-bottom:24px}	 .mgb73_35 {margin-bottom:35px} .mgb42_24 {margin-bottom:24px} .mgb85_30 {margin-bottom:30px} .row_block > .col, .row_block.col .col{float:none;width:100%} .row_block > .col:first-child {padding:0} .col.col4_6 {width:50%} .col.col6_12 {width:100%} .radio_wrap, .check_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap} .radio_wrap .radio_default, .check_wrap .check_default {width:50%; margin-top:16px} .radio_wrap .radio_default:only-child, .check_wrap .check_default:only-child {width:100%} .radio_wrap .radio_default.full, .check_wrap .check_default.full {width:100%} .radio_wrap .radio_default:nth-child(1), .radio_wrap .radio_default:nth-child(2), .check_wrap .check_default:nth-child(1), .check_wrap .check_default:nth-child(2) {margin-top:0} .radio_wrap .radio_default + .radio_default, .check_wrap .check_default + .check_default {margin-left:0} .w_size01 .radio_wrap .radio_default + .radio_default, .w_size01 .check_wrap .check_default + .check_default {margin-left:0} .radio_wrap.type_flex, .check_wrap.type_flex {flex-wrap:nowrap} .radio_wrap.type_flex.m_flex label {flex:1;min-width:inherit} .radio_wrap.type_btn .radio_btn input[type="radio"] + span, .check_wrap.type_btn .check_btn input[type="checkbox"] + span {padding-left:6px;padding-right:6px} .radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span, .check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span {padding-left:5px;padding-right:5px} .radio_wrap.type_btn .radio_btn input[type="radio"] + span, .check_wrap.type_btn .check_btn input[type="checkbox"] + span, .radio_wrap.type_btn.has_ico .radio_btn input[type="radio"] + span, .check_wrap.type_btn.has_ico .check_btn input[type="checkbox"] + span {min-width:100%;width:100%} .radio_wrap.type_btn.has_ico .radio_btn, .check_wrap.type_btn.has_ico .check_btn {width:calc(50% - 5px)} .radio_wrap.type_flex.type_btn.col4_3 .radio_btn, .check_wrap.type_flex.type_btn.col4_3 .check_btn {width:calc(33.33% - 4px)} .form_type .form_ele .check_wrap.type_flex.col02 {margin-top:-10px} .radio_wrap.type_flex.type_btn .radio_btn input[type="radio"] + span {padding: 0 6px} .radio_wrap.type_btn .radio_btn input[type="radio"] + span.h_auto {padding:12px 4px} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:block !important} .radio_wrap.type_btn.has_penguin {display:block; margin:-5px 0; text-align:center} .radio_wrap.type_btn.has_penguin .radio_btn.lg, .check_wrap.type_btn.has_penguin .check_btn.lg {margin:5px 0} .radio_wrap.type_btn.type02 .radio_btn input[type="radio"] + span, .check_wrap.type_btn.type02 .check_btn input[type="checkbox"] + span, .radio_wrap.type_btn.type02 .radio_btn input[type="radio"]:checked + span, .check_wrap.type_btn.type02 .check_btn input[type="checkbox"]:checked + span {padding:0 8px} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .date {display:block;float:none; font-weight:400; font-size:13px; line-height:1.5} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .money {display:block;float:none; font-size:2rem} .radio_wrap.type_btn ul {display:-webkit-flex; display:-ms-flexbox; display:flex} .radio_wrap.type_btn ul:after {content:''; display:block; clear:both} .radio_wrap.type_btn li {float:none; flex:1} .radio_wrap.type_btn.type02 li:not(:first-child) {margin-left:8px} .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span {padding-left:8px;padding-right:8px} .radio_wrap.type_btn.double ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-3px} .radio_wrap.type_btn.double li {width:50%; flex:inherit; margin:0px} .radio_wrap.type_btn.double li .radio_btn {padding:3px} .radio_wrap.type_btn .radio_btn_list li {flex:inherit} .radio_wrap.type_btn.no_ico .radio_btn input[type="radio"], .check_wrap.type_btn.no_ico .check_btn input[type="checkbox"] {top:0;margin-top:0;min-width:1px} .radio_wrap.type_btn.no_ico .radio_btn input[type="radio"] + span, .check_wrap.type_btn.no_ico .check_btn input[type="checkbox"] + span {min-width:78px} .radio_wrap.type_btn.no_ico .radio_btn + .radio_btn {margin-left:4px} .radio_wrap.type_btn.no_ico .radio_btn input[type="radio"], .radio_wrap.radio_pop, .check_wrap.check_pop {display:block; margin:0} .radio_wrap.radio_pop label, .check_wrap.check_pop label {width:100%} .radio_wrap.radio_pop .radio_default, .check_wrap.check_pop .check_default {margin:0} .radio_wrap.radio_pop .radio_default + .radio_default, .check_wrap.check_pop .check_default + .check_default {margin-left:0; margin-top:20px} .card_filter .radio_wrap.type_btn .radio_btn input[type="radio"], .card_filter .check_wrap.type_btn .check_btn input[type="checkbox"] {min-width:100%} .card_filter .radio_wrap.type_btn .radio_btn input[type="radio"] + span, .card_filter .check_wrap.type_btn .check_btn input[type="checkbox"] + span {padding-left:14px;padding-right:14px} .card_filter .radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span, .card_filter .check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span {padding-left:13px;padding-right:13px} .radio_wrap.no_text {margin:8px 0 0 0} .radio_date_mix .radio_cover {width:35px; margin-right:10px} .radio_date_mix .input_cover {width:calc(100% - 45px)} .text_tip:last-child {margin-bottom:-5px} .text_tip:before {background:url(/pconts/images/common/ico_input_warning_m.png) no-repeat 0 0; background-size:14px 14px} .text_tip.error:before {background:url(/pconts/images/common/ico_input_error_m.png) no-repeat 0 0; background-size:14px 14px} .text_tip.marker_refer:before {background:none} .input_apt.side_btn .btn {width:100%; margin-left:0; margin-top:8px} .side_btn .btn.row02, .input_file_wrap .file_wrap .btn_file.row02 {font-size:1.3rem;line-height:1.6rem} .input_wrap.w01_100p {width:100%} .select_mix {position: relative} .select_mix:after {content:'';display:block; clear:both} .select_mix:not(.with_side) .select_wrap {width:100%} .select_mix:not(.with_side) .select_wrap, .select_mix .btn {float:none} .select_mix:not(.with_side) .btn {position:relative; width:100%; margin-top:10px} .select_wrap .ui_select select {padding:0 41px 0 14px} .select_wrap .ui_select select:focus {border:2px solid #4868e1;padding:0 39px 0 12px} .select_wrap .ui_select select:disabled {background:#f6f6f6} .select_wrap .ui_select.error select {border-color:#ff0000} .btn_wrap:not(.btn_group) button + button {margin:0} .btn_wrap:not(.btn_group) .btn + .btn {margin-left:0} .btn {height:55px;line-height:55px} .btn_group {display:-webkit-flex; display:-ms-flexbox; display:flex} .btn_group .btn {min-width:inherit;padding:0;flex:1} .btn_group .btn + .btn {margin-left:8px} .btn_group .btn.left {min-width:104px;flex:none} .btn_group .btn.left_lg {min-width:130px;padding:0 18px !important;flex:none} .btn_group .btn.left_ico {min-width:45px;padding:0 !important;flex:none} .btn_group .btn.default {min-width:inherit} .btn_group.btn_wid_type1 .btn:first-child {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:calc(60% - 4px); padding-right:0; padding-left:0} .btn_group.btn_wid_type1 .btn:last-child {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:calc(40% - 4px); padding-right:0; padding-left:0} .btn_cont .btn.default {min-width:200px;width:auto;padding:0 31px} .btn_cont .btn_group3 .btn.default + .btn{margin-top:8px} .btn_cont.btn_group {display:block} .btn_wrap.btn_cont.btn_group {display:flex} .btn_cont.btn_group .btn.default {width:auto; min-width:auto} .btn_cont.btn_lg .btn.default{width:100%;min-width:auto} .btn_cont.btn_lg .btn.default + .btn{margin-top:10px} .btn_cont.btn_full{display:-webkit-flex; display:-ms-flexbox; display:flex} .btn_cont.btn_full .btn.left{flex:none;min-width:104px;padding:0 22px} .btn_cont.btn_full .btn.left + .btn.default{width:100%;min-width:inherit;padding:0;margin-left:8px} .btn.default {width:100%;min-width:100%} .btn.default.gold {width:auto; min-width:inherit; height:45px; line-height:45px; padding:0 30px} .btn.row02 {font-size:15px;line-height:1.3} a.btn.row02 {display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .btn_link {height:40px;line-height:40px; background-color:#fff} .btn_link.m_vertical {margin-bottom:8px !important} .btn_outlink {height:40px;line-height:40px; background-color:#fff} .btn_outlink.no_wide {width:auto} .btn_sm.btn_download2:after {background:url(/pconts/images/icon/btn_download01_m.png) no-repeat 50% 50% / 100% auto} .btn.default.w_auto, .btn_outlink.w_auto {width:auto; min-width:1px !important} .btn_sm, .btn_outlink.btn_sm {min-width:84px; width:auto; height:28px;line-height:28px} .btn_sm.btn_print:after{width:14px;height:12px;background:url(/pconts/images/icon/ico_print02_m.png) no-repeat 50% 50% / 100% auto; vertical-align:-1px} .btn_sm.btn_email:after{width:19px;height:13px;background:url(/pconts/images/icon/ico_email.png) no-repeat 50% 50% / auto 100%; vertical-align:-1px} .btn_sm.btn_email2:after{width:13px;height:10px;background:url(/pconts/images/icon/ico_email2_m.png) no-repeat 50% 50% / auto 100%; vertical-align:-1px} .btn_sm.btn_fax:before{width:14px;height:13px;background:url(/pconts/images/icon/btn_fax_m.png) no-repeat 50% 50% / auto 100%; vertical-align:-2px} .btn_sm.line_two{height:auto; line-height:1.3; padding:5px 10px} .m_fixed_bottom, .btn_fixed_bottom {padding-bottom:112px !important} .btn_wrap.flex_wrap.add_money_group{flex-wrap:nowrap} .btn_wrap.flex_wrap.add_money_group .btn {height:40px;font-size:1.6rem} .btn_wrap.flex_wrap.add_money_group .btn + .btn {margin-left:0.5rem} .btn_wrap.flex_wrap.add_money_group.h_auto .btn.rectangle{line-height:2.2rem;height:67px} .btn_wrap.m_fixed_bottom {padding-bottom:92px !important} .btn_wrap.m_fixed {position:fixed;width:100%;margin:0 !important;padding:20px 27px;left:0;bottom:0px;background-color:rgba(255,255,255,0.8)} .btn_wrap.m_fixed .btn + .btn {margin-top:0} .btn.arrow span::after {width:12px; height:7px; background-image:url('/pconts/images/icon/ico_arw_more_m.png'); background-size:100% auto; vertical-align:middle} .btn_outlink::after {width:16px;height:16px;margin-bottom:-3px;margin-left:7px;background:url(/pconts/images/icon/ico_outlink02_m.png) no-repeat center;background-size:100%} .btn_cont .btn_outlink::after {margin-bottom:-2px} .btn_outlink.blue::after {background-image:url(/pconts/images/icon/ico_outlink02_white_m.png)} .btn_sm.btn_outlink::after {width:7px; height:7px; background:url(/pconts/images/icon/ico_outlink05_m.png) no-repeat center; background-size:100%} .text_outlink::after {width:16px;height:16px;background:url(/pconts/images/icon/ico_outlink02_m.png) no-repeat center;background-size:100%} .text_outlink:hover::after, .text_outlink:focus::after {width:16px;height:16px;background:url(/pconts/images/icon/ico_outlink03_m.png) no-repeat center;background-size:100%} .text_outlink:active::after, .text_outlink:visited::after {width:16px;height:16px;background:url(/pconts/images/icon/ico_outlink04_m.png) no-repeat center;background-size:100%} .btn_download {display:inline-block;width:25px;height:22px;background:url(/pconts/images/icon/btn_download02_m.png) no-repeat;background-size:100%} .btn_download03, .btn_download03:disabled, .btn_detailview, .btn_coupon {width:25px; background-size:22px auto} .btn_refrash:after {content:'';display:inline-block;width:15px;height:16px;margin:0 0 -3px 10px;background:url(/pconts/images/icon/ico_reset_m.png) no-repeat;background-size:100%} .btn.mo_btn_fix01 {width:220px !important; min-width:240px !important; max-width:240px !important} .btn_delete {display:inline-block;width:11px;height:11px;background:url(/pconts/images/common/ico_delete_m.png) no-repeat;background-size:100%} .btn_search {background:url('/pconts/images/icon/ico_search02_m.png') no-repeat center center / 20px 20px} .btn_clear {background:url('/pconts/images/icon/ico_clear_m.png') no-repeat center center / 23px 23px; right:10px} .text_more::after {width:12px;height:12px;margin-top:-6px;background:url(/pconts/images/icon/ico_plus_m.png) no-repeat; background-size:100%} .text_less::after {width:12px;height:12px;margin-top:-6px;background:url(/pconts/images/icon/ico_minus_m.png) no-repeat; background-size:100%} .btn.btn_share:before {width:24px; height:26px; background:url(/pconts/images/icon/btn_share_m.png) no-repeat; background-size:100%} .btn.rectangle.download span::after {background:url(/pconts/images/icon/btn_download01_m.png) no-repeat 50% 50% / 100% auto} .btn.ico_btn{position:relative;width:55px;height:55px;padding:0;border-radius:55px;border:1px solid #ddd;background:#fff} .btn.ico_btn:before{display:block;content:'';position:absolute;top:50%;left:50%;width:27px;height:27px} .btn.ico_btn > span{position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .btn.ico_btn.share:before{margin:-13px 0 0 -14px;background:url(/pconts/images/icon/ico_share_m.png) 0 0 no-repeat;background-size:27px auto} .btn.ico_btn.refresh:before{margin:-13px 0 0 -12px;background:url(/pconts/images/icon/ico_refresh_m.png) 0 0 no-repeat;background-size:27px auto} .pop_btn .btn.ico_btn:before{width:24px;height:24px} .pop_btn .btn.ico_btn.share:before{margin:-12px 0 0 -12px;background-size:24px auto} .pop_btn .btn.ico_btn.refresh:before{margin:-11px 0 0 -10px;background-size:24px auto} .btn_aos, .btn_ios {width:166px; padding-left:45px; color:#000; line-height:38px} .btn_aos:before{display:block; position:absolute; width:19px; height:21px; top:50%; left:18px; margin-top:-10px; background:url(/pconts/images/icon/btn_aos.png) no-repeat; background-size:100%; content:""} .btn_ios:before{display:block; position:absolute; width:20px; height:23px; top:50%; left:23px; margin-top:-11px; background:url(/pconts/images/icon/btn_ios.png) no-repeat; background-size:100%; content:""} .btn_group_flex {margin-top:30px;  -ms-flex-wrap:wrap; flex-wrap:wrap} .btn_group_flex li {width:calc(50% - 7px); margin-bottom:7px} .btn_group_flex li .btn {width:100%; padding:0 20px} .btn_group_flex li .row02 {font-size:15px; line-height:1.3} .btn_group_flex li:nth-child(1) {order:3} .btn_group_flex li:nth-child(2) {order:1} .btn_group_flex li:nth-child(3) {order:2} .btn_group_flex li:nth-child(4) {order:4} .btn_ico {margin:30px 0 40px} .btn_ico button span {display:block; width:100%; text-align:center; padding-left:0; margin-top:35px; line-height:1} .btn_ico .ico::before {top:0; left:calc(50% - 15px)} .btn_ico .ico.email::before {background:url(/pconts/images/icon/ico_email_m.png) no-repeat; background-size:100%} .btn_ico .ico.print::before { background:url(/pconts/images/icon/ico_print01_m.png) no-repeat; background-size:100%} .btn_ico .ico.fax::before   {background:url(/pconts/images/icon/ico_fax_m.png) no-repeat; background-size:100%} #skipNavi {display:none} #header .header_top {display:none} #header .header_banner .banner_inner {width:100%} #header .header_body {border:none; height:98px} #header .header_body .body_inner {width:100%;height:100%;padding:0;overflow:hidden;display:block} #header .header_body .head_title {display:-webkit-flex; display:-ms-flexbox; display:flex;float:none;height:60px;margin:0;padding:0 20px;-webkit-box-align:center; -ms-flex-align:center; align-items:center} #header .head_title .inside_title {width:118px} #header .gnb_wrap {display:block;position:relative;float:none;margin:0;height:40px} #header .gnb_wrap .gnb_navi {height:100%; overflow:hidden; margin-bottom:auto} #header .gnb_wrap .nav_area {height:100%;padding-left:8px;padding-right:28px; overflow:hidden} #header .gnb_wrap .nav_area:before {content:'';display:block;position:absolute;left:0;top:0;z-index:2;width:20px;height:100%;background:linear-gradient(to right,rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0))} #header .gnb_wrap .nav_area:after {content:'';display:block;position:absolute;right:0;top:0;z-index:2;width:45px;height:100%;background:linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))} #header .gnb_wrap .nav_area .dep1 {height:40px; width:auto} #header .gnb_wrap .nav_area .dep1 li {font-size:1.6rem;font-weight:700} #header .gnb_wrap .nav_area .dep1 li a {padding:0 13px;line-height:40px} #header .gnb_wrap .swiper-button-next {display:block; top:4px; right:0} #header .gnb_wrap .swiper-button-next.swiper-button-disabled {display:none} #header .util_wrap {display:block;position:absolute;float:none;top:20px;right:20px;margin-top:0;height:20px} #header .util_wrap a {width:20px;height:18px} #header .util_wrap .btn_ico_all_menu {margin-left:10px} #header .util_wrap .btn_ico_search {background-size:auto 100%;width: 20px;height: 20px;margin-top: 0} #header .gnb_wrap .nav_area {width:100%} #header .gnb_wrap .allmenu_group {display:none !important} #container {padding-top:60px} .contents.flexible {display:-webkit-flex; display:-ms-flexbox; display:flex} .gnbSub_wrap {display:none !important} .footer_wrap {padding-bottom:35px} .tel_link_box {width:100%; padding:17px 0 16px} .tel_link_box ul {-ms-flex-wrap:wrap; flex-wrap:wrap; margin:-3px 0} .tel_link_box ul li {width:50%; text-align:left; padding:3px 0} .tel_link_box ul li::before {display:none} .tel_link_box ul li a {display:block; font-size:13px; font-weight:400} .tel_link_box ul li a em {font-weight:700} .address_wrap {width:100%;padding:20px 20px; padding-bottom:0} .share_family_wrap .sharebox {top:0} .share_family_wrap .sharebox li {width:20px;height:20px} .share_family_wrap .sharebox li + li {margin-left:15px} .share_family_wrap .sharebox li.sns04 {width:22px} .share_family_wrap .sitelink_wrap {display:none} .address_section {margin-left:-10px;margin-right:-10px} .address_section .address, .address_section .company_num {display:block;font-size:11px} .address_section .copyright  {font-size:10px; margin-top:4px} .customer_link {-ms-flex-wrap:wrap; flex-wrap:wrap; padding:11px 0 15px} .customer_link ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -10px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .customer_link ul li {width:auto} .customer_link ul li a {position:relative; display:block; padding:2px 10px; font-size:13px} .sitemark_section {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:-5px; margin-top:10px} .sitemark_section a, .sitemark_section span {height:25px; margin:5px} .sitemark_section .tbm {width:100%} .footer_expand_toggle {height:24px; margin-top:20px} .footer_expand_toggle .btn_expand {background-size:22px 12px; width:40px; height:24px; margin-left:-20px; margin-top:-10px} .quick_fixed {width:70px; right:10px; bottom:86px} .quick_fixed .quick_top {width:60px;height:60px;margin:auto} .quick_fixed .quick_top .top {background-size:55px auto} .quick_fixed .quick_talk {display:block;width:60px;height:60px;margin:auto; margin-top:-5px} .quick_fixed .quick_talk .fani {width:100%; height:100%} .quick_fixed .quick_talk .fani:before {background-size:70px auto} .quick_fixed .quick_chatbot {display:none; width:70px;height:70px;margin-top:-8px} .quick_fixed .quick_chatbot img {width:100%; height:100%} .quick_fixed .quick_chatbot .chatbot:before {background-size:70px auto; -webkit-animation: aniFaniMo 1.5s steps(17) infinite;animation:aniFaniMo 1.5s steps(17) infinite} .is_srchOpen .quick_fixed {z-index:180; bottom:75px} .is_srchOpen .quick_fixed .quick_top, .is_srchOpen .quick_fixed .quick_talk {display:none} .is_srchOpen  .quick_fixed .quick_chatbot {display:block} .main_index .quick_fixed .quick_talk {display:block} .main .quick_fixed .quick_chatbot {display:block} .is_srchOpen .main #header .quick_fixed .quick_talk {display:none} @-webkit-keyframes aniFaniMo { 	0% { background-position:50% 0 } 	100% { background-position:50% -1190px } } @keyframes aniFaniMo { 	0% { background-position:50% 0 } 	100% { background-position:50% -1190px } } .main #container {padding-top:98px} .has_eventTopBnr .main #container {padding-top:158px} .fullMenu_wrap {top:0;height:100%} .fullMenu {width:100%;height:100%;max-width:100%;max-height:100%} .fullMenu .fullMenu_closer {top:13px;right:10px;margin-top:0px} .fullMenu .fullMenu_closer span {background-image:url('/pconts/images/common/ico_close_pop_white.png'); background-size:20px 20px} .fullMenu .allmenu_nav_wrap .allmenu_inner {padding-left:117px} .fullMenu .allmenu_nav {position:fixed; left:0; width:117px; bottom:0; overflow:auto} .fullMenu_user {display:none; height:115px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .fullMenu.is_sigin .fullMenu_user {display:-webkit-flex; display:-ms-flexbox; display:flex} .fullMenu .allmenu_nav {top:145px} .fullMenu.is_sigin .allmenu_nav {top:260px} .fullMenu_body {height:calc(100% - 145px)} .fullMenu.is_sigin .fullMenu_body {height:calc(100% - 260px)} .fullMenu_header {position:relative; z-index:10; display:block; background-color:#4e5468} .fullMenu .global_nav {display:block} .userState_wrap {width:100%} .userState_wrap .user_img {width:71px} .userState_wrap .user_img .avata {width:100%} .userState_wrap .user_img .avata img {width:100%} .userState_wrap .user_cont {color:#fff; font-weight:300; font-size:15px; line-height:1} .userState_wrap .user_cont .name {font-size:18px; margin-top:6px} .userState_wrap .user_cont .name em {font-weight:700} .userState_wrap .user_cont .session {font-size:13px; opacity:0.5; margin-top:6px} .userState_wrap .user_cont .option {margin-top:10px} .userState_wrap .user_cont .option .link {position:relative; display:inline-block; padding-right:20px} .userState_wrap .user_cont .option .link::after {content:''; display:inline-block; vertical-align:middle; width:8px; height:8px; margin-left:4px; border:1px solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg)} .mySub_top .left {background-position:0 0} .fullMenu_util {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:60px; padding:0 15px; border-bottom:1px solid #424759} .fullMenu_util button {width:30px; height:30px} .fullMenu_util button + button {margin-left:5px} .fullMenu_util .btn_home {background:url('/pconts/images/common/ico_util_home.png') no-repeat center center / 20px 20px} .fullMenu_util .btn_user {display:none; background:url('/pconts/images/common/ico_util_user.png') no-repeat center center / 20px 20px} .fullMenu_util .btn_join {background:url('/pconts/images/common/ico_util_user_plus.png') no-repeat center center / 20px 20px} .fullMenu_util .btn_sigout {display:none; background:url('/pconts/images/common/ico_util_sigout.png') no-repeat center center / 20px 20px} .fullMenu_util .btn_sigin {background:url('/pconts/images/common/ico_util_sigin.png') no-repeat center center / 20px 20px} .fullMenu.is_sigin .fullMenu_util .btn_user {display:inline-block} .fullMenu.is_sigin .fullMenu_util .btn_join {display:none} .fullMenu.is_sigin .fullMenu_util .btn_sigout {display:inline-block} .fullMenu.is_sigin .fullMenu_util .btn_sigin {display:none} .global_nav {display:block;height:35px} .global_nav .tab_list {display:-webkit-flex; display:-ms-flexbox; display:flex;height:100%;padding:0 20px;background:#424759;margin:0 -13px} .global_nav .tab_list li {height:100%} .global_nav .tab_list li a {position:relative;display:block;padding:0 13px;line-height:35px;color:rgba(255,255,255,0.5)} .global_nav .tab_list li a:after {content:'';display:block;width:1px;height:13px;position:absolute;left:0;top:50%;margin-top:-7px;background-color:#686c7a} .global_nav .tab_list li:first-child a:after {display:none} .global_nav .tab_list li.current a {color:rgba(255,255,255,1)} .fullMenu_nav .tab_list {height:50px;padding:0} .fullMenu_nav .tab_list li a {font-size:16px;line-height:48px} .quick_nav_wrap {padding:26px 20px} .quick_nav_wrap .quick_nav {padding:25px 0;-ms-flex-wrap:wrap; flex-wrap:wrap} .quick_nav_wrap .quick_nav .tit_wrap {width:100%} .quick_nav_wrap .quick_nav .list_wrap {width:100%} .quick_nav_wrap .quick_nav .tit {font-size:1.6rem} .quick_nav_wrap .quick_nav_col {width:100%; padding:0; margin:0} .quick_nav_wrap .quick_nav_col:first-child {padding:0; margin:-25px 0 0 0} .quick_nav_wrap .quick_nav .list {padding:0; margin:-10px 0 0} .quick_nav_wrap .quick_nav .list > li {width:25%; height:80px; padding:0; margin:10px 0 0} .quick_nav_wrap .quick_nav .list > li .item {width:100%;text-align:center} .quick_nav_wrap .quick_nav .list > li .icon_box {background-size:40px auto !important} .quick_nav_wrap .quick_nav .icon_list.favorite > li .icon_box .icon_name {padding:47px 0 0;font-size:1.3rem} .allmenu_nav .tab_list {width:100%} .allmenu_nav_bg {width:117px} .allmenu_nav_wrap .allmenu_nav .tab_list a span {height:42px;padding-left:20px; color:#111; font-size:18px; font-weight:500} .allmenu_nav_wrap .allmenu_nav .tab_list a .icon {display:none} .allmenu_nav_wrap .allmenu_body .allmenu_cont {padding:12px 22px} .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list {width:100%;padding:0} .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list + .allmenu_list {padding:0;margin-top:20px} .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .tit {margin-bottom:3px} .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .tit + .tit {margin-top:20px} .allmenu_nav_wrap .allmenu_body .allmenu_cont .allmenu_list .dep1_item + .dep1_item {margin-top:3px} .fullMenu_wrap .allmenu_nav_wrap, .fullMenu_wrap .quick_nav_wrap {-webkit-overflow-scrolling:touch} .allmenu_nav_wrap .allmenu_etc {width:117px} .allmenu_list .dep1_item .btn_expand {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .allmenu_list .dep1_item .btn_expand::after {top:3px} .allmenu_list .dep1_link, .allmenu_list .dep2_link {font-size:15px} #header .header_body {display:none} #header .header_mobile {display:block} #footer {display:none !important} .main #header .header_mobile {display:none} .main #header .header_body {display:block} .main #footer {display:block !important} .event_bnr .event_cont .link {padding:0 27px} .event_bnr .event_cont .tit {font-size:15px} .event_bnr .event_cont .txt {font-size:13px} .event_bnr .event_cont .label {height:22px; padding:1px 10px 0 10px} .event_bnr .event_close {width:35px; height:35px; background-size:15px auto} .event_bnr .swiper-button-prev, .event_bnr .swiper-button-next {width:30px; height:30px; margin-top:-15px} .event_bnr .swiper-button-prev::before, .event_bnr .swiper-button-next::before {width:10px; height:10px;top:10px} .event_bnr .swiper-button-prev {left:0} .event_bnr .swiper-button-next {right:0} .event_bnr .swiper-button-prev::before {left:11px} .event_bnr .swiper-button-next::before {left:8px} .event_mainVisual {height:110px} .event_mainVisual .ly_inner {width:100% !important; max-width:600px; margin:0 auto; padding:0} .main_index .event_mainVisual .ly_inner {padding:0} .event_mainVisual .swiper-button-prev {left:0; right:auto} .event_mainVisual .swiper-button-next {right:0; left:auto} .event_mainVisual .event_cont .img {width:116px; height:116px} .event_mainVisual .event_cont .link {padding-left:25px; padding-right:25px; padding-bottom:36px} .event_mainVisual .swiper-button-prev::before {left:13px} .event_mainVisual .swiper-button-next::before {left:8px} .event_mainVisual.img_right .event_cont .link {padding-right:157px} .event_mainVisual.img_left .event_cont .link {padding-left:157px} .event_mainVisual.img_right .event_cont .img {right:20px} .event_mainVisual.img_left .event_cont .img {left:20px} .event_mainVisual .swiper-controls {padding:0 22px; bottom:15px} .event_subVisual {height:180px} .event_subVisual .event_cont .link {align-content:flex-start; padding:25px 27px 25px 27px} .event_subVisual .event_cont .label {position:absolute; margin:0; bottom:24px; left:27px} .event_subVisual .event_cont .img {width:153px; height:153px; top:auto; bottom:-33px; transform:none} .event_subVisual .swiper-controls {bottom:auto; top:25px; left:auto; right:9px; text-align:right} .event_subVisual.img_right .event_cont .link {padding-right:70px} .event_subVisual.img_left .event_cont .link {padding-left:20px; padding-right:70px} .event_subVisual.img_left .event_cont .label {right:20px} .event_subVisual.img_right .event_cont .img {right:10px} .event_subVisual.img_left .event_cont .img {left:10px} .event_subVisual.img_right .event_cont .label {left:20px} body.has_eventTopBnr .event_subTop {height:60px} .event_subTop .ly_inner {width:100%; padding:0} .event_subTop .event_cont {padding:0 27px} .event_subTop .event_cont .link {padding:0} .event_subTop .event_cont .link .txt {display:block; width:100%; margin-left:0} .event_subTop .swiper-button-prev, .event_subTop .swiper-button-next {width:24px; height:24px; margin-top:-13px} .event_subTop .swiper-button-prev {left:0} .event_subTop .swiper-button-next {right:28px} .event_subTop .swiper-button-prev::before, .event_subTop .swiper-button-next::before {top:8px} .event_subTop .swiper-button-next::before {left:6px} .event_subTop .event_close_wrap {display:flex; width:32px; left:auto; right:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .event_subTop .event_close_wrap .event_close_check {display:none} .event_subTop .event_close_wrap .event_close {position:relative; top:0; width:30px; height:30px; right:0; background-image:url(/pconts/images/common/event_close_mo.png); background-size:18px auto} .event_subTop.img_right .event_cont {padding-right:63px} .event_subTop.img_right .event_cont .link {padding-right:0} .event_subTop.has_swiper .swiper-controls {display:none} .event_subBanner {height:110px} .event_subBanner .ly_inner {padding:0} .event_subBanner .event_cont .label {margin-top:12px} .event_subBanner .event_cont .img {width:116px; height:116px; top:auto; bottom:-20px; transform:none} .event_subBanner .swiper-controls {right:27px} .event_subBanner.has_swiper .event_cont .img {bottom:-3px} .event_subBanner.img_right .event_cont .link {padding-right:143px} .event_subBanner.img_left .event_cont .link {padding-left:143px} .event_allmenu {width:117px; padding:14px} .event_allmenu .swiper-container, .event_allmenu .swiper-wrapper, .event_allmenu .swiper-slide {width:100%; height:100%} .event_allmenu .event_cont .tit {font-size:11px; line-height:15px; height:30px; margin-top:10px} .event_allmenu .event_cont .img img {width:88px; height:88px} .event_allmenu .event_cont .arw::after {width:6px;height:6px} .event_allmenu .swiper-button-prev {display:none} .event_allmenu .swiper-button-next {display:none} .event_allmenu .swiper-controls {display:none} .event_view {height:100px} .event_view .ly_inner {padding:0} .event_view .event_cont .cont, .event_view .event_cont .link {padding:0 20px} .event_view .event_cont .img {width:100px; height:100px; top:auto; bottom:-15px; transform:none} .event_view.img_right .event_cont .cont, .event_view.img_right .event_cont .link {padding-right:143px} .event_view.img_left .event_cont .cont, .event_view.img_left .event_cont .link {padding-left:143px} .quickSrch_inner, .quickSrch_dimmer {transition:all 0.3s ease} .quickSrch_wrap.page_search .quickSrch_dimmer.is_active {display:block} .quickSrch_wrap .quickSrch {min-height:105px !important} .quickSrch_wrap .close_wrap {position:absolute; right:20px} .quickSrch_inner {position:fixed; left:0; top:0; width:100%; height:100%; z-index:161} .quickSrch_dimmer {z-index:60} .quickSrch {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100% !important; margin:auto; padding:0 20px} .quickSrch_inner.is_focused .quickSrch {height:100%} .quickSrch .srch_input_wrap {flex:none; height:58px} .quickSrch .srch_input_wrap .ico_srch {background-size:20px 20px} .quickSrch .autoComplete_wrap {display:none; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; flex-grow:1} .quickSrch .autoComplete_wrap.is_visible {display:-webkit-flex; display:-ms-flexbox; display:flex} .quickSrch .autoComplete_wrap .ac_scroll {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; overflow:auto; margin:0 -20px; padding:0 20px} .quickSrch_wrap .quickSrch_inner {width:100% !important; left:0 !important; top:0 !important; background-color:transparent} .quickSrch_wrap.is_acOnly .srch_input_wrap {display:block} .autoComplete_wrap .ac_option {margin:0 -20px; padding:0 20px} .autoComplete_wrap .ac_menu {padding:3px 0 0 0} .totalSrch_wrap {padding-top:0} .srch_input_wrap {height:58px} .srch_input_wrap input {height:100%; line-height:56px; font-size:15px; padding-left:30px; padding-right:0; padding-bottom:0} .srch_input_wrap .label {font-size:17px; line-height:16px} .srch_input_wrap .btn_search {width:17px; height:17px; left:0; margin-top:-8px; background-size:100% auto} .srch_input_wrap .btn_back {background-size:10px 15px} .srch_input_wrap input:focus {padding-left:28px;padding-right:0;line-height:52px} .srch_input_wrap input::placeholder{font-size:15px; font-weight:400; line-height:56px} .srch_input_wrap input::-webkit-input-placeholder{font-size:15px; font-weight:400; line-height:56px} .srch_input_wrap input::-moz-placeholder{font-size:15px; font-weight:400; padding-left:30px; line-height:56px} .srch_input_wrap input:-moz-placeholder{font-size:15px; font-weight:400; padding-left:30px; line-height:56px} .srch_input_wrap input::-ms-input-placeholde{font-size:15px; font-weight:400; padding-left:30px; line-height:56px} .srch_input_wrap input:-ms-input-placeholder{font-size:15px; font-weight:400; padding-left:30px; line-height:56px} .srch_tags_wrap .hashtag {font-size:15px} .srch_count_wrap {padding-top:29px; padding-bottom:27px} .srch_count_wrap p {font-size:17px; line-height:normal} .logInfo_wrap {padding-top:36px; padding-right:0; padding-left:0} .logInfo_wrap .msg_wrap {font-size:17px; text-align:center} .logInfo_wrap .btn_wrap {margin-top:14px} .logInfo_wrap .btn_wrap .btn.btn.mo_btn_fix01 {padding:0} .totalSrch_sec {padding:31px 0 0} .totalSrch_sec .title_wrap {margin-bottom:18px} .totalSrch_sec .h_title {font-size:18px} .totalSrch_sec .s_title {margin-bottom:11px; font-size:16px; font-weight:700; color:#333} .totalSrch_sec .s_title + .btn-area {margin-top:14px} .totalSrch_sec .more_area {margin-top:13px} .totalSrch_sec .more_page {margin-top:28px} .totalSrch_sec.result {margin-top:30px; padding:0} .totalSrch_sec.result .title_wrap {padding-bottom:10px; border-bottom:1px solid #eeeeee} .totalSrch_sec.result .title_wrap .select_wrap {width:auto} .srch_nodata {margin:47px 0 25px; padding-top:104px; background-size:90px 90px} .totalSrch_sec.type_menu.result .breadcrumb_list p + p {margin-top:14px} .totalSrch_sec.type_quick.expend_wrap {padding:34px 0 40px} .totalSrch_sec.type_card .con_wrap {padding-top:10px} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li {padding:12px 0} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_name_wrap {padding-left:0; float:none} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap {width:110px; margin-top:0; text-align:center} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap img {width:100px; height:auto} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap {width:calc(100% - 110px)} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li {font-size:13px; padding-left:0} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li::after {content:''; display:block; clear:both} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li + li {padding-top:7px} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {background-position:22px -3px} .totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {width:90px; position:static; float:left} .totalSrch_sec.type_card.result .title_wrap {margin-bottom:28px} .totalSrch_sec.type_finance P.marker_dot.Mid {font-size:15px} .totalSrch_sec.type_qna .title_wrap {margin-bottom:21px} .totalSrch_sec.type_qna .srch_list li + li {margin-top:26px} .totalSrch_sec.type_finance .srch_finance_list .item, .totalSrch_sec.type_info .srch_info_list .item {margin-top:25px} .totalSrch_sec.type_notice .title_wrap {margin-bottom:19px} .totalSrch_sec.type_notice .noti_list li + li {margin-top:24px} .totalSrch_sec.type_notice .noti_list li a {display:block} .totalSrch_sec.type_notice .noti_list li a .txt {display:block; width:100%} .totalSrch_sec.type_notice .noti_list li a .tit {position:static; width:100%} .totalSrch_sec.type_event .title_wrap {margin-bottom:12px} .totalSrch_sec.type_event .list01[data-type="card"] .event_info .title {height:40px; line-height:20px} .totalSrch_sec.type_etc {padding-bottom:0} .totalSrch_sec.type_etc .title_wrap {margin-bottom:19px} .totalSrch_sec.type_etc .define_items .tit {margin-bottom:0} .totalSrch_sec.type_etc .define_items .txt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .shCardApp_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-8px} .shCardApp_list > li {width:50%; padding:8px} .shCardApp_list a {display:block} .shCardApp_list .app_item {padding:16px 6px 0 6px; width:100%; height:155px} .shCardApp_list .app_item dt i {width:53px; height:53px} .shCardApp_list .app_item dt .tit {font-size:15px; margin-top:10px} .shCardApp_list .app_item dd {margin-top:5px} .autoComplete_wrap .ac_item {width:100%} .autoComplete_wrap .ac_btn_keyword {width:100%} .autoComplete_wrap .ac_list {padding:7px 0} .autoComplete_wrap .ac_quick_wrap .ac_quick_group {margin:0} .autoComplete_wrap .ac_quick_wrap .ac_quick_list {width:100%; padding:5px 0} } @media only screen and (min-width:1101px) { .main_index #header {height:auto !important} .main_index #header .main_con .gnb_wrap {display:none !important} .totalSrch_sec.type_etc .define_items .txt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:27px; height:54px} } @media only screen and (max-width:1100px) and (max-height:570px){ .allmenu_nav_wrap .allmenu_etc {bottom:auto;top:445px}		 } @media only screen and (max-width:760px) { .btn_colgap .btn.btn_link {margin-bottom:8px;vertical-align:top} .btn_colgap .btn.btn_link + .btn.btn_link {margin-bottom:0} .btn.row02m {display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1.3} .btn.row02m:after{vertical-align:middle} .btn.row02m.btn_outlink {height:inherit;padding:4px 16px 3px} .btn.row02m.btn_outlink:after{vertical-align:initial} .btn.row02m span{display:inline-block;vertical-align: middle} .btn.row02m span br{display:inline-block} .accessMode {display:block} .is_accessMode #header {position:relative !important; height:auto !important} .is_accessMode #container {padding-top:0 !important} .is_accessMode #header .header_body, .is_accessMode #header .gnb_wrap, .is_accessMode #header .gnb_wrap .nav_area .dep1 {height:auto} .is_accessMode #header .gnb_wrap .nav_area .dep1 {flex-wrap:wrap; transform:none !important} .is_accessMode #header .gnb_wrap .swiper-button-next {display:none !important} .is_accessMode .quick_fixed {position:relative; width:100%; display:flex; justify-content:center} .is_accessMode .quick_fixed .quick_top, .is_accessMode .quick_fixed .quick_talk {margin:0} .is_accessMode .main_index #header .main_con {position:relative !important} .is_accessMode .main_index #header .main_search {position:relative !important; margin-top:70px; opacity:1 !important} .is_accessMode .main_index #header .main_banner {position:relative !important; margin-top:70px; bottom:0 !important} .is_accessMode .main_index #header .main_con .gnb_wrap {position:relative !important} .is_accessMode .m_fixed {position:relative !important} .email_wrap .input_wrap {width:calc(50% - 17.5px)} .email_wrap .select_wrap {width:100%;margin-top:8px;margin-left:0} body.app_shfan #wrap:not(.main_index) #header {display:none; height:0} body.app_shfan #wrap:not(.main_index) #container {padding-top:0px} } @media only screen and (max-width:1100px) { .word_break_all{word-break:break-all !important} .flex_box.flex_equal .flex_item {flex:1 1 0} .h_title38 {font-size:1.9rem} .h_title24 {font-size:1.8rem} .h_title {font-size:1.6rem} .h_title.m_font_lg {font-size:1.8rem} .c_title {font-size:1.6rem} .c_title_m15 {font-size:1.5rem} .s_title {font-size:1.3rem} .contents_heading {display:none} p.marker_dot.Small, ul.marker_dot.Small > li, ol.marker_dot.Small > li {padding-left:8px} p.marker_hyphen.Small, ul.marker_hyphen.Small > li, ol.marker_hyphen.Small > li {padding-left:11px} p.marker_refer.Small, ul.marker_refer.Small > li {padding-left:16px} p.marker_txt.XLarge, ul.marker_txt.XLarge > li {padding-left:20px} p.marker_txt.XLarge .txt, ul.marker_txt.XLarge > li .txt {left:-20px} p.marker_txt.XLarge .h_title + ul, ul.marker_txt.XLarge > li > .h_title + ul, ul.marker_txt.XLarge > li > .h_title + p {margin-top:8px} p.marker_txt.XLarge .two , ul.marker_txt.XLarge > li.two {padding-left:28px} p.marker_txt.XLarge .two .txt, ul.marker_txt.XLarge > li.two .txt {left:-28px} p.marker_number.XLarge, ul.marker_number.XLarge > li {padding-left:20px} p.marker_number.XLarge .number, ul.marker_number.XLarge > li > p > .number {left:-20px} p.marker_number.XLarge .h_title + ul, ul.marker_number.XLarge > li > .h_title + ul, ul.marker_number.XLarge > li > .h_title + p, p.marker_number.XLarge .h_title24 + ul, ul.marker_number.XLarge > li > .h_title24 + ul, ul.marker_number.XLarge > li > .h_title24 + p {margin-top:8px} p.marker_number.XLarge .two , ul.marker_number.XLarge > li.two {padding-left:28px} p.marker_number.XLarge .two .number, ul.marker_number.XLarge > li.two .number {left:-28px} .marker_wrap .s_title +.marker_dot, .marker_wrap .s_title +.marker_hyphen, .marker_wrap .c_title +.marker_dot, .marker_wrap .c_title +.marker_hyphen {margin-top:16px} .marker_wrap .marker_dot + .s_title, .marker_wrap .marker_hyphen + .s_title, .marker_wrap .marker_dot + .c_title, .marker_wrap .marker_hyphen + .c_title {margin-top:30px} .sh_agreement + .btn_wrap {margin-top:30px} .sh_agreement .h_title + .c_title, .sh_agreement .btn_wrap + .c_title, .sh_agreement .link_group + .c_title, .sh_agreement .bg_gray + .c_title {margin-top:12px;margin-bottom:7px} .sh_agreement .h_title24 + .h_title, .sh_agreement .h_title24 + .marker_number, .sh_agreement .h_title24 + .font_basic {margin-top:14px} .sh_agreement .table_wrap + .c_title, .sh_agreement .h_title24 + .c_title {margin-bottom:7px} .sh_agreement .marker_number + .c_title, .sh_agreement .marker_dot + .c_title, .sh_agreement .marker_refer + .c_title, .sh_agreement .marker_hyphen + .c_title, .sh_agreement .marker_txt + .c_title, .sh_agreement .font_basic + .c_title {margin-bottom:7px} .sh_agreement .font_md + .h_title, .sh_agreement .marker_number + .h_title, .sh_agreement .marker_dot + .h_title, .sh_agreement .marker_refer + .h_title, .sh_agreement .marker_hyphen + .h_title, .sh_agreement .marker_txt + .h_title, .sh_agreement .font_basic + .h_title {margin-top:30px} .sh_agreement.personal_info .h_title24 + [class^="marker_"] + .h_title24, .sh_agreement.personal_info .h_title24 + .btn_wrap + .h_title24, .sh_agreement.personal_info .h_title24 + .font_basic + .h_title24 {margin-top:40px} .sh_agreement.personal_info .h_title, .sh_agreement.personal_info .marker_number + .h_title {margin-top:30px} .sh_agreement.personal_info .marker_number > li > .c_title {margin-top:12px;margin-bottom:7px} .sh_agreement_select .select_wrap {flex-grow:1; flex-shrink:1} .sh_agreement_select .select_wrap + .btn_wrap {width:100%; margin-top:20px; margin-left:0} .sh_agreement_select .select_wrap + .btn_wrap .btn.rectangle {margin-left:0} .sh_agreement_select + .sh_agreement_select_cmt {margin-top:12px} .sh_agreement_select label {display:none} .has_not_select .sh_agreement {padding-top:30px} .text_group + .text_group {margin-top:36px} .expend_wrap_m {display:block; position:relative; margin:0; padding:0} .expend_wrap_m::before {content:''; display:block; position:absolute; z-index:0; left:calc(-50vw + 50%); top:0; width:100vw; height:100%} .expend_wrap_m.bg_lightgray::before {background-color:#f2f4f8; background-color:rgba(242, 244, 248, 1.0)} .expend_wrap_m.bg_gray::before {background-color:#f6f6f6; background-color:rgba(246, 246, 246, 1.0)} .expend_wrap_m.bg_gray01::before {background-color:#fafafa; background-color:rgba(250, 250, 250, 1.0)} .expend_wrap_m.bg_prim::before {background-color: #086ac5;background-color: rgba(8, 106, 197, 1.0)} .expend_wrap_m.bg_prim01::before {background-color: #4868e1;background-color: rgb(72, 104, 225, 1.0)} .expend_wrap_m.bg_darkprim::before {background-color:#081350;background-color:rgba(8, 19, 80, 1.0)} .expend_wrap_m>* {position:relative; z-index:1} .ly_inner.expend_wrap {padding-right:27px; padding-left:27px} .expend_wrap_m.bg_white::before {content:'';position:absolute;top:-1px;left:calc(-50vw + 50%);width:100vw;height:1px;background-color:#ddd} .expend_wrap_m.bg_white::after {content:'';position:absolute;bottom:-1px;left:calc(-50vw + 50%);width:100vw;height:1px;background-color:#ddd} .form_type .mo_inblock {display:inline-block !important} .form_tit {display:block;margin-top:-3px;font-size:1.7rem} .form_tit span {display:block} .form_tit + .form_ele {margin-top:21px} .form_type {padding-top:30px; padding-bottom:30px} .form_type.expend_wrap {padding-top:27px; padding-bottom:27px} .form_type.has_fixBtn {padding-bottom:50px} .form_type .h_wrap.gap40 {margin-bottom:13px} .form_type .h_wrap.gap40 h4.title {font-size:1.8rem;line-height:22px} .form_type .form_type_tit {margin-top:40px; margin-bottom:16px; font-size:1.8rem}	 .form_type .form_ele, .form_type .form_ele.sm {padding-left:0} .form_type .form_ele + .form_ele, .form_type .form_ele + form, .form_type .form_ele + .tab_wrap, .form_type .tab_wrap + .form_ele, .form_type .sec + .sec {margin-top:27px} .form_type .form_ele.text_tip_area {padding-bottom:20px} .form_type .form_ele.text_tip_area + .form_ele {margin-top:0} .form_type .form_ele.text_tip_area .text_tip + .text_tip {padding-top:8px} .form_type.form_type02 .form_ele + .form_ele {margin-top:50px} .form_type .form_ele + .form_ele.type06 {margin-top:15px} .form_type .sec {display:none} .form_type .sec.comp, .form_type .sec.current, .form_type .sec.prev {display:block} .form_type .form_ele_group {margin-top:27px} .form_type .form_ele + .h_wrap {margin-top:38px} .form_type .form_ele .ele_tit, .form_type .form_ele .ele_txt {display:block;position:static;width:auto;padding-top:0;padding-bottom:10px} .form_type .form_ele .ele_tit label {font-size:1.6rem;line-height:20px;color:#333} .form_type .form_ele .ele_tit label span.text_xsm {display:block;margin-top:0} .form_type .form_ele .ele_tit .btn_guide {margin:0;float:right} .form_type .form_ele .col02.type02{display:-webkit-flex; display:-ms-flexbox; display:flex} .form_type .form_ele .col02.type02 > div{width:42%} .form_type .form_ele .col02.type02 > div + div{width:58%} .form_type .form_ele.terms .ele_tit {padding-top:0} .form_type .form_ele.accordion_wrap {margin-top:20px} .form_type .form_ele.accordion_wrap .ele_tit {position:relative;float:none;padding-right:20px;margin-left:0;white-space:normal} .form_type .form_ele.accordion_wrap .accordion_header {position:static} .form_type .form_ele.accordion_wrap .accordion_header button.acc_btn, .form_type .form_ele.accordion_wrap .accordion_header a[role="button"].acc_btn, .form_type .form_ele.accordion_wrap.ext_date .accordion_header button.acc_btn, .form_type .form_ele.accordion_wrap.ext_date .accordion_header a[role="button"].acc_btn {position:absolute;left:0;top:0;padding:32px 0 0;z-index:10} .form_type .form_ele.accordion_wrap .accordion_header button.acc_btn:after, .form_type .form_ele.accordion_wrap .accordion_header a[role="button"].acc_btn:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header button.acc_btn:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header a[role="button"].acc_btn:after {top:3px} .form_type .form_ele.accordion_wrap .accordion_header button.acc_btn.on:after, .form_type .form_ele.accordion_wrap .accordion_header a[role="button"].acc_btn.on:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header button.acc_btn.on:after, .form_type .form_ele.accordion_wrap.ext_date .accordion_header a[role="button"].acc_btn.on:after {top:7px} .form_type .form_ele .form_txt {padding-top:0;margin-bottom:0;font-size:1.8rem} .form_type .form_ele .form_txt02 {padding-top:0;font-size:1.5rem;line-height:1.51} .form_type .form_ele .ele_tit + .form_txt02 {margin-top:-4px} .form_txt02 + .tab_type01 .radio_wrap {display:block} .form_type .btn_wrap.btn_foot {margin-bottom:0} .form_ele .jumin_type {display:-webkit-flex; display:-ms-flexbox; display:flex} .form_ele .jumin_type .last {display:-webkit-flex; display:-ms-flexbox; display:flex} .form_type .inner_check_wrap{display:-webkit-flex; display:-ms-flexbox; display:flex;padding:0} .form_type .inner_check_wrap .check_default, .form_type .inner_check_wrap .check_default + .check_default{margin-right:0;width:50%} .radio_wrap.type_grid ul li {flex:none} .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span {padding:12px 0 11px 13px !important} .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em {font-size:1.5rem;line-height:1.29} .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em span {margin-bottom:4px;font-size:1.2rem;line-height:1.3} .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span i.tbx{display:none} .radio_wrap.type_grid .radio_btn.type04 input[type="radio"] + span{padding:10px 10px 9px !important} .radio_wrap.type_grid .radio_btn.type04 input[type="radio"]:checked + span{padding:9px 9px 8px !important} .radio_wrap.type_grid .radio_btn.type04 input[type="radio"] + span em{line-height:1.44} .radio_wrap.type_grid .radio_btn.type05 input[type="radio"]:checked + span {padding:10px 7px 8px} .radio_wrap.type_grid .radio_btn.type05 input[type="radio"] + span em span {word-wrap:break-word} .radio_wrap.type_grid .ico {width:40px;height:40px;margin-top:2px} .radio_wrap.type_grid .ico + em {padding:7px 0 4px;line-height:1.2 !important} .radio_wrap.type_grid .ico.ico_state01{background:url(/pconts/images/icon/ico_state01.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state02{background:url(/pconts/images/icon/ico_state02.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state03{background:url(/pconts/images/icon/ico_state03.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state04{background:url(/pconts/images/icon/ico_state04.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state05{background:url(/pconts/images/icon/ico_state05.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state06{background:url(/pconts/images/icon/ico_state06.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state07{background:url(/pconts/images/icon/ico_state07.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state08{background:url(/pconts/images/icon/ico_state08.png) no-repeat left top;background-size:40px 40px} .radio_wrap.type_grid .ico.ico_state09{background:url(/pconts/images/icon/ico_state09.png) no-repeat left top;background-size:40px 40px} .form_ele .sch_result {padding:20px 15px} .form_ele .sch_result .btn_del {top:13px; right:13px} .form_ele.has_btn .btn_wrap.btn_small {position:absolute;top:-5px;right:0} .form_wrap {height:auto} .form_type.only_right {float:none;min-width:100%;padding:0} .form_type.only_right .form_ele {padding-left:0} .form_type.only_right .form_ele .ele_tit {width:100%;padding-left:0} .form_type.only_right .flex_row {display:block} .form_type.only_right .flex_row .select_wrap {width:100%} .form_type.only_right .flex_row .select_wrap + .btn_wrap {margin-top:20px;padding:0} .form_type.center_type {width:100%} .form_type.center_type .form_ele .ele_tit {padding-bottom:10px} .radio_table_wrap .radio_wrap .type_btn input[type="radio"] + span {height:67px;padding:6px 5px 5px} .radio_table_wrap .radio_wrap .type_btn input[type="radio"] + span strong {font-size:1.6rem;line-height:2.3rem} .radio_table_wrap .radio_wrap .type_btn input[type="radio"] + span .ico + strong {line-height:1.9rem} .radio_table_wrap .radio_wrap .ico {width:33px;height:33px;margin-top:8px} .radio_table_wrap .radio_wrap .ico + strong {padding:4px 0 7px} .radio_tab_wrap li label input[type="radio"] + span {padding:14px 5px 13px 5px; border:solid #ddd 1px; font-size:1.6rem} .radio_tab_wrap02 li {margin-right:13px} .radio_tab_wrap02 li label input[type="radio"] + span {padding:9px 5px 7px;font-size:1.6rem} .check_wrap.theme_blue label {text-align:center} .check_wrap.theme_blue label input[type="checkbox"] + span {font-size:13px;padding:11px 4px 10px 5px} .radio_wrap.type_grid .radio_btn input[type="radio"] + span em .tbm {width:100%} .check_list > li {width:104px;height:105px} .check_list > li .icon_box {background-size:33px} .check_list > li .icon_box .check_txt {padding:61px 0 23px;border-radius:4px} .check_list > li .icon_box .check_txt.row02 {padding:53px 0 12px} .check_list > li .icon_box input[type="checkbox"]:checked + .check_txt, .check_list > li .icon_box input[type="radio"]:checked + .check_txt {padding:60px 0 22px} .check_list > li .icon_box input[type="checkbox"]:checked + .check_txt.row02, .check_list > li .icon_box input[type="radio"]:checked + .check_txt.row02 {padding:52px 0 11px} .check_list.flex_row > li {margin:0;height:auto} .check_list02 label span {height:105px;padding:53px 10px 12px;font-size:1.5rem;line-height:1.3} .check_list02 label span.row02{padding:53px 10px 12px;line-height:1.3} .check_list02 label span:before {content:'';display:inline-block;position:absolute;left:50%;top:14px;width:33px;height:33px;transform:translateX(-50%)} .check_list02 label input[type="checkbox"]:checked + span, .check_list02 label input[type="radio"]:checked + span {padding:52px 10px 11px} .check_list02 label input[type="checkbox"]:checked + span.row02,.check_list02 label input[type="radio"]:checked + span.row02 {padding:52px 10px 11px} .check_list03 label span {height:50px;padding:5px;font-size:1.5rem;line-height:1.24} .icon_box.icon13 {background:url(/pconts/images/icon/ico_icon13_m.png) no-repeat} .icon_box.icon14 {background:url(/pconts/images/icon/ico_icon14_m.png) no-repeat} .icon_box.icon15 {background:url(/pconts/images/icon/ico_icon15_m.png) no-repeat} .icon_box.icon16 {background:url(/pconts/images/icon/ico_icon16_m.png) no-repeat} .icon_box.icon17 {background:url(/pconts/images/icon/ico_icon17_m.png) no-repeat} .icon_box.icon18 {background:url(/pconts/images/icon/ico_icon18_m.png) no-repeat} .check_wrap.type_agree .check_agree {height:auto; margin-top:5px; line-height:1.3} .check_wrap.type_acc .check_type3 span, .check_wrap.type_acc .check_type3 + .info_txt {padding:0 38px 0 55px} .check_wrap.type_acc .check_type3 button.btn_check_pop span {padding:0} .df_list_wrap {padding-top:0;padding-bottom:15px} .df_list_wrap .df_list .item {padding:0 10px 10px 10px} .df_list_wrap .df_list .item.tit {padding:16px 30px 0 10px} .df_list_wrap .df_list .item.con {padding:16px 10px 0 0} .df_list_wrap .df_list .item.tit {width:50%} .df_list_wrap .df_list .item.tit01 {width:60%; padding:10px 0 3px 10px} .df_list_wrap .df_list .item.con01 {width:40%; padding:10px 10px 3px 0px} .df_list_wrap .df_list .item.con, .df_list_wrap.single .df_list .item.con, .df_list_wrap.single.pc .df_list .item.con {width:50%} .df_list_wrap .df_list.type02 .item.tit {width:114px} .df_list_wrap .df_list.type02 .item.con {width:calc(100% - 114px)} .df_list_wrap .df_list.type04 .item.tit {width:50%} .df_list_wrap.single.pc .df_list.type04 .item.con {width:50%} .df_list_wrap .df_list.type05 .item.tit {width:50%} .df_list_wrap.single.pc .df_list.type05 .item.con {width:50%} .df_list_wrap .df_list .item_wrap.form_ele .item {padding-top:5px;padding-bottom:15px} .df_list_wrap .df_list .item_wrap.form_ele .item.tit {padding-top:17px;padding-bottom:5px} .df_list_wrap .df_list .item_wrap.form_ele .item.con {width:100%;padding:0 0 0 10px} .df_list_wrap.trs {display:block} .df_list_wrap.trs .df_list {display:block;float:none;width:100%} .df_list_wrap.trs .df_list .item_wrap dt:nth-child(3){clear:both} .df_list_wrap.trs .df_list .item {display:block;float:left;word-break:break-all} .df_list_wrap.trs.min_height60 .df_list .item {min-height:60px} .df_list_wrap.vertical_type {padding:16px 0 15px} .df_list_wrap.vertical_type .item{margin-top:8px;padding:0 10px} .df_list_wrap.vertical_type .item dt{font-weight:700} .df_list_wrap + .font_sm {margin-top:7px} .dl_wrap.top_line {padding-top:15px} .dl_wrap.top_line2 {padding-top:15px} .dl_wrap.btm_line {padding-bottom:15px} .dl_wrap.cover_pd_type01 {padding-top:17px;padding-bottom:17px} .dl_wrap.no_padding {padding:0} .dl_wrap .df_list  {display:block} .dl_wrap .df_list .item_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%} .dl_wrap .df_list .item.tit {display:block;width:42%;padding:7px 20px 0 10px} .dl_wrap .df_list .item.con {display:block;width:58%;padding:7px 10px 0 0} .dl_wrap .df_list .item.tit.wide{width:42%} .dl_wrap .df_list .item.tit.wide + .item.con {width:58%} .dl_wrap.single .df_list .item.tit {width:40%; word-wrap:break-word} .dl_wrap.single .df_list .item.con {width:60%} .dl_wrap.line_pd_type01 .df_list .item.tit {padding:0px 14px 0 0px} .dl_wrap.line_pd_type01 .df_list .item.con {padding:0} .dl_wrap .df_list .item_wrap:first-of-type dt:nth-of-type(2), .dl_wrap .df_list .item_wrap:first-of-type dd:nth-of-type(2) {padding-top:7px} .dl_wrap .df_list .item_wrap_tit{margin-bottom:5px;padding-left:10px} .dl_wrap .df_list .item_wrap + .item_wrap_tit {margin-top:30px} .dl_wrap .df_list .item_wrap .item.min_height{min-height:60px} .dl_wrap.dl_onelist .df_list .item_wrap {float:none; width:100%} .dl_wrap.dl_onelist .df_list .item.con {width:58%} .dl_wrap.dl_onelist .df_list .item_wrap:nth-of-type(2) dt, .dl_wrap.dl_onelist .df_list .item_wrap:nth-of-type(2) dd {padding-top: 7px} .dl_wrap .df_list_both {padding:26px 10px 23px} .dl_wrap .df_list_both .item_wrap .tit {margin-bottom:0} .dl_wrap .df_list_both .item_wrap .con {font-size:18px} .table_wrap table th, .table_wrap table td {padding:15px 15px} .df_list_col_wrap .df_list_col {display:block;padding:10px} .df_list_col_wrap .df_list_col .item_wrap {overflow:hidden} .df_list_col_wrap .df_list_col .item_wrap::after {display:none} .df_list_col_wrap .df_list_col .item_wrap + .item_wrap {margin-top:10px} .df_list_col_wrap .df_list_col .item_wrap .item:first-child {float:left} .df_list_col_wrap .df_list_col .item_wrap .item:last-child {float:right;margin:0} .df_list_col_wrap.arrow_r .df_list_col .item_wrap .item {float:none} .df_list_col_wrap.arrow_r .df_list_col .item_wrap {float:left;width:50%;padding:27px 0;text-align:left} .df_list_col_wrap.arrow_r .df_list_col .item_wrap + .item_wrap {margin-top:0;text-align:right} .df_list_col_wrap.justify_c [class^="df_list"] .item_wrap {margin-right:0} .df_list_col_wrap.MY047C03 .df_list_col {padding:10px 0} .df_list_col_wrap.MY047C03 .df_list_col .item_wrap dt.item {float:left; width:100px} .df_list_col_wrap.MY047C03 .df_list_col .item_wrap dd.item {float:left;margin:0} .table_wrap .ele_confirm .btn.mid {display:block;height:32px;margin:3px 0 0;padding:0 14px;font-size:1.3rem;line-height:32px} .table_wrap .ele_confirm.complete span {padding-right:25px} .table_scroll_area {overflow-x:auto} .table_scroll_area .table_wrap {width:1080px} .table_scroll_area .mCSB_draggerContainer {display:block} .table_scroll_area .mCSB_horizontal.mCSB_inside>.mCSB_container {margin-bottom:30px} .table_scroll_area .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height:10px;border-radius:5px;background-color:#f6f6f6} .table_scroll_area .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height:10px;border-radius:5px;background-color:#767676} .table_wrap table.col.acc tr:first-child th:last-child {padding-bottom:10px} .table_wrap.in_bdr.two_mst {border-top:1px solid #ddd;border-bottom:1px solid #ddd} .table_wrap.in_bdr.two_mst table th, .table_wrap.in_bdr.two_mst table td {border:0;background:transparent;padding-top:8px;padding-bottom:8px} .table_wrap .col01 {width:42%} .table_info {display:block !important;float:inherit;top:inherit;margin-top:-3px; padding-bottom:11px;font-size:13px;line-height:1.53} .h_title + .table_info {padding-top: 0} .list_group .list01[data-type="list"] {border-top-color:#ddd} .list_group .list_headnote01 {padding-bottom:15px} .list_group .list_headnote01 .count {font-size:1.3rem} .list_group .list_headnote01 .count .num {color:#111} .list_group .list_headnote01 .view_pattern .view_card_pattern, .list_group .list_headnote01 .view_pattern .view_list_pattern {background-size:16px 16px} .list_group .list_headnote01 .sort_type {margin:0 15px -5px 0} .list_group .list_headnote02 {display:block;padding:0 0 10px} .list_group .list_headnote02 .left_area {margin-bottom:15px} .list01[data-type="list"] .notice_news {-ms-flex-wrap:wrap; flex-wrap:wrap; flex-flow:row; padding-top:20px; padding-bottom:20px} .list01[data-type="list"] .notice_news .cell1 {float:none; width:100%; margin-bottom:12px; padding-left:0} .list01[data-type="list"] .notice_news .cell1 > .title_area:only-child {max-width:100%} .list01[data-type="list"] .notice_news .cell2 {float:none; width:100%} .list01[data-type="list"] .notice_news .title {white-space:inherit;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height:45px} .list_group [data-type="card"] > ul > li {width:100%} .list_group [data-type="card"] .notice_news {padding-right:20px; padding-left:20px} .list_group [data-type="card"] .notice_news .cell1 {margin-bottom:24px} .list01[data-type="card"] .notice_news .cell3 {padding:0 20px} .list01[data-type="card"] .notice_news .badge_area {left:90px} .event_list_swiper {position:relative; padding:10px 0} .event_list_swiper .swiper-container {overflow:visible} .event_list_swiper .swiper-button-prev, .event_list_swiper .swiper-button-next {display:block; position:absolute; top:50%; width:22px; height:30px; margin:-15px 0 0 0; background:rgba(0,0,0,0.5)} .event_list_swiper .swiper-button-prev::before, .event_list_swiper .swiper-button-next::before {content:''; position:absolute; left:50%; top:50%; display:block; width:7px; height:12px; margin-left:-3px; margin-top:-6px; background:url(/pconts/images/icon/ico_eventList_nav.png) no-repeat center center / 100% 100%} .event_list_swiper .swiper-button-prev {left:0px} .event_list_swiper .swiper-button-next {right:0px} .event_list_swiper .swiper-button-next::before {transform:rotate(-180deg)} .event_list_swiper .list01.event_list[data-type="card"] ul {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:-7px} .event_list_swiper .list01.event_list[data-type="card"] ul > li {float:none; width:25%; padding:7px} .event_list_swiper .list01.event_list[data-type="card"] ul > li .event_info .thumbnail {height:auto} .event_list_swiper.no_swiper .swiper-button-prev, .event_list_swiper.no_swiper .swiper-button-next {display:none} .event_list_swiper.no_swiper .swiper-container {overflow:visible} .event_list_swiper.no_swiper .swiper-wrapper {display:block; width:auto} .event_list_swiper.no_swiper .list01.event_list[data-type="card"] ul > li {width:25%} .list01[data-type="list"] .user_info {padding:20px 0} .list01[data-type="list"] .user_info .cell1 {display:none} .list01[data-type="list"] .user_info .cell2 {width:100%; padding-left:0} .list01[data-type="list"] .user_info .title .card_name {display:block; margin-bottom:5px; font-size:1.6rem} .list01[data-type="list"] .user_info .title .card_nums {display:block; font-weight:400; font-size:1.6rem; color:#111} .list01[data-type="list"] .user_info .info {width:auto} .list01[data-type="list"] .user_info .info:after {content:''; display:block; position:absolute; bottom:1px; left:0; width:100%; height:1px; background-color:#111} .list01[data-type="list"] .apply_info {padding:20px 0} .list01[data-type="list"] .apply_info .cell1 {width:100%} .list01[data-type="list"] .apply_info .cell2 {width:100%; padding-left:0; padding-bottom:33px} .list01[data-type="list"] .apply_info .date {position:absolute; bottom:23px} .list01[data-type="list"] .apply_info .title {width:100%; } .list_group .list01 .simple_item {height:90px} .list_group .list01 .simple_item .date {position:absolute;bottom:20px;left:0} .list_group .list01 .simple_item.type01 .date, .list_group .list01 .simple_item.type02 .date, .list_group .list01 .simple_item.type03 .date {min-width:auto;font-size:1.3rem} .list_group .list01 .simple_item .state {position:absolute;bottom:20px;right:0} .list_group .list01 .simple_item .tit {padding:20px 0 46px} .list_group .list01 .simple_item.type02 .tit {padding:20px 0 70px} .list_group .list01 .form_download {-ms-flex-wrap:wrap; flex-wrap:wrap; align-items:flex-start; padding:15px 0} .list_group .list01 .form_download .date {order:2; position:static; width:100%; margin-bottom:7px; transform:translateY(0)} .list_group .list01 .form_download .tit {flex-basis:auto; order:1; margin-bottom:7px; padding-right:0; padding-left:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; max-height:4rem; font-size:1.6rem; line-height:2rem; white-space:normal} .list_group .list01 .form_download .btn_wrap {order:3; position:static; width:100%; text-align:left; transform:translateY(0)} .list_group .list01 .form_download.download_item_one .date {order:2; position:static; width:100%; margin-bottom:12px; padding-right:90px; transform:translateY(0)} .list_group .list01 .form_download.download_item_one .tit {order:1; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; max-height:4rem; margin-bottom:12px; padding-right:90px; padding-left:0; font-size:1.6rem; line-height:2rem; white-space:normal} .list_group .list01 .form_download.download_item_one .btn_wrap {position:absolute; top:50%; right:0; transform:translateY(-50%)} .list_group .list01 .form_download.download_item_one .pop_detail {order:3; padding-left:0} .list01[data-type="list"] .type-board {padding:18px 0} .list01[data-type="list"] .type-board .title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height:45px; padding-right:65px; font-weight:700; font-size:1.6rem; line-height:2.4rem; white-space:normal} .list01[data-type="list"] .pay_info .cell2 > div {display:block; min-width:auto} .card_list01[data-type="card"] .payment_info {height:50px} .card_list01[data-type="card"] .payment_info .date {position:absolute;top:0px;left:0} .card_list01[data-type="card"] .payment_info .bank {position:absolute;top:0px;left:80px} .card_list01[data-type="card"] .payment_info .state {position:absolute;bottom:calc(50% - 10px);right:0} .card_list01[data-type="card"] .payment_info .title {position:absolute;bottom:0px;left:0} .list_group .list03 .donate_item {height:115px;padding:20px 10px} .list_group .list03 .detail_sec {display:block;margin-top:5px} .list_group .list03 .detail_sec .donate_detail {width:100%} .list_group .list03 .detail_sec .donate_detail + .donate_detail {margin:5px 0 0 0} .list_group .list03 .donate_item02 {height:auto; padding:18px 10px} .list_group .list03 .donate_item02 .detail_sec .cel1 {display:block;width:60%} .list_group .list03 .donate_item02 .detail_sec .cel1 p {word-break:break-all} .list_group .list03 .donate_item02 .detail_sec .cel1 .donate_type {margin-left:0} .list_group .list03 .donate_item02 .detail_sec .cel2 {width:40%} .list_group .list03 .donate_item02 .detail_sec .cel2 p {font-size:18px} .list04 {margin-top:0px} .list04[data-type="list"] ul > li > .item {height:70px; line-height:37px} .list04[data-type="list"] .date {bottom:18px; top:inherit; width:auto; font-size:13px; line-height:1} .list04[data-type="list"] .title {max-width:85%;height:37px;padding-left:0px} .list04[data-type="list"] .badge {margin-top:10px;padding:1px} .thumb_list .list {margin:-30px -13px 0 -13px} .thumb_list .list li {width:50%; padding:30px 13px 0 13px} .thumb_list .list li .thumbnail, .thumb_list .list li .thumbnail img {width:100%} .thumb_list .list li .tit {margin-top:15px; text-align:left} .checkbox_list.shadow li .check_default {position:relative;padding:14px 20px} .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.item01:before {top:50%;left:19px;transform:translateY(-50%)} .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.item01:after {top:calc(50% + 8px);left:24px;transform:translateY(calc(-50% - 8px))} .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span {padding-left:35px} .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.w100 {padding-left:45px} .checkbox_list.shadow .check_wrap .check_default strong.color_block {display:block; margin-left:0px} .checkbox_list.shadow .item01 {position:static} .checkbox_list.shadow .item02 {margin-top:6px;padding-left:33px} .checkbox_list .line_wrap li .contArea span.info {display:block; margin-left:0px; margin-top: 5px} .checkbox_list.shadow .check_wrap .w100 .df_list_wrap span.txt_info {display:block; margin-right:20px} .radio_ul_bind li {padding:20px 10px} .radio_ul_basic li .radio_wrap span > span {display:table} .radio_ul_basic li .radio_wrap .info {padding-left:0} .radio_ul_basic li .radio_wrap .date {position: static; font-size:13px; margin:5px 0} .radio_list.shadow li .radio_default {position:relative} .radio_list.shadow .radio_wrap .radio_default input[type="radio"] + span.item01:before {top:50%;left:19px;transform:translateY(-50%)} .radio_list.shadow .radio_wrap .radio_default input[type="radio"] + span.item01:after {top:calc(50% + 8px);left:24px;transform:translateY(calc(-50% - 8px))} .radio_list.shadow .radio_wrap .radio_default input[type="radio"] + span {padding:14px 20px 14px 57px} .radio_list.shadow .radio_default input[type="radio"] + span:before {left:15px} .radio_list.shadow .radio_default input[type="radio"] + span:after {left:21px} .radio_list.shadow .item01 {position:static} .radio_list.shadow .item02 {margin-top:6px;padding-left:33px}   .radio_list_group .radio_wrap label {width:100%} .radio_input_mix .radio_wrap {width:100%; margin-top:0; margin-bottom:10px} .radio_input_mix .radio_wrap, .radio_input_mix .input_wrap {float:none} .radio_input_mix .radio_wrap + .input_wrap {width:calc(100% - 35px);margin-left:35px} .usage_item {height:auto; padding-top:17px; padding-bottom:17px} .usage_item .usage_info, .usage_item dl {flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end; width:calc(100% - 125px)} .usage_item .usage_info .title_area, .usage_item dl dt {width:100%; margin-bottom:5px; padding-left:0; font-size:1.6rem} .usage_item .usage_info .title_area strong span {display:block} .usage_item .usage_info .texts_area, .usage_item dl dd {width:100%; padding-right:0; font-size:1.3rem; line-height:20px} .usage_item .usage_info .texts_area .country, .usage_item .usage_info dd .country {width:100%} .usage_item .price_info {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; align-self:flex-start; width:164px; padding-right:0} .usage_item .price_info .price {order:0; margin-bottom:3px} .usage_item .price_info .osprice {order:2} .usage_item .price_info .btn_wrap {order:1; position:static; min-height:28px; margin-bottom:3px; transform:translateY(0)} .usage_item .price_info .pricetext_area {order:1; position:static; margin-bottom:3px; transform:translateY(0)} .usage_item .price_info .pricetext_area p {font-size:13px; color:#111} .usage_item.type03 .usage_info .title_area {width:100%; padding-left:35px} .usage_item.type03 .usage_info .check_wrap {width:100%} .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span {line-height:20px} .usage_item.type03 .usage_info.type02 {padding-right:130px} .usage_item.type03 .price_info.type02 {position:absolute;right:0;height:calc(100% - 33px)} .usage_item.type03 .price_info.type02 .price.bottom {position:absolute;bottom:0;right:0} .usage_item.type04 .usage_info .title_area, .usage_item.type04 dl dt {width:100%; margin-bottom:5px; padding-left:0; font-size:1.6rem} .usage_transport {padding-top:22px; padding-bottom:22px} .usage_transport .location_info .location {font-weight:400; font-size:15px} .usage_transport .location_info .location .date {width:100%} .usage_transport .location_info .departure:after {bottom:-32px} .usage_transport .location_info .arrival {margin-top:20px} .usage_transport .detail_info .means_area {margin-bottom:10px} .usage_transport .detail_info .texts_area {font-size:13px; line-height:20px} .usage_transport .detail_info .texts_area .info {display:inline-flex; flex-flow:row wrap; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end} .usage_transport .detail_info .texts_area .price {width:100%; margin-left:0} .usage_transport .detail_info .texts_area .info_user {order:2} .usage_transport .detail_info .texts_area .ico_card_logo {order:2; margin-left:5px} .usage_transport .detail_info .texts_area .info_num {order:2; margin-left:5px} .usage_transport .detail_info .texts_area .price {order:1; margin-bottom:8px} .list01[data-type="list"] .finance_info {padding:23px 0 40px} .list01[data-type="list"] .finance_info .name {width:50%} .list01[data-type="list"] .finance_info .tel_no {float:right; width:50%; text-align:right} .list01[data-type="list"] .finance_info .site_nm {position:absolute;bottom:18px;left:0;width:100%} .list01.event_list[data-type="list"] + .btn_wrap {margin-top:40px} .list01[data-type="list"] .event_info {padding:20px 0} .list01[data-type="list"] .event_info .cell2 {display:block; width:100%; padding:0} .list01[data-type="list"] .event_info .cell2 .badge {margin-bottom:8px} .list01[data-type="list"] .event_info .cell2 .title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; width:100%; max-height:42px; margin-left:0} .list01[data-type="list"] .event_info .cell3 .date {display:inline-block; margin-top:10px} .list01.event_list[data-type="card"] > ul {margin:-7px -10px} .list01.event_list[data-type="card"] > ul > li {width:25%; padding:7px} .list01.event_list[data-type="card"] .event_info {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .list01.event_list[data-type="card"] .event_info .cell1 {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; overflow:hidden} .list01[data-type="card"] .event_info {height:100%} .list01[data-type="card"] .event_info .cell1 {height:auto} .list01[data-type="card"] .event_info .text_cell {padding:13px 15px} .list01[data-type="card"] .event_info .cell2 {margin-bottom:5px} .list01[data-type="card"] .event_info .cell2 .badge {margin-bottom:8px;border-radius:10px} .list01[data-type="card"] .event_info .title {height:36px; font-size:15px; line-height:1.2} .list01[data-type="card"] .event_info .cell3 {margin-top:0px} .list01[data-type="card"] .event_info .info .date {font-size:13px; margin-top:0} .list01.event_list[data-type="card"] .event_info .cell1 .thumbnail {height:156px} .list01.event_list[data-type="card"] + .btn_wrap {margin-top:40px} .list01[data-type="list"] .evtapply_info {display:block; padding:20px 0} .list01[data-type="list"] .evtapply_info .cell1 {display:block; width:100%} .list01[data-type="list"] .evtapply_info .cell2 {width:100%; padding-right:20px} .list01[data-type="list"] .evtapply_info .cell2 .title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; width:100%; max-height:42px; margin-top:12px} .list01[data-type="list"] .evtapply_info .cell2 .status {display:block; margin-top:12px} .ui_calendar {padding:20px 0} .ui_calendar_head {height:17px} .ui_calendar_title .text {font-size:1.7rem} .ui_calendar_title .prev {top:-4px; left:2px} .ui_calendar_title .prev:before {top:8px; left:10px; width:8px; height:8px} .ui_calendar_title .next {top:-4px; right:2px} .ui_calendar_title .next:before {top:8px; right:10px; width:8px; height:8px} .ui_calendar_body {margin-top:15px} .ui_calendar_table thead th {height:30px; font-size:1.3rem} .ui_calendar_table tbody td {height:45px} .ui_calendar_table tbody td button {width:25px; height:25px; font-size:1.3rem} .ui_calendar_table .cal_price, .ui_calendar_table .cal_payday {font-size:8px} .ui_calendar_table .blind_mo {position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px)} .ui_calendar_box .ui_calendar_days .day_item.prd.sat::before, .ui_calendar_box .ui_calendar_days .day_item.prd.prd_E::before {width:100%} .ui_calendar_box .ui_calendar_days .day_item.prd.sun::before, .ui_calendar_box .ui_calendar_days .day_item.prd.prd_S::before {width:100%} .ui_calendar_box .ui_calendar_days .day_item.prd.sun.prd_S::before, .ui_calendar_box .ui_calendar_days .day_item.prd.sat.prd_S::before, .ui_calendar_box .ui_calendar_days .day_item.prd.sun.prd_E::before, .ui_calendar_box .ui_calendar_days .day_item.prd.sat.prd_E::before {width:100%; left:0} .addr_item .addr_wrap .title_area {margin-bottom:8px} .addr_item .addr_wrap .title_area em {display:block} .addr_item .addr_wrap .title_area em:before {display:none} .addr_item .btn_wrap {text-align:right} .ico_card_logo {height:20px} .accordion_wrap.mgt90 {margin-top:40px!important} .accordion_wrap.accordion_check .accordion_header {padding:0} .accordion_wrap.accordion_check dd ol, .accordion_wrap.accordion_check dd .con {padding-left:25px} .accordion_wrap.accordion_check dd .list_wrap {padding-left:55px} .accordion_wrap.accordion_check dt {margin-top:10px} .accordion_header {padding:0;position:relative} .accordion_header button.acc_btn, .accordion_header a[role="button"].acc_btn {padding-right:0;padding-left:0} .accordion_wrap.type02 .accordion_header button.acc_btn.cell {width:35px} .accordion_header button.acc_btn.medium, .accordion_header a[role="button"].acc_btn.medium {padding-top:17px;padding-bottom:17px;font-size:1.8rem;line-height:1.4} .accordion_header button.acc_btn.medium, .accordion_header a[role="button"].acc_btn.medium, .accordion_header button.acc_btn.big, .accordion_header a[role="button"].acc_btn.big {padding-right:0;padding-left:10px} .accordion_header button.acc_btn.big {padding-right:60px;line-height:22px} .accordion_header button.acc_btn.medium, .accordion_header a[role="button"].acc_btn.medium{padding-right:34px} .accordion_header button.acc_btn.medium > .date, .accordion_header a[role="button"].acc_btn.medium > .date {font-size:1.3rem} .accordion_header button.acc_btn.line_two {line-height:1.3} .accordion_body .area.medium{padding:10px 10px 25px} .accordion_body .area.state_area {padding:18px 20px 20px} .accordion_body .area {padding:18px 10px 20px} .accordion_body .area .marker_dot2 + .title {margin-top:30px} .accordion_body .area p.small {font-size:1.3rem} .accordion_body .area.addpad {padding:18px 20px 40px} .accordion_wrap .accordion_body .area .marker_refer, .accordion_wrap .accordion_body .area .marker_dot > li, .accordion_wrap .accordion_body .area .marker_hyphen > li{font-size:15px} .accordion_wrap .accordion_body .area .marker_hyphen > li .font_basic {font-size:15px !important} .accordion_wrap.bottom_guide dd + dt {margin-top:20px} .pcblock_mbinline {display:inline} .pcmgt10_mbmgt40 {margin-top:40px} .pcfloat_mbfloatnone {float:none} .accordion_wrap.accor_type01 {margin-top:40px} .accordion_header button.acc_btn:after, .accordion_header a[role="button"].acc_btn:after {left:calc(100% - 19px)} .accordion_wrap.faq .toggle_btn {padding:16px 40px 16px;font-size:16px;line-height:1.5} .accordion_wrap.faq .toggle_btn::before {top:20px;left:10px;width:10px;height:15px;background:url(/pconts/images/common/ico_q_m.png) no-repeat center; background-size:10px 15px} .accordion_wrap.faq .accordion_header + .accordion_body {padding:0} .accordion_wrap.faq .accordion_body .inner{padding:16px 40px 16px} .accordion_wrap.faq .accordion_body .inner::before {top:20px;left:10px;width:12px;height:14px;background:url(/pconts/images/common/ico_a_m.png) no-repeat center; background-size:12px 14px} .accordion_wrap.faq .accordion_header button.acc_btn:after, .accordion_wrap.faq .accordion_header a[role="button"].acc_btn:after {left:auto;right:10px;width:20px;height:20px;margin-top:-10px;background:url(/pconts/images/common/acco_arrow_bottom_m.png) no-repeat center;background-size:10px auto} .accordion_wrap.type02 .accordion_header .radio_wrap .radio_default, .accordion_wrap.type02 .accordion_header .check_wrap .check_default {padding:20px 0} .accordion_wrap.type02 .accordion_header .usage_item {padding-right:22px} .accordion_wrap.type02 .accordion_header .usage_item + button.acc_btn.cell {width:22px} .accordion_wrap.type03 .text_wrap {padding:20px 10px 20px} .accordion_wrap.type03 .text_wrap .loan_name {display:block} .accordion_wrap.type03 .text_wrap .card_number {display:block; margin-left:0} .accordion_header button.acc_btn.medium:after, .accordion_header a[role="button"].acc_btn.medium:after {left:calc(100% - 31px)} .accordion_wrap.type03 .text_wrap.side_btn {width:calc(100% - 50px)} .accordion_wrap.type03 .text_wrap.side_btn + button {width:50px; height:92px} .accordion_body .state_area {padding:20px 15px} .accordion_body .state_area.pd_type01 {padding:0 0 20px 0} .accordion_body:nth-of-type(1) .area.medium .title:first-child{margin-top:0} .accordion_body .area.medium .marker_dot li{font-size: 1.5rem} .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default > span:before, .accordion_wrap.type04 .accordion_header .check_wrap .check_default > span:before {left:0} .accordion_wrap.type04 .accordion_header .acc_btn.medium:after {left:calc(100% - 31px)} .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default, .accordion_wrap.type04 .accordion_header .check_wrap .check_default {padding:20px 0} .accordion_wrap.type04 .accordion_header .cell1 {padding-right:44px} .accordion_wrap.type04 .accordion_header .acc_btn {width:44px} .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap.side_btn + button{right:-11px;width:34px} .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap{width:calc(100% - 10px);padding:19px 0} .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap .rig_cont{position: absolute} .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .text_wrap .lef_cont{font-weight:700; color:#111; font-size:16px} .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .accordion_header .acc_btn.medium:after{top:30px} .list_wrap_payment + .h_wrap + .accordion_wrap.type04 .accordion_header + .accordion_body .area.state_area{padding:8px 13px} .accordion_wrap.type04 .accordion_header .text_bind, .accordion_wrap.type04 .accordion_header .text_bind.title_only {padding-left:10px} .accordion_wrap.type04 .accordion_header .text_bind.title_only {font-size:1.6rem} .accordion_wrap.type04 .accordion_header .text_bind .back {display:block;position:relative;width:100%} .accordion_wrap.type04 .accordion_header .text_bind .back .back_info {display:block;line-height:inherit} .accordion_wrap.type04 .accordion_header .text_bind .back .back_money {display:block;position:relative;top:0;right:0;padding-right:0;font-size:2rem} .accordion_wrap.type04 .accordion_header .text_bind .front {position:relative; left:0;top:1px;font-size:1.3rem}   .accordion_wrap.type04 .accordion_header.side_btn .text_bind {padding-left:10px} .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind {display:inline-block;position:relative;width:100%;padding-left:35px} .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back {display:block;position:relative;width:100%} .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back .back_info {display:block;line-height:1.5} .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back .back_money {display:block;position:relative;right:0; top:0;padding-right:0;font-size:2rem} .accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .front {position:relative; left:0;top:1px;font-size:1.3rem} .accordion_wrap.type06 .accordion_header .usage_item .usage_info {flex:0 0 auto; width:calc(100% - 115px)} .accordion_wrap.type06 .accordion_header .usage_item .price_info {flex:0 0 auto; width:115px} .new_accordion_wrap .accordion_header button.acc_btn, .new_accordion_wrap .accordion_header a[role="button"].acc_btn {padding:20px 20px 18px;font-size:1.3rem;color:#111} .new_accordion_wrap .accordion_body{padding-top:1px} .new_accordion_wrap .accordion_body p {font-size:1.3rem;line-height:1.43} .new_accordion_wrap .accordion_body p + p{margin-top:9px} .card_inquiry_list .accordion_header .cell1 {padding-left:20px} .card_inquiry_list.accordion_wrap.type02 .accordion_header .cell1 {padding-right:63px} .card_inquiry_list .accordion_header .acc_btn {width:62px} .card_inquiry_list .accordion_header .acc_btn.medium:after {left:calc(100% - 38px)} .card_inquiry_list .accordion_header .card_head {padding:15px 0} .card_inquiry_list .accordion_header .cell1 .card_head {padding-left:0} .card_inquiry_list .accordion_header .check_wrap.card_head, .card_inquiry_list .accordion_header .radio_wrap.card_head {padding-left:0} .card_inquiry_list .accordion_header .check_wrap.card_head label, .card_inquiry_list .accordion_header .radio_wrap.card_head label {padding:0} .card_inquiry_list .accordion_header .card_exp .card_exp_n {display:block;margin-top:7px} .card_inquiry_list .radio_wrap input[type="radio"], .card_inquiry_list .check_wrap input[type="checkbox"] {top:50%;margin-top:-13px} .card_inquiry_list .radio_wrap .radio_default input[type="radio"] + span, .card_inquiry_list .check_wrap .check_default input[type="checkbox"] + span {padding-left:36px} .card_inquiry_list .radio_wrap .radio_default input[type="radio"] + span:before, .card_inquiry_list .check_wrap .check_default input[type="checkbox"] + span:before {top:50%;margin-top:-13px} .card_inquiry_list .check_wrap .check_default input[type="checkbox"] + span:after {top:50%;margin-top:-5px} .card_inquiry_list .radio_wrap .radio_default input[type="radio"]:checked + span:after {top:50%;margin-top:-7px} .card_inquiry_list .head_tit .txt02 {display:block;margin-left:0;margin-top:3px} .card_inquiry_list .head_tit .txt02, .card_inquiry_list .head_tit .txt02 .card_name {line-height:1.4} .card_inquiry_list .head_tit .txt04 {display:block; margin-left:0px} .card_inquiry_list .accordion_body .area {padding:16px 20px} .card_inquiry_list .state_area .state_list.type02 {padding-left:0} .card_inquiry_list .state_area .state_list dt {width:110px} .card_inquiry_list .inner_form {padding:10px 20px} .card_inquiry_list .inner_form .form_ele {padding-left:118px} .card_inquiry_list .inner_form .form_ele .ele_tit {width:118px;font-size:1.5rem} .card_inquiry_list .inner_form .form_ele p.color_red {font-size:1.5rem} .card_inquiry_list .state_list.type02 li > span, .card_inquiry_list .state_list.type02 li > strong {font-size:1.5rem} .card_inquiry_list .accordion_header .card_exp {position:static;top:auto;bottom:0;transform:translate(0px)}  .card_inquiry_list .card_item_type1 .accordion_header .card_head {padding-right:0} .card_inquiry_list.no_acc .accordion_header .cell1 {padding-right:0} .card_inquiry_list.no_acc.accordion_wrap.type02 .accordion_header .cell1 {padding-right:20px} .card_inquiry_list.accordion_wrap.type02 .accordion_header button.acc_btn.cell {top:0;width:63px;height:100%;padding:0} .card_inquiry_list.accordion_wrap.type02 .accordion_header button.acc_btn.medium:after {left:auto;right:23px} .card_inquiry_list .card_item_type1 .accordion_header .card_exp {padding-bottom:0} .accordion_wrap.card_type .accordion_header .acc_btn {padding:18px 20px; font-size:1.6rem} .accordion_wrap.card_type .accordion_header button.acc_btn.medium:after, .accordion_wrap.card_type .accordion_header a[role="button"].acc_btn.medium:after {right:23px} .card_request_info {padding:18px 20px} .card_request_list + .card_request_list {margin-top:6px} .card_request_list dt {-webkit-box-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:100px; font-size:1.5rem} .card_request_list dd {-webkit-box-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:calc(100% - 100px); font-size:1.6rem} .accordion_wrap.flag button.acc_btn {padding-left:80px;padding-right:45px;line-height:20px;word-break:break-all} .full_terms .check_wrap.type_agree.all {margin-bottom:10px} .full_terms .accordion_wrap.accordion_check + .accordion_wrap.accordion_check, .full_terms .accordion_wrap.accordion_check + .check_wrap.type_agree, .full_terms .check_wrap.type_agree + .accordion_wrap.accordion_check, .full_terms .check_wrap.type_agree + .check_wrap.type_agree {margin-top:10px} .full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span + span.sub_info_txt{font-size:1.5rem} .full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span > span.sub_info_txt {margin-top:3px;padding-bottom:3px;font-size:1.5rem;line-height:1.51} .full_terms .accordion_body p.type01 {font-size:1.3rem} .full_terms .accordion_body p.type02 {padding-top:0;padding-left:20px;padding-right:20px;line-height:1.51} .full_terms .accordion_body .marker_hyphen, .full_terms .accordion_body .marker_dot{padding-left:52px} .full_terms .check_wrap.type_agree .check_agree input[type="checkbox"] + span{padding-right:40px} .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding-left:52px} .agree_check_group.type01 .check_wrap.type_agree {width:45%} .full_terms .agree_check_group.type01 .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding-right:20px} .full_terms .terms_tit {margin:17px 0 10px;font-size:1.5rem} .full_terms .add_desc_box{padding:16px 0 4px;margin:16px 20px 0} .full_terms .add_desc_box.open{padding-bottom:4px} .full_terms .add_desc_box .float_l{float:none;width:100%;padding:0} .full_terms .add_desc_box .radio_wrap.type_btn{margin:0} .full_terms .add_desc_box .radio_wrap .radio_btn{width:100%} .full_terms .add_desc_box .inner_radio_wrap {position:static;left:0;right:0;top:0;padding:3px 0 11px} .full_terms .add_desc_box .inner_radio_wrap:after{content:'';display:block;width:100%;clear:both} .full_terms .accordion_body .add_desc_box p{font-size:1.5rem} .full_terms .accordion_body .add_desc_box p + .radio_wrap {margin-top:7px} .full_terms .accordion_body .add_desc_box .radio_wrap .radio_default {float:left;width:50%;margin:2px 0} .full_terms .accordion_body .add_desc_box .radio_btn {margin-top:4px} .full_terms .accordion_header button.acc_btn, .full_terms .accordion_header a[role="button"].acc_btn{font-weight:700;font-size:1.6rem} .full_terms .accordion_body.type02 {padding:8px 20px 17px} .full_terms .accordion_body.type02 p{font-size:1.5rem;line-height:1.51} .full_terms .accordion_body.type02 .sub_terms{padding-left:0;padding-right:0} .full_terms .accordion_body.type02 .sub_terms p{font-size:1.3rem;line-height:1.43} .full_terms .accordion_body.type02 .radio_wrap.small_type {margin:-4px 0 0} .full_terms .accordion_body.type02 .radio_wrap.small_type .radio_default{margin:3px 0 2px 0;width:50%} .full_terms .accordion_body.type02 .radio_wrap.small_type .radio_default + .radio_default{margin:3px 0 2px 0;width:50%} .badge.new {width:16px; height:16px; padding:1px; background-color:#4868e1; font-size:10px; line-height:16px} .badge.announce {width:16px; height:16px; background-size:8px 8px} .checkbox_list .check_wrap .check_default {width:100px} .checkbox_list .check_wrap .check_default input[type="checkbox"] + span {padding-left:40px} .agreement_wrap .check_wrap.type_agree .check_agree {margin-top:0} .agreement_wrap .agreement_inner > .accordion_wrap.accordion_check:before, .agreement_wrap .agreement_inner .check_wrap.check_only:before {content:'';display:block;position:absolute;left:-27px;bottom:-1px;width:27px;height:1px;background-color:#ddd} .agreement_wrap .agreement_inner > .accordion_wrap.accordion_check:after, .agreement_wrap .agreement_inner .check_wrap.check_only:after {content:'';display:block;position:absolute;right:-27px;bottom:-1px;width:27px;height:1px;background-color:#ddd} .agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_agree, .agreement_wrap .agreement_inner .accordion_body .agree_check_group .radio_default {width:50%;margin-top:8px} .agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_agree.full, .agreement_wrap .agreement_inner .accordion_body .agree_check_group .radio_default.full {width:100%} .agreement_wrap .agree_check_group .check_wrap > .check_agree + .check_agree, .agreement_wrap .agree_check_group .radio_wrap > .radio_default + .radio_default {margin-left:0} .agreement_wrap .agree_check_group .check_wrap .check_agree:first-child, .agreement_wrap .agree_check_group .radio_wrap .radio_default:first-child, .agreement_wrap .agree_check_group .check_wrap .check_agree:nth-child(2), .agreement_wrap .agree_check_group .radio_wrap .radio_default:nth-child(2) {margin-top:0} .agreement_wrap .h_wrap + .accordion_wrap.all_acc {margin-top:5px} .agreement_wrap .check_list_area .list .question.float_l {float:none} .agreement_wrap .check_list_area .list .radio_wrap.float_r {float:none;margin-top:10px} .agreement_wrap .agreement_inner .check_wrap.check_only {padding-right:0} .agreement_wrap .both_divide input[type="radio"] + span.rdo_area {padding:14px} .agreement_wrap .both_divide input[type="radio"]:checked + span.rdo_area {padding:13px} .tab_type01 .tab_list li a, .tab_type01 .tab_list li button {padding:13px 20px 13px;font-size:1.7rem} .tab_type01.swiper_tab .tab_pull {padding:0 8px} .tab_type01.swiper_tab .tab_pull .swiper-container:before {content:'';display:block;position:absolute;left:-30px;top:0;z-index:2;width:45px;height:calc(100% - 1px);background:linear-gradient(to right,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))} .tab_type01.swiper_tab .tab_pull .swiper-container:after {content:'';display:block;position:absolute;right:-30px;top:0;z-index:2;width:45px;height:calc(100% - 1px);background:linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))} .tab_type01.swiper_tab .tab_pull .swiper-button-next {width:20px; height:51px; right:-12px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_next_m.png') no-repeat 0 top; background-size:20px 52px} .tab_type01.swiper_tab .tab_pull .swiper-button-prev {width:20px; height:51px; left:-12px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_prev_m.png') no-repeat 0 top; background-size:20px 52px} .tab_type01.swiper_tab .tab_pull .swiper-button-disabled {display:block; opacity:0.3} .tab_type01.has_sticky:before, .tab_type01.has_sticky .tab_sticky {height:52px} .tab_type02 > .tab_list {-ms-flex-wrap:wrap; flex-wrap:wrap} .tab_type02 > .tab_list li {width:50%; margin-top:0; min-height:49px; flex:inherit; border-left:0; word-wrap:break-word} .tab_type02 > .tab_list li.m_hide {display:none} .tab_type02 .tab_list li:nth-child(1n+3) {margin-top:-1px} .tab_type02 .tab_list li a, .tab_type02 .tab_list li button {padding:14px 5px 13px;font-size:1.6rem;line-height:1.2} .tab_type02 .tab_list.col2 li {flex:0 0 auto; width:50%} .tab_type02 .tab_list.col3_2 li {flex:0 0 auto; width:50%} .tab_type02 .tab_list.col3_3 li {flex:0 0 auto; width:33.33%} .tab_type02 .tab_list.col4_2 li {flex:0 0 auto; width:50%} .tab_type02 > .tab_list.col7_2 li {width:50%} .tab_type02 > .tab_list.col7_2 li:last-child {width:50%} .tab_type02 .tab_list.row2 li {min-height:90px} .tab_type02.fixed .tab_list li {width:auto;flex:1} .tab_type03 .tab_list {overflow:visible} .tab_type03 .tab_list li {margin-right:13px} .tab_type03 .tab_list li a, .tab_type03 .tab_list li button {padding:9px 5px 7px;font-size:1.6rem} .tab_type03.swiper_tab .tab_pull .swiper-container:before {content:'';display:block;position:absolute;left:-30px;top:0;z-index:2;width:45px;height:calc(100% - 1px);background:linear-gradient(to right,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))} .tab_type03.swiper_tab .tab_pull .swiper-container:after {content:'';display:block;position:absolute;right:-30px;top:0;z-index:2;width:45px;height:calc(100% - 1px);background:linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0))} .tab_type03.swiper_tab .tab_pull .swiper-button-next {width:20px; height:34px; right:-12px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_next_m.png') no-repeat 0 center; background-size:20px auto} .tab_type03.swiper_tab .tab_pull .swiper-button-prev {width:20px; height:34px; left:-12px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_prev_m.png') no-repeat 0 center; background-size:20px auto} .tab_type04 .tab_list {-ms-flex-wrap:wrap; flex-wrap:wrap} .tab_type04 > .tab_list li {width:calc(50% - 4px); margin-right:8px; flex:inherit} .tab_type04 > .tab_list li:nth-child(2n) {margin-right:0} .tab_type04 > .tab_list li.m_hide {display:none} .tab_type04 .tab_list li:nth-child(1n+3) {margin-top:10px} .tab_type04 .tab_list li a, .tab_type04 .tab_list li button {padding:10px;font-size:1.6rem} .tab_type04 .tab_list.col2 li {flex:0 0 auto} .tab_type04 .tab_list.col3_2 li {flex:0 0 auto} .tab_type04 .tab_list.col4_2 li {flex:0 0 auto} .tab_type04 > .tab_list.col7_2 li {width:50%} .tab_type04 > .tab_list.col7_2 li:last-child {width:50%} .tab_type04 .tab_list.row2 li {min-height:90px} .tab_type04.fixed .tab_list li {width:auto;flex:1} .list_view .list_view_head .title {margin:0 0 4px;font-size:1.8rem} .list_view .list_view_head .info .date {font-size:1.3rem} .list_view .list_view_body .txt_area .tit {padding:12px 0 5px} .list_view .list_view_body .txt_area .tit:first-of-type {padding-top:0} .badge_new {width:16px;height:16px;font-size:1rem;line-height:16px;vertical-align:middle} .complete_body {padding-top:182px;background-position:50% 90px; background-size:112px auto} .complete_body .title {font-size:2.4rem} .complete_body .sub_title {font-size:1.6rem} .complete_body.type01 {padding-top:182px; background-position:50% 90px; background-size:112px auto} .complete_body.type01_op20 {padding-top:182px; background-image:none} .complete_body.type01_op20 span.bg {display:block; position:absolute; left:calc(50% - 56px); top:90px; width:112px; height:70px; background-size:100%; opacity:1} .complete_body.type02 {background-position:50% 56px} .complete_body.type02 .sub_title {padding-top:0; text-align:center;color:#111} .complete_body.kakao_ryan {margin-top:40px;padding-top:107px;padding-bottom:0;background-size:90px auto;background-position-y:0} .complete_body.kakao_ryan .sub_title {margin:0;padding:2px} .complete_body .complete_info, .complete_body .complete_info03, .complete_body .complete_info04 {width:100%} .complete_body .complete_info02 {width:100%;margin-bottom:40px;padding:16px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .complete_body .complete_info02 li {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;padding:12px 0 10px;border-right:none}    .complete_body .complete_info02 li strong {width:calc(100% - 70px);height:auto;margin:0;display:inline-block} .complete_body .complete_info02 li a {width:70px;font-size:13px;text-align:right} .complete_body .complete_info p.detail_txt {font-size:1.3rem} .complete_body .sub_box, .complete_body .sub_box.wsize01 {width:100%;margin-bottom:40px} .visual_txt{padding-bottom:27px} .visual_txt::before {content:"";display:block;position:absolute;width:100px;height:1px;left:0;bottom:0} .visual_txt .txt_lg {font-size:2.4rem;line-height:1.4} .visual_txt .sub_txt {margin-top:18px;font-size:1.5rem} .visual_txt .sub_txt04 {margin-top:10px;font-size:1.5rem} .visual_txt .img_sec{position:relative;left:0;display:block;padding-top:5px} .visual_txt .img_sec img{width:112px} .visual_txt.type01 .txt_lg{font-size:2rem} .visual_txt.type02{padding-bottom:26px} .visual_txt.type02::before{width:100px} .visual_txt.type02 p{line-height:1.33} .visual_txt.type02 .sub_txt{margin-top:21px;margin-bottom:-2px;font-size:1.6rem;line-height:1.5} .border_boxing{padding:20px;border:1px solid #dddddd} .border_boxing .step_wrap li{display:inline-block;width:100%;padding:18px 0} .border_boxing .step_wrap li .step_cont_wrap{text-align:center} .border_boxing .step_wrap li .step_cont_wrap img{width:145px} .border_boxing .step_wrap li .step_cont_wrap .num{padding:14px 0 0;font-size:1.6rem;text-align:center} .border_boxing .step_wrap li .step_cont_wrap .txt{padding:8px 0 0;font-size:1.5rem;text-align:center} .loan_credit_list {font-size:15px} .loan_credit_list li + li {margin-top:8px} .association_number {font-size:15px} .loan_credit_list + .para {font-size:15px} .accordion_body .area .para {font-size:15px} .text_link_group  li {margin:0 5px 10px 5px} .bank_wrap {padding:14px 0} .bank_wrap_box {max-width:100%} .bank_wrap [class^="bank_"] {width:100%;float:none;text-align:left;height:21px} .bank_wrap [class^="bank_"] [class^="icb_"] {height:21px} .bank_wrap .bank_name [class^="icb_"] {line-height:21px;background-size:21px;padding:0 0 0 29px} .bank_wrap .bank_number, .bank_wrap .bank_number:focus {margin-top:7px;line-height:21px;height:auto} .bank_wrap.novalue{padding:0} .bank_wrap.novalue .bank_number{width:100%;padding-top:0;margin-top:0;line-height:42px} .bank_wrap.novalue .bank_number:focus{margin:0;line-height:42px} .bank_wrap.side_btn .bank_number{padding-right:43px} .bank_wrap_box .btn_clear{top:auto;bottom:0;margin-top:0;height:48px} .card_select .select_wrap, .card_select .btn.rectangle.next {width:100%} .card_swiper .card_img {width:240px; height:100px} .card_swiper .card_img img {width:240px; height:auto; margin-bottom:-52px; box-shadow:0px 20px 15px -5px #000} .card_swiper .card_img img.rotate {width:auto; height:240px; box-shadow:-14px -1px 20px -3px #000} .card_swiper .card_tit span {width:auto} .card_swiper .card_top_info {line-height:25px} .card_swiper .chk_icon_wrap, .card_swiper .chk {top:0; width:240px;height:100px;margin-left:-120px} .card_swiper .chk_focus {width:240px;height:98px;margin-left:-120px;border-radius:8px 8px 0 0} .card_swiper [class^='nav-button'] {top:73px} .card_swiper .item.type02 .card_tit p {font-size:2.4rem} .card_swiper .item.type02 .card_number {font-size:1.8rem} .complete_page .complete_body {margin-bottom:30px} .complete_page .banner_area {padding-bottom:10px} .banner_area.complete_bottom {padding-bottom:10px} .icon_list.type01 {margin-right:-10px;margin-top:-10px} .icon_list.type01 > li {margin-right:10px;margin-bottom:10px} .icon_list.type01 > li .icon_box {width:100%;background-position:center 16px;background-size:40px} .icon_list.type02 {margin-right:-14px} .icon_list.type02 > li {margin-right:14px;margin-bottom:14px} .icon_list.type02 > li .icon_box {background-position:center 26px;background-size:40px} .icon_list.type03 > li .icon_box {background-position:center 16px;background-size:40px} .icon_list.type04 > li .item {height:96px;padding:26px 0 0 72px} .icon_list.type04 > li .item:before {width:56px;height:56px;margin-top:-28px} .icon_list.step {display:block;padding:0} .icon_list.step > li {width:100%; padding:0} .icon_list.step.col02 > li {width:100%;margin-bottom:42px} .icon_list.step.col03 > li {width:100%;margin-bottom:42px} .icon_list.step.col04 > li {width:100%;margin-bottom:42px} .icon_list.step.col05 > li {width:100%;margin-bottom:33px} .icon_list.step.col06 > li {width:100%;margin-bottom:33px} .icon_list.step.col07 > li {width:100%;margin-bottom:33px} .icon_list.step.col07 > li {width:100%} .icon_list.step.col07 > li ~ li:nth-child(4) {width:100%} .icon_list.step.col04 > li:last-child {margin-bottom:0} .icon_list.step.col05 > li:last-child {margin-bottom:0} .icon_list.step.col06 > li:last-child {margin-bottom:0} .icon_list.step.col06 > li:nth-child(3)::after {display:block} .icon_list.step.col07 > li:nth-child(4)::after {display:block} .icon_list.step.col02 > li .icon_box {width:100%} .icon_list.step.col05 > li .icon_box {padding-top:4px;padding-bottom:4px}   .icon_list.step > li .icon_box {min-height:50px;padding:0 0 0 80px;background-position:left center;background-size:50px;text-align:left} .icon_list.step > li::after {top:auto;bottom:-21px;left:18px;right:auto;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)} .icon_list.step.col06 > li:not(.flow):nth-child(3)::after {display:block} .icon_list.step.step_type02 > li::after{bottom:-18px} .accordion_body .icon_list.step > li:not(:first-child) {margin-top:0} .accordion_body .icon_list.step > li .icon_box {padding:10px 0 10px 100px} .accordion_body .icon_list.step > li .icon_box .icon_name {font-size:1.6rem} .icon_list.favorite {display:flex; flex-wrap:wrap; height:auto; margin:0px; padding-bottom:0} .icon_list.favorite > li {width:25%; height:auto; float: inherit; margin:0px}    .icon_list.favorite > li .icon_box {background-size:40px auto} .icon_list.favorite > li .icon_box:hover, .icon_list.favorite > li .icon_box:focus {background-position:center 0} .icon_list.favorite > li .icon_box .icon_name {font-size:13px; padding:40px 0 20px} .icon_box.mypage01 {background:url(/pconts/images/icon/favorite/ico_mypage01_m.png) no-repeat} .icon_box.mypage02 {background:url(/pconts/images/icon/favorite/ico_mypage02_m.png) no-repeat} .icon_box.mypage03 {background:url(/pconts/images/icon/favorite/ico_mypage03_m.png) no-repeat} .icon_box.mypage04 {background:url(/pconts/images/icon/favorite/ico_mypage04_m.png) no-repeat} .icon_box.mypage05 {background:url(/pconts/images/icon/favorite/ico_mypage05_m.png) no-repeat} .icon_box.mypage06 {background:url(/pconts/images/icon/favorite/ico_mypage06_m.png) no-repeat} .icon_box.mypage07 {background:url(/pconts/images/icon/favorite/ico_mypage07_m.png) no-repeat} .icon_box.mypage08 {background:url(/pconts/images/icon/favorite/ico_mypage08_m.png) no-repeat} .icon_box.benefit01 {background:url(/pconts/images/icon/favorite/ico_benefit01_m.png) no-repeat} .icon_box.benefit02 {background:url(/pconts/images/icon/favorite/ico_benefit02_m.png) no-repeat} .icon_box.benefit03 {background:url(/pconts/images/icon/favorite/ico_benefit03_m.png) no-repeat} .icon_box.benefit04 {background:url(/pconts/images/icon/favorite/ico_benefit04_m.png) no-repeat} .icon_box.benefit05 {background:url(/pconts/images/icon/favorite/ico_benefit05_m.png) no-repeat} .icon_box.loan01 {background:url(/pconts/images/icon/favorite/ico_loan01_m.png) no-repeat} .icon_box.loan02 {background:url(/pconts/images/icon/favorite/ico_loan02_m.png) no-repeat} .icon_box.loan03 {background:url(/pconts/images/icon/favorite/ico_loan03_m.png) no-repeat} .icon_box.loan04 {background:url(/pconts/images/icon/favorite/ico_loan04_m.png) no-repeat} .icon_box.card01 {background:url(/pconts/images/icon/favorite/ico_card01_m.png) no-repeat} .icon_box.card02 {background:url(/pconts/images/icon/favorite/ico_card02_m.png) no-repeat} .icon_box.card03 {background:url(/pconts/images/icon/favorite/ico_card03_m.png) no-repeat} .icon_box.card04 {background:url(/pconts/images/icon/favorite/ico_card04_m.png) no-repeat} .icon_box.life01 {background:url(/pconts/images/icon/favorite/ico_life01_m.png) no-repeat} .icon_box.life02 {background:url(/pconts/images/icon/favorite/ico_life02_m.png) no-repeat} .icon_box.life03 {background:url(/pconts/images/icon/favorite/ico_life03_m.png) no-repeat} .icon_box.life04 {background:url(/pconts/images/icon/favorite/ico_life04_m.png) no-repeat} .icon_box.tops01 {background:url(/pconts/images/icon/favorite/ico_tops01_m.png) no-repeat} .icon_box.tops02 {background:url(/pconts/images/icon/favorite/ico_tops02_m.png) no-repeat} .icon_box.tops03 {background:url(/pconts/images/icon/favorite/ico_tops03_m.png) no-repeat} .icon_box.tops04 {background:url(/pconts/images/icon/favorite/ico_tops04_m.png) no-repeat} .icon_box.center01 {background:url(/pconts/images/icon/favorite/ico_center01_m.png) no-repeat} .icon_box.center02 {background:url(/pconts/images/icon/favorite/ico_center02_m.png) no-repeat} .icon_box.center03 {background:url(/pconts/images/icon/favorite/ico_center03_m.png) no-repeat} .icon_box.center04 {background:url(/pconts/images/icon/favorite/ico_center04_m.png) no-repeat} .icon_box.center05 {background:url(/pconts/images/icon/favorite/ico_center05_m.png) no-repeat} .icon_box.center06 {background:url(/pconts/images/icon/favorite/ico_center06_m.png) no-repeat} .icon_box.center07 {background:url(/pconts/images/icon/favorite/ico_center07_m.png) no-repeat} .badge_wrap span{font-size: 1.3rem;padding: 3px 13px} .badge_wrap span.new_badge{font-size: 0.9rem;padding:5px 6px;border-radius: 12px} .badge_wrap span.best_badge{font-size: 0.9rem;padding:5px 6px;border-radius: 12px} .badge_wrap span.cash_badge{font-size: 0.9rem;padding:5px 6px;border-radius: 12px} .badge_wrap span.line_badge{font-size: 1.3rem} .has_flow_step {margin-top:15px;margin-bottom:30px} .has_flow_step .step_txt {float:none;font-size:2.4rem;line-height:1.3} .has_flow_step .flow_step {margin-top:15px; padding-left:6px} .flow_step {padding-top:0} .flow_step ul {float:none; padding:0} .flow_step ul li {width:36px;height:20px} .flow_step ul li i {width:10px;height:10px;vertical-align:middle} .flow_step ul li span {padding:0 6px 0 8px;font-size:1.4rem;line-height:20px} .flow_step ul li.current i {position:relative; top:0; vertical-align:top} .flow_step ul li.current i:before, .flow_step ul li.complete i:before {width:6px;height:9px;margin:-6px 0 0 -3px;border-width:2px;border-color:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .flow_step ul li::before {left:15px;width:16px} .flow_step ul li.current i, .flow_step ul li.complete i {width:20px;height:20px} .waterfall_step > li {padding:15px 20px} .waterfall_step > li::after {bottom:-16px;width:14px;height:14px;margin-left:-7px} .waterfall_step > li .h_title {margin-bottom:10px} .pop_wrap.point_filter_pop {padding:0} .pop_wrap.point_filter_pop {align-items:flex-end} .pop_wrap.point_filter_pop .popup {transform:translateY(100%)} .pop_wrap.point_filter_pop.is_active .popup {transform:translateY(0)} .pop_wrap .popup .pop_cont {-webkit-overflow-scrolling:touch} .pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple .pop_btn:nth-child(1) {margin-bottom:10px} .pop_wrap.large, .pop_wrap.medium, .pop_wrap.full_pop {padding:0} .pop_wrap.large .popup, .pop_wrap.large.type01 .popup, .pop_wrap.medium .popup, .pop_wrap.full_pop .popup {width:100%; height:100%; max-height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .pop_wrap.small .popup {width:100%; max-height:100%} .pop_wrap.mo_full .popup{height: 100%} .pop_wrap.large .popup .pop_cont, .pop_wrap.medium .popup .pop_cont, .pop_wrap.full_pop .popup .pop_cont {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto} .pop_wrap.point_filter_pop .popup {width:100%; height:auto; max-height:100%} .popup_type01 .btn_close, .popup_type01 .btn_close2 {top:9px; right:10px} .popup_type01 .pop_head.has_line ~ .btn_close {top:5px} .popup_type01 .pop_head {padding:16px 20px 16px 20px} .popup_type01 .pop_head.has_line {padding:12px 20px 12px 20px; margin-bottom:16px} .popup_type01 .pop_head h3 {font-size:18px; line-height:1.5} .popup_type01 .pop_head .explain {margin-top:4px} .popup_type01 .pop_head.has_tab .tab_type01 .tab_pull:before {left:-20px; width:calc(100% + 40px)} .popup_type01 .pop_cont {padding:0 20px} .popup_type01 .pop_cont .pd_basic {padding-bottom:20px} .popup_type01.bg_gray .pop_cont {padding-top:20px} .popup_type01.btn_none .pop_cont {padding-bottom:20px} .popup_type01 .pop_btn {padding:20px; text-align:center; flex:none} .popup_type01 .pop_cont .bg_gray {margin:0 -20px;padding:0 20px} .pop_wrap.pop_alert, .pop_wrap.pop_confirm {padding:21px} .pop_wrap.pop_alert .popup_type01, .pop_wrap.pop_confirm .popup_type01 {padding-top:21px} .pop_wrap.pop_alert .popup_type01 .pop_btn, .pop_wrap.pop_confirm .popup_type01 .pop_btn {padding-top:14px} .pop_wrap.pop_alert .popup_type01 .pop_msg, .pop_wrap.pop_confirm .popup_type01 .pop_msg {font-size:16px} .pop_wrap.pop_alert.type02 .popup_type01 .pop_tit {margin-bottom:12px; font-size:1.8rem} .post_num_pop.pop_wrap.medium .popup{min-height:auto} .tooltip > span {line-height:20px; padding:7px 0} .tooltip_wrap {width:calc(100% - 40px)} .tooltip_wrap .tooltip_cont {padding:15px 25px 15px 20px} .tooltip_wrap .tooltip_cont > p {font-size:1.3rem} .both_divide label {margin-right:8px} .both_divide .divide {float:none; width:100%} .both_divide .divide:nth-of-type(1) {width:100%; } .both_divide .divide:nth-of-type(2) {width:100%; margin-left:0} .both_divide input[type="radio"] + span.rdo_area:before {display:none} .search_box_type01 .input_wrap.search_type {width:100%; background-size:20px 20px} .input_wrap.search_type input {height:42px; font-size:15px; line-height:42px} .input_wrap.search_type input::placeholder{font-size:15px} .input_wrap.search_type input::-webkit-input-placeholder{font-size:15px} .input_wrap.search_type input::-moz-placeholder{font-size:15px} .input_wrap.search_type input:-moz-placeholder{font-size:15px} .input_wrap.search_type input::-ms-input-placeholde{font-size:15px} .input_wrap.search_type input:-ms-input-placeholder{font-size:15px} .input_wrap.search_type .btn_input_search {width:45px; height:45px} .cont_wrap + .cont_wrap {margin-top:36px} .cont_wrap + .cont_wrap_tit20 {margin-top:20px} .cont_wrap_tit20 + .cont_wrap_tit20 {margin-top:24px} .cont_wrap.typelg + .cont_wrap.typelg {margin-top:36px} .map_area {height:215px} .card_box {padding:20px 20px} .card_box .card_box_head {margin-bottom:15px} .card_box .card_box_head .card_box_title {font-size:1.6rem} .select_wrap.progress_index {left:0; width:100%} .gage_group .both_side .form_group.float label, .gage_group .both_side .form_group.float .input_wrap {float:none} .gage_group .both_side .form_group.float label {display:inline-block; width:100%;line-height:inherit} .gage_group .both_side .form_group.float .input_wrap {width:100%} .gage_group .gage_wrap .key_tooltip {display:none} .survey_campain .survey_cont .btn_wrap {margin-top:30px} .complete_body.ani_ico::before {margin:-90px 0 0 -56px} .swiper_tabCont .complete_body.ani_ico {padding-bottom:0} .swiper_tabCont .complete_body.ani_ico::before {margin-top:-43px} .complete_page.type_error .complete_body {padding-top:210px} .complete_page.type_error .complete_body.ani_ico.img04::before {top:67px; margin-top:0} } @media only screen and (max-width:768px) { .list01.event_list[data-type="card"] > ul > li {width:50%} .event_list_swiper .list01.event_list[data-type="card"] ul > li {width:33.3333% !important} .event_list_swiper .list01.event_list[data-type="card"] .event_info {height:auto} .card_inquiry_list .head_tit .txt02.ellipsis {max-width:80px}  }@media only screen and (max-width:480px) { .event_list_swiper .list01.event_list[data-type="card"] ul > li {width:50% !important} } @media only screen and (max-width:390px) { .dl_wrap .df_list .item_wrap .item.min_height{min-height:75px} } .login_wrap {height:100%} .login_wrap > .inner {display:table;width:1080px;margin:0 auto;padding:25px 0 0 0} .login_wrap .left_con, .login_wrap .right_con {display:table-cell;vertical-align:top} .login_wrap .left_con .inner, .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {position:relative;min-height:511px} .login_wrap .left_con {width:445px} .login_wrap .left_con .inner {padding:190px 0 0 25px} .login_wrap .left_con .inner:before {content:'';display:block;overflow:hidden;position:absolute;right:0;top:113px;width:180px;height:218px;background:url(/pconts/images/contents/login/bg_login.png) no-repeat left top;background-size:180px auto;-webkit-animation:loginAni 3s steps(40) infinite;-ms-animation:loginAni 3s steps(40) infinite;animation:loginAni 3s steps(40) infinite} .login_wrap .left_con .inner:after {content:'';display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:url(/pconts/images/contents/login/bg_login_line.png) no-repeat left top} .login_wrap .left_con strong {font-size:36px;line-height:47px;color:#333} .login_wrap .left_con p {margin-top:15px;font-size:14px;line-height:22px;color:#999} .login_wrap .right_con {width:auto} .login_wrap .right_con .inner {padding:131px 152px 0} .login_wrap.type02 .right_con .inner {padding-left:90px;padding-right:90px} .login_wrap.type03 .right_con .inner {padding-top:29px;padding-left:33px;padding-right:34px} .login_wrap .right_con .input_wrap.interaction.focus label span {display:none} .login_wrap .right_con .btn_wrap {margin-top:20px;text-align:center} @-webkit-keyframes loginAni { 0% {background-position:50% 0} 100% {background-position:50% -8720px} } @-ms-keyframes loginAni { 0% {background-position:50% 0} 100% {background-position:50% -8720px} } @keyframes loginAni { 0% {background-position:50% 0} 100% {background-position:50% -8720px} } @-webkit-keyframes loginAni2 { 0% {background-position:50% 0} 100% {background-position:50% -5800px} } @-ms-keyframes loginAni2 { 0% {background-position:50% 0} 100% {background-position:50% -5800px} } @keyframes loginAni2 { 0% {background-position:50% 0} 100% {background-position:50% -5800px} } body.mobile .login_wrap .right_con .btn_wrap .btn_install {display:none} .login_wrap .right_con .btn_wrap .btn_app_card {width:299px} .login_wrap .right_con .btn_wrap .btn_app_card:after {content:'';display:inline-block;width:18px;height:18px;margin:-2px 0 0 9px;background:url(/pconts/images/icon/ico_outlink.png) no-repeat left top;vertical-align:middle} .login_wrap .right_con .form_ele + .btn_wrap {margin-top:40px} .login_wrap.type02 .right_con .inner .btn_wrap {width:266px;margin:20px auto 0} .login_wrap.type02 .right_con .inner .btn_wrap .btn + .btn {margin:20px 0 0} body.mobile .login_wrap.type02 .right_con .login_member .btn_exe_noinstall, body.mobile .login_wrap.type02 .right_con .login_member .btn_exe_install span {display:none} .login_wrap .right_con .btn_wrap .btn.ext_type {min-width:220px;height:48px;border-radius:24px;font-weight:400;line-height:48px} .login_wrap .right_con .btn_wrap .btn.ext_type .arrow_r {padding-right:13px;line-height:46px;vertical-align:top} .login_wrap .right_con .btn_wrap .btn.ext_type .arrow_r:after {width:10px;height:10px;opacity:0.4} .login_wrap .right_con .login_member {overflow:hidden;margin-top:13px;display:flex;justify-content:center} .login_wrap .right_con .login_member ul {position:relative;display:flex;justify-content:center;overflow:hidden} .login_wrap .right_con .login_member ul li {position:relative;flex:none;padding:0 11px} .login_wrap .right_con .login_member ul li:before {content:'';display:block;position:absolute;left:-1px;top:4px;width:1px;height:13px;background-color:#cdcdcd} .login_wrap .right_con .login_member ul li a {font-size:15px;line-height:20px;color:#333} .login_wrap .right_con .login_member ul li.btn_pwd_reset, .login_wrap .right_con .login_member ul li.btn_ease_pwd_notice {margin:0;padding:0} .login_wrap .right_con .login_member ul li.btn_pwd_reset:before, .login_wrap .right_con .login_member ul li.btn_ease_pwd_notice:before {display:none} .login_wrap .right_con .login_ext {position:absolute;left:0;bottom:0;width:100%;text-align:center} .login_wrap .right_con .login_ext.static {position:relative; left:auto; top:auto; bottom:auto; margin-top:60px} .login_wrap .right_con .login_ext button {font-weight:700;font-size:15px;color:#333} .login_wrap .guide_txt {margin-top:-9px;padding-bottom:14px;text-align:center} .login_wrap .guide_txt p {font-size:20px;line-height:27px;color:#333} .login_wrap .step02 {display:none} .login_wrap > .inner + .ly_inner {margin-top:20px} .login_wrap.type03 .form_type {padding-top:0} .login_wrap.type03 .form_type.type02 {padding-top:73px} .login_wrap.type03 .form_type .form_ele {padding-left:171px} .login_wrap.type03 .form_type .form_ele .ele_tit {width:171px} .login_wrap.type03 .form_type .accordion_wrap + .form_ele {margin-top:20px} .login_wrap.type03 .timer_input_side {right:133px;color:#4868e1} .login_wrap.type03 .timer_input_side:before, .login_wrap.type03 .timer_input_side:after {display:none} .login_wrap.type03 .btn_input_side {border-radius:4px} .login_wrap .btm_type {display:none} .login_wrap .text_tip.error {display:none} .login_wrap .mo_show {display:none} .login_wrap.minPwAppend_wrap .guide_txt {padding:0 50px} .login_wrap.minPwAppend_wrap.type02 .right_con .inner .btn_wrap {margin-top:35px} .interaction {position:relative} .interaction label {display:block;position:absolute;left:0;top:0;width:100%;height:100%;padding:0 27px;font-size:18px;line-height:60px;color:#d0d0d0;transition:all 0.1s ease} .interaction input {height:60px;border:1px solid #d0d0d0;border-radius:4px;line-height:58px} .interaction.is_focus label, .interaction.focus label {display:inline-block;left:12px;top:-8px;width:auto;height:auto;padding:0 6px;background-color:#fff;font-weight:700;font-size:16px;line-height:20px;color:#4768e1;vertical-align:middle} .interaction.is_focus input, .interaction.focus input {padding:0 16px;border-width:2px;border-color:#4768e1;font-weight:700;line-height:56px;color:#333} .contents.login .accordion_header a[role="button"].acc_btn {padding-left:28px;padding-right:60px} .contents.login .accordion_body .area {padding:13px 30px 16px} .contents.login .accordion_body .marker_dot > li {padding-left:6px;line-height:20px;color:#111} .contents.login .accordion_body .marker_dot > li::before {width:2px;height:2px;top:8px;border-radius:0;background-color:#8a8a8a} .contents.login .accordion_body .marker_dot > li + li {margin-top:9px} .contents.login .accordion_body .marker_dot > li .font_md {color:#333} .pop_wrap.login_type {color:#333} .pop_wrap.login_type .popup_type01 .pop_cont:after {display:none} .pop_wrap.login_type .pop_head {padding:69px 0 0;border:0} .pop_wrap.login_type .pop_head h3 {font-size:20px;line-height:26px; text-align:center} .pop_wrap.login_type .pop_cont {padding-top:25px;padding-bottom:55px} .pop_wrap.login_type .pop_cont > .inner {position:relative; height:100%} .pop_wrap.login_type .pop_cont > .inner > div {height:100%} .pop_wrap.login_type .type_list_wrap {width:180px;margin:0 auto} .pop_wrap.login_type .type_list_wrap li {font-weight:700;font-size:16px;line-height:20px} .pop_wrap.login_type .type_list_wrap li + li {border-top:1px solid #e0e0e0} .pop_wrap.login_type .type_list_wrap li a {display:block;position:relative;padding:16px 20px 13px 43px;color:#333} .pop_wrap.login_type .type_list_wrap li a:before {content:'';display:block;position:absolute;left:6px;top:50%;width:28px;height:31px;margin-top:-16px;background-image:url(/pconts/images/contents/login//pop_login_icon.png);background-repeat:no-repeat} .pop_wrap.login_type .type_list_wrap li a:after {content:'';display:block;position:absolute;right:5px;top:50%;margin-top:-4px;width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .pop_wrap.login_type .type_list_wrap li:nth-child(1) a:before {background-position:0 0} .pop_wrap.login_type .type_list_wrap li:nth-child(2) a:before {background-position:-28px 0} .pop_wrap.login_type .type_list_wrap li:nth-child(3) a:before {background-position:-56px 0} .pop_wrap.login_type .type_list_wrap li:nth-child(4) a:before {background-position:-84px 0} .pop_wrap.login_type .type_list_wrap + .sub_text_01 {margin-top:33px} .pop_wrap.login_type .sub_text_01 {font-size:15px;color:#333;text-align:center} .pop_wrap.login_type .sub_text_02 {font-size:13px;color:#333;text-align:center} .pop_wrap.login_type .btn_group {overflow:hidden;margin-top:10px;text-align:center} .pop_wrap.login_type .btn_group > div {position:relative;left:-50%;float:right} .pop_wrap.login_type .btn_group a {display:block;position:relative;left:50%;float:left;width:120px;height:105px;padding:25px 5px 5px;border:1px solid #333;border-radius:4px;font-weight:700;font-size:13px;line-height:18px;color:#333} .pop_wrap.login_type .btn_group a.cert_card:before, .pop_wrap.login_type .btn_group a.cert_phone:before {content:'';display:block;width:29px;height:29px;margin:0 auto 10px;background-image:url(/pconts/images/contents/login/pop_login_icon.png);background-repeat:no-repeat} .pop_wrap.login_type .btn_group a.cert_card:before {background-position:0 -31px} .pop_wrap.login_type .btn_group a.cert_phone:before {background-position:-29px -31px} .pop_wrap.login_type .btn_group a + a {margin-left:16px} .pop_wrap.login_type .btn_group a span {display:block;font-weight:400} .pop_wrap.login_type .btn_group + .sub_text_02 {margin-top:10px} .pop_wrap.used_terms .popup_type01 .pop_head {padding-left:30px;text-align:left} .pop_wrap.used_terms .popup_type01 .pop_cont:after {display:none} .pop_wrap.used_terms .txt_box {padding-bottom:17px} .pop_wrap.used_terms .txt_box p {margin-top:-5px;font-size:15px;line-height:23px;color:#111} .img_card_cvc {display:block;width:190px;height:120px;margin:0 auto} .img_card_cvc img {width:100%} .img_card_cvc + .marker_dot {margin-top:16px} .img_card_cvc + .marker_dot li {color:#111} .only_mobile {width:100%} .only_mobile .head_area {width:100%; padding:25px 0 20px 0} .only_mobile .head_area h3 {font-size:26px;line-height:35px;color:#333} .only_mobile .head_area p {margin-top:10px;font-size:12px;line-height:17px;color:#999} .only_mobile .body_area {width:100%} .only_mobile .body_area .bg_gray {height:100%} .only_mobile .body_area .bg_gray .inner {position:relative;min-height:100%;padding-bottom:85px;background-color:inherit} .only_mobile .body_area .form_type .form_ele {padding-left:0 !important} .only_mobile .body_area .accordion_wrap + .form_ele {margin-top:30px} .only_mobile .body_area .btn_wrap {padding:0 30px 60px 30px; text-align:center} .only_mobile .shcard_slide_wrap {padding:0} .only_mobile .shcard_slide_wrap .btn_wrap.btn_foot {padding:0} .card_slide .title_wrap {margin-bottom:24px} .card_slide .title_wrap .title {font-size:24px; color:#111; font-weight:700} .shcard_slide {padding-top:62px} .shcard_slide .title_wrap {margin-bottom:24px} .shcard_slide .title_wrap .title {font-size:24px; color:#111; font-weight:700} .member .text_box .text_tit {font-weight:700;font-size:26px;line-height:1.3;color:#111} .member .text_box .text_tit.text_lg {font-size:34px} .member .text_box .text_subtit {font-size:18px;color:#111} .member .text_box .marker_refer {display:inline-block} .member .text_box > p {margin-bottom:20px} .member .text_box > p:last-child {margin-bottom:0} .member .con_box + .con_box.line {position:relative;padding-top:80px} .member .con_box + .con_box.line::before {content:'';position:absolute;top:0;display:inline-block;width:96px;height:2px;background-color:#333} .member .con_box .text_box .img_area {width:112px;height:66px;margin:20px auto 0;} .member .con_box .text_box .img_area.type02 {width:102px;height:71px;} .member .btn.w_240 {width:240px;padding:0} .join_con_text .text_lg {color:#333;font-size:1.86rem;font-weight:700;line-height:1.32} .join_con_text .text_lg .text_prim{color:#086ac5} .join_con_text .text_sm{margin-top:20px;font-size:16px} .line_btm{border-bottom:1px solid #dbdbdb} .comp_area {margin-top:90px;padding-top:92px;text-align:center;} .comp_area.bg_comp {} .comp_area .text_tit{color:#111;font-size:26px;font-weight:700} .comp_area .text_sm{margin-top:10px;font-size:16px} .comp_area .marker_refer{display:inline-block;margin-top:14px} .comp_area + .btn_wrap{margin-top:53px} .comp_area.shut_area .font_md{color:#333;font-weight:700} .bt_aleady .line_gray{width:290px} .join_con_text {padding:55px 0} .join_con_text .join_con_explain {overflow:hidden} .join_con_text .join_con_explain .fan_txt {padding-bottom:35px; font-size:20px;color:#333;line-height:1.3} .join_con_text .join_con_explain .fan_txt .explain {display:block; margin-top:5px; font-size:15px; color:#333} .join_con_text .join_con_btns .btn_wrap + .btn_wrap {margin-top:20px} .join_con_text .join_con_links {margin-top:15px; text-align:center} .join_con_text .join_con_links .link {position:relative; padding-right: 10px; color:#333} .join_con_text .join_con_links .link + .link {padding-left: 5px} .join_con_text .join_con_links .link::before{content:'';position: absolute; display:block;height:13px; right:0;top:18%; border-left: 1px solid #ccc} .join_con_text .join_con_links .link:last-child:before {display:none} .join_con_text .join_con_info {margin-top:15px; color:#333; text-align:center} .join_con_text .check_wrap .check_type1 span {background-color:transparent} .join_con_text .check_wrap .check_type1 span::before {background-color:#fff} .join_con_text .auth_box p {padding:30px 0;font-size:20px;text-align:center;font-weight:700;color:#000} .join_con_text .shpayfan_text_inner {max-width:320px;margin:0 auto;padding:30px 0} .join_con_text .shpayfan_text_inner li {margin-bottom:6px} .join_con_text .shpayfan_text_inner li:last-child {margin-bottom:0} .join_con_text .shpayfan_text_inner .marker_refer {margin-bottom:6px; font-size:15px} .join_con_text .shpayfan_text_inner .decimal {margin-left:17px} .join_con_text .shpayfan_text_inner .decimal > li {list-style:decimal} .join_con_text .payment_code {width:100%;height:65px;border:1px solid #bbb;border-radius:3px;background-color:#fff;color:#000} .join_con_text .payment_code ul {display:table;width:100%;height:100%} .join_con_text .payment_code ul li {display:table-cell;position:relative;width:50%;text-align:center;vertical-align:middle;line-height:1.3} .join_con_text .payment_code ul li:first-child::after {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:37px;margin-top:-18px;background-color:#bbb} .join_con_text .payment_code ul li strong {display:block;font-size:20px} .join_con_text .payment_code ul li span {font-size:16px} .quickPw_wrap {display:flex; margin:0 -5px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .quickPw_wrap input {flex:none; width:40px; margin:0 5px; text-align:center} .quickPw_wrap.single input {width:100%; max-width:360px} .form_ele_card .check_wrap {margin:10px 0} .join_step01 .m_show {display:none} .w_428 {width:428px;margin:0 auto} .complepte_wrap {position:relative;padding-top:48px;padding-bottom:54px} .complepte_wrap:before {content:'';display:block;overflow:hidden;position:absolute;right:0;top:0;width:204px;height:204px;background:url(/pconts/images/common/bg_mem_ok.png) no-repeat 50% top;background-size:204px auto;-webkit-animation:memberAni 1s steps(14) both;animation:memberAni 1s steps(14) both} .complepte_wrap .tit {padding-bottom:12px;font-size:28px;font-weight:700;color:#111} .complepte_wrap .text_sm {font-size:16px} .member_out {width:480px;margin:0 auto;padding-bottom:16px;text-align:center} .member_out .img_area {padding:30px 0 25px} .member_out .tit {font-size:26px;font-weight:700;margin-bottom:15px;color:#111} @-webkit-keyframes memberAni { 0% {background-position:50% 0} 100% {background-position:50% -2856px} } @keyframes memberAni { 0% {background-position:50% 0} 100% {background-position:50% -2856px} } .shcard_slide_wrap {display:block; position:relative; width:400px; padding:0; margin:0 auto} .shcard_slide_wrap .btn_wrap.btn_foot {margin:30px 0 0 0} .shcard_slide_wrap .swiper-container {position:relative; z-index:10; width:316px; margin:auto; height:auto !important;padding-bottom:0 !important;border-bottom:0 !important} .shcard_slide_wrap .com_card_list {width:100%; position:relative} .shcard_slide_wrap .com_card_list .com_card {display:inline-block;position:relative;width:100%;height:197px;overflow:hidden;background-color:#cbcbcb;border-radius:10px} .shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card {background-color:#4868e1} .shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card.no_card {background-color:#e6e6e6} .shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card.no_card [class^='nav-button'] {display:none} .shcard_slide_wrap .com_card_list .com_card.no_card p {padding:88px 0;font-size:16px;color:#111} .shcard_slide_wrap .com_card_list .com_card .cardlogo {position:absolute;top:20px;left:20px} .shcard_slide_wrap .com_card_list .com_card .card_name {margin-top:60px;padding:0 20px 0;font-size:20px;text-align:left;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:27px;height:54px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute;bottom:22px;left:0;width:100%;padding:0 35px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-grow:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group span {margin-top:1px;font-size:16px;color:#fff} .shcard_slide_wrap .com_card_list .com_card .shcard_pw input {padding:0 10px;margin-left:8px;border:0} .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num2 input {width:94px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num4 input {width:142px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group {margin-left:auto;vertical-align:middle} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group .add_pw {display:inline-block;float:left;width:15px;height:16px;border-radius:50%;margin-left:8px;background-color:rgba(255,255,255,0.15)} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question02 {margin-left:8px} .shcard_slide_wrap .swiper-slide-active [class^='nav-button'] {display:block} .shcard_slide_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex; position:static; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; margin:25px 0 0 0; font-weight:700;color:#999} .shcard_slide_wrap .swiper-pagination-bullet {width:12px;height:12px;border:3px solid #f6f6f6;background-color:#cccccc;opacity:1; margin:0 5px} .shcard_slide_wrap .swiper-pagination-bullet-active {border-color:#333; background-color:#f6f6f6} .shcard_slide_wrap .swiper-pagination-fraction {bottom:34px;font-weight:700;color:#999} .shcard_slide_wrap .swiper-pagination-fraction .swiper-pagination-current {font-weight:300;color:#111} .shcard_slide_wrap .swiper-pagination-fraction .swiper-pagination-total {font-weight:300} .shcard_slide_wrap .nav-button-prev, .shcard_slide_wrap .nav-button-next {position:absolute; z-index:20; top:98px; width:28px; height:36px; margin-top:-18px; background:url('/pconts/images/common/ico_slideBtn_certi.png') no-repeat center center; background-size:18px} .shcard_slide_wrap .nav-button-prev {left:0; transform:rotate(180deg)} .shcard_slide_wrap .nav-button-next {right:0} .shcard_slide_wrap .nav-button-prev.swiper-button-disabled, .shcard_slide_wrap .nav-button-next.swiper-button-disabled {opacity:0.3} .only_mobile .shcard_slide_wrap .nav-button-prev, .only_mobile .shcard_slide_wrap .nav-button-next {top:98px} .fanpay_auth_pop.pop_cont {padding-top:70px} .fanpay_auth_pop .fanpay_tit {margin-bottom:30px; color:#333; font-size:20px; text-align:center} .fanpay_auth_pop .text_prim {color:#4868e1} .fanpay_auth_pop ol li {padding:18px 0;border-bottom:1px solid #e0e0e0} .fanpay_auth_pop ol li:last-child {border:0} .fanpay_auth_pop ol li > strong {display:block;font-size:16px;line-height:1} .fanpay_auth_pop ol li > strong em {position:relative;margin-right:10px} .fanpay_auth_pop ol li > strong em::after {content:'';display:block;position:absolute;bottom:2px;left:-1px;width:19px;height:6px;background-color:#4868e1;opacity:0.3} .fanpay_auth_pop ol li p {padding-left:28px;overflow:hidden;font-size:13px} .fanpay_auth_pop ol li p span::after {content:'';display:block;position:absolute;top:0;right:0;top:0;width:1px;height:74px;background-color:#eee} .fanpay_auth_pop .qrcode {height:110px} .fanpay_auth_pop .qrcode::after {content:''; display:block; clear:both} .fanpay_auth_pop .qrcode strong {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; float:left;width:50%;height:100%; font-size:20px;text-align:center} .fanpay_auth_pop .qrcode_img {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; float:left;width:50%; height:100%; text-align:center} .fanpay_auth_pop .qrcode_img img {display:block; width:98px; height:98px; margin:auto} .fanpay_auth_pop .bg_gray {padding:20px; margin-top:17px} .fanpay_auth_pop .bar_graph_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:10px 0 0; overflow:hidden} .fanpay_auth_pop .bar_graph_wrap .bar_graph {position:static; float:left;width:189px;height:28px;padding-top:7px;padding-bottom:40px} .fanpay_auth_pop .bar_graph_wrap .btn {flex:none; float:left;width:63px;height:28px;margin-left:27px;padding:0;font-size:13px;color:#333;line-height:28px} .fanpay_auth_pop .bar_graph_wrap .btn.line_gray {border-color:#bbb;border-radius:3px} .fanpay_auth_pop .bar_graph_wrap .text_xsm {position:absolute; left:0; bottom:0} .progress_area {position:relative;margin-top:60px;padding-top:100px;text-align:center} .progress_area:before {content:'';display:block;overflow:hidden;position:absolute;left:50%;top:0;width:100px;height:100px;margin-left:-50px;background:url(/pconts/images/common/ani_loading.png) no-repeat left top;background-size:100px auto;-webkit-animation:loading 2s steps(20) infinite;animation:loading 2s steps(20) infinite} .progress_area .text {margin-top:15px;font-size:20px} @-webkit-keyframes loading { 0% {background-position:50% 0} 100% {background-position:50% -2000px} } @keyframes loading { 0% {background-position:50% 0} 100% {background-position:50% -2000px} } .addr_define .tit {margin-bottom:8px; color:#111; font-weight:700} .addr_btns .btn {width:100%} .addr_btns .btn + .btn {margin:10px 0 0 0} @media only screen and (min-width:1101px) { .join_con_text.minH350_lg {min-height:350px} .form_type .join_con_text {padding:25px 0} .form_type .join_con_text.minH350_lg {min-height:1px} } @media only screen and (max-width:1100px) { .contents.login {padding:0} .login_wrap {min-height:100%} .login_wrap > .inner {display:block;position:static;width:100%;padding:40px 0 99px} .login_wrap .event_subBanner {position:absolute; left:0; bottom:0; width:100%} .login_wrap.type02 > .inner {position:relative} .login_wrap .left_con, .login_wrap .right_con {display:block;padding-bottom:0} .login_wrap .left_con .inner, .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {min-height:0;padding:0 40px} .login_wrap .left_con {width:100%} .login_wrap .left_con .inner {padding-bottom:36px} .login_wrap .left_con .inner:before {top:0;width:120px;height:145px;background:url(/pconts/images/contents/login/bg_login_m.png) no-repeat left top;background-size:100%;-webkit-animation:loginAni2 3s steps(40) infinite;-ms-animation:loginAni2 3s steps(40) infinite;animation:loginAni2 3s steps(40) infinite} .login_wrap .left_con .inner:after {display:none} .login_wrap .left_con strong {font-size:2.9rem;line-height:3.7rem} .login_wrap .left_con p {margin-top:10px;font-size:1.2rem;line-height:1.7rem} .login_wrap .right_con {width:auto} .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {position:static} .login_wrap .right_con .form_ele + .btn_wrap {margin-top:30px} .login_wrap.type02 .right_con .inner {padding-left:40px;padding-right:40px} .login_wrap.type03 .right_con .inner {padding-top:3px;padding-left:0;padding-right:0} .login_wrap .right_con .login_member {margin-top:12px} .login_wrap .right_con .login_member ul li a {font-size:1.3rem;line-height:2.0rem} .login_wrap .right_con .login_member ul li + li {margin-left:9px;padding-left:10px} .login_wrap .right_con .login_member ul li + li:before {top:5px;height:12px} .login_wrap.type02 .right_con .login_member .btn_exe_install {padding:0;margin:0} .login_wrap.type02 .right_con .login_member .btn_exe_install:before {display:none} .login_wrap .right_con .login_ext {position:absolute;left:0;bottom:25px}	 .login_wrap .right_con .login_ext button {font-size:1.3rem} .login_wrap .guide_txt {margin-top:13px;margin-bottom:-6px;padding-bottom:0} .login_wrap .guide_txt p {font-size:1.6rem;line-height:2.4rem} .login_wrap .guide_txt.type02 strong.hide {display:block !important;font-weight:400;font-size:1.6rem;line-height:2.4rem;color:#333} .login_wrap .guide_txt.type02 p {font-size:1.3rem;line-height:1.9rem} .login_wrap .guide_txt.type02 strong + p {margin-top:2px;padding-bottom:3px} .login_wrap > .inner + .ly_inner {margin-top:13px;padding-bottom:100px} .login_wrap.has_bnr .right_con .login_ext {bottom:130px} .login_wrap.has_infoGuide > .inner {padding-bottom:25px} .login_wrap .right_con .login_ext.static, .login_wrap.has_infoGuide .right_con .login_ext {position:relative; left:auto; top:auto; bottom:auto; margin-top:60px} .login_wrap.has_infoGuide .event_subBanner {position:relative; left:auto; top:auto; bottom:auto} .login_wrap.type03 .form_type {margin-bottom:-99px;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:86px;background-color:#f6f6f6} .login_wrap.type03 .form_type.type02 {padding-top:28px} .login_wrap.type03 .form_type .form_ele {padding-left:0} .login_wrap.type03 .form_type .form_ele .ele_tit {width:auto} .login_wrap.type03 .form_type .accordion_wrap {margin-top:10px} .login_wrap.type03 .form_type .accordion_wrap + .form_ele {margin-top:27px} .login_wrap.type03 .timer_input_side {right:133px;color:#4868e1} .login_wrap.type03 .timer_input_side:before, .login_wrap.type03 .timer_input_side:after {display:none} .login_wrap.type03 .btn_input_side {border-radius:4px} .login_wrap .btm_type {display:block;position:fixed;left:0;bottom:0;width:100%;padding:0 20px 20px;background-color:#fff} .login_wrap .btm_type:before {content:'';position:absolute;left:0;top:-20px;width:100%;height:20px;background-image:linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%)} .login_wrap .mo_hide {display:none} .login_wrap .mo_show {display:block} .login_wrap.minPwAppend_wrap .guide_txt {padding:0} .login_wrap.minPwAppend_wrap .guide_txt.type02 p {font-size:16px; line-height:24px} .login_wrap.minPwAppend_wrap.type02 .right_con .inner .btn_wrap {margin-top:20px} #container.login .accordion_header a[role="button"].acc_btn {padding-left:0;padding-right:60px} #container.login .accordion_body {padding-left:0;padding-right:0} #container.login .accordion_body .area {padding:0 0 16px} #container.login .accordion_body .marker_dot > li {padding-left:8px;font-size:1.4rem;line-height:2.1rem} #container.login .accordion_body .marker_dot > li::before {left:1px;top:9px} #container.login .accordion_body .marker_dot > li + li {margin-top:9px} #container.login .accordion_body .marker_dot > li .font_md {font-weight:400;color:#333} .is_kaypadNumber .login_wrap.min_height {min-height:600px} .is_kaypadNumber .login_wrap.min_height .right_con .login_ext {position:absolute} .pop_wrap.login_type {padding:0} .pop_wrap.login_type .popup {height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .pop_wrap.login_type .popup .pop_cont {flex-grow:1; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .pop_wrap.login_type .popup .pop_cont .inner {flex:1 1 auto} .pop_wrap.login_type .type_list_wrap {width:170px; flex:1 1 auto} .pop_wrap.login_type .type_list_wrap li {font-size:1.6rem;line-height:2.0rem} .pop_wrap.login_type .type_list_wrap li + li {border-top:1px solid #eee} .pop_wrap.login_type .type_list_wrap li a {padding:10px 20px 8px 39px} .pop_wrap.login_type .type_list_wrap li a:before {left:5px;top:50%;width:18px;height:29px;margin-top:-15 px;background-image:url(/pconts/images/contents/login//pop_login_icon_m.png);background-repeat:no-repeat} .pop_wrap.login_type .type_list_wrap li a:after {right:7px;margin-top:-4px;width:7px;height:7px;border-width:1px} .pop_wrap.login_type .type_list_wrap li:nth-child(1) a:before {background-position:0 0;background-size:72px 50px} .pop_wrap.login_type .type_list_wrap li:nth-child(2) a:before {background-position:-18px 0;background-size:72px 50px} .pop_wrap.login_type .type_list_wrap li:nth-child(3) a:before {background-position:-36px 0;background-size:72px 50px} .pop_wrap.login_type .type_list_wrap li:nth-child(4) a:before {background-position:-54px 0;background-size:72px 50px} .pop_wrap.login_type .type_list_wrap + .sub_text_01 {margin-top:50px} .pop_wrap.login_type .sub_text_01 {font-size:1.5rem} .pop_wrap.login_type .sub_text_02 {font-size:1.3rem} .pop_wrap.login_type .btn_group {display:block;margin-top:16px} .pop_wrap.login_type .btn_group a {width:113px;height:97px;padding:25px 5px 5px;font-size:15px;line-height:1.8rem} .pop_wrap.login_type .btn_group a.cert_card:before, .pop_wrap.login_type .btn_group a.cert_phone:before {width:20px;height:20px;margin:0 auto 12px;background-image:url(/pconts/images/contents/login/pop_login_icon_m.png);background-repeat:no-repeat;vertical-align:top} .pop_wrap.login_type .btn_group a.cert_card:before {background-position:0 -29px;background-size:72px 50px} .pop_wrap.login_type .btn_group a.cert_phone:before {background-position:-20px -29px;background-size:72px 50px} .pop_wrap.login_type .btn_group a + a {margin-left:20px} .pop_wrap.used_terms .popup_type01 .pop_head {padding-left:20px} .pop_wrap.used_terms .txt_box {padding-bottom:17px} .pop_wrap.used_terms .txt_box p {margin-top:0;font-size:1.3rem;line-height:2.0rem} .btn_fixed {position:fixed;bottom:20px;width:calc(100% - 40px)} .w_428 {width:100%} .member_out {width:100%} .member .text_box .text_tit {font-size:2.4rem} .member .text_box .text_tit.text_lg {font-size:2.4rem} .member .text_box .text_subtit {font-size:1.5rem} .member .text_box > p {margin-bottom:25px} .member .con_box + .con_box.line {padding-top:60px} .member .con_box + .con_box.line::before {width:100px;height:1px} .member .con_box .text_box .img_area {margin-top:50px;background-size:100%} .member .con_box .text_box .img_area.type02 {width:113px;background-size:100%} .member .btn.w_240 {width:200px} .member .btn_wrap .btn {margin-bottom:20px} .member .btn_wrap .btn:last-child {margin-bottom:0}    .join_con_text {padding:25px 0} .join_con_text.minH350_lg {min-height:270px} .form_type .join_con_text.minH350_lg {min-height:1px} .join_con_text .join_con_explain .fan_txt {padding-bottom:20px;font-size:1.6rem} .join_con_text .text_lg.font_md {font-size:2.1rem} .join_con_text .text_sm {font-size:1.5rem} .join_con_text .fan_txt .sub_text{display: block;padding-top:10px;font-size:1.3rem;color:#111} .join_con_text .auth_box p {font-size:1.6rem} .quickPw_wrap {margin:0} .quickPw_wrap input {margin:0} .comp_area{margin-top:50px;background-size:113px auto} .comp_area .text_tit{font-size:2.4rem;line-height:1.3} .bt_aleady .line_gray{display:block;width:210px;padding:0;margin-left:auto !important; margin-right:auto !important} .complepte_wrap:before {right:-45px} .complepte_wrap .tit {font-size:2.4rem} .complepte_wrap .text_sm {font-size:1.5rem} .ly_inner.m_hide {padding:0 !important} .ly_inner.m_hide .complepte_wrap {padding-left:51px} .m_fixed { position:fixed;width:100%;bottom:0;padding:1rem 2rem 2rem 2rem;margin-top:0 !important;z-index:30;background:#fff} .m_fixed::before {content: "";position: absolute;left: 0px;top: -20px;width: 100%;height: 20px;opacity:0.8; background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%)} .member_out {width:100%} .member_out .img_area {padding:30px 0 30px} .member_out .tit {font-size:2.4rem;font-weight:700} .shcard_slide_wrap {width:100%} .shcard_slide_wrap .swiper-container {width:210px} .shcard_slide_wrap .com_card_list .com_card {height:131px} .shcard_slide_wrap .com_card_list .com_card.no_card p {padding:54px 0;font-size:1.5rem} .shcard_slide_wrap .swiper-slide {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center} .shcard_slide_wrap .nav-button-prev, .shcard_slide_wrap .nav-button-next {top:66px; width:18px;height:29px;margin-top:-15px} .shcard_slide_wrap .nav-button-prev::before {right:5px} .shcard_slide_wrap .nav-button-next::before {left:5px} .only_mobile .shcard_slide_wrap .nav-button-prev, .only_mobile .shcard_slide_wrap .nav-button-next {top:66px} .shcard_slide_wrap .com_card_list .com_card .cardlogo {position:absolute;top:10px;left:14px;width:60px;height:10px} .shcard_slide_wrap .com_card_list .com_card .cardlogo img {width:100%} .shcard_slide_wrap .com_card_list .com_card .card_name {margin-top:40px;padding:0 15px;font-size:15px;line-height:17px;height:34px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw {bottom:14px;padding:0 12px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group {width:140px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group span {font-size:13px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group .btn_question {flex:none; margin-left:4px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw input {margin-left:6px;font-size:13px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw input::placeholder {font-size:13px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num2 input {width:76px;height:34px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num4 input {width:108px;height:34px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group {text-align:center; padding-left:5px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group .add_pw {width:10px;height:10px;margin-left:5px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question02 {margin-left:5px} .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question, .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question span::after, .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_tooltip, .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_tooltip span::after {width:16px;height:16px;line-height:16px; font-size:10px} .shcard_slide_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex; position:static; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; margin:13px 0 0 0 !important; font-weight:700;color:#999} .shcard_slide_wrap .swiper-pagination-bullet {width:12px;height:12px;border:2px solid #f6f6f6;background-color:#cccccc;opacity:1; margin:0 5px} .shcard_slide_wrap .swiper-pagination-bullet-active {border:3px solid #333; background-color:#f6f6f6} .shcard_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px} .shcard_slide_wrap .swiper-pagination-fraction {bottom:30px;font-size:1.3rem} .progress_area .text {font-size:16px}   .only_mobile {width:100%} .only_mobile .head_area {width:100%; min-height:150px; padding:25px 0px 20px 0px} .only_mobile .body_area .form_type {padding:25px 20px} .only_mobile .body_area .btn_wrap {position:absolute;left:0;bottom:0;width:100%; padding:0 20px 25px 20px} .only_mobile .shcard_slide_wrap .btn_wrap {position:static;width:100%} .only_mobile .shcard_slide_wrap .text_tip.error {margin:0} .card_slide {padding:0 40px} .card_slide .title_wrap .title {font-size:18px} .shcard_slide .title_wrap {margin-bottom:14px} .shcard_slide .title_wrap .title {font-size:18px} .addr_define {font-size:15px} .addr_define .tit {margin-bottom:8px} .addr_btns .btn + .btn {margin:3px 0 0 0} .pop_cont.fanpay_auth_pop {padding-right:43px; padding-left:43px} .fanpay_auth_pop .fanpay_tit {margin-bottom:12px} .fanpay_auth_pop .qrcode_img img {width:90px; height:90px} } @media only screen and (max-width:1100px){ .card_reportlist_wrap.type02 .dashdesk {padding-bottom:40px} .card_reportlist_wrap .dashdesk_detail.type02 {border-bottom:0} .card_reportlist_wrap .dashdesk dd.payinfo {margin-top:10px} .btn_wrap + .cms_accordion_wrap, .btn_wrap + .cms_list_wrap {margin:20px 0 0} .expend_wrap + .cms_accordion_wrap {margin-top:30px} .expend_wrap + .btn_wrap {margin-top:0} .lu_inquiry_heading {display:none} .flexbox_wrap {display:flex !important; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; justify-content: space-between} .flexbox_wrap.col02 .flex_item + .flex_item {margin-left:0px; margin-top:40px} .blockbox_wrap{display:block !important} .h4type_msgbox .mt {font-size:2.4rem} .h4type_msgbox .mt + .sd {margin-top:20px} .ul_list_wrap, .ul_list_wrap li .check_wrap {display:block} .ul_list_wrap li dl dd {text-align:left} .ul_list_wrap li .state {padding-left:50%; text-align:left} .ul_list_wrap.my_card_service dd {text-align:right} .ul_list_wrap.my_card_service li {margin:0px} .ul_list_wrap.my_card_service li + li {margin-left:0px} .premium_service_request ul li {display:block; padding:23px 0 22px 0} .premium_service_request .bluepart {float:initial; display:flex; width:100%; flex-direction:column-reverse} .premium_service_request .bluepart .date {display:block;margin-right:0; width:100%} .premium_service_request .bluepart .date span {display:inline-block; position:relative; margin:0 0 0 8px; padding:0 0 0 9px} .premium_service_request .bluepart .date span::before {content:''; display:block; position:absolute; left:0; top:calc(50% - 5px); width:1px; height:10px; background-color:#ddd} .premium_service_request .bluepart .title {display:block; margin-right:0; padding-bottom:33px; width:100%} .premium_service_request .bluepart .service {position:absolute; left:0; top:25px} .premium_service_request .redpart {display:block; position:absolute; min-width:200px; bottom:15px; right:0} .premium_service_request .redpart .del_info {top:-1px} .message_wrap01 {margin:10px 0 30px 0; font-size:24px} .message_wrap01 + .marker_dot {margin:-15px 0 60px 0} .inquiry_check_wrap {padding:0} .mylimit_info_wrap {-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:40px 0} .mylimit_info_wrap + .mylimit_info_wrap {padding-top:0} .mylimit_info_wrap .head_deck .msg {margin:10px 0 24px 0; } .mylimit_info_wrap .head_deck h4.h_title24 {margin-bottom:10px} .mylimit_info_wrap .mylimit_info .h_title.color_black {margin-bottom:12px} .mylimit_info_wrap .head_deck dt {font-size:1.5rem} .mylimit_info_wrap .head_deck dd {font-size:1.5rem} .mylimit_info .title {font-size:1.5rem; margin-bottom:8px} .mylimit_info .parts dt {padding-left:21px} .mylimit_info_wrap.block .inwrap_flex {flex-direction: column} .mylimit_info + .mylimit_info {margin-left:0px} .inwrap_flex .mylimit_info+ .mylimit_info {margin-top:40px} .bar_graph + .parts {margin-top:6px} .bar_graph.has_badge {padding:32px 0 34px 0} .bar_graph .badge dt {font-size:1.5rem} .bar_graph .badge dd {font-size:1.7rem} .bar_graph .badge.available dd span {font-size:1.8rem} .limitup_inquiry_wrap {position:relative; left:initial; top:initial; margin-top:20px; text-align:right} .limitup_simple_result {position:relative; padding:0 0 40px 0} .request_msg {padding-top:133px} .request_msg::after {top:32px; font-size:28px} .limtup_request_end {padding:20px 10px; margin-left:-20px; margin-right:-20px; font-size:15px} .limitUp_application {margin-top:30px} .limitup_result_wrap .main_msg {margin-bottom:60px;font-size:2.4rem} .limitup_result_wrap .sub_msg {font-size:1.5rem} .limitup_result_wrap .sub_msg p+p {margin-top:5px} .marker_hyphen2 + .btn_wrap {margin-top:60px} .bar_graph.large .badge.available dt, .bar_graph.large .badge.available dd {font-size:1.5rem} .except .bar_graph .badge.current dt, .except .bar_graph .badge.current::before {display:none !important} .except .bar_graph .badge.current dd{font-weight:400; color:#333} .request_sms_wrap .h_wrap {margin-bottom:26px} .request_sms_wrap .flex_item + .flex_item {margin-left:0px; margin-top:30px} .request_sms_wrap dt {margin-bottom:10px} .condition_viewbox {-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .condition_viewbox .cv_group {width:100%} .condition_viewbox .cv_group + .cv_group {margin-left:0; margin-top:40px} .condition_viewbox .cv_group .title {font-size:1.8rem; margin-bottom:15px} .condition_viewbox .cv_group .h_title24 {margin-bottom:5px} .cv_group .cv_item dl {padding-right:40px} .cv_group .cv_item dl::before, .cv_group .cv_item dl::after {right:15px} .before_limiteup_list {max-height:initial;overflow:auto} .before_limiteup_list .msg {padding-top:30px} .before_limiteup_list ul {display:block; position:relative} .before_limiteup_list li {display:block; position:relative; margin:0; padding:13px 0 0 0} .before_limiteup_list li .date {display:block; position:relative; left:initial; top:initial; margin-bottom:20px; font-size:13px; text-align:center} .before_limiteup_list li .limit_result_detail {margin-bottom:0; padding-left:20px; padding-bottom:20px} .before_limiteup_list li .limit_result_detail .h_wrap {margin-bottom:10px} .before_limiteup_list li .limit_result_detail .direction_row.detail_wrap + .h_wrap {margin-top:25px} .before_limiteup_list li + li { border-top:solid #eee 1px; } .limite_info_wrap h4.title, .sms_application h4.title {font-size:1.7rem} .flexbox_wrap.limite_info_wrap .flex_item + .flex_item {margin-top:40px} .adjust_confirm:before {left:calc(50% - 5px); top:calc(50% - 5px); width:10px; height:10px} .adjust_confirm.left {padding-right:0} .adjust_confirm.right {padding-left:0} .adjust_confirm_inner {padding:20px} .adjust_confirm .current_info dd, .adjust_confirm .changed_info dd {font-size:1.8rem} .sms_application {width:100%} .result_info_area {padding:48px 0} .result_info {font-size:2.4rem; line-height:3.3rem; color:#333; text-align:center} .result_info_explain {font-size:1.5rem; color:#111; text-align:center} .result_gray_box {padding:18px 0; background-color:#f6f6f6; text-align:center} .radio_list_wrap .radio_list.col02{margin:0} .radio_list_wrap .radio_list.col02 li {width:100%;margin-left:0} .radio_list_wrap .radio_list li {height:auto;margin-bottom:10px} .radio_list_wrap .radio_list li label {width:100%;height:auto} .radio_list_wrap .radio_list li label input[type="radio"] + .radio_cont{width:2000px;height:96px;padding:23px 0 23px 88px} .radio_list_wrap .radio_list .radio_cont .text_basic {font-size:1.8rem} .radio_list_wrap .radio_list .radio_cont .radio_img{left:20px} .box_whiteLimit{padding:3px 12px 15px;border-width:1px 0;border-radius:0;box-shadow:none} .box_whiteLimit figure{display:none} .box_whiteLimit .list{display:block} .box_whiteLimit .list li{display:block;padding:15px 0 0 0} .box_whiteLimit .list li:before{display:none} .box_whiteLimit .list li:after{content:'';display:block;clear:both} .box_whiteLimit .list li .txt, .box_whiteLimit .list li .con{float:left;line-height:1.2} .box_whiteLimit .list li .txt{width:100px;margin-bottom:0} .box_whiteLimit .list li .con{width:calc(100% - 100px);text-align:right} .box_whiteLimit + .box_whiteLimit {margin-top:-1px} .condition_viewbox.add_limitbox{margin-top:40px} .hotel_con .select_pann {margin:0} .hotel_con .area_slt label {font-size:1.8rem} .hotel_con .select_pann .area_list {max-height:100%;overflow-y:hidden;border:0} .hotel_con .select_pann .area_list li, .hotel_con .select_pann .img_area, .hotel_con .select_pann .text_area {display:block} .hotel_con .select_pann .area_list li {padding:40px 0} .hotel_con .select_pann .img_area {width:100%;margin:30px 0} .hotel_con .select_pann .text_area {padding-left:0} .hotel_con .select_pann .tit {position:absolute;top:40px;font-size:1.8rem} .hotel_con .select_pann .text_area .text_xsm {font-size:1.5rem} .scroll_area{max-height:calc(100% - 176px)} .scroll_area .hall_list li img{left:0} .scroll_area .hall_list li{padding:30px 0 27px 0} .df_list_col_wrap.limit_result .df_list_col .item_wrap dt.item{width:95px} .df_list_col_wrap.limit_result .df_list_col .item_wrap dd.item{width:calc(100% - 95px);color:#333;text-align:right} .addlimit_result{width:100%} .complete_body .complete_info.type_mypage02{width:100%} .checkadd_guide_wrap + .checkadd_guide_wrap {margin-top:40px} .checkadd_guide_wrap .h_wrap {text-align:left} .checkadd_guide_wrap .h_wrap+.marker_hyphen2 {margin-top:20px} .checkadd_guide_wrap + .btn_wrap {margin-top:30px} .limit_by_card .has_flow_step {margin-top:20px} .limit_by_card .mylimit_info_wrap {padding:0} .limit_by_card .pc_card_info {display:none} .limit_by_card .mo_card_info {display:block} .limit_set_wrap [class^="limit_"] .con, .limit_set_wrap [class^="limit_"] .con .set_input input {font-size:18px} .limit_set_wrap [class^="limit_"] .con .set_input input {padding-right:40px} .limit_set_wrap [class^="limit_"] .con .set_input input::placeholder{font-size:20px} .limit_set_wrap [class^="limit_"] .con>span{font-size:20px} .limit_set_wrap [class^="limit_"] .con .unit{font-size:18px} .limit_by_card .complete_body .df_list_wrap {width:100%} .mu_card_list .mu_card_head  {width:100%} .mu_card_list .mu_card_head dt, .mu_card_list .mu_card_head dd {flex:1} .mu_card_list .mu_list {padding:30px 0; overflow:visible} .mu_card_list .mu_list::before, .mu_card_list .mu_list::after {display:none} .mu_card_list .mucN, .mu_card_list .mucP {display:none} .limit_usage .flex_row li:first-child, .limit_usage .flex_row li, .limit_usage .flex_row li:first-child, .limit_usage .flex_row li:nth-child(7n+1){width:33.3%} .check_wrap.type_btn.usage_time .check_btn input[type="checkbox"] + span{padding:10px;font-size:13px;line-height:1;height:auto;min-height:44px} .complete_body .complete_info.usage_comp{margin-top:20px;text-align:left} .usage_comp .marker_dot{display:block} .limit_usage .check_list02 label {width:100%;height:85px} .limit_usage .check_list02 label span:before {width:35px;height:35px} .complete_body.reg_of_use .complete_info {width:100%;max-width:400px;text-align:center} .item_wrap .item.con.item_limit_usage > span {display:block} .contents.limit_up_wrap .h_wrap.top .title {font-size:2.4rem} .limit_up_wrap .form_ele.pwd .col02::before {width:13px;margin-left:-2px} .limit_up_wrap .form_ele.pwd .col02 .pwd_front {padding-right:20px} .limit_up_wrap .form_ele.pwd .col02 .pwd_back {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;padding-left:20px;font-size:3.0rem} .limit_up_wrap .form_ele.pwd .col02 .pwd_back span {line-height:57px} .limit_up_wrap .form_ele.pwd.card .col02 .pwd_back {display:block;padding-left:0} .limit_up_wrap .adjust_amount_wrap .adjust_amount, .limit_up_wrap .adjust_amount_wrap .flex_item:nth-of-type(2) .adjust_amount {margin-top:22px} .sub_title.un_pay_ist {width:380px;margin:0 auto} .sub_title.un_pay_ist .guide_list {text-indent:-19px;padding-left:19px} .reportlist_filter_wrap {display:table; height:60px; padding-right:40px} .reportlist_filter_wrap.wide {display:block} .reportlist_filter_wrap.wide .filter_list {height:42px} .reportlist_filter_wrap.wide .filter_toggle {top:initial; bottom:-10px} .reportlist_filter_wrap .filter_list {display:table-cell; height:60px; padding:10px 0; vertical-align: middle} .reportlist_filter_wrap .filter_list li {display:inline-block; padding:0 20px 0 0; font-size:1.3rem; line-height:1.1} .reportlist_filter_wrap .filter_list li.date {display:block} .reportlist_filter_wrap .filter_toggle {width:60px; height:60px; margin-right:-20px; top:calc(50% - 30px)} .analysis_period_bar .periond_set {height:initial; margin:0; padding:14px 0 12px 0} .analysis_period_bar .periond_set .table_cell {padding:0} .card_reportlist_wrap .dashdesk.swiper-slide {padding:56px 0 20px 0} .card_reportlist_wrap .dashdesk dl {display:block} .card_reportlist_wrap .dashdesk dt {font-size:1.6rem} .card_reportlist_wrap .dashdesk dd {font-size:3.2rem; line-height:1} .card_reportlist_wrap .dashdesk dd span {font-size:3.6rem} .card_reportlist_wrap .dashdesk_detail {position:relative; min-width:100%; margin:0; padding:20px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px} .card_reportlist_wrap .dashdesk_detail dl {display:-webkit-flex; display:-ms-flexbox; display:flex; float:initial} .card_reportlist_wrap .dashdesk_detail dl:last-child {margin-right:0} .card_reportlist_wrap .dashdesk_detail dl + dl {margin-left:0px; margin-top:5px} .card_reportlist_wrap .dashdesk_detail dt {text-align:left; flex:1; padding-left:0} .card_reportlist_wrap .dashdesk_detail dd {font-size:1.7rem; text-align:right; flex:1; padding-left:0} .card_reportlist_wrap .dashdesk_detail dd span {font-weight:900} .card_reportlist_wrap .dashdesk_detail .total_sum {display:block; padding:20px 0 20px 0} .card_reportlist_wrap .dashdesk_detail .total_sum dl {padding-right:0} .card_reportlist_wrap .dashdesk_detail .total_sum dt {top:0} .card_reportlist_wrap.mycard_report .dashdesk {padding:30px 0; } .mycard_report .usage_item {-ms-flex-wrap:wrap; flex-wrap:wrap} .mycard_report .usage_item dl {width:initial; flex:1.8; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column} .mycard_report .usage_item dl dt {width:100%; margin-bottom:7px} .mycard_report .usage_item dl dd {width:100%} .mycard_report .usage_item dl dd .country {margin-top:5px} .mycard_report .price_info {flex:1; padding-right:0; width:initial} .mycard_report .price_info .price {margin-bottom:2px} .mycard_report .price_info .btn_wrap {position:relative; margin-bottom:0; top:0px} .mycard_report .price_info .osprice {position:absolute; right:0; top:53px} .select_month_wrap {left:calc(50% - 165px); top:90px} .select_month_wrap .radio_wrap .radio_btn {flex:inherit !important} .period_flex.current {flex-direction:column; padding-top:5px} .period_flex .radio_wrap + .input_wrap {margin-right:0px} ul.recomdesk_ul {display:block !important;border-top:solid #ddd 0px; border-bottom:solid #ddd 0px} ul.recomdesk_ul li {display:block;padding:30px 0} ul.recomdesk_ul.ingap0_30 li {padding:18px 0} ul.recomdesk_ul.ingap0_30 li:first-child {padding-top:0px} ul.recomdesk_ul li + li {border-left:none; border-top:solid #ddd 1px} ul.recomdesk_ul.col02 li, ul.recomdesk_ul.col03 li {width:100%} ul.recomdesk_ul .title {margin-bottom:5px;font-size:1.7rem; line-height:initial} ul.recomdesk_ul .bottom_textbtn .text_btn {position:relative;bottom:initial;left:initial;margin-top:10px} .recom_financial {flex-direction: column} .recom_financial .product {width:100%; padding-right:80px} .recom_financial .product:nth-child(even) {margin-left:0px} .recom_financial .product .btn_link {position:absolute; right:0; top:0; min-width:50px} .card_reportlist_wrap .btn_month {height:18px; font-size:1.1rem; line-height:18px} .card_reportlist_wrap .btn_month.prev_month {padding-left:14px; background-size:10px 18px} .card_reportlist_wrap .btn_month.next_month {padding-right:14px; background-size:10px 18px} .card_reportlist_wrap .this_month {font-size:1.7rem} .accordion_wrap.bottom_guide .payment_detail dt + dd {margin-top:0} .btn_wrap.btn_check_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:24px} .btn_check_wrap .btn_check {height:72px; margin-top:0; padding:40px 0 0 0; flex:1; line-height:1.2} .btn_check_wrap .btn_check.ico01 {padding-left:0;padding-top:30px !important; background-position:center top} .btn_check_wrap .btn_check.ico02 {padding-left:0;padding-top:30px !important; background-position:center top} .btn_check_wrap .btn_check.ico03 {padding-left:0;padding-top:30px !important; background-position:center top} .btn_check_wrap .btn_check.check_basic {padding-left:0;padding-top:30px !important; background-position:center top} .report_recome .btn_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex} .report_recome .btn_wrap + .btn_wrap {margin-top:8px} .report_recome .btn_wrap .btn.full {width:100%} .btn_check_wrap + .btn_pay{margin-top:26px} .btn_pay{display:-webkit-flex; display:-ms-flexbox; display:flex} .btn_pay .btn {flex:1; min-width:inherit; padding:0} .btn_pay .btn + .btn {margin-left:7px} .accordion_wrap.card_usage_detail .accordion_header {min-height:auto} .accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item {display:block} .accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item::before {display:none} .accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item + .st_item {margin-left:0;padding-left:0} .accordion_wrap.card_usage_detail .accordion_header .back {position:absolute; top:20px; right:10px} .accordion_wrap.card_usage_detail .accordion_header .back .back_money_sub{padding-top:4px} .accordion_wrap.card_usage_detail .accordion_header .acc_btn::after {top:30px} .accordion_wrap.card_usage_detail .usage_item .usage_info {width:calc(100% - 100px)} .accordion_wrap.card_usage_detail .text_wrap.side_btn.pd_bottom {padding-bottom:42px} .accordion_wrap.card_usage_detail .text_wrap .loan_name {overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .card_reportlist_wrap.card_usage_detail {padding-bottom:35px; margin-bottom:10px} .accordion_wrap.card_usage_detail .list_head .money {padding:14px 0 0} .accordion_wrap.card_usage_detail .list_head .money span {text-align:right} .accordion_wrap.card_usage_detail .list_head .money .susuru {display:block} .accordion_wrap.card_usage_detail .list_category .title {padding-right:0} .accordion_wrap.card_usage_detail .list_category .title + span {display:block;font-size:13px} .accordion_wrap.card_usage_detail .list_category .title::after {display:none} .reportlist_filter_wrap .tooltip {top:66px} .reportlist_filter_wrap .tooltip::before {left:94%} .card_usage_detail.cardron .total_fee {display:block} .card_usage_detail.cardron .total_fee dl:nth-of-type(1) {padding-right:0} .card_usage_detail.cardron .total_fee dl:nth-of-type(2) {margin-top:10px;padding-left:0} .card_usage_wrap .card_usage_list {padding:5px 0} .card_usage_wrap .card_usage_list .card_info strong {line-height:1.2; overflow:visible; white-space:inherit; word-break:inherit; text-overflow:initial} .card_usage_wrap .card_usage_list .card_info {padding:10px 0} .card_usage_wrap .card_usage_list .card_info p {margin-top:3px; font-size:1.3rem; color:#111} .card_usage_wrap .card_usage_list .price {font-size:1.6rem; padding-right:20px} .card_usage_wrap .card_usage_list .price::after {right:2px} .card_usage_wrap .card_usage_list .price strong {color:#333} .card_usage_wrap .card_usage_list li .usage_item{padding:0} .card_usage_detail .total_fee {padding:15px 0 0} .card_usage_detail .total_fee dl dt {font-size:1.8rem} .card_usage_detail .total_fee dl dd {font-size:2.1rem} .card_usage_detail .total_fee dl dd span {font-size:2.3rem} .tooltip.cardbill {top:8px} .myused_list .accordion_wrap.card_usage_detail.type03 .accordion_body .area {padding-left:0px} .myused_list .accordion_wrap.card_usage_detail.type03 .accordion_body{padding-bottom:50px} .myused_list .accordion_wrap.type03 .text_wrap.side_btn + button {right:-11px; width:34px} .myused_list .accordion_wrap.type03 .text_wrap.side_btn {width:calc(100% - 24px); padding-left:0} .cardbill_benifit .detail_info {padding:14px 0} .check_banner_swiper .banner_img.pc {display:none} .check_banner_swiper .banner_img.mobile {display:block} .check_banner_swiper .swiper-container {padding-bottom:25px} .check_banner_swiper .page_no {font-size:1.1rem} .check_banner_swiper .paging_nav_wrap .nav-button-prev, .check_banner_swiper .paging_nav_wrap .nav-button-next {width:22px; height:14px} .stat_graph .swiper-container, .stat_graph .item {max-width:none} .stat_graph .swiper-button-prev {left:0} .stat_graph .swiper-button-next {right:0} .benefit_wrap .payment_detail dt {text-align:left} .benefit_wrap .payment_detail dd {text-align:right} .benefit_wrap .flex_item dd {font-size:1.8rem} .card_filter_title {font-size:1.7rem; line-height:2.1rem} .card_filter_item + .card_filter_item {margin-top:26px} .card_filter_head {margin-bottom:13px} .card_filter_body .radio_wrap.type_btn, .card_filter_body .radio_wrap.type_btn.anyline.month_select dd {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap: wrap} .card_filter_body .radio_wrap.type_btn.anyline {display:inline-block} .card_filter_body .radio_wrap.type_btn.anyline .radio_btn span {padding:0 15px} .card_filter_body .radio_wrap.type_btn ul {-ms-flex-wrap:wrap; flex-wrap:wrap; margin:-2.5px} .card_filter_body .radio_wrap.type_btn ul li {flex:0 0 auto; width:33.33%; margin-left:0; padding:2.5px} .card_filter_body.period_add {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; flex-direction:column-reverse} .card_filter_body.period_add .radio_wrap.type_btn {margin-left:0px} .benefit_box {padding-right:25px; padding-left:25px} .benefit_box dl {width:100%} .benefit_box dl dd {float:right} .benefit_box dl + dl {margin-top:5px; padding-left:0} .benefit_box dl + dl:before {content:none} .recom_desk_wrap + .accordion_wrap.btm_line {margin-top:40px} .card_statement_receipt .receipt_head .card_statement_title {font-size:1.7rem} .card_statement_receipt .receipt_head .lower .card_name, .card_statement_receipt .receipt_head .lower .user, .card_statement_receipt .receipt_head .lower .date, .card_statement_receipt .receipt_head .lower .card_usingForm {font-size:1.3rem} .card_statement_receipt .receipt_head .lower .date {padding-right:14px} .card_statement_receipt .receipt_head .lower .date:before {right:6px} .card_statement_receipt .receipt_head .lower .card_name {padding-right:14px} .card_statement_receipt .receipt_head .lower .card_name:after {right:6px} .card_statement_receipt .receipt_body table .col1 {width:50%} .card_statement_receipt .receipt_body table .col2 {width:50%} .card_statement_receipt .receipt_body tr.use_money td {font-size:2.0rem} .card_statement_info {margin-top:20px} .payment_detail {padding:20px 0} .payment_detail dl.flex_item {width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; padding-left:0; flex-direction:row} .payment_detail dl.flex_item + dl.flex_item {margin-top:12px} .payment_detail dt {margin-bottom:0; flex:1} .payment_detail dd {flex:2; text-align: left} .payment_detail dd .text_btn.arrow {display:table; margin-top:2px; font-size:1.5rem} .payment_detail dl.flex_item {padding-left:0px; flex:auto} .payment_detail .period, .payment_detail .bank, .payment_detail .date {flex:auto} .usage_list .traffic_title .date {display:block;margin-top:5px;margin-left:0} .usage_list .traffic_title li.type02 {padding-top:15px} .usage_list .traffic_title li.type02 .name {position:absolute;top:0;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .usage_list .traffic_title li.type02 .date {display:inline-block} .usage_list .traffic_title.type04 {margin-top:50px} .card_reportlist_wrap .dashdesk_detail.type02 dt[class^="ico_"]::before {display:inline-block} .card_reportlist_wrap .dashdesk_detail.type02 dd[class^="ico_"]::before {display:none} .card_reportlist_wrap .dashdesk_detail .check_card_use {display:block; width:100%} .card_reportlist_wrap .dashdesk_detail .inner_wrap .sub_title6 {padding-left:0px} .card_reportlist_wrap .dashdesk_detail .check_card_use .inner_wrap {width:100%; float:initial} .card_reportlist_wrap .dashdesk_detail .check_card_use .inner_wrap + .inner_wrap {margin-top:10px; padding-top:20px; border-top:solid #ddd 1px} .dashdesk_detail .payday ul {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0 } .dashdesk_detail .payday li {flex:1} .payment_detail.checkcard_pd i.br {display:inline} .payment_detail .flex_item dt {flex:none; width:100px} .payment_detail .flex_item dd {flex:1 1 auto} .payment_detail .next_month_wrap {display:block; width:100%} .checkcard_change .change_before {float:none; width:100%;  padding-bottom:20px; border-bottom:1px solid #ddd} .checkcard_change .change_after {float:none; width:100%; margin-top:70px; padding-top:20px; border-top:1px solid #ddd} .checkcard_change .change_before:before {left:50%; top:48%; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg)} .accordion_wrap .accordion_header .acc_btn  .checkcard_info {display:block} .accordion_wrap .accordion_header .checkcard_info + .checkcard_info {margin-top:5px} .accordion_wrap .accordion_header .checkcard_info .bank_name, .accordion_wrap .accordion_header .checkcard_info .card_name {margin-left:0px} .accordion_wrap .accordion_header .checkcard_info .bank_num, .accordion_wrap .accordion_header .checkcard_info .card_num {margin-left:5px;font-weight:400; font-size:16px; color:#111} .benefit_check_card.tooltip {width:calc(100% - 20px);left:10px;top:-25px;z-index:9} .benefit_check_card.tooltip span {width:100%} .benefit_check_card.tooltip .tooltip_close {position:absolute;right:10px} .benefit_check_card.reportlist_filter_wrap .filter_toggle {margin-right:0} .benefit_check_card .mycard_report .price_info .osprice {top:auto} .benefit_check_card.cashback .report_month_swiper + .cashback_total_number:not(.type02) {margin-top:50px} .benefit_check_card .report_monthly .current_month {font-size:1.6rem} .benefit_check_card.cashback .report_month_swiper [class^="swiper-button"] {height:18px} .benefit_check_card.cashback .cashback_total_number {padding:0 10px} .benefit_check_card.cashback .report_month_swiper .swiper-button-prev {left:0} .benefit_check_card.cashback .report_month_swiper .swiper-button-next {right:0} .benefit_check_card .btn_wrap.btn_integrator {text-align:center} .benefit_check_card .btn_wrap.btn_integrator .btn_link:last-of-type {margin-top:10px} .benefit_check_card .df_list_col_wrap.justify_c [class^="df_list"] .item_wrap {margin-right:0} .cashback_total_number.type02 {margin-top:10px;color:#111;font-size:3.2rem} .cashback_total_number.type02 .number {font-size:3.6rem} .flexbox_wrap.deepdream .flex_item + .flex_item .flexbox_dl {padding-top:0} .benefit_check_card.kakaobank .accordion_header .font_lg  {font-size:2.0rem !important} .benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_body .list01[data-type="list"] ul > li {padding-left:0; padding-right:0} .benefit_check_card.kakaobank .accordion_wrap.type03 .text_wrap.side_btn {padding-left:0px; padding-right:0} .benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_header .side {padding-right:0px} .benefit_check_card.kakaobank .accordion_header .back {right:0} .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap .amount {padding-left:0;background:none} .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap .type {padding-left:32px} .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.bus .type {background:url('/pconts/images/contents/mypage/ico_bus.png') no-repeat 0 50%;background-size:22px 19px} .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.taxi .type {background:url('/pconts/images/contents/mypage/ico_taxi.png') no-repeat 0 50%;background-size:22px 19px} .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.subway .type {background:url('/pconts/images/contents/mypage/ico_subway.png') no-repeat 2px 50%;background-size:16px 19px} .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.etc .type {background:url('/pconts/images/contents/mypage/ico_etc.png') no-repeat 0 50%;background-size:22px 19px} .traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.toll .type {background:url('/pconts/images/contents/mypage/ico_toll.png') no-repeat 0 50%;background-size:21px 19px} .traffic_usage_details .usage_transport .location_info .location .date {margin-left:0} .traffic_usage_details .traffic_type_list {padding:15px 0 29px} .traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap {display:block} .traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap + .item_wrap {margin-left:0} .usage_transport.mypage_hipass .detail_info .texts_area .info{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow:column} .usage_transport.mypage_hipass .detail_info .texts_area .info .price{order:initial} .usage_transport.mypage_hipass .detail_info .texts_area .info .card{display:block; padding-bottom:10px} .usage_transport.mypage_hipass .detail_info .texts_area .ico_card_logo{margin-left:0} .usage_transport.mypage_hipass .detail_info .texts_area .info_num{margin-left:0} .usage_transport.mypage_hipass .detail_info .texts_area .info .hipass{display:block} .usage_transport.mypage_hipass .detail_info .texts_area .info .hipass:before{display:none} .card_statement_receipt .receipt_body .usage_transport .location_info .ride_num:before{top:5px;width:12px;height:12px;background:url(/pconts/images/contents/mypage/bg_rideNum_m.gif) no-repeat 0 0 / 12px auto} .card_statement_receipt .receipt_head.traffic_receipt:before{width:36px;height:36px;background:url(/pconts/images/contents/mypage/bg_traffic_detail_m.gif) no-repeat 0 0 /216px auto} .card_statement_receipt .receipt_head.traffic_receipt.icoSubway:before{background-position:-36px 0} .card_statement_receipt .receipt_head.traffic_receipt.icoTaxi:before{background-position:-72px 0} .card_statement_receipt .receipt_head.traffic_receipt.icoEtc:before{background-position:-108px 0} .card_statement_receipt .receipt_head.traffic_receipt.icoHighpass:before{background-position:-144px 0} .card_statement_receipt .receipt_head.traffic_receipt.icoToll:before{background-position:-180px 0} .foreign_money .radio_wrap_brand .radio_btn {width:50%} .foreign_money .radio_wrap_brand .radio_btn + .radio_btn {padding-left:4px;margin-left:0} .foreign_money .radio_wrap_brand .radio_btn:nth-child(2n+3) {padding-left:0} .foreign_money .amount_calc {padding:20px 20px} .foreign_money .amount_calc .calc_wrap {padding:0 20px 10px} .btn_wrap.discount_benefit {margin-top:19px;margin-bottom:40px} .usage_list li .usage_item.type02 dl {margin-top:20px;margin-bottom:15px} .btn_wrap.membership_search {margin-top:31px} p.sub_title.membership_search .pc_block {display:none} p.sub_title.membership_search {margin-bottom:24px;font-size:2.4rem;line-height:30px} .myinfo_card_wrap .accordion_wrap .card_list01[data-type="card"] > ul > li .benefit_detail_wrap {padding:20px 17px} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .month {display:block} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .txt_conts {display:block; text-align:center; margin-top:20px} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy {display:block; text-align:center} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit {display:block; text-align:center; margin-top:30px} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.on::before {content:''; display:block; margin:5px auto; width:37px; height:37px; background:url(/pconts/images/contents/mypage/cir_check02.png)} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph {left:calc(50% - 87px); top:-25px} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.on span, .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.off span {display:none} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .flexbox_dl {float:none; width:100%} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.off::before {content:''; display:block; margin:5px auto; width:37px; height:37px; background:url(/pconts/images/contents/mypage/cir_check_off.png)} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 table {font-size:1.3rem} .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .table_wrap.acc table th, .myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .table_wrap.acc table td {padding:10px 5px} .myinfo_card_wrap .accordion_wrap .accordion_header .flag  {left:0px} .myinfo_card_wrap .accordion_wrap .accordion_header button.acc_btn {padding-left:60px} .myinfo_card_wrap .accordion_wrap .accordion_header button.acc_btn.medium:after {left:calc(100% - 20px)} .pop_myinfo_detail .list_sort button {font-size:1.6rem} .pop_myinfo_detail .marker_dot4 {margin-bottom:25px} .pop_myinfo_detail .title_sub {font-size:1.8rem} .pop_myinfo_detail .marker_dot4 {font-size:1.4rem} .cardInfo_wrap {display:none} .cardInfo_wrap.flexbox_dl {display:block; width:100%; text-align:left; margin-bottom:30px} .pop_cont .MY031R01.usage_item .usage_info {width:70%} .pop_cont .MY031R01.usage_item .price_info {width:30%} .listofbills_wrap {width:100%} .listofbills_wrap dl.single_sum {padding:0} .listofbills_wrap dl.single_sum dt {font-size:1.8rem} .listofbills_wrap dl.single_sum dd {font-size:2.1rem} .listofbills_wrap dl.single_sum dd span {font-size:2.3rem} .statement_list .period_title {padding:0 0 8px 0} .statement dl {float:initial; width:100%; padding:0; margin-left:0} .statement dl.even {margin-left:0 !important} .statement dl:last-child {margin-bottom:20px} .statementfull {float:initial; width:100%; padding:16px 0} .statementfull dl.total dd {padding-right:17px} .statementfull dl.total dd:after {right:3px} .statementfull + .statementfull {margin-left:0} .statement dl.totalpvc dt{padding-left:0} .statement dl.totalpvc dd{padding-right:0} .pwd_rel_wrap .list_guide_txt {font-size:2.4rem;line-height:28px} .pwd_rel_wrap .flow_step {margin-top:20px} .pwd_rel_wrap.tab_type01 .tab_wrap {padding-top:21px} .pwd_rel_wrap .radio_wrap .radio_type1 {width:100%} .pwd_rel_wrap .usage_list li .usage_item dt {position:absolute;top:0;left:40px} .pwd_rel_wrap .usage_list .radio_type1 input[type="radio"] + span:before, .pwd_rel_wrap .usage_list .radio_type1 input[type="radio"]:checked + span:after {top:50%;transform:translateY(-50%)} .pwd_rel_wrap .usage_list li .usage_item dl {width:100%;padding-right:50px} .pwd_rel_wrap .accordion_wrap + .btn_wrap, .pwd_rel_wrap .accordion_wrap.guide {margin-top:40px} .pwd_rel_wrap .usage_list li .usage_item dd span:not(.card), .pwd_rel_wrap .usage_list .radio_wrap label {position:static} .pwd_rel_wrap .usage_list li .usage_item dd .card_date {padding-top:0} .pwd_rel_wrap .expend_wrap.cvc {margin-top:26px;padding:30px 0 35px} .pwd_rel_wrap .flow_step .title {font-size:2.0rem} .pwd_rel_wrap .card_cvc_input {width:100%} .pwd_rel_wrap .expend_wrap.cvc .table_wrap {max-width:100%} .pwd_rel_wrap .card_cvc_input .text_tip {width:100%} .pwd_rel_wrap .card_swiper {margin-top:30px} .pwd_rel_wrap .card_cvc_input + .text_tip {margin:11px 0 0} .ch_pay_account .card_inquiry_list .head_tit {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .ch_pay_account .card_inquiry_list .head_tit .card_info01 {order:2} .ch_pay_account .card_inquiry_list .head_tit .txt02 {margin-left:0} .ch_pay_account .card_inquiry_list .head_tit [class*=icb_] {background-position-x:0;padding-left:28px} .ch_pay_account .dl_wrap .df_list .item.tit, .ch_pay_account .dl_wrap .df_list .item.con {width:100%} .ch_pay_account .dl_wrap + .dl_wrap {margin-top:29px;padding-top:29px} .ch_pay_account .dl_wrap .df_list .item.con .bank_wrap {max-width:100%} .ch_pay_account .dl_wrap .df_list .item.con {margin-top:9px} .ch_pay_account .dl_wrap .df_list .item.con ul, .ch_pay_account .dl_wrap .df_list .item.con .bank_wrap {margin-top:9px} .ch_pay_account .df_list_col {display:-webkit-flex; display:-ms-flexbox; display:flex;padding:35px 0} .ch_pay_account .df_list_col .item_wrap {flex:initial;text-align: center;position: relative} .ch_pay_account .df_list_col_wrap .df_list_col .item_wrap .item:first-child, .ch_pay_account .df_list_col_wrap .df_list_col .item_wrap .item:last-child {float:none} .ch_pay_account .df_list_col .item_wrap .item:last-child {margin-top:7px;font-weight:700} .ch_pay_account .df_list_col_wrap .df_list_col .item_wrap + .item_wrap {margin-top:0} .benefit_info_swiper .swiper-container {height:214px !important} .benefit_agree .benefit_info_swiper [class^='nav-button'] {position:absolute;top:50%;display:block;width:30px;height:30px;z-index:10;overflow:hidden;margin-top:-30px} .benefit_agree .benefit_info_swiper [class^='nav-button']::before {content:"";position:absolute;top:6px;left:2px;width:18px;height:18px;border-width:3px 3px 0 0;border-color:#333;border-style: solid} .benefit_agree .benefit_info_swiper .swiper-button-disabled::before {border-color:#ddd} .benefit_agree .benefit_info_swiper .nav-button-prev {left:70px} .benefit_agree .benefit_info_swiper .nav-button-prev::before {left:10px;transform:rotate(-135deg)} .benefit_agree .benefit_info_swiper .nav-button-next {right:70px} .benefit_agree .benefit_info_swiper .nav-button-next::before {transform: rotate(45deg)} .benefit_agree .benefit_info_swiper .swiper-slide {padding:0;width:312px} .benefit_agree .benefit_agree_box {margin-left:auto;margin-right:auto} .benefit_agree .swiper-container-horizontal>.swiper-pagination-bullets {bottom:0px} .benefit_agree .benefit_info_swiper .swiper-pagination-bullet {margin:0;width:7px;height:7px;opacity:1;background:#ddd} .benefit_agree .benefit_info_swiper .swiper-pagination-bullet-active {background:#4e5c69} .benefit_agree .top_tit {font-weight:700} .benefit_agree .df_list_col_wrap .df_list_col .item_wrap .item:last-child, .benefit_agree .df_list_col_wrap .df_list_col .item_wrap .item:first-child {float:none;margin:0} .benefit_agree .df_list_col_wrap .benefit_agree_box + .benefit_agree_box {border-left:none;border-top:1px solid #eee;margin-top:25px;padding-top:30px} .benefit_agree .check_wrap.type_btn .check_btn input[type="checkbox"] + span {min-width:117px} .benefit_agree .both_divide .divide:nth-of-type(2) {margin-top:0} .benefit_agree .flex_row.gutter4 .col {padding:4px} .benefit_agree .benefit_agree_box .benefit_list .benefit_txt {padding-top:45px;background-size:33px auto !important;font-size:1.3rem} .accordion_wrap.accordion_check dd .con.benefit_method{padding-left:52px} .check_wrap.type_grid .ico_email {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreeEmail_m.png') no-repeat; background-size:auto 33px} .check_wrap.type_grid .ico_tel {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreeTel_m.png') no-repeat; background-size:auto 33px} .check_wrap.type_grid .ico_sms {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreeSms_m.png') no-repeat; background-size:auto 33px} .check_wrap.type_grid .ico_paper {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreePaper_m.png') no-repeat; background-size:auto 33px} .logo_shcard_en img {height:40px} .confirmation h4.title {margin:30px 0;font-size:1.6rem} .confirmation p {margin-bottom:25px;line-height:1.6} .confirmation .marker_hyphen > li + li {margin-top:2px} .confirmation .marker_dot2 {padding:10px 0} .confirmation .marker_dot2 > li {font-size:1.4rem} .card_pwd_chg .expend_wrap {padding:30px 0} .card_pwd_chg.step02 .expend_wrap .df_list_wrap, .card_pwd_chg.step02 .expend_wrap .form_type {max-width:100%} .card_pwd_chg.step02 .expend_wrap .form_type {margin:0 auto} .airline_search .mycardinfo_detail {margin-top:32px} .airline_search .accordion_wrap {margin-top:40px} .card_cancel .usage_item.type03 .usage_info .check_wrap .texts_area{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; flex-direction:column-reverse} .card_cancel .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span:before{top:50%; margin-top:-12px} .card_cancel .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span:after{top:50%; margin-top:-4px} .card_cancel .usage_item.type03 .usage_info .texts_area .date{padding:0} .card_cancel .usage_item.type03 .usage_info label{width:100%} .card_cancel .usage_item.type03 .usage_info label .date{width:100%; padding-right:0} .card_cancel .usage_item.type03 .usage_info label strong{margin-bottom:5px; font-size:1.6rem; color:#111} .pop_eng_doc .pc {display:none} .pop_eng_doc .mo {display:block} .pop_wrap .popup.pop_eng_doc {width:100%} .pcShow.btn_group {display:block} .pcShow .btn.blue{display:none} .usage_list li .usage_item .left .date {display:block;padding:0} .usage_list li .usage_item .left .date::after {display:none} .usage_list li .usage_item .left .user {padding:0} .accordion_wrap.bottom_guide.traffic {margin-top:30px} .calendar_swiper .ui_calendar_head {top:25px} .calendar_swiper .ui_calendar {margin-top:10px; padding-bottom:0;box-shadow:0 0 0 #fff} .calendar_swiper .ui_calendar_body {margin-top:30px} .calendar_swiper::after, .calendar_swiper::before {display:none} .calendar_swiper .txt {font-size:2.4rem;margin:0 0 20px} .credit_card {right:20px} .card_use_guide .guide_sec + .guide_sec {margin-bottom:40px} .card_represent_set {width:100%; margin:30px auto; padding:30px 0} .card_represent_set dl + dl {margin-top:30px} .card_represent_set dt {display:table; position:relative; height:44px; margin:0; padding:0; flex:1} .card_represent_set dt span, .card_represent_set dt label {display:table-cell; position:relative; font-size:16px; color:#111; font-weight:700; vertical-align:middle} .card_represent_set dd {display:block; position:relative; margin:0; padding:0; flex:2} .mycard_info .indent_gap {padding-left:0px} .mycard_info .indent_gap .sleep {font-size:1.3rem} .mycard_info .indent_gap dt {flex:1.4} .mycard_info .indent_gap dd {flex:1} .mycardinfo_detail .payment_detail.my_notice dd {flex:2} .mycardinfo_detail .payment_detail.my_notice dd {flex:1} .mycardinfo_detail .payment_detail.my_notice dd .text_btn.arrow {display:inline-block} .mycardinfo_detail .my_notice dd span {display:block; margin-left:0; padding-left:0} .mycardinfo_detail .my_notice dd span::before {content:''; display:none} .mycardinfo_detail .my_notice dd.price {text-align:right} .mycardinfo_detail .my_notice + .btn_wrap {margin-top:20px} .mycardinfo_detail .btn_wrap + .h_wrap, .mycardinfo_detail .my_notice + .h_wrap {margin-top:40px} .mycardinfo_detail .oversea_btnset {margin-top:0} .payment_detail.left_padding60 dl.flex_item {padding-left:0} .mu_card_detail {width:100%} .mu_card_detail .flexbox_dl.revolving {border:none; margin-bottom:35px} body.app_shfan .ly_inner.my_card_info {padding-top:20px} .my_card_info .my_card_change {white-space:nowrap} .my_card_info .my_card_change li {width:25%} .my_card_info .my_card_change li button {min-width:100%} .my_card_info .my_card_change .icon {margin-bottom:3px} .my_card_info .df_list_col_wrap .df_list_col + .df_list_col {border-top:1px solid #ddd;margin-top:15px;padding-top:19px} .my_card_info .df_list_col_wrap .item_wrap, .my_card_info .df_list_col .item_wrap:nth-child(odd) {width:100%;padding:0} .my_card_info .df_list_col_wrap .df_list_col .item_wrap {padding-right:105px} .my_card_info .df_list_col_wrap .item_wrap + .item_wrap {margin-top:30px} .my_card_info .df_list_col_wrap .df_list_col .item_wrap{position:relative} .my_card_info .df_list_col_wrap .df_list_col .item_wrap dd button{position:absolute; top:0; right:0} .my_card_info .df_list_col_wrap .df_list_col .item_wrap .item.float_l.align_l{min-height:41px} .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap{padding-top:15px;white-space:normal} .my_card_info .mylimit_info {max-width:100%} .my_card_info .df_list_col_wrap.case02 .df_list_col {padding:15px 0} .my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap {padding:0} .my_card_info .df_list_col_wrap.case02 .item_wrap + .item_wrap {margin-top:12px} .my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap {display:block} .my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap:nth-child(odd) {padding-right:0} .pop_wrap.card_setting .form_type .form_ele {padding-left:0} .pop_wrap.card_setting .form_type .form_ele.top .ele_tit {position:absolute;top:0;left:0} .pop_wrap.card_setting .form_type .form_ele.top {padding-left:80px} .card_noswiper {max-width:100%} .card_noswiper .noswiper_wrap {width:100%} .card_noswiper .card_img {max-width:213px;height:87px;margin:0 auto} .card_noswiper .card_img img {width:100%} .card_noswiper .card_tit {padding:25px 0 0} .card_noswiper .card_tit .txt01 {margin-bottom:18px;font-size:2.4rem} .card_noswiper .card_tit .txt02, .card_noswiper .card_tit .txt03 {font-size:1.8rem} .card_noswiper, .card_swiper.card_number_detail {margin-top:79px} .card_swiper.card_number_detail .card_img img {box-shadow:0px 20px 15px -5px #000} .long_time_card .btn_wrap.two .btn:nth-of-type(2) {margin:10px 0 0 0} .long_time_card .total {top:4px} .long_time_card .df_list_wrap .df_list .item.tit {width:40%} .long_time_card .df_list_wrap.single .df_list .item.con {width:60%} .h_wrap.mic_h_wrap {margin-bottom:30px} .mic_list_wrap {width:100%; padding:20px 10px} .mic_list_wrap dl.myinfo {display:block; width:100%} .mic_list_wrap dl.myinfo dt {display:block; float:initial; width:100%} .mic_list_wrap dl.myinfo dd {display:block; float:initial; width:100%} .mic_list_wrap dl.myinfo + .myinfo {margin-top:25px} .mic_list_wrap dl.myinfo.flex_fixed {display:-webkit-flex; display:-ms-flexbox; display:flex} .mic_list_wrap dl.myinfo.flex_fixed dt, .mic_list_wrap dl.myinfo.flex_fixed dd {width:initial; flex:1} .mic_list_wrap dl.myinfo.flex_fixed.with_swich dt {flex:4} .mic_list_wrap dl.myinfo.flex_fixed.with_swich dd {flex:1} .mic_list_wrap .text_wrap textarea {height:80px} .myinfo .terms_view .checkbox, .myinfo .terms_view .btn {font-size:1.3rem} .myinfo .brithday_info .radio_wrap + .input_birthday {margin-left:5px} .mic_list_wrap .moreinfo_expend {margin-top:0; padding-top:70px; border-top:none} .mic_list_wrap .moreinfo_expend .extoggle {left:initial; right:5px} .mic_list_wrap .english_address .marker_dot {padding-left:0} .mic_list_wrap dl.myfani dt {top:0px} .mic_list_wrap dl.myfani dd {float:initial} .myicon_choice label {flex:1; display:block; position:relative} .myicon_choice  label span {width:63px; padding:63px 0 0 0} .myicon_choice  label span::before {width:63px; height:63px} .myicon_choice  label input:checked + span::after {width:63px; height:63px} .myicon_choice  label + label {margin-left:4px} .mymessage_preview, .mymessage_preview.only_view {margin-left:0; width:100%} .mymessage_preview .icon_preview {width:71px; height:71px; left:16px; top:calc(50% - 35px)} .mymessage_preview .text_table {padding-left:109px} .mymessage_preview .text_table .mc_color {font-size:1.5rem; line-height:1.4} .mymessage_preview .text_table .name {font-size:1.8rem} .myinformation_read .df_list_wrap {padding-bottom:15px} .myinformation_read .df_list_wrap .item.tit {width:35%; } .myinformation_read .df_list_wrap .item.con {width:65%} .myinformation_read .df_list_wrap.single .item.con {width:65%} .myinformation_read .df_list_wrap + .h_wrap, .myinformation_read .stub_info_wrap + .h_wrap, .myinformation_read .singleline_list + .h_wrap {margin-top:30px} .prepaid_read .df_list_wrap {padding:6px 0 14px 0} .prepaid_read .df_list_wrap .df_list .item {padding:10px 12px 0 12px} .stub_info_wrap .stub_col {display:block} .stub_col .df_list_wrap.title {padding-top:2px; padding-bottom:15px} .stub_col .df_list_wrap.detail {border:none; padding-top:0; padding-bottom:15px} .stub_col .df_list_wrap.detail .item.con {width:65%} .prepaid_card_mail .radio_wrap {width:100%} .finance_co_list .total {margin-bottom:14px} .finance_co_list ul {padding:20px 0} .finnace_change_address dl dt {flex:1} .finnace_change_address dl dd {flex:3} .sel_payment .checkbox_list .df_list .item_wrap:last-child .item {padding-bottom:0} .sel_payment .checkbox_list.shadow li .check_default {padding-bottom:8px} .sel_payment .df_list_col_wrap .df_list_col {padding-bottom:10px} .my_card_info .card_swiper {background-color:#fff} .ch_pay_account .ch_pay_card_info {margin-top:25px} .account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01 {top:-18px; margin-left:0} .account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info02 {top:48px} .payment_date .pay_date_info {width:auto} .payment_date .pay_date_info:before {left:50%; margin-left:-8px} .account.pwd_rel_wrap.payment_date .account_list > dl:not(:last-child) {margin-bottom:20px} .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col {width:100%;padding:0} .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right {margin-top:-1px} .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right table {position:relative;top:-40px} .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right table thead {opacity:0} .account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half + .sub_title2 {margin-top:20px} .account.pwd_rel_wrap.payment_date .accordion_header button.acc_btn.cell {width:74px} .pop_radio_day .radio_wrap {display:inline-block} .pop_radio_day .radio_wrap.col05 .radio_type2 input[type="radio"], .pop_radio_day .radio_wrap.col05 .radio_type2 input[type="radio"] + span {min-width:50px} .day_sel .radio_wrap .radio_type2 + .radio_type2, .day_sel .check_wrap .check_type2 + .check_type2 {margin-left:0} .day_sel .radio_wrap .radio_type2 {margin-right:4px} .account.pwd_rel_wrap .account_list .accordion_body .def.bottom {padding-left:0} .account.pwd_rel_wrap .account_list .accordion_body .def + .def.bottom {padding-top:25px} .account.pwd_rel_wrap .card_pay_date {margin-top:41px} .account.pwd_rel_wrap .accordion_header .acc_btn.midd:after {left:calc(100% - 37px);top:38px !important} .account.pwd_rel_wrap .accordion_header.on .acc_btn.midd:after {top:45px !important} .account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01.left.only {top:0} .card_inquiry_list.payment_change_info .head_tit{position:relative;display:block;padding-top:27px} .card_inquiry_list.payment_change_info .head_tit .txt01{display:block;position:absolute;top:0;left:0;margin-left:0} .card_inquiry_list.payment_change_info .head_tit .txt02{display:inline-block} .card_inquiry_list.payment_change_info .accordion_body{padding:20px} .card_inquiry_list.payment_change_info .accordion_body .change_cont{width:100%;background:url(/pconts/images/contents/mypage/arrow_right.png) no-repeat 50% 50% / 12px auto} .payment_date .dl_wrap {padding-left:0;padding-right:0} .payment_date .dl_wrap .item.tit {margin-bottom:9px} .payment_date .dl_wrap .df_list .item.tit, .payment_date .dl_wrap .df_list .item.con {width: 100%} .card_inquiry_list.payment_change_info.accordion_wrap.type02 .accordion_header button.acc_btn.cell {width:62px} .payment_change .marker_dot2 {text-align:left} .payment_change .arrow_down {height:60px;background:url(/pconts/images/contents/mypage/arrow_down_m.png) no-repeat center;background-size:10px 12px} .payment_change .df_list_col_wrap.inblock .item_wrap, .payment_change .df_list_col_wrap.inblock .item_wrap:nth-child(2), .payment_inquiry .df_list_col_wrap.inblock .item_wrap, .payment_inquiry .df_list_col_wrap.inblock .item_wrap:nth-child(2), .payment_change .df_list_col_wrap .df_list_col .item, .payment_inquiry .df_list_col_wrap .df_list_col .item {display:block;margin:0} .payment_change .df_list_col_wrap .df_list_col, .payment_inquiry .df_list_col_wrap .df_list_col {padding:10px 0 25px} .payment_change .df_list_col_wrap .df_list_col .item, .payment_inquiry .df_list_col_wrap .df_list_col .item {float:left;padding:16px 0 0 30px} .payment_change .df_list_col_wrap .df_list_col .item.tit, .payment_inquiry .df_list_col_wrap .df_list_col .item.tit {width:140px;display:table-cell} .payment_change .df_list_col_wrap .df_list_col .item.con, .payment_inquiry .df_list_col_wrap .df_list_col .item.con {width:calc(100% - 140px);display:table-cell} .payment_change.pwd_rel_wrap .accordion_wrap.guide {margin-top:0} .payment_date .change_info .df_list_col .item_wrap{padding-right:0} .switch_wrap.onoff_btn.top01 {top:-3px} .switch_wrap.mo_fright {float:right} .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info03 .text {font-size:1.3rem} .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info03 {top:-10px; margin-left:40px} .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info04 {position:absolute; bottom:14px; right:0} .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info05 {position:absolute; bottom:18px; margin-right:0; font-size:1.3rem} .account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info05 .card_name {position:absolute; top:-25px} .payment_date .change_info {padding:0 0 30px} .payment_date .change_info.lower {margin-top:20px} .payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(4) {max-width:100%} .moreinfo_wrap .guide_wrap, .moreinfo_wrap .marker_wrap, .moreinfo_wrap .add_group .btn_wrap {padding-left:0} .payment_change_info .df_list_col_wrap .df_list_col .item.tit, .payment_change_info .df_list_col_wrap .df_list_col .item.con{padding-left:0} .card_inquiry_list.payment_change_info.change_comp .head_tit{padding-top:0} .card_inquiry_list.payment_change_info.change_comp .head_tit .txt02{position:relative;padding-top:30px} .card_inquiry_list.payment_change_info.change_comp .head_tit .txt02 b{position:absolute;top:0;left:0;color:#111;font-size:1.6rem} .card_inquiry_list.payment_change_info .head_tit + .change_date{margin-left:0} .card_inquiry_list.payment_change_info .accordion_header .cell1 .card_head{min-height:57px} .change_date{position:absolute;top:15px;left:85px} .change_date b{padding-left:0; margin-left:0} .change_date b + b{margin-left:20px;padding-left:30px} .card_inquiry_list > .item .comp_txt{top:auto;bottom:15px;right:74px;width:auto;margin:0;font-size:1.3rem} .card_inquiry_list.payment_change_info.change_comp .change_date{left:20px} .card_inquiry_list.payment_change_info.change_comp .df_list_col_wrap .df_list_col{padding:0} .payment_change_info.accordion_wrap.type02.change_comp .change_date {left:0;position:static} .payment_change_info.accordion_wrap.type02.change_comp .head_tit {display:inline-block;vertical-align:top;width:auto} .card_inquiry_list.payment_change_info.accordion_wrap.type02 .accordion_header .cell1 .card_head {padding-bottom:0;padding-top:18px;padding-bottom:13px} .chah_service_search {padding:30px 0; width:100%} .checkover_service.flexbox_wrap {padding: 28px 0} .checkcard_overuse .usage_item .usage_info {flex-direction:column} .checkcard_overuse .usage_item .usage_info .title_area {width:100%} .checkcard_overuse .usage_item .usage_info .texts_area {width:100%} .checkcard_overuse .usage_item .usage_info, .usage_item dl {width:initial} .checkcard_overuse .usage_item .usage_info .texts_area .app_num {display:block; position:relative; padding-left:0; padding-top:3px} .checkcard_overuse .usage_item .usage_info .texts_area .app_num::before {content:''; display:none; position:absolute; left:6px; top:3px; width:1px; height:13px; background-color:#e6e6e6} .checkcard_overuse .usage_item .price_info {width:initial; padding-right:0px; position:absolute; right:0} .checkcard_overuse .usage_item .price_info .pay_day {display:block; position:relative; right:initial; top:26px; font-size:13px} .late_transportation .h_title, .late_transportation .font_md {margin-bottom:5px} .late_transportation .marker_dot + .h_title {margin-top:30px} .late_transportation .marker_hyphen + .h_title24 {margin-top:40px} .late_transport_list .usage_info .texts_area {width:100%} .late_transport_list .usage_info, .late_transport_list.hipass .usage_info {position:absolute; width:100%} .late_transport_list .usage_info .title_area, .late_transport_list.hipass .usage_info .title_area {width:100%; padding-left:0px; padding-right:0; z-index:2} .late_transport_list .usage_item .price_info {width:initial; padding-right:0px; position:relative; right:0} .late_transport_list .usage_item .price_info .pay_day {display:block; position:relative; right:initial; font-size:13px} .late_transport_list .usage_item.latepay .usage_info .texts_area, .late_transport_list .usage_item.latepay .price_info .pay_day {padding-top:30px} .late_transport_list .usage_item.latepay .price_info .late_pay_info {display:block; position:absolute; right:0; top:31px; text-align:right} .late_transport_list .price_info .late_pay_info ul {display:inline-block} .late_transport_list .price_info .late_pay_info ul::after {content:''; display:block; clear:both} .accordion_body .state_area.dl_list_type {display:block} .accordion_body .state_area.dl_list_type dl.list {display:block; width:100%} .accordion_body .state_area.dl_list_type dt {margin-bottom:7px; float: left; width:30%} .accordion_body .state_area.dl_list_type dd {float:left} .accordion_body .state_area.dl_list_type dl:after {content:'';display:block;clear:both} .accordion_body .state_area.dl_list_type dl.list {width:100%; padding-right:0} .accordion_body .state_area.dl_list_type dl.list:nth-child(1), .accordion_body .state_area.dl_list_type dl.list:nth-child(2), .accordion_body .state_area.dl_list_type dl.list:last-child {width:100%} .icon_list.type03.change_statement {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; flex-wrap:wrap; width:333px; margin:0 auto} .icon_list.type03.change_statement li {width:106px} .icon_list.type03.change_statement li:nth-child(4), .icon_list.type03.change_statement li:nth-child(7) {clear:both} .icon_list.type03.change_statement .icon_box{background-size:40px; background-position:50% 16px} #pop_PayService_Record .popup_type01 .pop_cont .bg_gray {padding:15px} #pop_PayService_Record .popup_type01 .pop_cont .form_type .form_ele {padding-left:0px} .shm_report_wrap {padding-top:30px} .report_info .sub_txt02 + .sub_image {margin-top:10px} .report_info .sub_image + .sub_txt02 {margin-top:30px} .report_info .sub_image.cir_graph img, .report_info .sub_image.cir_graph img + img {display:block;margin:0 auto} .report_info .sub_image.cir_graph img + img {margin-top:30px} .chart_partition + .chart_partition {margin-top:30px} .chart_partition .tit_message {font-size:1.8rem} .chart_partition .chart_inner_size {width:100%} .chart_article {min-height:250px;margin-bottom:20px} .icon_list_wrap li {padding:7px 0} .icon_list_wrap li .title_ele {width:60%;min-height:23px;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; flex:1; flex-wrap: wrap} .icon_list_wrap li .info_ele {width:40%; flex-direction:row-reverse} .icon_list_wrap .title_ele .title {padding:0 10px 0 0; font-size:15px} .icon_list_wrap .info_ele .price {font-size:1.7rem; width:100%} .icon_list_wrap .info_ele .price span {font-size:1.8rem} .icon_list_wrap .info_ele .case {display:block; font-size:13px; text-align:right} .icon_list_wrap .info_ele .times {display:block; font-size:13px; min-width:inherit} .icon_list_wrap.inicon .title_ele {padding-left:38px;padding-top:0} .icon_list_wrap.inicon .title_ele::before {top:calc(50% - 13px);left:0;width:23px;height:23px} .icon_list_wrap .info_ele .case.el_right {min-width:50px;right:0;padding-top:0;width:100%} .recommend_weekly_report {display:block; width:100%} .recommend_weekly_report p {font-size:18px; padding-left:80px; background-size:62px 59px; background-position:0 50%} .view_as_amount {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:30px 0 0 0; flex-direction:column} .view_as_amount .bluezone {display:block; position:relative; flex:1} .view_as_amount .redzone {display:block; position:relative; flex:1} .view_as_amount .bluezone + .redzone {margin-left:0px; margin-top:30px} .view_as_amount table td {font-size:1.3rem} .view_as_amount table th {padding:15px 0} .view_as_amount table .price {font-size:1.5rem} .view_as_amount table .count {font-size:1.3rem} .btn_wrap.btn_group.m_row02 .row02 span {font-size:15px} .foreign_divided_payments .radio_ul_basic li .radio_wrap .info{width:100%} .foreign_divided_payments .radio_wrap .radio_default input[type="radio"] + span:before{top:50%; margin-top:-13px} .foreign_divided_payments .radio_wrap .radio_default input[type="radio"]:checked + span:after{top:50%; margin-top:-7px} .card_inquiry_list.errorCard_list .accordion_header{overflow:hidden} .card_inquiry_list.errorCard_list .accordion_header .cell1{padding-left:0} .card_inquiry_list.errorCard_list .item .radio_wrap.card_head label .head_tit{padding:45px 18px 16px 57px} .card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::before{left:20px} .card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::after{left:26px} .card_inquiry_list.errorCard_list .head_tit{overflow:hidden} .card_inquiry_list.errorCard_list .head_tit .txt01{position:absolute;top:17px;left:57px;margin:0} .card_inquiry_list.errorCard_list .head_tit .txt02{overflow:hidden;width:calc(100% - 60px)} .card_inquiry_list.errorCard_list .head_tit .card_name{position:relative;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(100% - 40px)} .card_inquiry_list.errorCard_list .head_tit .txt02 .ico_card_logo{float:left;margin-top:3px;vertical-align:top} .card_inquiry_list.errorCard_list .head_tit .txt03{top:auto;right:20px;bottom:20px;margin:0} .card_inquiry_list.errorCard_list .head_tit .card_date{display:block;color:#111;font-size:1.3rem;font-weight:400} .card_inquiry_list.errorCard_list .item .radio_wrap input:disabled + span {padding:0} .living_pay_line::before {top:6px} .text_link.h_title.living_pay::before {top:2px} .text_link.h_title.living_pay::after {top:7px} .list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:before{top:16px} .list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:after{top:17px} .list01.payment.count.chk_mid .usage_item.type03 + .form_type{padding:5px 0 0} .list_group.payment .usage_item .usage_info .texts_area .country, .list_group.payment .usage_item .usage_info .title_area {margin-left:40px; margin-bottom:0px} .list_group.payment .usage_item .price_info .btn_wrap {order:2; margin-top:5px} .list_group.payment .usage_item .price_info .osprice {order:1; margin:0px} .df_list_col .item_wrap.center dt, .df_list_col .item_wrap.center dd {margin-left:0} .df_list_col_wrap.tb_none.wp_ln.ln_none + .group_box > .check_wrap {display:inline-block; width:100%} .df_list_col_wrap.tb_none.wp_ln.ln_none + .group_box > .check_wrap .check_default {width:100%} .bg_gray + .marker_dot.payment {margin:0 0 30px 0} .payment_radio_group.swiper-container .swiper-slide {width:275px} .prepaid_card_payment {padding:18px 0} .prepaid_card_payment .inner {display:block} .prepaid_card_payment dl {float:inherit; display:flex; flex-direction:row; flex-wrap:wrap} .prepaid_card_payment dl + dl {margin-left:0px; margin-top:10px} .prepaid_card_payment dl dt {font-weight:400; font-size:1.6rem; padding-top:2px; flex:1} .prepaid_card_payment dl dd {font-size:1.8rem; flex:1; text-align:right} .list_wrap_payment{margin-bottom:40px} .list_wrap_payment ul {padding:15px 0 10px} .list_wrap_payment li span, .list_wrap_payment li strong {font-size:16px; margin-bottom:0} .list_wrap_payment.center ul {padding-bottom:14px} .list_wrap_payment.center li {width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-right:0px} .list_wrap_payment.center li span {flex:1} .list_wrap_payment.center li strong {flex:2; text-align:right; font-size:16px} .list_wrap_payment.center li strong + strong {flex:inherit; margin-left:10px} .list_wrap_payment.center ul.virtual li span {order:2; text-align:right} .list_wrap_payment.center ul.virtual li strong {order:1; text-align:left; font-size:16px; font-weight:400} .list_wrap_payment li .btn_wrap {margin:1px 0 0 10px} .list01.payment .tooltip {left:5px; transform:inherit} .list01.payment .form_type {margin:-10px 0px 20px 35px} .list01.payment.count .form_type.pay_amt {padding-left:0} .list01.payment .form_type .form_ele {padding-left:0px} .list01.payment .usage_item.type03 .usage_info {width:calc(100% - 125px)}  .list01.payment .usage_item .price_info .osprice {order:inherit} .list01.payment:not(.count) .usage_item.type03 .usage_info .check_wrap {width:auto} .list01.payment.count.chk_mid .item .texts_area, .list01.payment.count.chk_mid .item .check_default, .list01.payment.count.chk_mid .item .check_wrap {position:static} .list01.payment.count.chk_mid .item .usage_info {position:relative} .list01.payment.count.chk_mid .item .texts_area::before, .list01.payment.count.chk_mid .item .texts_area::after {top:50%;transform:translateY(-50%)} .list_wrap_payment.complete_body .btn_wrap .text_link.color_prim {margin-top:15px;margin-right:20px} .radio_wrap.type_btn.type_grid.payment li {width:50%} .payment_total {padding:15px 20px} .payment_total .inner {display:block; line-height:1.7; padding:0} .payment_total .inner .dom {float:inherit; display:flex; width:100%; margin-right:0} .payment_total .inner .dom dt {flex:1} .payment_total .inner .dom dd {flex:1; text-align:right} .payment_total.is_fixed .inner {width:auto; padding-right:70px} .payment_total.now_pay {padding:0} .install_payment.tooltip {left:50%; z-index:9; margin-left:-152px} .install_payment.swiper-container {margin:20px 0 40px 0} .install_payment.swiper-container .swiper-wrapper {-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end} .install_payment.swiper-container .swiper-wrapper.mo_left {justify-content:initial} .install_payment.swiper-container .swiper-slide {width:190px} .install_payment.swiper-container.shadow::before, .install_payment.swiper-container.shadow::after {display:none} .install_payment.radio_wrap.type_btn ul{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content:space-between} .install_payment.radio_wrap.type_btn ul li{flex:none; flex-basis:calc(50% - 2px); margin-right:0} .install_payment_list .radio_wrap .radio_default input[type="radio"] + span:before{top:-15px} .install_payment_list .radio_wrap .radio_default input[type="radio"] + span:after{top:-9px} .cvc_cont{width:auto;max-width:380px;padding:30px 0} .cvc_cont .comp_data{width:100%;margin:0} .inp_cvc{height:auto;min-height:238px;margin:20px 0 0} .inp_cvc .inp{left:30px} .inp_cvc .inp label{width:9rem;font-size:1.6rem} .inp_cvc .inp input[type=text], .inp_cvc .inp input[type=tel]{width:150px} .inp_cvc .txt_guide::before{background-image:url(/pconts/images/contents/mypage/ico_tip_m.png);background-size:14px auto} .my_benefit .accordion_header .acc_btn.medium {padding-right:46px} .my_benefit_head .my_benefit_title {font-size:1.6rem} .my_benefit_head .my_benefit_money {font-size:2rem} .my_benefit_list li {padding:20px 10px} .my_benefit_list .item .cell1 {width:100%; order:3; margin-top:5px} .my_benefit_list .item .cell1 .info {padding-right:15px} .my_benefit_list .item .cell1 .date {font-size:1.3rem} .my_benefit_list .item .cell1 .info_user {font-size:1.3rem} .my_benefit_list .item .cell1 .info_num {font-size:1.3rem} .my_benefit_list .item .cell2 {width:100%; order:1} .my_benefit_list .item .cell2 .detail_title {padding-right:15px; font-size:1.6rem; word-break:break-all} .my_benefit_list .item .cell2 .detail_money {font-size:1.5rem} .my_benefit_list .item .cell2 .detail_money .money {font-size:1.6rem} .my_benefit_list .item .cell3 {margin-top:10px} .my_benefit_list .item .cell3 {width:100%; order:2} .my_benefit_list .item .cell3 .used_place_title {font-size:1.3rem} .my_benefit_list .item .cell3 .used_place_money {font-size:1.3rem} .my_benefit_list .item .cell4 {margin-top:5px;width:100%; order:3} .my_benefit_list .item .cell4 .used_point_title {font-size:1.3rem} .vip_benifit_list .service_info .bluezone {flex:1.3; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:50%} .vip_benifit_list .service_info .bluezone dt {width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis} .vip_benifit_list .service_info .bluezone dd {width:100%} .vip_benifit_list .service_info .bluezone dd p {font-size:13px} .vip_benifit_list .service_info .bluezone .card {margin-bottom:3pxl} .vip_benifit_list .service_info .bluezone .date + .card {margin-left:3px; padding-left:6px} .vip_benifit_list .service_info .redzone p {width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis} .vip_benifit_list .service_info .redzone .cardname {font-size:13px} .other_earn_step ol li {width:100%; height:70px; margin-bottom:40px; padding-top:0; padding-left:80px; text-align:left} .other_earn_step ol li:last-child {margin-bottom:0} .other_earn_step ol li.step1 {background-position:0 50%; background-size:50px auto} .other_earn_step ol li.step2 {background-position:0 50%; background-size:50px auto} .other_earn_step ol li.step3 {background-position:0 50%; background-size:50px auto} .other_earn_step ol li.step4 {background-position:0 50%; background-size:50px auto} .other_earn_step ol li.step5 {background-position:0 50%; background-size:50px auto} .other_earn_step ol li:after {top:auto; right:auto; bottom:-20px; left:18px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)} .other_earn_step ol li.mark:after {content:''} .other_earn_step li .txt {font-size:1.3rem} .other_earn_step li .title {font-weight:400; font-size:1.6rem} .other_earn_step li .p {font-size:1.5rem} .event_myVisual {height:180px} .event_myVisual .event_cont .link {align-content:flex-start; padding:25px 70px 25px 27px} .event_myVisual .event_cont .tit {font-size:15px} .event_myVisual .event_cont .txt {font-size:13px} .event_myVisual .event_cont .label {position:absolute; left:20px; bottom:24px; margin:0} .event_myVisual .event_cont .img {right:10px; width:153px; height:153px; top:auto; bottom:-28px; transform:none} } @media only screen and (max-width:760px){ .oversea_btnset {margin-top:40px} .oversea_btnset li {display:block; width:100%; margin-right:0} .oversea_btnset li .btn {width:100%} .oversea_btnset .onlyPC {display:none} .longsleep_card .btn_wrap .btn + .btn {margin-top:10px} .checkcard_overuse .usage_item .usage_info .title_area {width:70%}	 .chart_partition_slide .chart_sample .pc {display:none} .chart_partition_slide .chart_sample .mobile {display:block} .chart_partition_slide .chart_sample img {width:100%} } @media only screen and (max-width:480px){ .chart_wrap_circle .chart {width:158px;height:157px} .chart_wrap_circle .center_info {top:-33px} .chart_wrap_circle .center_info .info_01 {top:100px;left:-10px} .chart_wrap_circle .chart.nodata {background-size:100px 100px} .view_as_amount .chart_wrap_circle .center_info .info_01 {top:50px} .view_as_amount .chart_wrap_circle .center_info {top:-12px} .view_as_amount .chart_wrap_circle .grap_cont {margin-top:-8px} .view_as_amount .chart_wrap_circle .center_info {top:48px} .view_as_amount .chart_wrap_circle .pattern {top:134px} .ch_pay_account .df_list_col .item_wrap {flex:1} .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .card_number {margin-right:7px} .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .line {padding-left:0} .my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .line::before {display:none} } @media print { .traffic_pay_list .con.accordion_wrap.btm_line.guide{display:none} .foreign_money .amount_calc{padding:30px 90px} .foreign_money .amount_calc .calc_wrap{padding:0 80px} } .w100 {width:100% !important} .w20 {width:20% !important} .w80 {width:80% !important} .card_w_570{width: 570px} .mgl12{margin-left: 12px !important} .content_h300{height: 300px} .w_283{width: 283px !important} .font_s28 {display:block;position:relative;font-weight:700;font-size:28px;color:#111} .font_s28_s20 {display:block;position:relative;font-weight:700;font-size:28px;color:#111} .font_s28_s18 {display:block;position:relative;font-weight:700;font-size:28px;color:#111} .font_s24 {display:block;position:relative;font-weight:700;font-size:24px;color:#333} .font_s24_s17 {display:block;position:relative;font-weight:700;font-size:24px;color:#111} .font_s32_s30 {display:block;position:relative;font-weight:700;font-size:32px;color:#111} .font_s16 {display:block;position:relative;margin-top:3px;font-weight:400;font-size:16px;color:#111} .pdt7{padding-top: 7px} .bdt_none {border-top:none !important} .bdb_ddd {border-bottom:1px solid #ddd} .mgr_20m{margin-right: -20px} .ntob {display:none !important} .bton {display:block !important} .bton_in {display:inline-block !important} .hide_ele {display:none !important} .mobile_link {display:none} .pc_link {display:inline} .tab_type01.fixed .tab_pull {position:fixed;top:128px;width:100%;left:0;background:#fff;z-index:50} .tab_type01.fixed .tab_pull .tab_list {width:980px;margin:0 auto} .dtxt_area .bg_img {overflow:hidden;position:relative;width:343px;height:58px;background:url(/pconts/images/contents/card/txt_shinhancard.png) no-repeat left top} .dtxt_area .bg_img span {display:block;width:100%;height:100%;text-indent:-9999px} .dtxt_area strong {display:block;margin-top:3px;font-size:72px;line-height:1.2;color:#111} .dtxt_area strong .text_pointer::after {bottom:1px;height:24px} .dtxt_area p {margin-top:25px;line-height:1.51} .shcd_main_menu {position:relative;z-index:5;margin-top:55px} .shcd_menu {display:table;width:100%;border-collapse:collapse} .shcd_menu .atc {display:table-cell;position:relative;width:25%;height:180px;border:1px solid #ddd} .shcd_menu .atc > a {display:block;position:relative;width:100%;height:100%;padding:17px 28px 10px;transition:background 0.25s ease-out} .shcd_menu .atc > a:before {content:'';display:block;position:absolute;right:32px;bottom:50px;width:11px;height:11px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .shcd_menu .atc em {display:block;font-weight:700;font-size:36px;color:#333} .shcd_menu .atc span {display:block;margin-top:35px;padding-right:30px;font-size:16px;line-height:1.56;color:#333} .shcd_menu .atc .atc_inner {position:absolute;left:-1px;right:-1px;top:100%;margin-top:1px;padding:17px 29px 13px;border:1px solid #ddd;border-top:0;background-color:#f5f5f5;transition:all 0.25s ease-out;opacity:0;visibility:hidden} .shcd_menu .atc .atc_inner ul li {position:relative;padding-left:11px} .shcd_menu .atc .atc_inner ul li + li {margin-top:7px} .shcd_menu .atc .atc_inner ul li:before {content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:#111} .shcd_menu .atc.active > a, .shcd_menu .atc:hover {z-index:1;border-color:#4868e1;background-color:#4868e1} .shcd_menu .atc.active > a:before, .shcd_menu .atc:hover > a:before {bottom:44px;border-color:#fff;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg)} .shcd_menu .atc.active em, .shcd_menu .atc:hover em {color:#fff} .shcd_menu .atc.active span, .shcd_menu .atc:hover span {color:#fff} .shcd_menu .atc.active .atc_inner, .shcd_menu .atc:hover .atc_inner {opacity:1;visibility:visible} .video_area {margin-top:90px} .video_area .video_inner {position:relative;left:-50%;float:right} .video_area .video_item {position:relative;left:50%;float:left;width:392px} .video_area .video_item + .video_item {margin-left:20px} .video_area .video_item a {display:block;overflow:hidden;position:relative;width:100%;height:220px} .video_area .video_item a:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/pconts/images/icon/icon_play.png) no-repeat center center} .video_area .video_item a img {width:100%;height:100%} .video_area .video_item .video_tit {margin-top:15px;font-size:20px;color:#333;text-align:center} .de_card_list {display:-webkit-flex; display:-ms-flexbox; display:flex;padding-top:70px;-ms-flex-wrap:wrap; flex-wrap:wrap} .de_card_list .card_item {width:50%;padding:0 20px;margin-top:90px;text-align:center} .de_card_list .card_item:nth-child(1), .de_card_list .card_item:nth-child(2) {margin-top:0} .de_card_list .card_plate_area {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;height:321px;margin-bottom:26px;align-content:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center} .de_card_list .card_plate_area::before {content:'';display:block;position:absolute;left:50%;top:50%;width:285px;height:285px;margin:-143px 0 0 -143px;border-radius:50%;background-color:#eee} .de_card_list .card_plate {position:relative;width:320px;height:203px;margin:0 auto} .de_card_list .card_plate.vertical_type img {transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .de_card_list .card_plate img {max-width:100%;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .de_card_list .card_name {margin-bottom:7px;font-weight:700;font-size:20px;line-height:1.35;color:#111} .de_card_list .card_desc {margin-bottom:34px;font-size:16px} .de_card_list .card_name + .btn_cont {margin-top:36px} .gallery_cont {padding-top:60px} .gallery_icon {display:inline-block;position:relative;width:181px;height:60px;vertical-align:middle;background:url(/pconts/images/contents/card/gallery_s.png) no-repeat left top} .gallery_icon span {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;color:transparent;text-indent:-9999px} .gallery_cont .gallery_desc {line-height:1.75} .gallery_cont .gallery_icon + .gallery_desc {margin-top:24px} .gallyer_swiper {position:relative;margin-top:52px} .gallyer_swiper .swiper-button-prev {overflow:hidden;left:0;top:103px;margin:0;background:none} .gallyer_swiper .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle} .gallyer_swiper .swiper-button-prev.swiper-button-disabled {opacity:1} .gallyer_swiper .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc} .gallyer_swiper .swiper-button-next {overflow:hidden;right:0;top:103px;margin:0;background:none} .gallyer_swiper .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle} .gallyer_swiper .swiper-button-next.swiper-button-disabled {opacity:1} .gallyer_swiper .swiper-button-next.swiper-button-disabled:before {border-color:#ccc} .intro_area {display:-webkit-flex; display:-ms-flexbox; display:flex;width:840px;padding:0 70px;margin:0 auto;border-bottom:1px solid #ddd} .intro_area .img {display:inline-block;width:236px;height:253px} .intro_area .img img {max-width:100%} .intro_area .desc_area {padding-top:50px;margin-left:87px} .intro_area .desc_area p {font-size:16px;color:#333} .intro_area .desc_area .desc {padding-top:25px;background:url(/pconts/images/contents/card/quot.png) no-repeat left top;font-size:24px;line-height:1.25} .intro_area .desc_area .desc + .name {margin-top:31px} .gallery_card_list {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap} .gallery_card_list .item {position:relative;width:50%;min-height:336px;margin-top:90px;text-align:center} .gallery_card_list .item:nth-child(1), .gallery_card_list .item:nth-child(2) {margin-top:84px} .gallery_card_list .item .img {position:absolute;bottom:133px;left:0;width:100%;display:inline-block;vertical-align:middle} .gallery_card_list .item.vertical_type {height:454px} .gallery_card_list .item.vertical_type .img {margin-top:58px;margin-bottom:58px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .gallery_card_list .item .img img {width:320px;height:204px;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .gallery_card_list .item .card_name {position:absolute;bottom:48px;width:100%;height:62px;margin-top:23px;font-weight:700;font-size:20px;color:#111;overflow:hidden} .gallery_card_list .item .btn_cont {position:absolute;bottom:0;width:100%} .choice_card_wrap {margin-top:45px} .choice_card_wrap .choice_card_area {margin:55px 0 83px;text-align:center} .choice_card_wrap .choice_card_area .img {display:inline-block;width:320px;height:204px;vertical-align:middle} .choice_card_wrap .choice_card_area .img.vertical_type {margin-top:58px;margin-bottom:58px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .choice_card_wrap .choice_card_area img {max-width:100%} .choice_card_wrap .choice_card_area .card_name {margin-top:23px;font-weight:700;font-size:20px;color:#111} .choice_card_wrap .choice_card_area .btn_cont {margin-top:32px} .card_chc {margin-top:19px} .card_chc .h_title {margin-bottom:14px} .card_chc .col.col6_12 {margin-top:54px} .card_chc .col.col6_12:nth-child(1), .card_chc .col.col6_12:nth-child(2) {margin-top:0} .txt_top {padding:45px 0} .txt_top p {margin-bottom:-5px;text-align:center} .txt_top .btn_wrap {padding-bottom:3px;text-align:center} .txt_top .title + p {margin-top:14px} .txt_top p + .btn_wrap {margin-top:29px} .txt_top + .tab_type01 {margin-top:80px} .card_prd_list {border-bottom:1px solid #ddd} .card_prd_list ul {overflow:hidden} .card_prd_list ul>li {padding:50px 68px;border-top:1px solid #eee;vertical-align:top} .card_prd_list ul>li>div {position:relative;min-height:171px;padding-left:351px} .card_prd_list .card_name {display:inline-block;width:100%;margin-top:-3px;font-size:20px;line-height:32px;color:#111;vertical-align:middle} .card_prd_list dl {display:table;width:100%;margin-top:5px;margin-bottom:18px} .card_prd_list dl dt, .card_prd_list dl dd {display:table-cell;vertical-align:top} .card_prd_list dl dt {width:40px} .card_prd_list dl dd {padding-left:10px} .card_prd_list .round_badge {display:inline-block;min-width:54px;height:24px;padding:0 10px;border-radius:12px;background-color:#333;font-weight:700;font-size:13px;color:#fff;line-height:24px;text-align:center;vertical-align:middle} .card_prd_list .card_img {position:absolute;left:0;top:0;width:271px;height:171px} .card_prd_list .card_img img {width:100%} .card_prd_list p {font-size:16px} .card_prd_list p.sub_txt {color:#999} .card_prd_list p + p.sub_txt {margin-top:6px} .card_prd_list .btn {margin-top:12px;padding:0 16px} .card_prd_list ul>li.vertical>div {min-height:271px} .card_prd_list ul>li.vertical .card_img img {margin-top:50px;;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} i.ico_card {display:inline-block;position:relative;width:90px;height:90px;border-radius:50%;background-color:#fff;vertical-align:middle} i.ico_card:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(/pconts/images/contents/card/ico_card.png) no-repeat left top} .card_inquiry {padding:25px 0 0 0;text-align:center} .card_inquiry .ico_card {margin-bottom:18px} .card_inquiry .card_inq_info>a {display:inline-block;vertical-align:top} .card_inquiry .card_name {display:block;font-size:20px;color:#000} .card_inquiry .card_num {margin-top:2px;font-size:20px;color:#000} .card_inquiry .amount {margin-top:26px;padding-bottom:9px;font-size:16px;font-weight:700;color:#111} .card_inquiry .amount span {padding-left:15px;font-weight:400;font-size:30px;color:#333} .card_inquiry .amount span em {font-weight:700;font-style:normal} .form_tit02 {display:block;margin-top:-6px;font-size:18px;color:#333} .form_tit02 span {font-weight:400} .form_tit02 + form, .form_tit02 + .form_ele {margin-top:54px} .btn_wrap + .list_wrap {margin-top:41px} .list_wrap .sum {font-size:14px;color:#111} .list_wrap .sum > span {font-weight:900} .list_wrap .card_list {margin-top:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .list_wrap .card_list li {overflow:hidden;margin:0 ;padding:38px 0 36px;border-top:1px solid #eee;color:#111} .list_wrap .card_list li:first-child {border-top:0} .list_wrap .card_list .left_con, .list_wrap .card_list .right_con {float:left} .list_wrap .card_list .left_con {width:75%} .list_wrap .card_list .right_con {width:25%;text-align:right} .list_wrap .card_list .date {float:left;width:190px;font-weight:400;color:#111} .list_wrap .card_list .amount {font-size:16px;font-weight:700;color:#111} .list_wrap .card_list .amount a {color:#111} .list_wrap .card_list strong {font-size:16px} .list_wrap .card_list strong .bank_num {font-size:15px;font-weight:400;color:#111} .noti_box{padding:23px 40px 20px;margin-top:100px;border:1px solid #ddd;border-radius:10px;background-color:#f2f4f8} .noti_box strong{font-weight:700;font-size:24px;color:#111} .noti_box p{font-size:16px;color:#333} .noti_box a{display:inline-block;min-width:120px;height:28px;padding:0 15px;margin-top:14px;border:1px solid #999;border-radius:14px;font-weight:700;font-size:13px;line-height:26px;color:#111;text-align:center;vertical-align:middle} .pop_terms_wrap .pop_tit_dep1 {margin-bottom:20px;font-size:18px;color:#333} .pop_terms_wrap .pop_tit_dep2 {margin-bottom:7px;font-size:16px;color:#333} .pop_terms_wrap p + p {margin-top:5px} .pop_terms_wrap p + .pop_tit_dep1 {margin-top:20px} .pop_terms_wrap p + .pop_tit_dep2 {margin-top:20px} .pop_terms_wrap .pop_tit_01 {margin:20px 0 20px 0;font-size:18px;color:#333} .pop_terms_wrap .pop_tit_02 {margin:7px 0 20px 0;font-size:16px;color:#333} .form_type .form_ele.type01 .ele_tit {top:32px} .form_type .form_ele.type01 .auto_name {padding-bottom:6px;text-align:right} .ly_inner .top_marker .marker_dot {margin-top:-4px;margin-bottom:55px} .popup_type01 .pop_cont .bg_gray.pop_card_name {margin-left:0;margin-right:0;margin-bottom:31px;padding:28px 20px 24px;text-align:center} .popup_type01 .pop_cont .bg_gray.pop_card_name strong {font-size:20px;line-height:27px;color:#333} .card_sec {position:relative;text-align:center;padding-top:157px} .card_sec .img {display:inline-block;width:360px;height:228px;margin-top:-156px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4)} .card_sec .img img {width:100%} .card_sec .card_name {width:646px;margin:-48px auto 0} .card_sec .card_name.type01 {width:646px;margin:-72px auto 0;padding:0 0 0} .card_sec .card_name:before {content:'';display:block;position:absolute;left:calc(-50vw + 50%);bottom:0;width:100vw;height:100%;background-color:#f6f6f6;background-color:rgba(246, 246, 246, 1.0)} .card_sec.vertical_type {padding-top:197px} .card_sec.vertical_type .card_name {margin:-140px auto 0} .card_sec.vertical_type .card_name.type01 {margin:-164px auto 0} .card_sec.vertical_type .img {margin-top:-196px;width:228px;height:360px} .card_sec.vertical_type .img img {width:360px;max-width:360px;height:228px;margin-top:66px;margin-left:-66px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .card_sec strong {position:relative;z-index:1;font-size:20px;color:#000} .card_sec strong .btn_question {margin-left:2px} .card_sec + .ly_inner .form_type {padding-top:0} .card_sec + .ly_inner .top_marker .marker_dot {padding-top:33px} .card_sec.type02 {padding-top:0} .card_sec.type02 .img {margin-top:-144px;vertical-align:top} .card_sec.type02 .card_top_wrap {padding:5px 0 166px} .card_sec.type02 .card_name_top {padding:0px;font-weight:700;font-size:24px;color:#111111} .card_sec.type02 .card_name_top + .btn_wrap {margin:10px 0 7px;font-size:13px} .card_sec.type02 .card_name {padding:0 0 24px} .card_sec.vertical_type.type02 .img {margin-top:-196px;margin-top:-256px} .card_sec.vertical_type.type02 .card_top_wrap {padding-bottom:278px} .card_sec.vertical_type.type02 .card_name_top {padding-bottom:0px} .card_sec.vertical_type.type02 .card_name {padding-bottom:96px} .talk_wrap {padding-bottom:12px} .talk_wrap .btn_wrap {padding:40px 0 15px} .talk_guide {position:relative;margin-top:34px;padding:7px 30px 0 60px} .talk_guide i {display:block;position:absolute;left:0;top:0;width:50px;height:50px;background-size:100%} .talk_guide div {padding:22px 24px 21px;border-radius:21px;border-top-left-radius:0;background-color:#f4f4f4} .talk_guide p {font-size:13px;line-height:19px;color:#333} .talk_guide + .round_box_wrap {margin-top:30px} .round_box_wrap {display:none;padding:20px 25px 25px;border-radius:25px;border-top-right-radius:0;background-color:#f2f4f8} .round_box_wrap.show {display:block} .round_box_wrap + .round_box_wrap {margin-top:30px} .round_box_wrap .talk_app_tit {display:block;margin-bottom:10px;font-weight:700;font-size:13px;line-height:19px;color:#111} .round_box_wrap .select_wrap + .input_wrap {margin-top:10px} .round_box_wrap .btn_wrap {margin-top:10px;padding:0} .round_box_wrap .btn.darkgray {width:100%;height:44px;border-radius:4px;font-size:16px;line-height:44px} .waybill {margin:24px 0 8px;padding:26px 30px 25px} .waybill p {text-align:center} .waybill p span {margin-left:9px} .logo_box img {width:47px} .df_list_wrap .df_list.type01 .item.tit {width:23%;padding-right:0px} .df_list_wrap .df_list.type01 .item.con {width:76%} .delivery_step {padding:30px} .delivery_step ul li {position:relative;width:100%;clear:both} .delivery_step ul li + li {padding-top:30px} .delivery_step ul li .condition::before {content:"";position:absolute;left:0;top:0;border-left:1px solid #eeeeee;height:100%;text-align:center;margin-left:40px} .delivery_step ul li .condition .code > p {float:left;width:80px;height:80px;background:#eeeeee;border-radius:50%;text-align:center;vertical-align:middle;font-size:16px;font-weight:700;line-height:80px;color:#111111} .delivery_step ul li .condition .code > p.on {background:#081350;color:#fff} .delivery_step ul li .condition .code > p.txt_over {line-height:inherit;padding-top:17px} .delivery_step ul li:first-child .condition::before {display:none} .delivery_step ul li .condition .summery {display:inline-block;padding-left:30px} .delivery_step ul li .condition .summery .date {padding-top:5px;color:#333} .delivery_step ul li .condition .summery .txt {font-weight:700;color:#333} .delivery_step ul li .condition .summery .pick {padding-top:8px;font-size:13px} .lgtxt_box .txt_lg {margin-bottom:15px;font-size:34px;font-weight:700;line-height:1.4;color:#111} .info_logo {padding:20px;margin-top:20px} .info_logo .info_txt {font-size:16px;color:#333} .info_logo .info_txt > span {padding-right:20px;font-weight:700} .info_logo .info_txt > span:last-child {padding-right:3px} .info_logo .info_txt > span > img {padding-right:8px} .agree_check_ul {position:relative;border:1px solid #ddd;background:#fff} .agree_check_ul li + li {margin-top:5px} .agree_check_ul .check_only {position:relative;width:100%;color:#333} .check_wrap.check_only .check_agree input[type="checkbox"] + span {padding:16px 0 13px 55px} .check_wrap.check_only .check_agree input[type="checkbox"] + span:before {content:'';display:block;position:absolute;left:29px;top:19px;width:6px;height:10px;margin:0 0 0 -4px;border-right:2px solid #b2b2b2;border-bottom:2px solid #b2b2b2;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .check_wrap.check_only .check_agree input[type="checkbox"]:checked + span:before {border-color:#4868e1} .check_wrap.check_only .btn_check_pop {position:absolute;right:20px;top:17px;font-size:13px;text-decoration:underline;color:#111} .check_wrap.check_only.type01 {padding-right:0} .check_wrap.check_only.type01 label {display:block} .check_wrap.check_only.type01 input {width:100%;height:100%} .check_wrap.check_only.type01 .check_agree input[type="checkbox"] + span {display:block} .agree_check_ul .check_only .btn_tooltip {margin-left:3px} .appStep .contents .form_ele.type04 + .btn_photo_wrap {padding-top:20px} .check_default .btn_pop_new{line-height: 26px} .check_default .btn_pop_new span{font-size: 13px;text-decoration: underline;color:#111} .top_accodion_big {padding-top:7px} .top_accodion_big .accordion_wrap.btm_line {border:none} .top_accodion_big .accordion_header button.acc_btn {padding-bottom:19px;font-weight:400;font-size:20px;color:#333;text-align:center;border:none} .top_accodion_big .accordion_header button.acc_btn:after {display:inline-block;vertical-align:middle;position:static} .tab_type01 + .ext_ele {margin-top:-55px} .tab_type01 + .ext_ele .form_type .form_ele.hide:first-child + .form_ele {margin-top:15px} .before_comm {overflow:hidden;padding:0 170px} .before_comm > div {margin:-3px 0 0 -3px} .before_comm ul {display:table;width:100%;table-layout:fixed} .before_comm ul li {display:table-cell;float:left;padding:0 0 0 3px;text-align:center} .before_comm ul li > div {min-height:110px;padding:15px 0 5px} .before_comm ul li i {display:inline-block;height:50px;vertical-align:top} .before_comm ul li i.icon_clock {width:50px;background:url(/pconts/images/icon/clock.png) no-repeat left top / 50px auto} .before_comm ul li i.icon_phone {width:50px;background:url(/pconts/images/icon/phone.png) no-repeat left top / 50px auto} .before_comm ul li i.icon_bank {width:50px;background:url(/pconts/images/icon/account.png) no-repeat left top / 50px auto} .before_comm ul li i.icon_cert {width:50px;background:url(/pconts/images/icon/id_card.png) no-repeat left top / 50px auto} .before_comm ul li p {margin-top:24px;font-size:13px;color:#333} .before_comm .col04 li {width:25%} .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand {padding:14px 0 9px} .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand {padding:13px 0 8px} .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand em {padding-top:6px;font-weight:400;font-size:13px;color:#111} .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand em {color:#4868e1} .radio_wrap.type_grid .card_brand img {width:45px} .check_wrap.type_agree .check_agree.check_all.h_auto {height:auto} .check_wrap.type_agree .btn_check_pop_type01 {position:absolute;right:20px;top:0;width:50px;font-size:13px;text-decoration:underline;color:#111} .popcard_img > img {width:44px} .brand_list {margin:0 -1px;-ms-flex-wrap:wrap;flex-wrap:wrap} .brand_list li {overflow:hidden;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex} .brand_list li span {display:inline-block} .brand_list li .popcard_img {width:15%;padding:12px 7px;text-align:center;vertical-align:middle;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;flex:none} .brand_list li .text {padding:12px 7px;color:#333;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;flex:1 1 auto} .info_bank {padding:25px 30px;margin-top:10px;color:#333} .info_bank .lg_txt {padding-bottom:8px;font-weight:700;font-size:18px;text-align:center} .info_bank .sm_txt {font-size:15px;text-align:center} .info_bank .sm_txt > span {color:#4868e1} .info_bank > img {width:100%;padding:30px 0;text-align:center} .info_bank ul {padding-left:35px} .info_bank ul li {padding-top:12px} .info_bank ul li:first-child {padding-top:0} .info_bank ul li > span {display:inline-block;margin-left:-15px} .form_agreement_gap {margin-top: 16px} .em_span_gap {margin-top: 2px} .tab_cont .cert_img {display:block;height:200px;text-align:center} .tab_cont .cert_img img {height:100%} .text_tip.ext_top {margin-top:-15px} .bg_gray.txt_box {margin-top:10px;padding:27px 30px 26px} .withdrawal_wrap {padding-top:24px;text-align:center} .withdrawal_wrap strong {display:block;margin-bottom:5px;font-size:20px;color:#333} .withdrawal_wrap .btn_wrap {margin:25px 0 26px} .date_swipe_form {overflow:hidden;margin-top:14px;padding:12px 0; clear:both; padding-top:14px} .date_swipe_form .date_swipe_group {overflow:visible} .date_swipe_form .date_swipe_group {height:36px;border-radius:18px;background-color:#e8ebf4} .date_swipe_form .left_gradient {display:block;position:absolute;left:0;top:0;z-index:10;width:50px;height:100%;background:linear-gradient(to right,rgba(255, 255, 255, 0.45), rgba(242, 244, 248, 0.85), rgba(242, 244, 248, 0.23)) no-repeat} .date_swipe_form .right_gradient {display:block;position:absolute;right:0;top:0;z-index:10;width:50px;height:100%;background:linear-gradient(to left,rgba(255, 255, 255, 0.45), rgba(242, 244, 248, 0.85), rgba(242, 244, 248, 0.23)) no-repeat} .date_swipe_form .left_gradient::before {content:'';display:block;position:absolute;left:20px;top:55%;width:10px;height:10px;margin:-8px 0 0 -8px;border-right:2px solid #111111;border-bottom:2px solid #111111;transform:rotate(135deg);-webkit-transform:rotate(135deg)} .date_swipe_form .right_gradient::before {content:'';display:block;position:absolute;right:20px;top:55%;width:10px;height:10px;margin:-8px 0 0 -8px;border-right:2px solid #111111;border-bottom:2px solid #111111;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .date_swipe_form .left_gradient span, .date_swipe_form .right_gradient span {overflow:hidden;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;padding:3px;font-size:14px;line-height:1.1;color:transparent;text-indent:-9999px} .date_swipe_form .swiper-slide {width:50px} .date_swipe_form .swiper-slide.swiper-slide-active {width:90px} .date_swipe_form .swiper-slide a {display:block;font-weight:700;font-size:16px;line-height:36px;text-align:center} .date_swipe_form .swiper-slide a span {display:none} .date_swipe_form .swiper-slide a.active {width:60px;height:60px;margin:-12px auto 0;border-radius:50%;background-color:#4868e1;font-size:18px;line-height:60px;color:#fff} .date_swipe_form .swiper-slide a.active span {display:block;padding-top:4px;font-size:16px;line-height:1.53;color:#4868e1;opacity:0.7} .txt_box p + p {margin-top:10px} .certCard {padding:10px 0 17px} .certCard span {display:block;width:253px;margin:0 auto} .certCard span > img {width:100%;height:100%} .pop_cert_reg .h_title24 {padding-top:25px;margin-bottom:9px} .pop_cert_reg .certCard {padding-bottom:0} .pop_cert_reg .text_tip {line-height:1.43} .pop_cert_reg .text_tip + .form_type {padding-top:14px} .pop_cert_reg02 .certCard {padding-top:18px} .pop_cert_reg02 p {margin-top:5px;line-height:1.51} .quick_req .txt_box {padding-top:17px} .quick_req .h_title24 {padding-top:25px;line-height:1.33} .quick_req .pop_cont .form_type {padding-top:13px} .quick_req .form_ele .select_wrap .ui_select .ui_select_btn .ui_select_value {min-height:44px;height:auto;padding-top:10px;padding-bottom:10px;text-overflow:clip;white-space:normal} .quick_req .form_ele .select_wrap .ui_select .ui_select_btn .ui_select_value:before {top:50%;margin-top:-5px} .quick_req .select_wrap .ui_select select {padding-right:30px} .paper_wrap .h_title24 {padding-top:11px;margin-bottom:10px} .paper_wrap ul {display:-webkit-flex; display:-ms-flexbox; display:flex;margin:0 -1px;-ms-flex-wrap:wrap; flex-wrap:wrap} .paper_wrap ul li {width:50%;padding:0 11px} .paper_wrap ul li img {width:100%} .paper_wrap ul li p {margin-top:11px;padding-bottom:25px;line-height:1.51} .student_wrap .desc {line-height:1.51} .student_wrap .desc:first-child {margin-top:-9px} .student_wrap .h_title {margin-top:16px} .student_wrap .cert_img {display:block;width:253px;margin:19px auto 25px} .student_wrap .cert_img img {width:100%} .student_wrap .btn_wrap + .h_title {margin-top:26px} .student_wrap .h_title24 {margin-top:31px;margin-bottom:8px} .student_wrap .cert_img02 {max-width:320px;padding:0 6px;margin:25px auto 0} .student_wrap .cert_img02 + .cert_img02 {margin-top:15px} .student_wrap .cert_img02 img {width:100%} .btn_interaction {display:none} .btn_next, .btn_next.hide {display:block} .pop_btn.type02{padding-top:16px} .pop_btn.type02 p{margin-bottom:25px} .area_wrap{display:inline-block;width:100%;vertical-align:middle} .area_wrap > div{float:left;width:187px} .area_wrap > div .txt{width:57px} .area_wrap > div:first-child{width:209px} .area_wrap > div:first-child .txt{width:79px} .area_wrap .select_wrap{float:left;width:130px;vertical-align:middle} .area_wrap .txt{float:left;height:44px;padding-left:10px;font-size:16px;line-height:44px;color:#111;vertical-align:middle} .signature_wrap .h_title24 {margin:-17px 0 22px} .signature_wrap .tab_cont {margin-left:-250px} .signature_wrap .tab_cont .font_lg {padding-top:36px;line-height:1.35;text-align:center} .signature_wrap .pdl250{padding-left:250px} .signature_wrap .script_wrap{padding-top:17px} .signature_wrap .work_info {margin-top:10px} .signature_wrap .work_info .btn_wrap .btn{float:left} .signature_wrap .work_info .btn_wrap .btn + .btn{margin-left:8px} .signature_wrap .preview_box {margin:40px 0 20px} .signature_wrap .preview_box .s-card-image {position:relative;width:360px;margin:0 auto} .signature_wrap .preview_box .s-card-image.deep-dream span.img{background:url(/conts/images/contents/s-signature1.png);background-size:360px 228px} .signature_wrap .preview_box .s-card-image.rpm span.img{background:url(/conts/images/contents/s-signature1.png);background-size:360px 228px} .signature_wrap .preview_box span.img{display:block;overflow:hidden;position:relative;width:360px;height:228px;margin:0 auto;border-radius:13px;box-shadow:0 0 20px rgba(0, 0, 0, 0.3)} .signature_wrap .preview_box span.img .s-dimd{position:absolute;width:100%;height:100%;background:#fff;z-index:1000;left:0;top:0;opacity:0.85} .signature_wrap .preview_box span.img .s-sign-font{position:absolute;right:5%;bottom:7%;font-size:1.3125rem;color:#fff;font-family:'signature2','signature1','ShinhanCard'} .signature_wrap .preview_box span.img .s-sign-font img{width:auto !important;height:35px !important;border:0} .stdt_txt{color:#333} .app_comp_wrap{width:482px;margin:0 auto 54px} .app_comp_wrap .card_area {position:relative;margin-top:48px;text-align:center} .app_comp_wrap .card_area:after{content:'';position:absolute;left:0;top:153px;width:100%;height:100%;background-color:#fff} .app_comp_wrap .card_area span.img{display:inline-block;overflow:hidden;border-radius:13px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);vertical-align:middle} .app_comp_wrap .card_area span.img img{width:360px;height:228px} .app_comp_wrap p.title{position:relative;margin-top:-53px;font-weight:700;font-size:28px;color:#111;line-height:1.62;text-align:center;letter-spacing:-0.02em} .app_comp_wrap p.title span{display:block} .app_comp_wrap p.desc{position:relative;margin-top:13px;margin-bottom:50px;font-size:16px;text-align:center;line-height:1.5} .app_comp_wrap .marker_dot{margin-bottom:13px} .app_comp_wrap .marker_dot + p {margin-bottom:11px} .app_comp_wrap .card_area.vertical:after{top:196px} .app_comp_wrap .card_area.vertical span.img{width:228px;height:360px} .app_comp_wrap .card_area.vertical span.img img{max-width:360px;margin-top:66px;margin-left:-66px;transform-origin:50%;transform: rotate(90deg)} .app_comp_wrap .card_area.vertical + p.title {margin-top:-142px} .form_type .form_sub_tit{font-weight:700;color:#111;margin:13px 0 54px} #cardCompareAfter.compare_gapt {margin-top:90px !important} .card_compare_wrap {position:fixed;top:128px;left:0;width:100%;z-index:40} .card_compare_wrap .top_banner {display:none;position:relative;z-index:60;padding:13px 0;background-image:linear-gradient(to top, #e5e8ef, #f2f4f8 20%);border-top:1px solid #ebedf1;border-bottom:1px solid #ebedf1;text-align:center} .card_compare_wrap .top_banner button {position:relative;font-weight:700;color:#111} .card_compare_wrap .top_banner button::after {content:'';display:inline-block;margin-left:10px;width:0;height:0;border-top:5px solid #aaaaaa;border-bottom:5px solid none;border-right:5px solid transparent;border-left:5px solid transparent;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);vertical-align:middle} .card_compare_wrap.opened .top_banner button:after {transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)} .card_compare_wrap .top_banner button span.counting {margin:0 3px 0 8px;padding:0 9px;background:#fff;border:1px solid #5980e5;border-radius:15px;color:#5980e5} .card_compare_wrap.opened .banner_cont {display:block} .card_compare_wrap .banner_cont {position:relative;z-index:50;display:none;padding:30px 0;background:#f1f3f7} .card_compare_wrap .banner_cont .inner {width:510px;margin:0 auto} .card_compare_wrap .banner_cont .inner .noti_txt {margin-bottom:40px;text-align:center} .card_compare_wrap.active .top_banner {display:block} .card_compare_wrap .banner_dimmed {display:none;opacity:0;transition:all 0.3s ease} .card_compare_wrap .banner_cont {transform:translateY(-101%);transition:all 0.3s ease} .card_compare_wrap.opened .banner_cont {opacity:1;transform:translateY(0)} .card_compare_wrap.opened .banner_dimmed {display:block;opacity:1} .compare_card_list {display:-webkit-flex; display:-ms-flexbox; display:flex;min-height:250px} .compare_card_list:after {display:block;content:'';clear:both} .compare_card_list li {position:relative;width:220px} .compare_card_list li + li {margin-left:76px} .compare_card_list li .item {display:block;position:relative;text-align:center;z-index:1} .compare_card_list li .card_img {display:-webkit-flex; display:-ms-flexbox; display:flex;width:220px;height:215px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .compare_card_list li .card_img.hidden {display:none} .compare_card_list li .item .card_img .img {position:relative;display:inline-block} .compare_card_list li .item .card_img .img a {display:inline-block;width:220px} .compare_card_list li .item .card_img .img img {width:220px;border-radius:8px;box-shadow:2px 6px 15px -2px rgba(0, 0, 0, 0.3)} .compare_card_list li .item .card_img .img.vertical {transform-origin:50%;transform: rotate(90deg)} .compare_card_list li .item .card_img .del {display:block;content:'';position:absolute;top:0;right:0;width:27px;height:27px;overflow:hidden;background:url(/pconts/images/contents/card/ico_card_delete.png) no-repeat left top;text-indent:-9999px} .compare_card_list li .item .card_img .img.vertical .del {left:0;right:initial} .compare_card_list li .item .card_img .tag {display:block;content:'';position:absolute;bottom:10px;right:0;padding:2px 15px;background:#333333;color:#fff} .compare_card_list li .item .card_img .tag.best {background:#4e5b68} .compare_card_list li .item .card_img .tag.new {background:#4868e1} .compare_card_list li .item .card_info {display:block;margin:62px auto 0;width:160px} .compare_card_list li .item .card_info dt {font-weight:700;font-size:16px;line-height:23px;color:#333} .compare_card_list li .item .card_info dd {margin-top:5px} .compare_card_list li .badge_wrap {position: absolute;width: 100%;margin-top:30px} .compare_card_list li .card_img.no_data {position:absolute;top:0;width:100%;z-index:0} .compare_card_list li .card_add {display:block;position:relative;width:220px;height:140px;padding-top:84px;border:2px dashed #ddd;background:#f1f3f7;border-radius:9px;color:#111;text-align:center} .compare_card_list li .card_add:before, .compare_card_list li .card_add:after {display:block;content:'';position:absolute;top:55px;left:50%;width:26px;height:2px;margin-left:-13px;background:#bbb} .compare_card_list li .card_add:after {transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)} .card_compare_wrap .banner_cont .btn_wrap {padding-top:30px} .card_compare_wrap .banner_dimmed {display:none} .card_compare_wrap.opened .banner_dimmed {display:block;position:fixed;top:180px;bottom:0;width:100%;height:100%;z-index:40;background:rgba(0,0,0,0.7)} .pop_compare .compare_card_list {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;height:auto;margin:0 -30px;padding:30px 0;background:#f2f4f8} .pop_compare .compare_card_list .item {position:relative;height:100%;padding-bottom:60px} .pop_compare .compare_card_list .item .btn_wrap {position:absolute;bottom:0;left:50%;margin-left:-41px} .pop_compare .compare_card_list .btn.rectangle {background:#fff} .pop_compare .card_detail {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;padding:40px 0} .pop_compare .card_detail .detail_tit {width:105px;font-weight:700;font-size:16px;color:#333} .pop_compare .card_detail .detail_tit:not(:first-child), .pop_compare .card_detail .detail_cont:not(:nth-of-type(1)) {margin-top:40px} .pop_compare .card_detail .detail_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;width:calc(100% - 105px)} .pop_compare .card_detail .detail_cont dl {width:227px;padding-right:30px} .pop_compare .card_detail .detail_cont dl + dl {border-left:1px solid #ddd;padding-left:60px;padding-right:0} .pop_compare .card_detail .detail_cont dt {position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .pop_compare .card_detail .detail_cont .benefit_wrap li:not(:first-child) {margin-top:15px} .pop_compare .card_detail .detail_cont .benefit_wrap .item {position:relative;display:block;min-height:39px;padding:9px 0 9px 58px} .pop_compare .card_detail .detail_cont .benefit_wrap .item:before {display:block;content:'';position:absolute;top:50%;left:0;width:39px;height:39px;margin-top:-19px;background-repeat:no-repeat;background-position:0 0;background-size:39px auto} .pop_compare .card_detail .detail_cont .benefit_wrap .item01:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item01.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item02:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item02.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item03:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item03.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item04:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item04.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item05:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item05.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item06:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item06.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item07:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item07.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item08:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item08.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item09:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item09.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item10:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item10.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item11:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item11.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item12:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item12.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item13:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item13.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item14:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item14.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item15:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item15.png)} .pop_compare .card_detail .detail_cont .benefit_wrap .item16:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item16.png)} .card_compare_add {margin:30px 0 20px 0;text-align:center;transition:all 0.3s ease} .card_compare_wrap.active + .card_compare_add {margin-top:80px} .card_compare_add button {position:relative;width:137px;height:40px;padding-left:45px;border-radius:30px;box-shadow:2px 3px 10px 1px rgba(0, 0, 0, 0.15);text-align:left;font-weight:700;color:#333} .card_compare_add button::after {content:'';position:absolute;left:20px;width:17px;height:20px;background:url(/pconts/images/contents/card/ico_card_add.png) no-repeat left top 1px} .card_detail {overflow:hidden} .card_detail .left_wrap {width:50%;float:left} .card_detail .left_wrap.card_slider.no_swiper .nav-button-next, .card_detail .left_wrap.card_slider.no_swiper .swiper-pagination, .card_detail .left_wrap.card_slider.no_swiper .nav-button-prev {display:none} .card_detail .right_wrap {width:50%;display:inline-block} .card_detail .card_name_wrap {position:relative;width:50%;display:inline-block;padding:0 76px 0 36px} .card_detail .card_name_wrap .card_name {margin:20px 0 5px;font-size:38px;font-weight:700;color:#111;line-height:1.25} .card_detail .card_name_wrap .card_name .btn_sns { position:absolute;right:0px;top:20px} .card_detail .card_name_wrap .card_name .btn_sns img {width:33px} .card_detail .card_name_wrap .card_name .btn_card_add { position:absolute;right:0px;top:65px} .card_detail .card_name_wrap .card_name .btn_card_add img {width:33px} .card_detail .card_name_wrap .sub_summery {margin:15px 0 45px;font-size:24px;color:#111;line-height:1.25} .card_detail .left_wrap .swiper-container {width:425px;margin:0;background:url(/pconts/images/contents/card/bg_card_plate.png) no-repeat center 45px;padding:75px 0 30px; height: 410px} .card_detail .left_wrap .swiper-container .swiper-wrapper {text-align:center} .card_detail .left_wrap .swiper-slide {height:268px} .card_detail .left_wrap .swiper-slide img {width:320px;margin-top:10px;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);border-radius:15px} .card_detail .left_wrap .swiper-slide.vertical img {position:relative; top:15px; width:302px;margin:0;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);transform:rotate(90deg)} .card_detail .left_wrap .swiper-container .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex;position: absolute;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;margin:25px 0 0 0;font-weight:700;color:#999} .card_detail .left_wrap .swiper-container .swiper-pagination-bullet {width:12px;height:12px;border:3px solid #f6f6f6;background-color:#cccccc;opacity:1;margin:0 5px} .card_detail .left_wrap .swiper-container .swiper-pagination-bullet-active {border-color:#333;background-color:#f6f6f6} .card_detail .left_wrap .swiper-container .swiper-pagination-fraction {bottom:34px;font-weight:700;color:#999} .card_detail .left_wrap .swiper-container .swiper-pagination-fraction .swiper-pagination-current {font-weight:300;color:#111} .card_detail .left_wrap .swiper-container .swiper-pagination-fraction .swiper-pagination-total {font-weight:300} .card_detail .left_wrap .swiper-container .nav-button-prev, .card_detail .left_wrap .swiper-container .nav-button-next {position:absolute;z-index:20;top:40%;width:28px;height:36px;background:url('/pconts/images/common/ico_slideBtn_certi.png') no-repeat center center;background-size:18px} .card_detail .left_wrap .swiper-container .nav-button-prev {left:0;transform:rotate(180deg)} .card_detail .left_wrap .swiper-container .nav-button-next {right:0} .card_detail .left_wrap .swiper-container .nav-button-prev.swiper-button-disabled, .card_detail .left_wrap .swiper-container .nav-button-next.swiper-button-disabled {opacity:0.3} .card_detail .right_wrap {padding:0 76px 0 36px} .card_detail .right_wrap .card_name {margin-top:20px;height:100px;font-size:38px;font-weight:700;color:#111;line-height:1.25} .card_detail .right_wrap .card_name .btn_sns { position:absolute;right:0;top:20px} .card_detail .right_wrap .sub_summery {height:100px;margin-top:15px;font-size:24px;color:#111;line-height:1.25} .card_detail .right_wrap .benefits {margin-top:15px} .card_detail .right_wrap .benefits li {padding-left:67px;line-height:37px;height:37px;font-size:18px;color:#333} .card_detail .right_wrap .benefits li + li {margin-top:20px} .card_detail .right_wrap .benefits li > strong {font-weight:700} .card_detail .right_wrap .benefits li[class*="icon"] {background-size:37px auto;background-position:left top;background-repeat:no-repeat} .card_detail .right_wrap .benefits li.icon01 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_01.png)} .card_detail .right_wrap .benefits li.icon02 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_02.png)} .card_detail .right_wrap .benefits li.icon03 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_03.png)} .card_detail .right_wrap .benefits li.icon04 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_04.png)} .card_detail .right_wrap .benefits li.icon05 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_05.png)} .card_detail .right_wrap .benefits li.icon06 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_06.png)} .card_detail .right_wrap .benefits li.icon07 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_07.png)} .card_detail .right_wrap .benefits li.icon08 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_08.png)} .card_detail .right_wrap .benefits li.icon09 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_09.png)} .card_detail .right_wrap .benefits li.icon10 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_10.png)} .card_detail .right_wrap .benefits li.icon11 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_11.png)} .card_detail .right_wrap .benefits li.icon12 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_12.png)} .card_detail .right_wrap .benefits li.icon13 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_13.png)} .card_detail .right_wrap .benefits li.icon14 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_14.png)} .card_detail .right_wrap .benefits li.icon15 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_15.png)} .card_detail .right_wrap .benefits li.icon16 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_16.png)} .card_detail .right_wrap .benefits li.icon18 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_17.png)} .card_detail .right_wrap .benefits li.icon19 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_18.png)} .card_detail .right_wrap .benefits li.icon20 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_19.png)} .card_detail .right_wrap .benefits li.icon21 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_20.png)} .card_detail .right_wrap .benefits li.icon17 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_21.png)} .card_accor_section {width:830px;margin:0 auto} .bank_list {margin-left:-10px} .bank_list li {width:25%;float:left;display:inline-block;margin-top:20px} .bank_list li > img {width:20px;vertical-align:top} .bank_list li:nth-child(-n + 4) {margin-top:0} .bank_list li {padding-left:10px} .bank_list li span.bank_name {padding-left:10px} .all_view > li {position:relative;margin-top:10px} .all_view > li > a {display:block;min-height:152px;padding:30px 30px 30px 185px;background:#fff} .all_view > li .cont .title {display:block;position:relative;margin-bottom:5px;font-size:18px;font-weight:700;color:#111} .all_view > li .cont .title::after {content:'';position:absolute;top:9px;width:8px;height:8px;border:0;margin-left:5px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)} .all_view > li .img_wrap {position:absolute;left:28px;top:20px} .all_view > li .img_wrap > img {width:111px} .m_floatiing_box .btn_m_floating {display:none} .card_detail_tab.tab_type01 .tab_pull:before {left:0;width:100%} .benefit_cont_wrap {padding:45px 0} .benefit_cont_wrap .tit_dep1 {margin-bottom:40px;font-size:24px;font-weight:700;color:#333} .benefit_cont_wrap .tit_dep2 {margin-bottom:20px;font-size:20px;font-weight:700;color:#333} .benefit_cont_wrap .tit_dep3 {margin-bottom:15px;font-size:18px;font-weight:700;color:#333} .benefit_cont_wrap p + .tit_dep2, .benefit_cont_wrap ul + .tit_dep2, .benefit_cont_wrap div + .tit_dep2 {margin-top:50px} .benefit_cont_wrap p + .tit_dep3, .benefit_cont_wrap ul + .tit_dep3, .benefit_cont_wrap div + .tit_dep3 {margin-top:30px} .benefit_cont_wrap p + .table_wrap, .benefit_cont_wrap ul + .table_wrap {margin-top:16px} .benefit_cont_wrap [class*="marker_"] + .marker_refer, .benefit_cont_wrap .point_add + .marker_refer {margin-top:10px} .benefit_cont_wrap p + .tbl_tit, .benefit_cont_wrap ul + .tbl_tit {margin-top:16px} .benefit_cont_wrap .tbl_tit {margin-bottom:10px;color:#333} .benefit_cont_wrap .tbl_tit + .table_wrap {margin-top:13px} .benefit_cont_wrap .table_wrap {margin-bottom:10px} .benefit_cont_wrap .table_wrap table thead th {font-weight:400;text-align:center} .benefit_cont_wrap .point_add:after {display:block;content:'';clear:both} .benefit_cont_wrap .point_add dl {display:table;float:left;width:320px;padding:15px 20px;border:1px solid #ddd;background:#f2f4f8} .benefit_cont_wrap .point_add dl:not(:first-child) {margin-left:10px} .benefit_cont_wrap .point_add dl > * {display:table-cell} .benefit_cont_wrap .point_add dl dt {width:60%;font-size:16px;font-weight:700;color:#333} .benefit_cont_wrap .point_add dl dd {text-align:right;font-size:16px;font-weight:700;color:#4868e1} .benefit_cont_wrap .guidebook + [class*="tit_dep"] {margin-top:30px} .benefit_cont_wrap .guidebook li {display:inline-block; margin-bottom: 4px} .benefit_cont_wrap .guidebook li + li {margin-right:4px} .benefit_cont_wrap .guidebook .btn_download2{display:inline-block;padding:9px 40px 6px 15px;height:auto;font-size:15px;line-height:1.53;background: url(/pconts/images/contents/card/ico_guide_down.png) no-repeat right 15px center;background-size: 15px} .benefit_cont_wrap .guidebook .btn_download2:after{margin-left:15px} .benefit_cont_wrap .guidebook .btn_download2:before{display:inline-block;content:'';width:44px;height:23px;margin:-1px 10px 0 0;background:url(/pconts/images/contents/card/img_carddetail_platinum_m.png) no-repeat left top;background-size:auto 21px;vertical-align:middle} .benefit_cont_wrap .guidebook .btn_download2.visa:before{background-position:0 0} .benefit_cont_wrap .guidebook .btn_download2.master:before{background-position:-41px 0} .benefit_cont_wrap .guidebook .btn_download2.amex:before{background-position:-82px 0} .benefit_cont_wrap .guidebook .btn_download2.upi:before{background-position:-123px 0} .benefit_cont_wrap .guidebook .btn_download2.urs:before{background-position:-164px 0} .benefit_cont_wrap .guidebook .btn_download2.s:before{background-position:-205px 0} .benefit_cont_wrap .guidebook .btn_download2.jcb:before{background-position:-246px 0} .benefit_cont_wrap .guidebook .btn_download2.kor:before{background-position:-287px 0} .benefit_cont_wrap .guidebook .download_two{display:inline-block;padding:9px 40px 6px 15px;height:auto;line-height:1.53;border: 1px solid #bbb;border-radius: 3px; background:#fff;font-size:15px;color: #333;font-weight: 400;background: url(/pconts/images/contents/card/ico_guide_down.png) no-repeat right 15px center;background-size: 15px} .benefit_cont_wrap .guidebook .download_two:after{margin-left:15px} .benefit_cont_wrap .guidebook .download_two .btn_download2{display: inline-block;padding:0;border: none} .benefit_cont_wrap .guidebook .download_two .btn_download2::before{margin: -1px 0 0 0} .benefit_cont_wrap .guidebook .btn_download3.urs{background-position:-164px 0} .benefit_cont_wrap .card_benefit_banner {position:relative;padding-bottom:23px;margin-bottom:30px} .benefit_cont_wrap .card_benefit_banner:after {display:block;content:'';position:absolute;bottom:0;right:0;width:calc(100% - 25px);height:calc(100% - 25px);border:3px solid #4868e1;z-index:0} .benefit_cont_wrap .card_benefit_banner .inner {position:relative;width:calc(100% - 25px);padding:45px 50px;background:#f1f3f7;z-index:1} .benefit_cont_wrap .card_benefit_banner .inner:before {display:block;content:'';position:absolute;left:-2px;top:9px;width:27px;height:3px;background:#4868e1;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)} .benefit_cont_wrap .card_benefit_banner .inner .tit {display:block;margin-bottom:10px;font-size:28px;font-weight:700;color:#4868e1} .benefit_cont_wrap .card_benefit_banner .inner .tit .small_block {display:block;font-size:20px} .benefit_cont_wrap .card_benefit_banner .inner .txt {font-size:16px;color:#4868e1} .accordion_wrap.btm_line.card_detail {border-color:#ddd} .accordion_wrap.btm_line.card_detail + ul {font-size:16px} .accordion_header button.acc_btn.card_detail, .accordion_header a[role="button"].acc_btn.card_detail {border:none} .accordion_header button.acc_btn.card_detail .acc_title > img {width:24px;margin-right:10px} .accordion_header.on + .accordion_body.annual {max-height:181px;overflow-y:auto} .pop_sns_wrap .sns_pop {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;padding-top:13px;padding-bottom:25px} .pop_sns_wrap .sns_pop:after {display:none} .pop_sns_wrap .sns_pop {margin:0 -10px} .pop_sns_wrap .sns_pop li {display:inline-block;text-align:center; width:89px} .pop_sns_wrap .sns_pop li > button {width:65px;height:65px; overflow:visible; background:no-repeat center center #4e5b68; background-size:40px 40px; border-radius:50%} .pop_sns_wrap .sns_pop li > button.sns_kakao {background-image:url(/pconts/images/common/sns_kakao.png)} .pop_sns_wrap .sns_pop li > button.sns_line {background-image:url(/pconts/images/common/sns_line.png)} .pop_sns_wrap .sns_pop li > button.sns_facebook {background-image:url(/pconts/images/common/sns_facebook.png)} .pop_sns_wrap .sns_pop li > button.sns_twitter {background-image:url(/pconts/images/common/sns_twitter.png)} .pop_sns_wrap .sns_pop li > button.sns_sms {background-image:url(/pconts/images/common/sns_sms.png)} .pop_sns_wrap .sns_pop li > button.sns_link {background-image:url(/pconts/images/common/sns_link.png)} .pop_sns_wrap .sns_pop li > button span {display:block;padding-top:82px;color:#111} .pop_annual_wrap {padding:0 30px} .pop_annual_wrap .logo_tit {font-size:20px;font-weight:700;color:#333} .pop_annual_wrap .logo_tit > img {width:45px} .pop_annual_wrap .logo_tit span {margin-left:15px} .pop_annual_wrap .annual_tbl th {padding:15px 0 8px;color:#333} .pop_annual_wrap .annual_tbl td {font-size:20px;font-weight:700;color:#333;vertical-align:baseline} .pop_annual_wrap .annual_tbl td.point {font-size:26px} .map_area_wrap .map_list li{width: 50%;float:left} .map_area_wrap .map_list li:nth-child(even) > div{margin-right: 0} .map_area_wrap .map_list li > div{height: 118px;padding:30px;margin:0 8px 8px 0;border-radius: 3px;border: 1px solid #ddd} .map_area_wrap .map_list li .space{width: 82%;display: inline-block;font-size:16px;color: #333;font-weight: 700;padding-bottom: 10px} .map_area_wrap .map_list.big li > div{height: 142px} .map_btn li{display: inline-block;margin-bottom: 5px} .table_wrap.type01{width:100%;border-top:0;border-bottom:0;table-layout:fixed} .table_wrap.type01 thead th{padding-top:11px;padding-bottom:10px;border-bottom:1px solid #eee;font-size:13px;text-align:center} .table_wrap.type01 tbody td{padding-top:10px;padding-bottom:10px;font-size:15px;text-align:center} .table_wrap.type01 tbody tr:first-child td{padding-top:20px} .table_wrap.type01 .ico_brand{display:inline-block;width:44px;height:23px;vertical-align:middle} .table_wrap.type01 .ico_brand img{width:44px;height:23px} .info_col{overflow:hidden;margin-top:10px} .info_col ul{display:-webkit-flex; display:-ms-flexbox; display:flex;height:100%;margin:0 -5px} .info_col ul li{flex:1;width:33.33%;margin:0 5px;border:1px solid #ddd;background-color:#f2f4f8;vertical-align:top} .info_col ul li > div{padding:16px 5px 14px;font-weight:700;font-size:16px;color:#333;text-align:center} .service_step{overflow:hidden;display:table;width:100%;margin-bottom:16px} .service_step li{display:table-cell;position:relative;width:155px;text-align:center;vertical-align:top} .service_step li > div{width:100%;height:175px;padding:30px 10px 20px;border-radius:5px;background-color:#f2f4f6} .service_step li > div .icon_box{width:60px;height:60px;margin:0 auto;background-position:center center;background-size:60px auto !important} .service_step li > div p{margin-top:15px;font-weight:700;color:#333;line-height:1.54} .service_step li.arrow{width:120px} .service_step li.arrow:before{content:'';display:block;position:absolute;left:50%;top:57px;width:9px;height:9px;margin-left:-8px;border-right:1px solid #707070;border-bottom:1px solid #707070;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .service_step li.arrow p{padding-top:106px} .tit_dep2 + .service_step {margin-top:-6px} .service_used{position:relative;margin-bottom:22px} .service_used ul{width:480px} .service_used ul li{display:table;position:relative;width:100%;padding-top:37px} .service_used ul li:before{content:'';display:block;position:absolute;left:50%;top:11px;width:9px;height:9px;margin:0 0 0 -1px;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .service_used ul li:first-child {padding-top:0} .service_used ul li:first-child:before {display:none} .service_used ul li > div{display:table-cell;position:relative;padding:14px 20px 14px;border-radius:5px;background-color:#f2f4f6;vertical-align:middle} .service_used ul li p{font-weight:700;color:#333;line-height:1.67} .service_used ul li span {line-height:1.66} .service_used ul li.aside{display:block;position:absolute;right:0;top:0;width:480px;padding-top:148px;text-align:center} .service_used ul li.aside:before{display:none} .service_used ul li.aside > div {display:block;padding:0;background-color:transparent} .service_used ul li.aside > div:before{content:'';display:block;position:absolute;left:-20px;top:-121px;width:261px;height:121px;border:1px solid #ddd;border-bottom-width:0;border-left-width:0;transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg)} .service_used ul li.aside > div:after{content:'';position:absolute;left:-20px;top:64px;width:195px;border-top:1px solid #ddd} .service_used ul li.aside i.ico:before, .service_used ul li.aside i.ico:after{content:'';display:block;position:absolute;width:9px;height:9px;border-left:1px solid #ddd;border-bottom:1px solid #ddd} .service_used ul li.aside i.ico:before{left:-18px;top:60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .service_used ul li.aside i.ico:after{left:236px;top:-11px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .service_used ul li.aside p {margin:14px 0 9px} .service_used .ico.nice{display:block;width:130px;height:130px;margin:0 auto;background:url(/pconts/images/contents/card/logo_nice.png) no-repeat left top;background-size:130px 130px} .service_used .marker_refer{margin:8px 0 0 15px} .pop_wrap .swiper_tabCont .bg_gray {margin:0 !important;padding:0 !important} .design_card_wrap{padding:13px 23px 0 24px} .design_card_wrap ul{display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap} .design_card_wrap ul li{width:286px;margin:32px 13px 0 12px} .design_card_wrap ul li img{width:286px;height:180px} .design_card_wrap ul li p{margin-top:11px} .talbe_counting {float:right;margin-top:5px;font-size:15px;font-weight:400} .font_md05.sub_txt {color:#333} .check_list02 label span:before {background-size:40px auto;background-repeat:no-repeat;background-position: left bottom; background-color: transparent} .check_list02 label span.ico_traffic:before{background-image: url(/pconts/images/contents/card/ico_list_taxi.png)} .check_list02 label span.ico_department:before{background-image: url(/pconts/images/contents/card/ico_list_department.png)} .check_list02 label span.ico_coffee:before{background-image: url(/pconts/images/contents/card/ico_combo_coffe.png)} .check_list02 label span.ico_bakery:before{background-image: url(/pconts/images/contents/card/ico_combo_bakery.png)} .check_list02 label span.ico_store:before{background-image: url(/pconts/images/contents/card/ico_combo_store.png)} .check_list02 label span.ico_movie:before{background-image: url(/pconts/images/contents/card/ico_combo_movie.png)} .check_list02 label span.ico_social:before{background-image: url(/pconts/images/contents/card/ico_list_social.png)} .check_list02 label span.ico_discount:before{background-image: url(/pconts/images/contents/card/ico_list_discount.png)} .check_list02 label span.ico_online:before{background-image: url(/pconts/images/contents/card/ico_list_online.png)} .check_list02 label span.ico_tel:before{background-image: url(/pconts/images/contents/card/ico_list_tel.png)} .check_list02 label span.ico_edu:before{background-image: url(/pconts/images/contents/card/ico_list_edu.png)} .check_list02 label span.ico_homeshopping:before{background-image: url(/pconts/images/contents/card/ico_list_homeshopping.png)} .check_list02 label span.ico_hospital:before{background-image: url(/pconts/images/contents/card/ico_list_hospital.png)} .check_list02 label span.ico_food:before{background-image: url(/pconts/images/contents/card/ico_combo_family.png)} .check_list02 label span.ico_oil:before{background-image: url(/pconts/images/contents/card/ico_list_oil.png)} .check_list02 label span.ico_beauty:before{background-image: url(/pconts/images/contents/card/ico_list_beauty.png)} .check_list02 label span.ico_sports:before{background-image: url(/pconts/images/contents/card/ico_list_sports.png)} .check_list02 label span.ico_book:before{background-image: url(/pconts/images/contents/card/ico_list_book.png)} .check_list02 label span.ico_travel:before{background-image: url(/pconts/images/contents/card/ico_list_travel.png)} .check_list02 label span.ico_hotelclub:before{background-image: url(/pconts/images/contents/card/ico_list_hotelclub.png)} .check_list02 label span.ico_mobile:before{background-image: url(/pconts/images/contents/card/ico_list_mobile.png)} .choice_title {padding:17px 30px !important;text-align:left !important} input[type="radio"]:checked + .choice_title {padding:16px 29px !important} .choice_title > p {padding-bottom:10px;border-bottom:solid 1px #eee} .choice_title .service_list {margin-top:15px;width:100%;height:auto} .choice_title .service_list li {float:left;width:100%;height:auto;margin-bottom:15px} .choice_title .service_list li:last-child {margin-left:0 !important;margin-bottom:0} .choice_title .service_list li > div::before {content: '';display:block;width: 39px;height: 39px;background-size:39px} .choice_title .service_list div {float:left;width:39px;height:39px;margin-right:22px} .choice_title .service_list p {float:left;width:calc(100% - 61px);color:#111} .choice_title .service_list .service_text1 {font-size:16px;font-weight:700;margin-bottom:6px} .choice_title .service_list .service_text2 {font-size:13px;font-weight:400} .ico_store:before{background: url(/pconts/images/contents/card/ico_combo_store.png)no-repeat} .ico_commuicate:before{background: url(/pconts/images/contents/card/ico_list_tel.png)no-repeat} .ico_taxi:before{background: url(/pconts/images/contents/card/ico_list_taxi.png)no-repeat} .ico_bakery:before{background: url(/pconts/images/contents/card/ico_combo_bakery.png)no-repeat} .ico_sale:before{background: url(/pconts/images/contents/card/ico_list_discount.png)no-repeat} .ico_hospital:before{background: url(/pconts/images/contents/card/ico_list_hospital.png)no-repeat} .ico_mall:before{background: url(/pconts/images/contents/card/ico_list_online.png)no-repeat} .ico_shopping:before{background: url(/pconts/images/contents/card/ico_list_homeshopping.png)no-repeat} .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span{padding: 15px 15px} .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"]:checked + span{padding: 14px 15px} .choice_list ul li span i{display: block;width: 100%;height: 40px;margin-bottom: 13px;margin-top: 4px} .choice_icon_gs{background: url(/pconts/images/contents/card/ico_choice_gs.png)no-repeat center;background-size: 116px 40px} .choice_icon_skenergy{background: url(/pconts/images/contents/card/ico_choice_skenergy.png)no-repeat center;background-size: 116px 40px} .choice_icon_hyundai{background: url(/pconts/images/contents/card/ico_choice_hyundaioil.png)no-repeat center;background-size: 116px 40px} .choice_icon_soil{background: url(/pconts/images/contents/card/ico_choice_soil.png)no-repeat center;background-size: 116px 40px} .card_design_wrap .cd_item + .cd_item{margin-top:40px} .card_design_wrap label{display:inline-block;position:relative;width:286px;vertical-align:middle} .card_design_wrap label .img{display:block;width:286px;height:179px} .card_design_wrap label .img img{width:286px;height:179px;border-radius:13px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .card_design_wrap label input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer} .card_design_wrap label input[type="radio"] + span{display:inline-block;position:relative;min-height:26px;padding:1px 0 0 35px;margin-top:20px;font-size:16px;color:#333;vertical-align:middle} .card_design_wrap label input[type="radio"] + span:before, .card_design_wrap label input[type="radio"] + span:after{content:'';display:block;position:absolute;border-radius:50%} .card_design_wrap label input[type="radio"] + span:before{left:0;top:0;width:26px;height:26px;border:1px solid #ddd;background-color:#fff} .card_design_wrap label input[type="radio"] + span:after{display:none;left:6px;top:6px;width:14px;height:14px;background-color:#4868e1} .card_design_wrap label input[type="radio"]:checked + span:after{display:block} .recommend_benefit {display:-webkit-flex; display:-ms-flexbox; display:flex;margin:40px 0 60px;padding:65px 0} .recommend_benefit.bg_gray {background-color:#f2f4f8} .recommend_benefit > * {flex:1} .recommend_benefit .benefit_item {padding:0 70px 0 146px} .recommend_benefit .benefit_item:first-child {position:relative} .recommend_benefit .benefit_item:before {display:block;content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#fff} .recommend_benefit .benefit_item dt {position:relative;margin-bottom:20px;font-size:24px;line-height:30px;color:#333} .recommend_benefit .benefit_item dt .num {position:absolute;left:-77px;top:0;font-size:50px;font-weight:900;color:#aab6ed;line-height:1} .recommend_benefit .benefit_item dd:not(:first-child) {margin-top:15px} .shcard_method_wrap .marker_dot {margin-top:30px;padding-top:30px;border-top:1px solid #ddd} .pop_wrap .pop_cont .send {width:294px;float:right;padding:30px;background:#f2f4f8;border-radius:30px 0 30px 30px} .pop_wrap .pop_cont .send .tit {padding-bottom:10px;font-size:16px;font-weight:700} .pop_wrap .pop_cont .send ul {position:relative} .pop_wrap .pop_cont .send ul li {padding:20px 0 0 10px;font-size:14px;letter-spacing:-0.3px} .pop_wrap .pop_cont .send ul li::before {content:'';position:absolute;width:7px;height:7px;margin-top:7px;background:#333;left:0;border-radius:50%} .pop_wrap .pop_cont .accept {clear:both} .find_card_wrap .swipe_page_wrap {position:relative;min-height:462px;margin-bottom:46px;overflow:hidden;transition:all 0.25s ease} .find_card_wrap .find_section {display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1} .find_card_wrap .find_section.active {display:block;transition:transform 0.3s ease} .find_card_wrap .find_section.before_sec, .find_card_wrap .find_section.current_sec, .find_card_wrap .find_section.after_sec {display:block;z-index:10;opacity:1} .find_card_wrap .find_section.current_sec {z-index:11} .find_card_wrap .find_section.before_sec {transform:translateX(-110%)} .find_card_wrap .find_section.after_sec {transform:translateX(110%)} .find_card_wrap .find_section .sec_tit {font-size:60px;line-height:70px;color:#333} .find_card_wrap .find_section .sec_sub_tit {font-size:28px;line-height:32px;color:#333} .find_card_wrap .find_section .sec_sub_tit + .sec_tit {padding-top:15px} .find_card_wrap .find_section .sec_con {padding:90px 0 60px;text-align:center} .find_card_wrap .btn_wrap .btn.hidden {display:none} .radio_wrap.chk_ico {display:-webkit-flex; display:-ms-flexbox; display:flex;width:auto;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .radio_wrap.chk_ico li {display:-webkit-flex; display:-ms-flexbox; display:flex;float:none} .radio_wrap.chk_ico li:not(:first-child) {margin-left:20px} .radio_wrap.chk_ico .radio_btn:first-child input[type="radio"] + span {border-left:none} .radio_wrap.chk_ico .radio_btn:first-child input[type="radio"] + span {width:313px;padding:50px 10px;border:2px solid #fff;transition:none} .radio_wrap.chk_ico .radio_btn:first-child input[type="radio"]:checked + span {padding:50px 10px} .radio_wrap.chk_ico .radio_btn input[type="radio"]:focus + span {box-shadow:0 0 0 2px rgba(72,104,225, 0.5)} .radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span {border:2px solid #4868e1;box-shadow:2px 2px 10px rgba(0,0,0,0.15)} .radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span:after {display:block;content:'';position:absolute;right:18px;top:18px;width:22px;height:22px;background:url(/pconts/images/contents/card/ico_check_on.png) no-repeat left top} .radio_wrap.chk_ico .radio_btn input[type="radio"] + span em {padding-top:20px;padding-bottom:5px;font-size:20px;color:#333} .radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span em {color:#4868e1} .radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt {display:block;font-weight:400;font-size:16px;line-height:25px;color:#111} .radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span .sub_txt {color:#333} .radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt span.block {display:block} .radio_wrap.chk_ico.col4 li {width:230px} .radio_wrap.chk_ico.select_list, .radio_wrap.chk_ico.select_list li {position:relative} .radio_wrap.chk_ico.select_list li:not(:first-child):before {display:block;content:'';position:absolute;left:-12px;top:50%;width:1px;height:111px;margin-top:-55px;background:#eee;z-index:1} .radio_wrap.chk_ico.select_list li.on:before, .radio_wrap.chk_ico.select_list li.on + li:before {display:none} .radio_wrap.chk_ico.select_list.col4 li:not(:first-child):before {left:-10px} .radio_wrap.chk_ico.select_list.col4 li.on:before, .radio_wrap.chk_ico.select_list.col4 li.on + li:before {display:none;left:-10px} .radio_wrap.chk_ico.select_list .has_ico [class*="ico"] {width:40px;height:40px;background-color:transparent !important;background-position:0 0;background-repeat:no-repeat} .radio_wrap.chk_ico.select_list .has_ico .ico1 {background-image:url(/pconts/images/contents/card/ico_findcard01.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico2 {background-image:url(/pconts/images/contents/card/ico_findcard02.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico3 {background-image:url(/pconts/images/contents/card/ico_findcard03.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico4 {background-image:url(/pconts/images/contents/card/ico_findcard04.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico5 {background-image:url(/pconts/images/contents/card/ico_findcard05.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico6 {background-image:url(/pconts/images/contents/card/ico_findcard06.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico7 {background-image:url(/pconts/images/contents/card/ico_findcard07.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico8 {background-image:url(/pconts/images/contents/card/ico_findcard08.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico9 {background-image:url(/pconts/images/contents/card/ico_findcard09.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico10 {background-image:url(/pconts/images/contents/card/ico_findcard10.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico11 {background-image:url(/pconts/images/contents/card/ico_findcard11.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico12 {background-image:url(/pconts/images/contents/card/ico_findcard12.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico13 {background-image:url(/pconts/images/contents/card/ico_findcard13.png);background-size:40px 40px} .radio_wrap.chk_ico.select_list .has_ico .ico14 {background-image:url(/pconts/images/contents/card/ico_findcard14.png);background-size:40px 40px} .find_card_result {padding-top:60px} .find_card_result .result_list {border-top:1px solid #ddd} .find_card_result .result_list .item {width:100%;padding:50px 68px;border-bottom:1px solid #ddd} .find_card_result .result_list .item a {display:block} .find_card_result .result_list .item > * {vertical-align:top} .find_card_result .result_list .item:after {display:block;content:'';clear:both} .find_card_result .result_list .item .card_img {width:270px;float:left} .find_card_result .result_list .item .card_img img {display:block;width:270px} .find_card_result .result_list .item.vertical .card_img {margin-top:100px;margin-bottom:100px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .find_card_result .result_list .item.vertical .card_img img {margin-bottom:-100px} .find_card_result .result_list .item .card_name_wrap, .find_card_result .result_list .item .card_info {float:right;width:calc(100% - 270px);padding-left:80px} .find_card_result .result_list .item .card_name_wrap .badge_wrap {margin-bottom:5px} .find_card_result .result_list .item .card_name_wrap .tag {margin-bottom:5px} .find_card_result .result_list .item .card_name_wrap .tag span {display:inline-block;color:#111;font-size:15px} .find_card_result .result_list .item .card_name_wrap .tag span:before {display:inline;content:'#'} .find_card_result .result_list .item .card_name_wrap .tag span:not(:first-child) {margin-left:10px} .find_card_result .result_list .item .card_name_wrap .card_name {display:block;margin-bottom:20px;font-weight:700;font-size:20px;color:#111} .find_card_result .result_list .item .card_info .card_detail {width:100%} .find_card_result .result_list .item .card_info .card_detail:after {display:block;content:'';clear:both} .find_card_result .result_list .item .card_info .card_detail > * {float:left;font-size:16px;line-height:24px} .find_card_result .result_list .item .card_info .card_detail dt {width:128px;color:#333} .find_card_result .result_list .item .card_info .card_detail dd {width:calc(100% - 128px);padding-left:12px;color:#999} .find_card_result .result_list .item .card_info .card_detail dt:not(:nth-of-type(1)), .find_card_result .result_list .item .card_info .card_detail dd:not(:nth-of-type(1)) {margin-top:10px} .card_combo .combo_item_list ul {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;margin:-6px} .card_combo .combo_item_list ul li {display:-webkit-flex; display:-ms-flexbox; display:flex;padding:6px} .card_combo .combo_item_list ul li .combo_item {box-sizing:border-box;display:block;width:129px;height:114px;border:1px solid #bbb;border-radius:3px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;font-weight:700;font-size:15px;color:#111} .card_combo .combo_item_list ul li .combo_item.is-disable-modal-tags {border:1px solid #4868e1;color:#4868e1} .card_combo .combo_item_list ul li .combo_item .ico {display:inline-block;width:39px;height:39px;background-color:#eee;vertical-align:top} .card_combo .combo_item_list ul li .combo_item em {display:-webkit-flex; display:-ms-flexbox; display:flex;padding-top:10px;font-size:15px;line-height:1.5;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto} .card_combo .combo_list .check_wrap.type_grid, .card_combo .combo_list .radio_wrap.type_grid {display:block;width:100%} .card_combo .combo_list .check_wrap.type_grid ul li, .card_combo .combo_list .radio_wrap.type_grid ul li {box-sizing:border-box;float:none !important;width:133px;height:118px;margin:0 !important} .card_combo .combo_list .check_table_wrap .check_wrap .check_btn, .card_combo .combo_list .check_table_wrap .radio_wrap .radio_btn {display:table} .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;height:100%;min-height:44px;padding:6px 5px 5px} .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span {padding-top:5px} .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {display:-webkit-flex; display:-ms-flexbox; display:flex; font-size:16px;line-height:1.5;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;-ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-align:center; -ms-flex-align:center; align-items:center} .card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span {padding:10px 10px 10px 15px;text-align:left} .card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em {width:100%;-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;align-content:flex-start} .card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span em span, .card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em span {display:block;width:100%;font-weight:400;font-size:15px} .card_combo .combo_list .check_wrap.type_grid .ico, .card_combo .combo_list .radio_wrap.type_grid .ico {display:inline-block;width:39px;height:39px;margin-top:8px;background-color:#eee;vertical-align:top} .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {padding:6px 0 3px;font-size:15px} .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span em {padding-top:7px} .card_combo .form_ele.btn_wrap {margin-top:0} .card_combo .seleted_combo {padding-bottom:10px} .card_combo .seleted_combo .sch_result {margin-bottom:10px;padding:20px} .card_combo .seleted_combo .sch_result dl {padding-top:38px;font-size:16px;color:#333} .card_combo .seleted_combo .sch_result dl::after {content:'';display:block;clear:both} .card_combo .seleted_combo .sch_result dl dt {float:left} .card_combo .seleted_combo .sch_result dl dd {float:right} .card_combo .seleted_combo .sch_result .btn_del {top:20px;right:20px} .card_combo .total_payment {border-top:1px solid #ddd} .card_combo .total_payment dl {padding:20px;font-size:18px;color:#333} .card_combo .total_payment dl::after {content:'';display:block;clear:both} .card_combo .total_payment dt {float:left} .card_combo .total_payment dd {float:right} .occupied_combo_date {padding-bottom:20px;font-weight:700;font-size:16px;color:#333} .occupied_combo {border-top:1px solid #333;border-bottom:1px solid #eee;margin-bottom:40px;padding:26px 0} .occupied_combo_list li {padding-bottom:60px} .occupied_combo_list li:last-child {padding-bottom:0} .occupied_combo_list li::after {content:'';display:block;clear:both} .occupied_combo_list .info {display:inline-block;vertical-align:middle} .occupied_combo_list .info span::after {content:'|';display:inline-block;padding:0 5px 0 8px;color:#ddd} .occupied_combo_list .info span:last-child::after {display:none} .occupied_combo_list em {display:inline-block;padding-left:60px;vertical-align:middle} .occupied_combo_list em.price {float:right} .occupied_combo_list.gift {padding-top:0} .occupied_combo_list.gift li {padding-bottom:0} .occupied_combo_list.gift li:first-child {border-top:1px solid #bbb} .occupied_combo_list.gift .occupied_combo {border-top:0 none;margin-bottom:0} .card_combo .accordion_wrap.accordion_check dd .btn_check_pop {position:absolute;top:3px;right:20px;font-size:13px;text-decoration:underline;color:#111} .card_combo .accordion_wrap.accordion_check dd {padding:11px 0} .card_combo .combo_sub_title {display:block} .card_combo .combo_sub_title span {display:inline-block;font-weight:bold;font-size:20px;color:#333} .card_combo .combo_sub_title span:last-child::before {content:'|';display:inline-block;padding:0 10px 0 8px;color:#ddd} .card_combo .check_occupied_combo {margin-top:12px} .card_combo .check_occupied_combo .accordion_header {margin-bottom:44px} .card_combo .check_occupied_combo .accordion_header.on {margin-bottom:0} .card_combo .check_occupied_combo .accordion_header.on + .accordion_body {margin-bottom:60px} .card_combo .check_occupied_combo .accordion_header button.acc_btn, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn {border-top:0 none;padding:14px 0 16px} .card_combo .check_occupied_combo .accordion_header button.acc_btn.on, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn.on {border-top:0 none} .card_combo .check_occupied_combo .accordion_header button.acc_btn.on:after, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn.on:after {top:23px} .card_combo .check_occupied_combo .accordion_body {padding-top:14px} .card_combo .combo_result_list {border-top:2px solid #333} .card_combo .combo_result {display:block;width:100%;border-bottom:1px solid #eee;padding:20px} .card_combo .combo_result .row::after {content:'';display:block;clear:both} .card_combo .combo_result .row dl:nth-child(odd) {float:left} .card_combo .combo_result .row dl:nth-child(even) {float:right} .card_combo .combo_result .row:first-child {padding-bottom:15px} .card_combo .combo_result .row:first-child dl:first-child dd {font-size:16px;color:#111} .card_combo .combo_result .row:first-child dl:last-child dd {font-size:18px;color:#111} .card_combo .combo_result .row:last-child dl:first-child dd {font-size:13px;color:#111} .card_combo .combo_result .row:last-child dl:last-child dd {font-size:13px;color:#111} .card_combo .form_type .form_ele .ele_tit.row {padding-top:0;margin-top:-5px} .combo_list .radio_wrap.type_btn li .radio_btn{display:flex !important} .popup .occupied_combo {border-top:0 none;margin-bottom:0} .popup .occupied_combo_list ul {border-top:1px solid #333} .popup .occupied_combo_list li {padding-bottom:0} .popup .pop_combo_list {padding-top:4px;padding-bottom:30px;text-align:center} .popup .pop_combo_list .pop_logo_area{padding-bottom: 10px} .popup .pop_combo_list .pop_logo_area img{width: 100px} .popup .pop_combo_list .pop_logo_area img.icon{width: 60px} .popup .pop_combo_list .multi_logo li .pop_logo_area img{width: 72px} .popup .pop_combo_list ul {display:inline-block} .popup .pop_combo_list ul::after {content:'';display:block} .popup .pop_combo_list ul li {box-sizing:border-box;float:left;padding:0 27px} .popup .pop_combo_list .img_wrap {width:65px;height:65px;margin:0 auto;margin-bottom:20px} .popup .pop_combo_list .img_wrap img {display:block;width:100%;height:100%;background:red} .popup .pop_combo_list span {display:block;line-height:20px} .popup .pop_shopping_list {padding-top:4px;padding-bottom:30px} .popup .pop_shopping_list ul {box-sizing:border-box;display:grid;grid-template-columns:50% 50%} .popup .pop_shopping_list .img_wrap {width:65px;height:65px;margin:0 auto;margin-bottom:30px} .popup .pop_shopping_list .img_wrap img {display:block;width:100%;height:100%;background:red} .popup .pop_shopping_list .marker_dot > li:first-child {margin-top:7px} .popup .combo_result_detail {margin-top:30px} .popup .combo_result_detail.df_list_wrap .df_list .item.con {width:calc(100% - 220px)} .ico_combo_donut{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_donut.png)no-repeat left bottom / 39px auto} .ico_combo_store{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_store.png)no-repeat left bottom / 39px auto} .ico_combo_coffe{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_coffe.png)no-repeat left bottom / 39px auto} .ico_combo_bakery{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_bakery.png)no-repeat left bottom / 39px auto} .ico_combo_icecream{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_icecream.png)no-repeat left bottom / 39px auto} .ico_combo_movie{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_movie.png)no-repeat left bottom / 39px auto} .ico_combo_pizza{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_pizza.png)no-repeat left bottom / 39px auto} .ico_combo_family{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_family.png)no-repeat left bottom / 39px auto} .ico_combo_app{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_app.png)no-repeat left bottom / 39px auto} .ico_combo_buy{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_buy.png)no-repeat left bottom / 39px auto} .ico_combo_money{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_money.png)no-repeat left bottom / 39px auto} .ico_combo_golf{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_list_sports.png)no-repeat left bottom / 39px auto} .ico_speed{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_speed.png)no-repeat left bottom} .ico_auto{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_auto.png)no-repeat left bottom} .ico_mad{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_mad.png)no-repeat left bottom} .ico_lotte_world{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_lotte.png)no-repeat left bottom} .ico_lotte_cinema{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_lottecinema.png)no-repeat left bottom} .ico_genie{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_genie.png)no-repeat left bottom} .ico_skplanet{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_skplanet.png)no-repeat left bottom} .ico_arum{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_areum.png)no-repeat left bottom} .ico_gift{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_gift.png)no-repeat left bottom} .ico_gs_caltex{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_gs.png)no-repeat left bottom} .card_price {padding-bottom:82px;background:url(/pconts/images/contents/card/ico_btn_down_pc.png)no-repeat center 67px} .card_sec02 {position:relative;text-align:center;padding-top:157px} .card_sec02 .img {display:inline-block;width:360px;height:228px;margin-top:-156px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4)} .card_sec02 .img img {width:100%} .card_sec02 .card_name {width:646px;margin:-48px auto 0;padding:0 0 55px} .card_sec02 .card_name.type01 {width:646px;margin:-72px auto 0;padding:0 0 0} .card_sec02 .card_name:before {content:'';display:block;position:absolute;left:calc(-50vw + 50%);bottom:0;width:100vw;height:100%;background-color:#f6f6f6;background-color:rgba(255, 255, 255, 1.0)} .card_sec02.vertical_type {padding-top:197px} .card_sec02.vertical_type .img {margin-top:-196px;width:229px;height:268px} .card_sec02 p {position:relative;z-index:1;font-size:20px;color:#333;font-weight:700} .card_sec02 strong .btn_question {margin-left:2px} .card_sec02 + .ly_inner .form_type {padding-top:0} .card_sec02 + .ly_inner .top_marker .marker_dot {padding-top:8px} .card_sec02.type02 {padding-top:0} .card_sec02.type02 .img {margin-top:-144px} .card_sec02.type02 .card_name_top {padding:34px 0 167px;font-size:20px} .card_sec02.type02 .card_name {padding:0 0 24px} .card_sec02.vertical_type.type02 .img {margin-top:-196px} .card_sec02.vertical_type.type02 .card_name_top {padding-bottom:219px} .card_sec02.vertical_type.type02 .card_name {padding-bottom:36px} .card_price {padding-bottom:82px;background:url(/pconts/images/contents/card/ico_btn_down_pc.png)no-repeat center 67px} .card_sec03 {position:relative;text-align:center} .card_sec03 .img {display:inline-block;width:320px;height:202px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4)} .card_sec03 .img img {width:100%} .card_sec04 {position:relative;text-align:center} .card_sec04 .ly_inner .bank_name {font-size:15px;font-weight:400;color:#333;margin-bottom:18px} .card_sec04 .ly_inner .bank_num {font-size:24px;font-weight:700;color:#000} .card_sec04 .ly_inner div {width:397px;height:229px;background:url(/pconts/images/contents/card/noPassbook.png)no-repeat;background-size:397px 229px;margin:30px auto} .card_sec04 .ly_inner .text_info {font-size:15px;font-weight:400;color:#111} .card_sec04 .img {display:inline-block;width:320px;height:202px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4)} .card_sec04 .img img {width:100%} .card_complete_wrap .complete_body.ani_ico::before {margin-top:-56px} .card_complete_wrap .complete_body .sub_title {font-size:20px} .card_newlist {width:100%;height:auto;margin-top:20px} .card_newlist ul {width:100%;border-top:1px solid #ddd} .card_newlist ul li {float:left;width:100%;height:auto;padding:24px 0 24px;border-bottom:1px solid #eee} .card_newlist ul li .left_con {float:left;width:50%;text-align:left} .card_newlist ul li .left_con strong {display:block;margin-bottom:2px;font-size:16px;font-weight:700;color:#111} .card_newlist ul li .left_con .date {font-size:15px;font-weight:400;color:#111} .card_newlist ul li .right_con {float:left;width:50%;text-align:right} .card_newlist ul li .right_con > div {display:inline-block} .card_newlist ul li .right_con .amount {margin-bottom:2px;font-size:16px;font-weight:700;color:#111} .card_newlist ul li .right_con .amount span {font-weight:400} .card_newlist ul li .right_con .possible {font-size:13px;font-weight:400;color:#111} .card_newlist ul::after {content:'';display:block;clear:both} .card_newlist ul li .right_con .btn_wrap {display:inline-block;position:relative;top:-12px;margin-left:35px} .list_wrap .card_list2 {margin-top:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .list_wrap .card_list2 li {overflow:hidden;margin:0 ;padding:38px 0 36px;border-top:1px solid #eee;color:#111} .list_wrap .card_list2 li:first-child {border-top:0} .list_wrap .card_list2 .left_con, .list_wrap .card_list2 .right_con {float:left} .list_wrap .card_list2 .left_con {width:59%} .list_wrap .card_list2 .right_con {width:41%;text-align:right} .list_wrap .card_list2 .date {float:left;width:190px;font-weight:400;color:#111} .list_wrap .card_list2 .amount {display:inline-block;font-size:16px;font-weight:700;color:#111} .list_wrap .card_list2 .amount a {color:#111} .list_wrap .card_list2 strong {font-size:16px} .list_wrap .card_list2 .right_con .btn_wrap {display:inline-block;margin-left:35px} .list_wrap .card_list2 strong .bank_num {font-size:15px;font-weight:400;color:#111} .card_list_common .card_list_wrap.type01 {border-top:1px solid #dddddd} .card_list_common .card_list_wrap > li {display:inline-block;width:100%;padding:50px 70px;border-bottom:1px solid #eeeeee} .card_list_common .card_list_wrap > li .card_img_wrap {float:left;width:350px} .card_list_common .card_list_wrap > li .card_img_wrap a > img {width:270px} .card_list_common .card_list_wrap > li .card_img_wrap.more a {display:block;padding:0 0 11px 0;background:url(/pconts/images/contents/card/bg_horizontal_more.png) no-repeat left top} .card_list_common .card_list_wrap > li .card_img_wrap.vertical {height:280px} .card_list_common .card_list_wrap > li .card_img_wrap.vertical a {display:block;width:280px;margin-top:50px;margin-left:-50px;padding:10px 0 0 0;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {background:url(/pconts/images/contents/card/bg_vertical_more.png) no-repeat right bottom} .card_list_common .card_list_wrap > li .card_name_wrap {position:relative;float:right;width:490px;margin-bottom:20px} .card_list_common .card_list_wrap > li .card_name_wrap .card_name {padding-right:100px;display:block;font-weight:700;font-size:20px;color:#111} .card_list_common .card_list_wrap > li .card_name_wrap .card_name + button {position:absolute;right:0;top:30px;font-weight: 700;color:#111} .card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap {margin-bottom:5px} .card_list_common .card_list_wrap > li .benefit_wrap {position:relative;display:inline-block;width:calc(100% - 350px);margin-bottom:45px} .card_list_common .card_list_wrap > li .benefit_wrap a {display:block} .card_list_common .card_list_wrap > li .benefit_wrap ul li {padding-left:150px;font-size:16px;color:#111;font-weight: 700} .card_list_common .card_list_wrap > li .benefit_wrap ul li + li {padding-top:10px} .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {position:absolute;left:0;display:inline-block;width:150px;color:#333;font-weight: 400} .card_list_common .card_list_wrap .list_btn_wrap {float:right;width: 362px;margin-right:128px} .card_list_common .card_list_wrap .list_btn_wrap button {width:114px;font-size:16px;font-weight:700} .card_list_common .card_list_wrap .list_btn_wrap button.rectangle.blue {border-color:#4868e1;color:#fff} .card_list_common .card_list_wrap .list_btn_wrap button.rectangle.darkgray {border-color:#4e5b68;color:#fff} .list_btn_wrap_m {display:none} .card_list_common .card_thumb_list_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;border-bottom:1px solid #eeeeee} .card_list_common .card_thumb_list_wrap.type01 {border-top:1px solid #eeeeee} .card_list_common .card_thumb_list_wrap > li {position:relative;width:33.33%;border-bottom:1px solid #eeeeee;padding:50px 0;margin-bottom:-1px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;text-align:center} .card_list_common .card_thumb_list_wrap > li .card_img_wrap {height:270px;line-height:270px} .card_list_common .card_thumb_list_wrap > li .card_img_wrap a > img {width:270px;vertical-align:bottom} .card_list_common .card_thumb_list_wrap > li .card_img_wrap.more a {display:block;padding:0 0 10px 0;background:url(/pconts/images/contents/card/bg_horizontal_more.png) no-repeat 28px bottom} .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {display:block;width:280px;margin-left:77px;padding:10px 10px 0 0;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical.more a {display:block;background:url(/pconts/images/contents/card/bg_vertical_more.png) no-repeat right bottom} .card_list_common .card_thumb_list_wrap > li .card_name_wrap {position:relative;padding-top:50px} .card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {position:absolute;top:20px;left:0;width:100%} .card_list_common .card_thumb_list_wrap > li .card_name_wrap .card_name {display:block;font-size:20px;font-weight:700;color:#111;overflow:hidden} .card_list_common .card_thumb_list_wrap > li .benefit_wrap {max-height:81px;overflow:hidden;padding-top:10px;margin-bottom:30px;font-size:16px;color:#333;white-space:normal;text-overflow: ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .card_list_common .card_thumb_list_wrap > li .list_btn_wrap {position:absolute;bottom:50px;width:100%} .card_list_common .card_thumb_list_wrap > li .list_btn_wrap .text_link {font-weight:700} .cardlist_filter_wrap {display:block;position:relative;width:100%;height:42px;margin:0;padding:0} .cardlist_filter_wrap .filter_toggle {display:block;position:absolute;right:0;top:0;width:90px;height:42px;background:url(/pconts/images/contents/card/cardlist_filter.png) no-repeat left 50%;background-size:20px 18px;font-size:1px;text-align:right;color:transparent} .cardlist_filter_wrap .filter_toggle > span {font-size:15px;font-weight:700;color:#333} .card_list_common .complete_box.type02 {border-color:#dddddd} .card_filter_search_wrap {position:fixed;top:130px;height:calc(100% - 160px);width:477px;background:#f6f6f6;z-index:55;box-shadow:1px 1px 15px 0px rgba(51, 51, 51, 0.15)} .card_filter_search_wrap .filter_header {padding:30px 40px;background:#fff} .card_filter_search_wrap .filter_header h4 {font-size:24px;font-weight:700;color:#111} .card_filter_search_wrap .filter_header .btn_close {display:block;position:absolute;right:30px;top:25px;width:40px;height:40px;background:url(/pconts/images/icon/popup_close.png) no-repeat center center;color:transparent;overflow:hidden;-webkit-transition:transform 1s ease-in-out;transition:transform 1s ease-in-out} .card_filter_search_wrap .filter_cont {overflow:hidden;height:100%;padding:96px 0 108px;margin-top:-96px} .card_filter_search_wrap .filter_cont .scroll_wrap {padding:25px 40px 25px;overflow:hidden;overflow-y:auto;height:100%} .card_filter_search_wrap .filter_cont .form_type {padding:0} .card_filter_search_wrap .filter_cont .form_type .form_ele + .form_ele {margin-top:25px} .card_filter_search_wrap .filter_cont .form_type .form_ele.type04.mglr20 {margin-left:20px;margin-right:20px} .card_filter_search_wrap .filter_cont .form_type .form_ele.type04.mglr20 .ele_tit {margin-left:-20px} .card_filter_search_wrap .filter_cont .form_type .form_ele.type04 .ele_tit {margin-bottom:10px;padding-top:0} .card_filter_search_wrap .filter_cont .form_type .gage_group .gage_wrap .gage_text {margin:0 -5px} .card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list {margin-left:0} .card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label {float:left;margin-left:0;margin-bottom:20px} .card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label:nth-last-child(-n+2) {margin-bottom:0px} .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list {margin-left:0} .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label {float:left;margin-left:0;margin-bottom:20px} .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label:nth-last-child(-n+2) {margin-bottom:0px} .card_filter_search_wrap .filter_cont .keyword_area {margin-top:10px} .card_filter_search_wrap .filter_cont .keyword_area button {float:left;padding-right:30px;min-width:auto} .card_filter_search_wrap .filter_cont .keyword_area button + button {margin-left:4px} .card_filter_search_wrap .filter_cont .keyword_area button span > em {position:absolute;right:-20px;width:12px;height:26px;background:url(/pconts/images/contents/card/btn_keyword_del.png) no-repeat right center} .card_filter_search_wrap .filter_btn {position:absolute;bottom:0px;width:477px;text-align:center} .card_filter_search_wrap .filter_btn .btn_wrap {background:#fff;padding:30px} .check_wrap.type_grid {display:block;width:100%} .check_wrap.type_grid ul.flex_row {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-display:flexbox;width:auto} .check_wrap.type_grid ul li {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-display:flexbox;margin:0 !important;float:none !important} .check_wrap.type_grid label {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-display:flexbox;width:100%} .check_wrap.type_grid .card_brand img {width:45px} .check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand {padding:14px 0;overflow:hidden} .check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span.card_brand {padding:13px 0} .check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand em {line-height:1;font-weight:400;padding-top:10px;text-align:center;font-size:13px;color:#111} .dimmed {position:fixed;left:0;top:0;z-index:51;width:100%;height:100%;background-color:rgba(255, 255, 255, 0)} .key_visual {position:relative} .key_visual .visual_slider {position:relative} .key_visual .visual_slider .swiper-button-prev {overflow:hidden;left:-29px;top:103px;margin:0;background:none;line-height:44px} .key_visual .visual_slider .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle} .key_visual .visual_slider .swiper-button-prev.swiper-button-disabled {opacity:1} .key_visual .visual_slider .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc} .key_visual .visual_slider .swiper-button-next {overflow:hidden;right:-29px;top:103px;margin:0;background:none;line-height:44px} .key_visual .visual_slider .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle} .key_visual .visual_slider .swiper-button-next.swiper-button-disabled {opacity:1} .key_visual .visual_slider .swiper-button-next.swiper-button-disabled:before {border-color:#ccc} .key_visual .visual_slider .controll_wrap {position:absolute;left:0;bottom:24px;z-index:2;width:100%;text-align:center} .key_visual .visual_slider .swiper-button-play {display:inline-block;position:relative;width:24px;height:24px;margin-right:6px;vertical-align:middle} .key_visual .visual_slider .swiper-button-play:before {content:'';display:block;position:absolute;left:8px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #4868e1;border-right:8px solid transparent} .key_visual .visual_slider .swiper-button-play.is_active {display:inline-block;width:24px;height:24px} .key_visual .visual_slider .swiper-button-play.is_active:before, .key_visual .visual_slider .swiper-button-play.is_active:after {content:'';display:block;position:absolute;left:9px;top:7px;width:2px;height:10px;background-color:#ccc} .key_visual .visual_slider .swiper-button-play.is_active:before {border:0} .key_visual .visual_slider .swiper-button-play.is_active:after {left:13px} .key_visual .visual_slider .swiper-pagination {display:inline-block;position:static;width:auto;font-size:18px;color:#111;vertical-align:middle} .key_visual .visual_slider .swiper-pagination-current {color:#4868e1} .key_visual .visual_slider .visual_item {padding:80px 176px 89px 67px;box-sizing:border-box} .key_visual .visual_slider .visual_item:after {content:'';display:block;clear:both} .key_visual .visual_slider .visual_item .btn_cont {position:absolute;left:67px;bottom:89px} .key_visual .visual_heading {float:left;padding-bottom:94px} .key_visual .visual_heading .heading_tit {margin-top:-7px;font-size:26px;color:#111} .key_visual .visual_heading .heading_desc {margin-top:7px;font-size:18px;line-height:1.25;color:#111} .key_visual .visual_heading .btn_cont {position:static !important;margin-top:48px} .key_visual .visual_content {position:relative;float:right} .key_visual .visual_content .action_bg {overflow:hidden;position:relative;width:281px;height:177px;border-radius:13px;background:url(/pconts/images/contents/card/bg_visual_card.png) no-repeat;background-size:281px auto;box-shadow:0px 20px 20px 0px rgba(0, 0, 0, 0.1)} .key_visual .visual_content .action_bg .wave {position:absolute;left:75px;top:177px;width:775px;height:293px;background-image:url(/pconts/images/contents/card/bg_visual_wave.png);background-repeat:no-repeat;opacity:0.15} .key_visual .visual_content .sort_list {position:absolute;left:-34px;top:187px;transition:top 0.5s} .key_visual .visual_content .sort_item {position:relative;width:111px;height:40px;margin-top:10px;padding-left:60px;border-radius:15px;background-color:#1b2d93;background-repeat:no-repeat;line-height:40px;box-shadow:4px 0px 15px 6px rgba(0,0,0,.1);box-sizing:border-box;opacity:0;transition:all 0.5s} .key_visual .visual_content .sort_item .sort_unit {margin-right:3px;font-size:14px;color:#fff;opacity:0.6} .key_visual .visual_content .sort_item .sort_value {font-size:14px;color:#fff;opacity:0.8} .key_visual .visual_content .sort_item:before {content:'';position:absolute;top:0;right:-11px;width:0;height:0;border:12px solid #1b2d93;border-width:12px 12px 0 12px;border-left-color:transparent;border-right-color:transparent} .key_visual .visual_content .sort_item.type01 {background-image:url(/pconts/images/icon/ico_shop.png);background-position:18px center;background-size:25px 25px} .key_visual .visual_content .sort_item.type02 {background-image:url(/pconts/images/icon/ico_shopping.png);background-position:18px center;background-size:25px 25px} .key_visual .visual_content .sort_item.type03 {background-image:url(/pconts/images/icon/ico_bus.png);background-position:18px center;background-size:25px 25px} .key_visual .visual_content .sort_item.type04 {background-image:url(/pconts/images/icon/ico_refueling.png);background-position:18px center;background-size:25px 25px} .key_visual .visual_content .sort_item.type05 {background-image:url(/pconts/images/icon/ico_air.png);background-position:18px center;background-size:25px 25px} .key_visual .visual_content .sort_item.type06 {background-image:url(/pconts/images/icon/ico_food.png);background-position:18px center;background-size:25px 25px} .key_visual .visual_content .sort_item.is_active {opacity:1} .key_visual .visual_content .sort_item.is_active.acitve {opacity:0.8} .key_visual .visual_content .count_list {position:absolute;right:10px;top:187px;z-index:1;transition:top 0.5s} .key_visual .visual_content .count {height:100px;font-weight:700;font-size:54px;line-height:110px;color:#fff;letter-spacing:-0.03em;text-align:right;opacity:0;transition:all 0.5s} .key_visual .visual_content .count.is_active {opacity:1} .key_visual .visual_content .unit {position:absolute;right:-45px;bottom:0px;font-weight:700;font-size:54px;line-height:1.2;color:#4868e1;opacity:0.4} .mydiy_sec {padding:40px 0} .mydiy_sec.main_2 {padding:50px 0 58px} .mydiy_sec.main_3 {padding:45px 0 52px} .mydiy_sec .section_header {text-align:center} .mydiy_sec .section_title {font-weight:400;font-size:24px;color:#111} .mydiy_sec .section_title span {color:#4868e1} .mydiy_sec .section_desc {margin-top:5px;font-size:16px;color:#111} .mydiy_sec .btn_cont {margin-top:29px} .circle_graph {overflow:hidden;position:relative;width:70px;height:70px;margin:0 auto;padding:3px;border-radius:50%;box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.05);background:#dae1f9;line-height:64px;text-align:center;box-sizing:border-box} .circle_graph .per_txt {position:relative;z-index:11;width:100%;height:100%;border-radius:50%;background:#fff;font-weight:900;font-size:12px;color:#4868e1} .circle_graph .per_num {font-size:30px;color:#4868e1} .circle_graph .tit {margin-top:24px;font-size:16px;color:#4868e1} .circle_graph:before, .circle_graph:after {content:'';position:absolute;top:0;background:#dae1f9} .circle_graph:before {overflow:hidden;border-radius:100%;width:100%;height:100%;left:0} .circle_graph:after {left:0;width:50%;height:100%} .circle_graph [class^="bg_"] {position:absolute;width:50%;height:100%;background:#4868e1} .circle_graph .bg_01 {left:0;top:0;transform-origin:center right;transform:rotate(0deg)} .circle_graph .bg_02 {z-index:4;opacity:0;right:0;top:0;transform-origin:center left;transform:rotate(0deg)} .circle_graph [class^="line_"] {position:absolute;left:50%;top:0;z-index:10;width:2px;height:50%;transform:translate(-50%, -50%);transform-origin:bottom center;background:#fff} .circle_graph .line_01 {transform:rotate(0deg)} .circle_graph .line_02 {transform:rotate(72deg)} .circle_graph .line_03 {transform:rotate(144deg)} .circle_graph .line_04 {transform:rotate(216deg)} .circle_graph .line_05 {transform:rotate(288deg)} .circle_graph.is_active[data-chart-value="1"] .bg_01 {transform:rotate(72deg);transition:transform 0.2s linear} .circle_graph.is_active[data-chart-value="2"] .bg_01 {transform:rotate(144deg);transition:transform 0.4s linear} .circle_graph.is_active[data-chart-value="3"] .bg_01 {transform:rotate(180deg);transition:transform 0.5s linear} .circle_graph.is_active[data-chart-value="3"] .bg_02 {opacity:1;transform:rotate(36deg);transition:opacity 0s linear 0.5s, transform 0.1s linear 0.5s} .circle_graph.is_active[data-chart-value="4"] .bg_01 {transform:rotate(180deg);transition:transform 0.5s linear} .circle_graph.is_active[data-chart-value="4"] .bg_02 {opacity:1;transform:rotate(108deg);transition:opacity 0s linear 0.5s, transform 0.3s linear 0.5s} .circle_graph.is_active[data-chart-value="5"] .bg_01 {transform:rotate(180deg);transition:transform 0.5s linear} .circle_graph.is_active[data-chart-value="5"] .bg_02 {opacity:1;transform:rotate(180deg);transition:opacity 0s linear 0.5s, transform 0.5s linear 0.5s} .main_1 .swiper-container {padding:34px 0 85px} .main_1 .swiper-inner {height:206px;padding:48px 28px 20px;text-align:center} .main_1 .icon {display:block;width:45px;height:45px;margin:0 auto} .main_1 .icon img {width:100%;height:100%} .main_1 .name {display:block;margin-top:12px;font-weight:normal;font-size:18px;color:#111;transition:0.3s} .main_1 .desc {overflow:hidden;margin-top:10px;color:#757575;transition:0.3s;text-overflow:ellipsis;white-space:nowrap} .main_1 .slide_area {position:relative} .main_1 .swiper-slide-active .name {font-weight:700;color:#333} .main_1 .swiper-slide-active .desc {color:#333} .main_1 .swiper-button-prev, .main_1 .swiper-button-next {top:112px;line-height:44px} .main_1 .swiper-button-prev {overflow:hidden;left:-29px;margin:0;background:none} .main_1 .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle} .main_1 .swiper-button-prev.swiper-button-disabled {opacity:1} .main_1 .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc} .main_1 .swiper-button-next {overflow:hidden;right:-29px;margin:0;background:none} .main_1 .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle} .main_1 .swiper-button-next.swiper-button-disabled {opacity:1} .main_1 .swiper-button-next.swiper-button-disabled:before {border-color:#ccc} .main_1 .controll_wrap {position:absolute;bottom:0;width:100%;text-align:center} .main_1 .swiper-button-play {display:inline-block;position:relative;width:24px;height:24px;margin-right:6px;vertical-align:middle} .main_1 .swiper-button-play:before {content:'';display:block;position:absolute;left:8px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #4868e1;border-right:8px solid transparent} .main_1 .swiper-button-play.is_active {display:inline-block;width:24px;height:24px} .main_1 .swiper-button-play.is_active:before, .main_1 .swiper-button-play.is_active:after {content:'';display:block;position:absolute;left:9px;top:7px;width:2px;height:10px;background-color:#ccc} .main_1 .swiper-button-play.is_active:before {border:0} .main_1 .swiper-button-play.is_active:after {left:13px} .main_1 .swiper-pagination {display:inline-block;position:static;width:auto;font-size:18px;color:#111;vertical-align:middle} .main_1 .swiper-pagination-current {color:#4868e1} .main_1 .active_area {position:absolute;top:34px;left:50%;width:220px;height:206px;border-radius:10px;background-color:#f2f4f8;transform:translateX(-50%)} .main_1 .active_area .circle_graph {position:absolute;right:-35px;bottom:-30px} .main_2 .pick {position:relative;width:524px;margin:34px auto 0;padding-top:124px;background:url(/pconts/images/contents/card/bg_pick.png) no-repeat center 0} .main_2 .pick .pick_inner {position:relative;width:0;height:86px;margin:0 auto;padding:0;border-radius:10px;box-shadow:0 30px 20px 0 rgba(0, 0, 0, 0.03);background:#fff;box-sizing:border-box;white-space:nowrap} .main_2 .pick .pick_inner:after {content:'';display:block;clear:both} .main_2 .pick .pick_name {float:left;margin-top:3px;font-size:20px;font-weight:normal;color:#111;opacity:0} .main_2 .pick .pick_count {position:relative;float:right;padding-left:32px;font-weight:700;font-size:20px;color:#4868e1;opacity:0} .main_2 .pick .pick_count:before {content:'';display:block;position:absolute;left:6px;top:14px;width:12px;height:9px;border-left:2px solid #4868e1;border-bottom:2px solid #4868e1;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .main_2 .pick .pick_count .count {font-size:36px;line-height:1} .main_2 .pick .pick_point {position:absolute;top:50%;right:0;opacity:0;transform:translate(50%, -50%)} .main_2 .pick .pick_point .point {position:relative;height:40px;padding:0 13px;font-size:18px;color:#fff;line-height:40px;border-radius:6px;background:#4868e1} .main_2 .pick .pick_point [class^=flag_] {display:inline-block;position:absolute;top:10px;left:30px;transition:all 0.3s ease 0.5s} .main_2 .pick .pick_point .flag_01 {width:10.7px;height:3.7px;background:#009a9a;opacity:0.15} .main_2 .pick .pick_point .flag_02 {width:6.3px;height:3.3px;background:#009a9a} .main_2 .pick .pick_point .flag_03 {width:3px;height:8px;background:#009a9a;opacity:0.4} .main_2 .pick .pick_point .flag_04 {width:9.8px;height:4px;background:#8898d8} .main_2 .pick .pick_point .flag_05 {width:8px;height:4px;background:#8898d8} .main_2 .pick .pick_point .flag_06 {width:3.6px;height:9.2px;background:#009a9a;opacity:0.6} .main_2 .pick.is_active .pick_inner {width:100%;padding:24px 83px 21px 43px;border:1px solid #4868e1 ;transition:all 0.6s ease 0.3s} .main_2 .pick.is_active .pick_name, .main_2 .pick.is_active .pick_count {opacity:1;transition:opacity 0.2s ease 0.9s} .main_2 .pick.is_active .pick_point {opacity:1;transition:opacity 0.2s ease 0.9s;animation-name:pointMove;animation-duration:0.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear} .main_2 .pick.is_active .pick_point .flag_01 {top:-19px;left:-3px;transform:skew(20deg) rotate(30deg)} .main_2 .pick.is_active .pick_point .flag_02 {top:-5px;left:-15.9px;transform:skew(20deg) rotate(-40deg)} .main_2 .pick.is_active .pick_point .flag_03 {top:9.5px;left:-20.9px;transform:skew(20deg) rotate(-15deg)} .main_2 .pick.is_active .pick_point .flag_04 {top:-16.3px;left:72.3px;transform:skew(20deg) rotate(150deg)} .main_2 .pick.is_active .pick_point .flag_05 {top:-4.5px;left:88.5px;transform:skew(35deg) rotate(50deg)} .main_2 .pick.is_active .pick_point .flag_06 {top:12.6px;left:95.4px;transform:skew(20deg) rotate(350deg)} .mydiy_type .accordion_header button.acc_btn, .mydiy_type .accordion_header a[role="button"].acc_btn {padding:37px 40px 33px;border:1px solid #ddd;border-radius:10px;background-color:#fafafa;font-weight:400;font-size:22px;text-align:left} .mydiy_type .accordion_header button.acc_btn.on, .mydiy_type .accordion_header a[role="button"].acc_btn.on {border:1px solid #ddd;border-bottom-left-radius:0;border-bottom-right-radius:0} .mydiy_type .accordion_header button.acc_btn:after, .mydiy_type .accordion_header a[role="button"].acc_btn:after {content:'';position:absolute;left:auto;right:43px;top:36px;width:12px;height:12px;border:0;border-left:2px solid #444;border-bottom:2px solid #444;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .mydiy_type .accordion_header button.acc_btn.on:after, .mydiy_type .accordion_header a[role="button"].acc_btn.on:after {top:43px;transform:translateY(0) rotate(135deg);-o-transform:translateY(0) rotate(135deg);-ms-transform:translateY(0) rotate(135deg);-webkit-transform:translateY(0) rotate(135deg)} .mydiy_type .accordion_body {display:none;padding:36px 40px 35px;border:1px solid #ddd;border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .mydiy_pop_cont_area {padding:21px 0 44px} .mydiy_pop_cont_area .h_title {margin-bottom:10px} .mydiy_pop_cont_area .desc {font-size:16px;line-height:1.56} .mydiy_pop_cont_area .desc + .h_title {margin-top:18px} .mydiy_pop_cont_area ul.marker_dot.Mid > li {line-height:1.56} .popup_type01.mydiy_rate_area .pop_head .explain {margin:16px 0 14px;font-size:16px} .mydiy_rate_area .pop_cont {max-height:460px} .mydiy_rate_area .save_list {border-top:1px solid #ddd} .mydiy_rate_area .save_list li {display:table;width:100%;padding:0 20px;border-bottom:1px solid #ddd} .mydiy_rate_area .save_list li div {display:table-cell;padding:18px 0;vertical-align:middle} .mydiy_rate_area .save_list li div.ico {width:45px} .mydiy_rate_area .save_list li div.ico span {display:inline-block;width:45px;height:45px;vertical-align:middle} .mydiy_rate_area .save_list li div.ico img {width:100%;height:100%} .mydiy_rate_area .save_list li div.tit {padding-left:20px;padding-right:20px;font-weight:700;font-size:20px;color:#111} .mydiy_rate_area .save_list li div.per {width:60px;text-align:right;font-weight:700;font-size:18px;color:#4868e1} .mydiy_rate_area .save_list li div.per span {font-size:28px} @keyframes pointMove { 0% {top:45%} 100% {top:55%} } .DIY_home {position:relative;height:262px;padding-top:50px;text-align:center} .DIY_home .tit_area .txt_area {font-size:36px;font-weight:700;color:#111111} .DIY_home .card_area .img_area {position:absolute;width:100%;padding-top:30px} .DIY_home .card_area .img_area img {width:320px;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);border-radius:15px} .diybox_section {padding:135px 0 0;overflow:hidden} .diybox_section .tit_area {margin-bottom:32px} .cont_box {display:inline-block;padding:0 53px} .cont_box > div {padding-left:4px;padding-bottom:2px;width:50%} .cont_box > div:first-child {padding-left:0;padding-right:4px} .cont_box > div.rblock {display:inline-block;width:50%;float:left} .cont_box > div.rblock:nth-child(odd) {padding-left:0;padding-right:4px} .cont_box > div.rblock:nth-child(even) {padding-left:4px} .cardtype_choice {display:inline-block;margin-bottom:100px} .cardtype_choice .choice_door {padding:40px 30px;text-align:center;border:1px solid #ededed;background:#fff;border-radius:10px} .cardtype_choice .choice_door .card_info h4 {font-size:24px;color:#111111;font-weight:700;margin-top:0;padding-bottom:0;padding-left:0;background:none} .cardtype_choice .choice_door .card_info p {margin-top:9px;margin-bottom:30px;font-size:16px;color:#333333} .DIY_header {padding:50px 0 43px} .DIY_header .tit_area h4.tit_k1 {font-size:36px;color:#111} .DIY_header .tit_area .txt_k1 {font-size:18px;color:#333} .article.slim {padding:0 86px} .article.slim .slide_area .swiper-button-prev, .article.slim .slide_area .swiper-button-next {top:40%;line-height:44px} .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .accordion_wrap.accordion_check dd > div {border:none;border-bottom:1px solid #ddd} .DIY_agree_wrap .accordion_wrap.accordion_check dd {border:none;padding:0} .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .check_wrap.type_agree {padding-left:17px} .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .check_wrap.type_agree .check_agree {height:80px;line-height:80px} .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding:0 51px 0 45px} .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {left:0;width:30px;height:30px;margin:-15px 0 0 0;background:url(/pconts/images/contents/card/ico_checkboxOff.png) no-repeat left top;background-size:30px;transform:none;-webkit-transform:none;-ms-transform:none;border:none;border-radius:0} .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before {left:0;width:30px;height:30px;margin:-15px 0 0 0;background:url(/pconts/images/contents/card/ico_checkboxOff.png) no-repeat left top;background-size:30px;transform:none;-webkit-transform:none;-ms-transform:none;border:none;border-radius:0} .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"]:checked + span:before {background:url(/pconts/images/contents/card/ico_checkboxOn.png) no-repeat left top;background-size:30px} .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"]:checked + span:before {background:url(/pconts/images/contents/card/ico_checkboxOn.png) no-repeat left top;background-size:30px} .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check {background:none;width:64px;height:100%;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0)} .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check:before{content:'';display:block;position:absolute;z-index:10;left:50%;top:50%;width:12px;height:12px;margin:-8px 0 0 -13px;box-sizing:border-box;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on:before{margin-top:0;border-color:#4868e1;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg)} .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .accordion_header.on + .accordion_body {padding:20px 80px;background:#fafafa;border-top:1px solid #333333;font-size:14px;color:#111} .req_wrap {overflow:hidden;padding:30px 6px 0} .req_wrap ul {position:relative;left:-50%;float:right} .req_wrap ul:after {content:'';display:block;clear:both} .req_wrap ul li {position:relative;left:50%;float:left} .req_wrap ul li + li {margin-left:8px} .req_wrap ul li label {position:relative} .req_wrap ul li label input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0} .req_wrap ul li label input + span {display:block;position:relative;width:160px;height:160px;border:1px solid #ddd;border-radius:10px;background-color:#fff;font-weight:700;font-size:16px;color:#333;text-align:center} .req_wrap ul li label input:checked + span{border:2px solid #4868e1} .req_wrap ul li label i {display:block;width:50px;height:50px;margin:30px auto 26px} .req_wrap ul li label input:checked + span i {margin:29px auto 26px} .req_wrap ul li label i.ico_quick {background:url(/pconts/images/icon/ico_req_quick.png) no-repeat left top;background-size:50px 50px} .req_wrap ul li label i.ico_online {background:url(/pconts/images/icon/ico_req_online.png) no-repeat left top;background-size:50px 50px} .req_wrap p {clear:both;padding-top:26px;margin-bottom:-5px} .banner_field {padding:35px 0;text-align:center;font-size:18px;color:#fff} .tit_t2 {font-size:36px;color:#111;font-weight:normal} .survey_box {padding:80px 0} .survey_box .page_num {text-align:center;font-size:18px;color:#111} .survey_box .page_num .num {color:#4868e1} .survey_box .tit_area {text-align:center} .survey_box .tit_area span {display:inline-block;vertical-align:middle} .survey_box .tit_area .tag {position:relative;padding:6px 18px;background:#4868e1;display:inline-block;color:#fff;border-radius:18px;margin-right:5px} .survey_box .txt_area {text-align:center} .cont_box.col2, .cont_box.col3 {width:auto} .cont_box.col2 > div.rblock {width:50%} .cont_box.col3 > div.rblock {width:33.33%;padding:4px} .cont_box.col3 > div.rblock:first-child, .cont_box.col3 > div.rblock:nth-child(3n+1) {padding-left:8px} .cont_box.col3 > div.rblock:nth-child(3n) {padding-right:8px} .cont_box.survey_chk {width:100%;margin:48px auto 0;padding:0} .cont_box.survey_chk > div.rblock label {min-height:100px;margin:0} .cont_box.survey_chk.col3 > div.rblock {padding:4px} .cont_box.survey_chk.col3 > div.rblock:first-child, .cont_box.survey_chk.col3 > div.rblock:nth-child(3n+1) {padding-left:0} .cont_box.survey_chk.col3 > div.rblock:nth-child(3n) {padding-right:0} .cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label {background:#fff !important;padding:0;text-align:center} .cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 24px center / 16px 11px !important;border:1px solid #4868e1;color:#4868e1} .cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 {color:#333} .cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label span.title2 {color:#4868e1} .cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 span {display:inline-block;letter-spacing:-1px} .cont_box.survey_chk div.chk_t2 input[type="radio"] + label {background:#fff !important;padding:0;text-align:center} .cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 24px center / 16px 11px !important;border:1px solid #4868e1;color:#4868e1} .cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 {color:#333} .cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label span.title2 {color:#4868e1} .cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 span {display:inline-block;letter-spacing:-1px} div.chk_t2 input[type="checkbox"] + label {display:table;padding:39px 24px 39px 116px;width:100%;height:auto;text-indent:0;cursor:pointer;color:#111;background:#fff url(/images/diy/common/ico_checkOff2.png) no-repeat 32px 50% / 20px 13.7px;border-radius:10px;border:1px solid #ddd;box-sizing:border-box} div.chk_t2 input[type="checkbox"] + label span {display:table-cell;font-size:18px;vertical-align:middle;box-sizing:border-box} div.chk_t2 input[type="checkbox"] {position:absolute;opacity:0} div.chk_t2 input[type="radio"] + label {display:table;padding:39px 24px 39px 116px;width:100%;height:auto;text-indent:0;cursor:pointer;color:#111;background:#fff url(/images/diy/common/ico_checkOff2.png) no-repeat 32px 50% / 20px 13.7px;border-radius:10px;border:1px solid #ddd;box-sizing:border-box} div.chk_t2 input[type="radio"] + label span {display:table-cell;font-size:18px;vertical-align:middle;box-sizing:border-box} div.chk_t2 input[type="radio"] {position:absolute;opacity:0} .survey_box.type01 {padding:45px 0} .survey_box.type02 {padding:45px 0 69px} .survey_box.type02 .font_md01 {margin-top:27px;line-height:1.23} .tab_cont .survey_box.type01 {padding:39px 0 42px} .DIY_switch {text-align:center;margin-top:40px} .DIY_switch .switch_tit {font-size:16px;color:#333;vertical-align:middle} .DIY_switch .switch_button {display:inline-block;position:relative;width:40px;height:20px;vertical-align:middle;border-radius:20px;background:#ddd;transition:background .2s} .DIY_switch .switch_button:after {content:'';position:absolute;top:2px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s} .DIY_switch .switch_tit + .switch_button {margin-left:8px} .DIY_switch input {opacity:0;width:0;height:0} .DIY_switch input[type="checkbox"]:checked + label .switch_button {background:#4868e1} .DIY_switch input[type="checkbox"]:checked + label .switch_button:after {left:calc(100% - 19px)} .slide_area {position:relative;margin:20px 70px 0} .airesult_slide {margin:0 60px} .airesult_slide .swiper-slide {text-align:center} .airesult_slide .swiper-pagination-bullet {width:5px;height:5px;background:#dedede;border-radius:50%;opacity:1} .airesult_slide .swiper-pagination-bullet-active {background:#7f56d5} .airesult_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px} .airesult_slide .tit {margin-top:24px;font-size:16px;color:#4868e1;white-space:nowrap} .slide_area .swiper-button-prev {overflow:hidden;left:0;margin:0;background:none} .slide_area .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle} .slide_area .swiper-button-prev.swiper-button-disabled {opacity:1} .slide_area .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc} .slide_area .swiper-button-next {overflow:hidden;right:0;margin:0;background:none} .slide_area .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle} .slide_area .swiper-button-next.swiper-button-disabled {opacity:1} .slide_area .swiper-button-next.swiper-button-disabled:before {border-color:#ccc} .multi_box {padding:50px 0 40px;margin-bottom:24px;border-bottom:1px solid #ddd} .DIY_tab_list {display:table;margin:45px auto 0} .DIY_tab_list li {display:table-cell;padding:0 20px;text-align:center} .DIY_tab_list li a {position:relative;font-size:18px;color:#111;display:inline-block;text-decoration:none;padding:8px 0} .DIY_tab_list li.on a {font-weight:bold;color:#4868e1} .DIY_tab_list li.on a:after {content:'';display:block;width:100%;height:2px;background:#4868e1;position:absolute;bottom:0;left:0} .multi_list {width:100%;overflow:hidden} .multi_list ul {width:calc(100% + 8px)} .multi_list li {margin-right:8px;margin-bottom:8px;width:calc(100% / 4 - 8px);float:left} .multi_list li .saving_choice {padding:32px 24px;background:#f2f2f2;border:1px solid #f2f2f2;border-radius:10px} .multi_list li .saving_choice span.img_area {display:block;width:100%;height:45px;text-align:center} .multi_list li .saving_choice span.img_area img {width:45px;height:45px} .multi_list li .saving_choice em.mall_type {display:block;margin-top:24px;width:100%;line-height:1.2;font-size:20px;color:#111;text-align:center} .multi_list li .saving_choice em.mall_type a {color:#111} .multi_list li .saving_choice em.mall_type span {position:relative;margin-left:18px;padding-right:18px;display:inline-block;overflow:visible;font-weight:700} .multi_list li .saving_choice em.mall_type span:after {content:"";position:absolute;top:6px;right:0;display:block;width:10px;height:10px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;transform:rotate(45deg)} .multi_list li .saving_choice p.mall {margin-top:20px;width:100%;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} .multi_list li .saving_choice div.btn_choice {position:relative;margin:50px auto 0px;width:96%} .multi_list li .saving_choice div.btn_choice button {position:absolute;right:0;top:8px;width:22px;height:22px;overflow:hidden;text-indent:-3000px;background:url(/pconts/images/contents/card/btn_plus.png) no-repeat center center / 22px;border:0} .multi_list li .saving_choice div.btn_choice button:first-child {left:0;background-image:url(/pconts/images/contents/card/btn_minus.png)} .multi_list li .saving_choice div.btn_choice p.percentage {position:relative;margin-left:24px;width:calc(100% - 48px);height:38px;line-height:38px;text-align:center} .multi_list li .saving_choice div.btn_choice p.percentage span {display:inline-block;font-size:24px;color:#ccc} .multi_list li .saving_choice div.btn_choice p.percentage span:first-child {font-size:38px;font-weight:700} .multi_list li.list_checked .saving_choice span.img_area img {background:#fff} .multi_list li.list_checked .saving_choice {background:#fff;border:1px solid #4868e1} .multi_list li.list_checked .saving_choice div.btn_choice p.percentage span {color:#4868e1;font-weight:700} .btn_fixed {position:fixed;bottom:30px;left:calc(50% + 445px);margin-left:-35px;z-index:10} .btn_fixed .btn {width:70px;height:70px;background:#081350;min-width:auto;padding:0;color:#fff;box-shadow:0px 2px 10px 3px rgba(0, 0, 0, 0.25);font-size:30px;line-height:70px} .btn_fixed .btn em {font-size:15px} .btn_fixed.pos {position:absolute;bottom:86px} .option_area {margin-bottom:40px;padding-bottom:40px} .option_list {max-width:808px;margin:0 auto} .option_list .option_item + .option_item {margin-top:8px} .option_list div.radio_t3 input[type="radio"] + label {display:table;padding:36px 72px 36px 126px;width:100%;height:auto;min-height:0;margin:0;text-indent:0;cursor:pointer;color:#111;background:#f2f2f2 url(/pconts/images/contents/card/ico_radioOff.png) no-repeat 72px 50% / 30px 30px;border-radius:10px;border:1px solid #f2f2f2} .option_list div.radio_t3 input[type="radio"] + label > span.txt {display:table-cell;text-align:left} .option_list div.radio_t3 input[type="radio"] + label > span.right {display:table-cell;text-align:right} .option_list div.radio_t3 input[type="radio"] + label span.txt {width:auto;font-size:20px;white-space:normal} .option_list div.radio_t3 input[type="radio"] + label > span.right {text-align:right} .option_list div.radio_t3 input[type="radio"] + label > span.right .count {display:inline-block;padding-right:0;line-height:30px;vertical-align:middle;color:#4868e1;font-weight:700} .option_list div.radio_t3 input[type="radio"] + label > span.right .count span {padding-left:0;font-size:20px} .option_list div.radio_t3 input[type="radio"] + label > span.right .count span:first-child {padding-left:0;font-size:30px} .option_list div.radio_t3 input[type="radio"]:checked + label {background:#fff url(/pconts/images/contents/card/ico_radioOn.png) no-repeat 72px 50% / 30px 30px;border:1px solid #4868e1} .option_list div.radio_t3 input[type="radio"] {position:absolute;opacity:0} .list_title {display:table;width:100%;max-width:808px;margin:40px auto 24px} .list_title .list_title_cell {display:table-cell;font-size:18px;color:#111} .list_title .list_title_cell.title {padding-left:125px;text-align:left} .list_title .list_title_cell.count {padding-right:55px;text-align:right} .card_design {padding:30px 0 0} .card_design ul {position:relative;left:-50%;float:right} .card_design ul:after {content:'';display:block;width:100%;clear:both} .card_design ul li {position:relative;left:50%;float:left} .card_design ul li + li {margin-left:10px} .card_design ul li label {display:block;position:relative;width:128px;height:128px;text-align:center} .card_design ul li label input {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer} .card_design ul li label input + span {display:block;width:100%;height:100%;padding-top:86px;font-size:16px} .card_design ul li label input:checked + span {color:#4868e1} .card_design ul li label input:checked + span:before {content:'';display:block;position:absolute;left:2px;top:34px;width:17px;height:11px;border-left:2px solid #4868e1;border-bottom:2px solid #4868e1;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .card_design ul li.card_type01 label input + span {background:url(/pconts/images/contents/card/card_type01.png) no-repeat 40px 27px} .card_design ul li.card_type02 label input + span {background:url(/pconts/images/contents/card/card_type02.png) no-repeat 48px 27px} .card_design ul li.card_type01 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type01_on.png)} .card_design ul li.card_type02 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type02_on.png)} .card_design ul + * {clear:both} .card_design .card_area {clear:both;padding:30px 0 80px} .card_design .img_area {display:none;text-align:center} .card_design .img_area.current {display:block} .card_design .img_area span {display:inline-block;width:320px;height:203px;vertical-align:middle} .card_design .img_area span.vertical {width:202px;height:321px} .card_design .img_area span img {width:100%;height:100%;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .survey_box .card_area {position:relative;margin-top:46px;padding-bottom:0} .survey_box .card_area img {width:320px;height:203px;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .survey_box .card_area.with_barcode .barcode {position:absolute;left:50%;bottom:-19px;width:240px;height:92px;background:url(/pconts/images/contents/card/barcode.png) no-repeat left top;transform:translateX(-50%)} .survey_box .card_area.with_barcode .barcode span {display:block;overflow:hidden;width:100%;height:100%;text-indent:-9999px} .survey_box .card_area.vertical img{width:202px;height:319px} .survey_box .tit_t2 + .card_area {margin-top:38px;margin-bottom:-19px} .result_area {width:808px;margin:43px auto 0} .result_area + .result_area {padding-top:6px} .result_area .h_title24 {text-align:center} .result_area ul {margin-top:34px} .result_area ul li {display:table;width:100%;height:108px;padding:0 29px;border:1px solid #eee;border-radius:10px;background-color:#fff} .result_area ul li + li {margin-top:8px} .result_area ul li div {display:table-cell;height:100%;vertical-align:middle} .result_area ul li .img {width:45px} .result_area ul li .img span {display:inline-block;width:45px;height:45px;vertical-align:middle} .result_area ul li .img span img {width:100%;height:100%} .result_area ul li .tit {width:161px;padding-left:20px;padding-right:20px;font-weight:700;font-size:20px;color:#111} .result_area ul li .desc {font-size:16px} .result_area ul li .rate {width:60px;font-weight:700;font-size:18px;color:#4868e1;text-align:right} .result_area ul li .rate span {font-size:28px} .result_area .radio_t3 {display:table;position:relative;width:100%;height:108px;margin-top:34px;border:1px solid #4868e1;border-radius:10px;background-color:#fff} .result_area .radio_t3 input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer} .result_area .radio_t3 input + span {display:table-cell;position:relative;width:100%;height:100%;padding:0 20px 0 84px;font-size:20px;color:#333;vertical-align:middle} .result_area .radio_t3 input:checked + span:before {content:'';display:block;position:absolute;left:30px;top:38px;width:30px;height:30px;border-radius:50%;background-color:#4868e1} .result_area .radio_t3 input:checked + span:after {content:'';display:block;position:absolute;left:39px;top:45px;width:12px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .result_area .radio_t3 .rate{position:absolute;right:28px;top:50%;font-weight:700;font-size:20px;color:#4868e1;transform:translateY(-50%)} .result_area .radio_t3 .rate span{font-size:30px} .accordion_header.DIY_service_item button.acc_btn.medium {padding:30px 0 30px 30px;font-size:20px;color:#111;font-weight:400;vertical-align:middle} .accordion_header.DIY_service_item button.acc_btn.medium span.new_badge {padding:3px 10px;margin-left:10px;border-radius:3px;font-size:14px} .accordion_header.DIY_service_item button.acc_btn.medium span.new_badge.red {background:#d92c2c !important} .accordion_header.DIY_service_item button.acc_btn.medium span.f_right.date {margin-top:0;padding-right:90px;padding-top:5px;font-size:16px} .accordion_header.DIY_service_item button.acc_btn.medium:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium:after {width:10px;height:10px;margin-top:-15px;left:calc(100% - 40px)} .accordion_header.DIY_service_item button.acc_btn.medium.on:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium.on:after {margin-top:-5px} .accordion_body.DIY_service_cont {border-top:1px solid #333} .accordion_body.DIY_service_cont .area {padding:30px} .accordion_body.DIY_service_cont .area .df_list {font-size:16px} .accordion_body.DIY_service_cont .area .df_list .item.tit {padding-bottom:7px} .accordion_body.DIY_service_cont .area .df_list .item.con {padding-bottom:7px} .multi_ls01 li {float:left;width:25%;padding:8px 0 0 8px} .multi_ls01 li:nth-child(4n-3) {padding-left:0} .multi_ls01 li .saving_choice {position:relative;height:160px;padding:15px 32px 32px 24px;background-color:#fff;border:1px solid #eee;border-radius:10px} .multi_ls01 li .saving_choice em.mall_type {display:block;font-size:20px;color:#111;font-weight:700} .multi_ls01 li .saving_choice span.img_area {position:absolute;bottom:32px;right:32px;display:block;width:45px;height:45px} .multi_ls01 li .saving_choice span.img_area img {width:45px;height:45px;background:#fff} .multi_ls01 li .saving_choice div.btn_choice p.percentage {position:relative;margin:35px 0 0 0} .multi_ls01 li .saving_choice div.btn_choice p.percentage span {display:inline-block;font-size:24px;color:#4868e1;font-weight:700} .multi_ls01 li .saving_choice div.btn_choice p.percentage span:first-child {font-size:38px} .serv_article {margin-top:56px;border-top:1px solid #ddd} .serv_article:first-child {border-top:0} .serv_title {padding:30px 0 30px;font-size:20px;color:#111} .serv_title .badge {display:inline-block;min-width:52px;margin-left:10px;padding:0 8px;border-radius:4px;background-color:#4868e1;font-weight:700;font-size:14px;line-height:26px;color:#fff;text-align:center;vertical-align:middle} .serv_title .badge.yet {background-color:#d92c2c} .serv_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;padding:21px 0 34px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;-ms-flex-wrap:wrap; flex-wrap:wrap} .serv_cont dl {overflow:hidden;width:50%;margin-top:15px;padding:0 65px;font-size:16px;color:#111} .serv_cont dl dt {float:left;width:40%;text-align:left} .serv_cont dl dd {float:left;width:60%;padding-left:20px;text-align:right} .survey_box.type01 .form_type .form_ele.sm {padding-left:150px} .DIY_point dl dt {padding:25px 0;font-size:24px;color:#111;font-weight:700} .DIY_point dl dd {padding:30px 50px;background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:30px;text-align:right;color:#4868e1;font-weight:700} .DIY_point dl dd.pick {padding:0;background:#fff;font-size: initial;font-weight:400} .DIY_point dl dd.txt dl dt, .DIY_point dl dd.txt dl dd {font-size: initial} .DIY_point .table_wrap table .interval span{padding-right: 30px} .accordion_header.DIY_service_item.point button.acc_btn.medium .date {display:inline;padding-right:65px;font-size:16px} .accordion_header.DIY_service_item.point button.acc_btn.medium .brand {font-size:20px} .accordion_header.DIY_service_item.point button.acc_btn.medium .point {float:right;padding-right:80px;font-size:20px;font-weight:700;color:#4868e1} .card_confirm {margin-top:80px;margin-bottom:100px;text-align:center} .card_confirm .img {display:block;width:320px;height:203px;margin:0 auto} .card_confirm .img.vertical {width:203px;height:320px} .card_confirm .img img {width:100%;height:100%;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .card_confirm .card_tit {margin-top:43px;font-weight:700;font-size:24px;color:#000} .card_confirm .btn_wrap {margin-top:74px} .survey_box.type03 {padding:45px 0 69px} .bacode_area {max-width:330px;width:100%;background:#fff;margin:0 auto;padding:27px 43px 22px;border-radius:16px;box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.05)} .bacode_area img {width:100%;height:auto} .bacode_area p.code_number {margin-top:10px;width:100%;font-size:12px;color:#000;text-align:center} .members_card_info {width:100%;margin-bottom:52px} .members_card_info li {width:50%;float:left;margin-bottom:8px} .members_card_info li:nth-child(odd) {padding-right:4px} .members_card_info li:nth-child(even) {padding-left:4px} .members_card_info li > a {position:relative;display:block;width:100%;height:144px;padding:24px;text-decoration:none;background:#f8f8f8;box-sizing:border-box;border-radius:15px} .members_card_info li > a:after {content:"";position:absolute;bottom:28px;right:24px;display:block;width:32px;height:32px;background:url(/pconts/images/contents/card/members_plus.gif)} .members_card_info li span {display:inline-block;background:transparent;padding:0} .members_card_info li span.emblem {width:130px;height:45px;overflow:hidden;text-indent:-3000px} .members_card_info li a.happy_point span.emblem {background:url(/pconts/images/contents/card/members_mk01_off.gif) no-repeat 0 0 / 130px} .members_card_info li a.cu span.emblem {background:url(/pconts/images/contents/card/members_mk03_off.gif) no-repeat 0 0 / 130px} .members_card_info li a.soil span.emblem {background:url(/pconts/images/contents/card/members_mk05_off.gif) no-repeat 0 0 / 130px} .members_card_info li a.cjone span.emblem {background:url(/pconts/images/contents/card/members_mk07_off.gif) no-repeat 0 0} .members_card_info li span.membership_status {position:absolute;top:24px;right:24px;padding:4px 8px;background:#fff;font-size:14px;color:#111;border:1px solid #dfdfdf;border-radius:5px;font-weight:700} .members_card_info li span.membership_status .t1 {display:block} .members_card_info li span.membership_status .t2 {display:none} .members_card_info li.checked > a:after {width:8px;height:8px;background:none;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} .members_card_info li.checked span.membership_status .t1 {display:none} .members_card_info li.checked span.membership_status .t2 {display:block} .members_card_info li.checked span.membership_status {display:none} .members_card_info li.checked a.happy_point {background:#f98eb7} .members_card_info li.checked a.happy_point span.emblem {background:url(/pconts/images/contents/card/members_mk01_on.gif) no-repeat 0 0 / 130px} .members_card_info li.checked a.cu {background:#6b2891} .members_card_info li.checked a.cu span.emblem {background:url(/pconts/images/contents/card/members_mk03_on.gif) no-repeat 0 0 / 130px} .members_card_info li.checked a.soil {background:#009251} .members_card_info li.checked a.soil span.emblem {background:url(/pconts/images/contents/card/members_mk05_on.gif) no-repeat 0 0 / 130px} .members_card_info li.checked a.cjone {background:#666666} .members_card_info li.checked a.cjone span.emblem {background:url(/pconts/images/contents/card/members_mk07_on.gif) no-repeat 0 0} .memtop_sec {width:100%;height:216px;padding-top:50px;text-align:center} .memtop_sec .mem_cont {color:#fff} .memtop_sec .mem_cont .symbol {width:140px;margin:0 auto} .memtop_sec .mem_cont .symbol > img {margin-left:30px;width:100%} .memtop_sec.color_sec02 .mem_cont .symbol > img {margin-left:20px} .memtop_sec.color_sec07 .mem_cont .symbol > img {margin-left:0} .memtop_sec .mem_cont .memb_cdn_act {padding-top:25px;font-size:18px} .color_sec01 {background-color:#008f8f} .color_sec02 {background-color:#f98eb7} .color_sec03 {background-color:#6b2891} .color_sec04 {background-color:#192d6a} .color_sec05 {background-color:#009251} .color_sec06 {background-color:#222} .color_sec07 {background-color:#404040} .membership_area {display:table;width:100%;background-color:#fafafa;text-align:center} .membership_area .ly_inner {display:table-cell;width:100%;height:230px;padding:40px 0;vertical-align:middle} .membership_area.type02 .ly_inner {height:216px} .membership_area.happypoint_type {background-color:#f98eb7} .membership_area.cu_type {background-color:#6b2891} .membership_area.soil_type {background-color:#009251} .membership_area.cjone_type {background-color:#111} .membership_area .img_logo {display:inline-block;width:240px;height:72px;vertical-align:middle} .membership_area .img_logo img {height:100%} .membership_area.happypoint_type .img_logo {padding:6px 0} .membership_area.cu_type .img_logo {padding:9px 0} .membership_area.soil_type .img_logo {padding:12px 0} .membership_area.cjone_type .img_logo {padding:0} .membership_area .add_info {margin:14px 0 0;padding-bottom:12px} .membership_area .add_info p {font-size:20px;color:#fff} .membership_area .add_info p em {margin-right:10px;font-weight:700} .membership_area .add_info p.date {font-size:15px} .membership_area .link_area {margin-top:18px;margin-bottom:-2px} .membership_area .link_area .link {font-weight:400;color:#fff} .membership_area .link_area .link + .link {margin-left:27px} .membership_area .link_area .link:after {content:'';display:inline-block;width:8px;height:8px;margin:-2px 0 0 5px;border-right:1px solid #fff;border-bottom:1px solid #fff;vertical-align:middle;transform:rotate(-45deg)} .membership_area .link_area .link span {position:relative} .membership_area .memb_cdn_act {margin-top:25px;padding-bottom:12px;font-size:18px;color:#fff} .col120_96 {width:120px} .pop_cont .diy_pop_brand ul {border-bottom: 1px solid #ededed} .pop_cont .diy_pop_brand li{float:left;width: 25%;margin-bottom:-1px;padding:30px 0;border-bottom: 1px solid #ededed;text-align: center} .pop_cont .diy_pop_brand li > img{width:130px;padding-bottom: 30px} .pop_cont .diy_pop_brand li p{color: #111} .area365 .inner > p {padding-top:26px;margin-bottom:30px} .area365 .inner .imgBox {width:100%} .area365 .inner .imgBox ul {width:100%;padding:3px 0 55px 0} .area365 .inner .imgBox ul li {float:left} .area365 .inner .imgBox ul li div {float:left;width:40px;height:40px} .area365 .inner .imgBox ul li p {display:inline-block;padding-left:20px;line-height:40px} .area365 .inner .imgBox ul li:first-child div {margin-left:166px;background:url("/pconts/images/contents/card/icon_time.png")no-repeat;background-size:40px} .area365 .inner .imgBox ul li:nth-child(2) div {margin-left:92px;background:url("/pconts/images/contents/card/icon_week.png")no-repeat;background-size:40px} .area365 .inner .imgBox ul li:last-child div {margin-left:88px;background:url("/pconts/images/contents/card/icon_speed.png")no-repeat;background-size:40px} .thematext{display: inline-block;float: left; width: auto;height: 29px;line-height: 29px;margin-left: 20px} .themaImg{display: inline-block;float: left;width: 70px;height: 29px} .table_wrap .ever{background: url("/pconts/images/contents/card/detail_everland.png")no-repeat} .table_wrap .bay{background: url("/pconts/images/contents/card/detail_bay.png")no-repeat} .table_wrap .lotte{background: url("/pconts/images/contents/card/detail_lotte.png")no-repeat} .table_wrap .seoul{background: url("/pconts/images/contents/card/detail_seoul.png")no-repeat} .map_api{width: 100%;height: 518px} .map_api2{width: 100%;height: 518px} .map_api img{width: 100%;height: 100%} .map_api2 img{width: 100%;height: 100%} .card_map_01{background: url("/pconts/images/contents/card/map_63way.png")no-repeat; background-size: 100%} .card_map_02{background: url("/pconts/images/contents/card/map_busansintrain.png")no-repeat;background-size: 100%} .card_map_03{background: url("/pconts/images/contents/card/map_busantrain.png")no-repeat;background-size: 100%} .card_map_04{background: url("/pconts/images/contents/card/map_myeongdong.png")no-repeat;background-size: 100%} .card_map_05{background: url("/pconts/images/contents/card/map_jeondok.png")no-repeat;background-size: 100%} .card_map_06{background: url("/pconts/images/contents/card/map_doosanwive.png")no-repeat;background-size: 100%} .card_map_07{background: url("/pconts/images/contents/card/map_sc.png")no-repeat;background-size: 100%} .card_map_08{background: url("/pconts/images/contents/card/map_fraser.png")no-repeat;background-size: 100%} .card_map_09{background: url("/pconts/images/contents/card/map_central.png")no-repeat;background-size: 100%} .card_map_10{background: url("/pconts/images/contents/card/map_opisia.png")no-repeat;background-size: 100%} .card_map_11{background: url("/pconts/images/contents/card/map_rakSadang.png")no-repeat;background-size: 100%} .card_map_12{background: url("/pconts/images/contents/card/map_c&h.png")no-repeat;background-size: 100%} .card_map_13{background: url("/pconts/images/contents/card/map_jeilpark.png")no-repeat;background-size: 100%} .card_map_14{background: url("/pconts/images/contents/card/map_golden.png")no-repeat;background-size: 100%} .card_map_15{background: url("/pconts/images/contents/card/map_topbuilding.png")no-repeat;background-size: 100%} .card_map_16{background: url("/pconts/images/contents/card/map_uspark.png")no-repeat;background-size: 100%} .card_map_17{background: url("/pconts/images/contents/card/map_cgvdegu.png")no-repeat;background-size: 100%} .card_map_18{background: url("/pconts/images/contents/card/map_nc.png")no-repeat;background-size: 100%} .card_map_19{background: url("/pconts/images/contents/card/map_gimheaAir.png")no-repeat;background-size: 100%} .card_map_20{background: url("/pconts/images/contents/card/map_ulsanAir.png")no-repeat;background-size: 100%} .card_map_21{background: url("/pconts/images/contents/card/map_seoultrain.png")no-repeat;background-size: 100%} .card_map_22{background: url("/pconts/images/contents/card/map_gwangmyeongtrain.png")no-repeat;background-size: 100%} .card_map_23{background: url("/pconts/images/contents/card/map_daejeontrain.png")no-repeat;background-size: 100%} .card_map_24{background: url("/pconts/images/contents/card/map_cheonantrain.png")no-repeat;background-size: 100%} .card_map_25{background: url("/pconts/images/contents/card/map_dongdegutrain.png")no-repeat;background-size: 100%} .card_map_26{background: url("/pconts/images/contents/card/map_gwangjutrain.png")no-repeat;background-size: 100%} .card_map_27{background: url("/pconts/images/contents/card/map_gyeonjutrain.png")no-repeat;background-size: 100%} .card_map_28{background: url("/pconts/images/contents/card/map_iksantrain.png")no-repeat;background-size: 100%} .card_map_29{background: url("/pconts/images/contents/card/map_ulsantrain.png")no-repeat;background-size: 100%} .icon_detailcont_wrap{margin-right:55px;border-top: 1px solid #dddddd;border-bottom: 1px solid #ddd} .icon_detailcont_wrap .icon_list_detailcont{margin: 0 35px} .icon_detailcont_wrap .icon_list_detailcont li{width: calc(50% - 10px);padding:30px 0 15px;border-bottom:1px solid #eeeeee;margin-right: 20px;float: left;text-align: center} .icon_detailcont_wrap .icon_list_detailcont li:nth-child(even){margin-right: 0} .icon_detailcont_wrap .icon_list_detailcont li:nth-last-child(2){border-bottom: none} .icon_detailcont_wrap .icon_list_detailcont li:last-child{border-bottom: none} .icon_detailcont_wrap .icon_list_detailcont li > img{width:50px} .icon_detailcont_wrap .icon_list_detailcont li p{padding-top:10px;min-height:54px;color:#333} .cont_logo img{width: 62px;padding: 0 5px} .img_hipas_list{padding-bottom: 40px} .img_hipas_list > li {position: relative;flex: 1 1 auto;padding: 0 10px;padding-top: 20px;text-align: center} .img_hipas_list > li > img {width: 170px;margin: 20px 20px 10px} .img_hipas_list > li::after {content: '';position: absolute;top: 50%;right: -3px;display: block;width: 12px;height: 12px;border: 2px solid #ddd;border-left: 0;border-bottom: 0;transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg)} .img_hipas_list > li:last-child::after {display:none} .cardimg_disabled li{display: inline-block;float: left} .cardimg_disabled li:first-child{margin-right: 20px} .cardimg_disabled li > img{width:286px;padding-bottom: 10px} .ico_brand{display:inline-block;width:44px;height:23px;vertical-align:middle} .ico_brand img{width:44px;height:23px} .detail_ele{width: 100%;position: relative} .detail_ele .carddetail_name{display: inline-block;float: left; width: 83px; padding-top: 10px;font-size: 16px;color:#333;font-weight:700; } .detail_ele .detail_input_wrap{display: inline-block;width: calc(100% - 88px)} .detail_ele .detail_input_wrap input{background-color: rgb(255, 255, 255)} .detail_ele .detail_error{width: 100%;margin-top: 10px;font-size: 13px;font-weight: 400} .cost_box{width: 100%;height: auto} .cost_box > div{background-color: #f2f4f6;width: 460px;height: 128px;border-radius: 4px;font-size: 15px;text-align: center;color:#333} .cost_box > div p{width: 100%} .cost_box .left_box{display: inline-block;position: relative; float: left;margin-right: 60px;padding-top: 37px} .cost_box .left_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .cost_box .right_box{display: inline-block;padding-top:26px} .cost_box div .first_text{margin-bottom: 11px} .card_center_list .accordion_header button.acc_btn:after, .card_center_list .accordion_header a[role="button"].acc_btn:after {content:'';display:block;position:absolute;right:0;top:50%;width:30px;height:30px;margin-top:-15px;border:solid #bdbdbd 1px;border-radius:50%;background:url(/pconts/images/common/acco_arrow_bottom.png) no-repeat center;background-size:10px 6px;transform:rotate(180deg)} .card_center_list .accordion_header button.acc_btn.on:after, .card_center_list .accordion_header a[role="button"].acc_btn.on:after {transform:rotate(0)} .card_center_list{border-bottom: 1px solid #ddd} .card_center_list .accordion_header.on button.acc_btn.on, .card_center_list .accordion_header a[role="button"].acc_btn.on{border-top: 2px solid #333333} .card_center_list dl .card_center_pop{padding: 20px 50px 16px 20px } .card_center_list dl .card_center_pop .center_name{font-size: 15px;color: #111;font-weight: 700;margin-bottom: 16px} .card_center_list dl .card_center_pop .center_address{font-size: 13px;color:#111;font-weight: 400} .card_center_list dl dd .inner{padding: 0 20px 20px} .center_info_list{display: table; width: 100%} .center_info_list dl{display: table-row; width: 100%} .center_info_list dl dt{display: table-cell;float: left; width: 152px;padding-top: 20px;font-size: 15px;color:#111} .center_info_list dl dd{display: table-cell;float: left; width: calc(100% - 152px);padding-top: 20px;font-size: 15px;color:#333} .no_serchbox{width: 100%;border-top: 1px solid #000;border-bottom: 1px solid #ddd;padding: 56px 0 56px} .no_serchbox p{width: 100%;font-size: 15px;font-weight: 400;color:#333;text-align: center} .no_serchbox .complete_body.type02{padding-top: 135px;background-position: center 0px} .carddetail_qr_box{display: inline-block;position: absolute;top: 0px;right: 0px} .carddetail_qr_box img{display: block;width: 76px;height: 75px;margin: 0 52px 0 52px} .carddetail_qr_box p{width: 100%;margin-top: 7px; text-align: center;font-size: 15px;color:#111;font-weight: 700} .carddetail_qr_box::after{content:'';display:block;clear: both} .carddetail_qr_btn{display: none} .card_detail_step4{width: 100%} .card_detail_step4 .card_step_box{display: inline-block;position: relative; float: left;width: 201px;background-color: #f2f4f6;margin-right: 59px;padding: 18.5px 0;border-radius: 3px} .card_detail_step4 .card_step_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .card_detail_step4 .card_step_box:nth-child(3){margin-right: 58px} .card_detail_step4 .card_step_box:nth-child(4){margin-right: 0px} .card_detail_step4 .card_step_box:nth-child(4):before{display: none} .card_detail_step4::after{content:'';display:block;clear: both} .card_detail_step4 .card_step_box p{width: 100%;font-size: 15px;color:#333;text-align: center;font-weight: 700} .card_detail_step3{width: 100%} .card_detail_step3 .card_step_box{display: inline-block;position: relative; float: left;width: 287px;background-color: #f2f4f6;margin-right: 59px;padding: 18.5px 0;border-radius: 3px} .card_detail_step3 .card_step_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .card_detail_step3 .card_step_box:nth-child(2){margin-right: 60px} .card_detail_step3 .card_step_box:nth-child(3){margin-right: 0px} .card_detail_step3 .card_step_box:nth-child(3):before{display: none} .card_detail_step3::after{content:'';display:block;clear: both} .card_detail_step3 .card_step_box p{width: 100%;font-size: 15px;color:#333;text-align: center;font-weight: 700} .card_detail_yogiyoStep{width: 100%} .card_detail_yogiyoStep .card_step_box{display: inline-block;position: relative; float: left;width: 287px;background-color: #f2f4f6;margin-right: 59px;padding: 24px 0;border-radius: 3px} .card_detail_yogiyoStep .card_step_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .card_detail_yogiyoStep .card_step_box:nth-child(2){margin-right: 60px} .card_detail_yogiyoStep .card_step_box:nth-child(3){margin-right: 0px} .card_detail_yogiyoStep .card_step_box:nth-child(3):before{display: none} .card_detail_yogiyoStep .card_step_box .yogiyo_step_title{margin-bottom: 10px;font-weight: 700} .card_detail_yogiyoStep::after{content:'';display:block;clear: both} .card_detail_yogiyoStep .card_step_box p{width: 100%;font-size: 15px;color:#333;text-align: center} .card_design_jyp_wrap .cd_item{display: inline-block} .card_design_jyp_wrap .cd_item label[for="card_design02"]{margin-left: 31px} .card_design_jyp_wrap .cd_item + .cd_item +.cd_item{margin-top: 40px} .card_design_jyp_wrap .cd_item + .cd_item +.cd_item +.cd_item{margin-top: 40px;margin-left: 31px} .card_design_jyp_wrap label{display:inline-block;position:relative;width:180px;vertical-align:middle} .card_design_jyp_wrap label .img{display:block;width:180px;height:286px} .card_design_jyp_wrap label .img img{width:180px;height:286px;border-radius:13px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .card_design_jyp_wrap label input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer} .card_design_jyp_wrap label input[type="radio"] + span{display:inline-block;position:relative;min-height:26px;padding:1px 0 0 35px;margin-top:20px;font-size:16px;color:#333;vertical-align:middle} .card_design_jyp_wrap label input[type="radio"] + span:before, .card_design_jyp_wrap label input[type="radio"] + span:after{content:'';display:block;position:absolute;border-radius:50%} .card_design_jyp_wrap label input[type="radio"] + span:before{left:0;top:0;width:26px;height:26px;border:1px solid #ddd;background-color:#fff} .card_design_jyp_wrap label input[type="radio"] + span:after{display:none;left:6px;top:6px;width:14px;height:14px;background-color:#4868e1} .card_design_jyp_wrap label input[type="radio"]:checked + span:after{display:block} .card_premier_gold_edition_detail {margin-bottom:15px;background-color:#040000;background-repeat:no-repeat;border-radius:4px} .card_premier_gold_edition_detail .title {font-size:24px;font-weight:700} .card_premier_gold_edition_detail .gold {color:#cb9f69} .card_premier_gold_edition_detail .sub_title {font-size:20px;font-weight:400;color:#ebebeb} .card_premier_gold_edition_detail .text {margin-top:12px;font-size:16px;font-weight:400;color:#c6c5c5} .card_premier_gold_edition_detail.overview {padding:60px 0 85px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_overview.png');text-align:center} .card_premier_gold_edition_detail.overview .title {margin:15px 0 35px} .card_premier_gold_edition_detail.card .card1 {padding:60px 50px 0px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_card_bg.png');background-size:contain;background-repeat:no-repeat} .card_premier_gold_edition_detail.card .title {margin:21px 0 26px} .card_premier_gold_edition_detail.card .card1 .text_area {display:inline-block;padding-bottom:54px;padding-left:270px;border-bottom:1px solid #363333;text-align:center} .card_premier_gold_edition_detail.card .card2 {padding:60px 0 85px} .card_premier_gold_edition_detail.card .card2 ul {text-align:center;font-size:0} .card_premier_gold_edition_detail.card .card2 ul li {display:inline-block;margin:0 45px} .card_premier_gold_edition_detail.card .card2 ul li .card_type {margin-top:7px;font-size:15px;color:#fff;text-align:left} .card_benefit_cj_point {margin-bottom:20px} .card_benefit_cj_point .cj_point_list::after{content:'';display:block;clear: both} .card_benefit_cj_point .cj_point_list li {float:left;width:20%;padding:0 5px 10px;text-align:center} .card_benefit_cj_point .cj_point_list li .brand_box{width: 100%;padding:7px 18px 13px;border:1px solid #bbb;border-radius:3px} .card_benefit_cj_point .cj_point_list li .logo {height:44px; background-size: 150px 44px; background-repeat:no-repeat; background-position:center; } .card_benefit_cj_point .cj_point_list li .logo.cgv{background-image: url("/pconts/images/contents/card/brand_logo_cj_01_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.tous{background-image: url("/pconts/images/contents/card/brand_logo_cj_02_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.vips{background-image: url("/pconts/images/contents/card/brand_logo_cj_03_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.twosome{background-image: url("/pconts/images/contents/card/brand_logo_cj_04_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.cjmall{background-image: url("/pconts/images/contents/card/brand_logo_cj_05_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.mnet{background-image: url("/pconts/images/contents/card/brand_logo_cj_06_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.oliveyoung{background-image: url("/pconts/images/contents/card/brand_logo_cj_07_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.cjonmart{background-image: url("/pconts/images/contents/card/brand_logo_cj_08_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.tving{background-image: url("/pconts/images/contents/card/brand_logo_cj_09_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.bibigo{background-image: url("/pconts/images/contents/card/brand_logo_cj_10_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.theplace{background-image: url("/pconts/images/contents/card/brand_logo_cj_11_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.cheil{background-image: url("/pconts/images/contents/card/brand_logo_cj_12_M.jpg")} .card_benefit_cj_point .cj_point_list li .logo.vipsburger{background-image: url("/pconts/images/contents/card/brand_logo_cj_13_M.jpg")} .card_benefit_cj_point .cj_point_list .brand {margin-top:10px;font-size:15px;line-height:15px;color:#111} .card_detail_bank_list li{float: left;width: 20%;padding:5px} .card_detail_bank_list li .bank_img_box{width: 100%;height: 60px; padding: 7px 18px;border:solid 1px #ddd;border-radius:3px} .card_detail_bank_list li .mirae{background: url("/pconts/images/contents/card/card_bank_mirae.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .woori{background: url("/pconts/images/contents/card/card_bank_woori.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .keb{background: url("/pconts/images/contents/card/card_bank_keb.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .cs{background: url("/pconts/images/contents/card/card_bank_sc.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .post{background: url("/pconts/images/contents/card/card_bank_post.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .ibk{background: url("/pconts/images/contents/card/card_bank_ibk.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .bnk{background: url("/pconts/images/contents/card/card_bank_bnk.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .saemaeul{background: url("/pconts/images/contents/card/card_bank_saemaeul.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list li .citi{background: url("/pconts/images/contents/card/card_bank_citi.png")no-repeat center center; background-size: 150px 44px} .card_detail_bank_list::after{content:'';display:block;clear: both} .card_prd_list02 {border-bottom:1px solid #ddd} .card_prd_list02 ul {overflow:hidden} .card_prd_list02 ul>li {padding:60px 68px 50px;border-top:1px solid #eee;vertical-align:top} .card_prd_list02 ul>li:first-child {border-top:0} .card_prd_list02 ul>li>div {position:relative;min-height:171px;padding-left:351px} .card_prd_list02 .card_name {display: inline-block;margin-top: -3px;margin-bottom: 4px;width:100%;font-size:20px;color:#111;font-weight: 700;vertical-align:middle} .card_prd_list02 .card_text {width:100%;font-size:15px;color:#333;vertical-align:middle} .card_prd_list02 .card_desc {display: block;padding-top: 20px} .card_prd_list02 dl {display:table;width:100%} .card_prd_list02 dl.pdb_bottom{padding-bottom: 7px} .card_prd_list02 dl dt, .card_prd_list02 dl dd {display:table-cell;vertical-align:top} .card_prd_list02 dl dt {width:58px;font-size: 16px;font-weight: 400;color: #333} .card_prd_list02 dl dd {padding-left:10px;font-size: 16px;font-weight: 700;color: #111} .card_prd_list02 .round_badge {display:inline-block;min-width:54px;height:24px;padding:0 10px;border-radius:12px;background-color:#333;font-weight:700;font-size:13px;color:#fff;line-height:24px;text-align:center;vertical-align:middle} .card_prd_list02 .card_img {position:absolute;left:0;top:0;width:271px;height:171px} .card_prd_list02 .card_img img {width:100%} .card_prd_list02 .list_btn_wrap button {width:114px;font-size:16px;font-weight:700;margin-top:45px} .card_prd_list02 .list_btn_wrap button.rectangle.blue {border-color:#4868e1;color:#fff} .card_prd_list02 .list_btn_wrap button.rectangle.darkgray {border-color:#4e5b68;color:#fff} .card_prd_list02 ul>li.vertical>div {min-height:271px} .card_prd_list02 ul>li.vertical .card_img img {margin-top:50px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .marker_number .para {padding:0;font-weight:700; font-size:16px; color:#111} .jyp_card_list{width: 100%;padding: 0 35px}    .jyp_card_list li{display: inline-block;float: left;width: 180px;margin-left: 63px} .jyp_card_list li:first-child{margin-left: 0} .jyp_card_list li > span{display: block;margin-bottom: 15px} .jyp_card_list li > span img{width: 180px;height: 286px} .jyp_card_list li > p{font-size: 15px;color:#111;font-weight: 400;margin-bottom: 20px} .jyp_card_list::after{content:'';display:block;clear: both} .deep_eco_card_list{width: 100%;padding: 0 36px} .deep_eco_card_list li{display: inline-block;float: left} .deep_eco_card_list li > p{font-size:16px;font-weight: 700;color:#111;margin-bottom: 20px} .deep_eco_card_list li  .img_front{display: inline-block;float: left; margin-right: 40px} .deep_eco_card_list li  .img_front > img{width: 180px;height: 286px} .deep_eco_card_list li  .img_back {display: inline-block;float: left;width: 207px} .deep_eco_card_list li  .img_back > img{width: 180px;height: 286px} .deep_eco_card_list li  .img_back p{margin-top:15px;font-size: 15px;font-weight: 400;color:#111} .deep_eco_card_list li  .img_back .first{color:#ff0000} .deep_eco_card_list li  .img_back .second{color:#0032c2} .deep_eco_card_list li  .img_back .third{color:#008300} .deep_eco_card_list li  .img_back .fourth{color:#8f00b4} .deep_eco_card_list li:nth-child(2){margin-left: 27px} .deep_eco_card_list li:nth-child(3){margin-top: 30px} .deep_eco_card_list::after{content:'';display:block;clear: both} .sLineCheck_design_wrap{width: 100%;padding: 0 36px} .sLineCheck_design_wrap .vertical_box{display: inline-block;float: left;width: 501px;border-right: solid 1px #ddd} .sLineCheck_design_wrap .design_list li{display: inline-block;float: left; margin-right: 60px} .sLineCheck_design_wrap .design_list li:last-child{width: calc(100% - 300px)} .sLineCheck_design_wrap .design_list li > span{display: block} .sLineCheck_design_wrap .design_list li > span img{width: 180px;height: 286px} .sLineCheck_design_wrap .design_list li p{margin-top: 11px;font-size: 15px;font-weight: 400;color:#111} .sLineCheck_design_wrap .design_list li p .first{color:#ff0000} .sLineCheck_design_wrap .design_list li p .second{color:#0032c2} .sLineCheck_design_wrap .design_list li p .third{color:#008300} .sLineCheck_design_wrap .design_list li p .fourth{color:#8f00b4} .sLineCheck_design_wrap .horizental_box{display: inline-block;padding: 53px 41px 75px 80px} .sLineCheck_design_wrap .horizental_box span{display: block} .sLineCheck_design_wrap .horizental_box span img{width: 286px;height: 180px} .sLineCheck_design_wrap .horizental_box p{margin-top: 11px;font-size: 15px;font-weight: 400;color:#111} .sLineCheck_design_wrap::after{content:'';display:block;clear: both} .card_design_wrap{display: inline-block} .card_img_box{display: inline-block;float: left;padding: 0 102px} .card_img_box span img{width: 286px} .card_img_box p{margin-top: 11px;font-size:15px;font-weight: 400;color:#111;text-align: center} .card_design_wrap::after{content:'';display:block;clear: both} .left_wrap .swiper-container .option_position{bottom: 30px} .annualSelect{margin: 0 -20px 0;height: auto} .annualSelect .box{display: inline-block;float: left; width: auto} .annualSelect .box.mgr{margin-left: 33px} .annualSelect .box::after{content:'';display:block;clear: both} .annualSelect .box .select_wrap{width: 100%} .annualSelect .box .select_wrap label{display: inline-block;float: left; width: auto;margin-right: 18px; line-height: 44px;font-size: 15px;color:#111} .annualSelect .box .select_wrap .ui_select{width: 130px} .card_select .text_tip{text-align: left;margin-left: -20px;margin-right: -20px} .card_select::after{content:'';display:block;clear: both} .annualSelect::after{content:'';display:block;clear: both} .select_wrap::after{content:'';display:block;clear: both} .ele_tit .switch .slider {background:#eee url(/pconts/images/contents/card/chck_off.png) no-repeat 72px 50%} .ele_tit .switch .slider::before {background:#4868e1 url(/pconts/images/contents/card/gage_on.png) no-repeat 50% 50%} .ele_tit .switch input:checked + .slider {background:#eee url(/pconts/images/contents/card/gage_off.png) no-repeat 17px 50%} .ele_tit .switch input:checked + .slider::before {background-image:url(/pconts/images/contents/card/chck_on.png)} @media only screen and (max-width:1100px) { .ntob {display:block !important} .bton {display:none !important} .bton_in {display:none !important} .hide_ele {display:none !important} .w_283{width: 100% !important} .mobile_link {display:inline} .pc_link {display:none} .font_s24 {font-size:1.8rem} .font_s28 {font-size:2.4rem} .font_s28_s20 {font-size:2.0rem} .font_s28_s18 {font-size:1.8rem} .font_s24_s17 {font-size:1.7rem} .font_s32_s30 {font-size:3.0rem} .pdt0_23 {padding-top:23px} .card_w_570{width: 100%} .tab_type01.fixed::before {content:''; display:block; height:52px} .tab_type01.fixed .tab_pull {top:50px} .tab_type01.fixed .tab_pull .tab_list {width:100%;padding-left:20px} body.app_shfan .tab_type01.fixed .tab_pull {top:0} .dtxt_area {padding-top:29px} .dtxt_area .bg_img {width:206px;height:36px;background:url(/pconts/images/contents/card/txt_shinhancard_m.png) no-repeat left top;background-size:100% 100%} .dtxt_area strong {margin-top:0;font-size:5.3rem} .dtxt_area strong .text_pointer::after {bottom:2px;height:13px} .dtxt_area p {margin-top:14px} .shcd_main_menu {margin-top:25px} .shcd_menu {display:block} .shcd_menu .atc {display:block;width:100%;height:auto;min-height:90px} .shcd_menu .atc + .atc {margin-top:10px} .shcd_menu .atc > a {padding:19px 50px 17px 18px} .shcd_menu .atc > a:before {right:22px;bottom:auto;top:50%;width:16px;height:16px;margin-top:-9px} .shcd_menu .atc em {font-size:2.4rem;line-height:1.2} .shcd_menu .atc span {margin-top:0;padding-right:0;font-size:1.6rem;line-height:1.53} .shcd_menu .atc .atc_inner {position:absolute;left:0;right:0;top:100%;margin:0 -1px -1px;padding:16px 19px 12px;border:1px solid #ddd} .shcd_menu .atc .atc_inner ul li {padding-left:10px;font-size:1.6rem;color:#333} .shcd_menu .atc .atc_inner ul li + li {margin-top:9px} .shcd_menu .atc .atc_inner ul li:before {top:11px;background-color:#333} .shcd_menu .atc.active > a:before, .shcd_menu .atc:hover > a:before {bottom:auto;margin-top:1px} .shcd_menu .atc.active .atc_inner, .shcd_menu .atc:hover .atc_inner {position:relative} .video_area {margin-top:30px} .video_area .video_inner {display:-webkit-flex; display:-ms-flexbox; display:flex;left:0;float:none;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .video_area .video_inner:after {content:'';display:block;clear:both} .video_area .video_item {left:0;float:none;flex:1 1 auto} .video_area .video_item + .video_item {margin-left:10px} .video_area .video_item a {height:100%} .video_area .video_item a:after {background:url(/pconts/images/icon/icon_play_m.png) no-repeat center center;background-size:30px 30px} .video_area .video_item .video_tit {margin-top:7px;font-size:1.5rem} .de_card_list {display:block;padding-top:60px} .de_card_list .card_item {width:100%;padding:0;margin-top:50px} .de_card_list .card_item:nth-child(2) {margin-top:50px} .de_card_list .card_plate_area {min-height:194px;height:auto;margin-bottom:20px} .de_card_list .card_plate_area::before {width:194px;height:194px;margin:-97px 0 0 -97px} .de_card_list .card_plate {width:217px;height:138px} .de_card_list .card_plate.vertical_type {margin-top:50px;margin-bottom:50px} .de_card_list .card_plate img {border-radius:8px} .de_card_list .card_name {margin-bottom:7px;font-size:1.8rem;line-height:1.26} .de_card_list .card_desc {margin-bottom:20px;font-size:1.5rem} .de_card_list .card_name + .btn_cont {margin-top:21px} .de_card_list .btn_group {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .de_card_list .btn_group .btn.default {max-width:180px;min-width:0;margin:0;flex:1} .de_card_list .btn_group .btn + .btn {margin-left:4px} .gallery_cont {padding-top:30px} .gallery_icon {width:158px;height:54px;background:url(/pconts/images/contents/card/gallery_s_m.png) no-repeat left top;background-size:158px 54px} .gallery_cont .gallery_desc {line-height:1.5} .gallery_cont .gallery_icon + .gallery_desc {margin-top:27px} .gallyer_swiper {margin-top:24px} .gallyer_swiper .swiper-button-prev {left:-5px;top:45px} .gallyer_swiper .swiper-button-next {right:-5px;top:45px} .intro_area {width:100%;padding:0 10px} .intro_area .img {width:127px;height:136px} .intro_area .desc_area {padding-top:10px;margin-left:15px} .intro_area .desc_area p {font-size:1.3rem} .intro_area .desc_area .desc {padding-top:18px;background:url(/pconts/images/contents/card/quot_m.png) no-repeat left top;background-size:13px 11px;font-size:1.6rem;line-height:1.41} .intro_area .desc_area .desc + .name {margin-top:11px} .gallery_card_list .item {width:100%;min-height:252px;margin-top:50px} .gallery_card_list .item:nth-child(1) {margin-top:40px} .gallery_card_list .item:nth-child(2) {margin-top:50px} .gallery_card_list .item .img {bottom:114px} .gallery_card_list .item .img img {width:217px;height:138px;border-radius:6px} .gallery_card_list .item.vertical_type {height:332px} .gallery_card_list .item.vertical_type .img {margin-top:40px;margin-bottom:40px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .gallery_card_list .item .card_name {bottom:48px;height:50px;margin-top:16px;font-size:1.6rem} .choice_card_wrap {margin-top:19px} .choice_card_wrap .choice_card_area {margin:25px 0 35px} .choice_card_wrap .choice_card_area .img {width:217px;height:138px} .choice_card_wrap .choice_card_area .card_name {margin-top:15px;font-size:1.6rem} .choice_card_wrap .choice_card_area .btn_cont {margin-top:18px} .card_chc {margin-top:11px} .card_chc .h_title {margin-bottom:9px} .card_chc .col.col6_12 {margin-top:26px} .card_chc .col.col6_12:nth-child(2) {margin-top:26px} .card_chc .btn_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .card_chc .btn_cont .btn + .btn {margin-left:8px} .card_chc .btn_cont .btn.default {max-width:180px;min-width:0;flex:1} .card_prd_list ul>li {padding:25px 10px} .card_prd_list ul>li>div {min-height:auto;padding-left:0} .card_prd_list .card_name {display:block;margin-top:-3px;font-size:1.7rem;line-height:2.3rem} .card_prd_list dl {margin-top:5px;margin-bottom:19px;line-height:1.7rem;font-size:1.2rem} .card_prd_list dl dt {width:35px} .card_prd_list dl dd {padding-left:7px;font-size:1.1rem} .card_prd_list .round_badge {overflow:hidden;min-width:35px;height:17px;padding:0 5px;border-radius:12px;font-weight:400;font-size:1.0rem;line-height:1.8rem;vertical-align:top} .card_prd_list .card_img_desc {display:table;width:100%} .card_prd_list .card_img, .card_prd_list .card_desc {display:table-cell;vertical-align:top} .card_prd_list .card_img {position:static;width:100px;height:63px} .card_prd_list .card_desc {padding-left:30px} .card_prd_list p {font-size:1.2rem;line-height:1.7rem} .card_prd_list p.sub_txt {font-size:1.1rem;line-height:1.4rem} .card_prd_list p + p.sub_txt {margin-top:5px} .card_prd_list ul>li.vertical>div {min-height:166px} .card_prd_list ul>li.vertical .card_img img {margin-top:20px} .btn_wrap + .list_wrap {margin-top:28px} .list_wrap .sum {font-size:1.2rem} .list_wrap .card_list {margin-top:11px} .list_wrap .card_list li {display:table;width:100%;margin:0;padding:20px 0 17px;font-size:1.6rem} .list_wrap .card_list .left_con, .list_wrap .card_list .right_con {display:table-cell;float:none} .list_wrap .card_list .left_con {width:70%} .list_wrap .card_list .right_con {width:30%} .list_wrap .card_list .date {float:none;width:100%;margin-top:6px;font-size:1.3rem} .list_wrap .card_list strong {font-size:1.6rem} .list_wrap .card_list strong .bank_num {display:block;font-size:1.5rem} .list_wrap .card_list .amount {font-size:1.8rem} .list_wrap .card_list .amount span {font-weight:400} .card_inquiry {padding:15px 0 0 0} .card_inquiry .card_name {font-size:1.6rem} .card_inquiry .card_num {font-size:1.6rem} .card_inquiry .amount {margin-top:15px;font-size:1.5rem} .card_inquiry .amount span {font-size:2.4rem} .form_type.type01 {padding:0 0 40px 0} .form_tit02 {display:block;margin-top:-3px;font-size:1.8rem} .form_tit02 span {display:block} .form_tit02 + form, .form_tit02 + .form_ele {margin-top:21px} .font_s16 {margin-top:8px;font-size:1.6rem} .noti_box{padding:21px 20px 25px;margin-top:40px;margin-bottom:20px;border-radius:5px} .noti_box strong{font-size:1.5rem} .noti_box p{font-size:1.3rem;line-height:1.43} .noti_box a{min-width:107px;height:22px;padding:0 10px;margin-top:21px;border-radius:11px;font-size:1.3rem;line-height:22px} .pop_terms_wrap .pop_tit_dep1 {margin-bottom:15px;font-size:1.6rem} .pop_terms_wrap .pop_tit_dep2 {margin-bottom:5px;font-size:1.5rem} .pop_terms_wrap p + .pop_tit_dep1 {margin-top:15px} .pop_terms_wrap p + .pop_tit_dep2 {margin-top:15px} .card_sec {padding-top:118px} .card_sec .img {width:200px;height:128px;margin-top:-88px} .card_sec .card_name {width:100%;margin:-23px auto 0} .card_sec .card_name.type01 {width:100%;margin:-39px auto 0;padding:0 0 0} .card_sec.vertical_type {padding-top:138px} .card_sec.vertical_type .card_name {margin:-76px auto 0} .card_sec.vertical_type .card_name.type01 {margin:-92px auto 0} .card_sec.vertical_type .img {margin-top:-108px;width:128px;height:200px} .card_sec.vertical_type .img img {max-width:200px;width:200px;height:128px;margin-top:36px;margin-left:-36px} .card_sec strong {font-size:1.6rem} .card_sec strong .btn_question {width:19px;height:19px;font-size:1.1rem;line-height:19px} .card_sec strong .btn_question span::after {width:19px;height:19px;line-height:19px} .card_sec + .ly_inner .top_marker .marker_dot {padding-top:30px;margin-bottom:22px}    .card_sec.type02 {padding-top:0} .card_sec.type02 .img {margin-top:-94px} .card_sec.type02 .card_top_wrap {margin-top:-2px;padding:0 0 107px} .card_sec.type02 .card_name_top {font-size:1.6rem} .card_sec.type02 .card_name_top + .btn_wrap {margin:9px 0 16px} .card_sec.type02 .card_name {padding:0 0 42px} .card_sec.vertical_type.type02 .img {margin-top:-143px} .card_sec.vertical_type.type02 .card_top_wrap {padding-bottom:157px} .card_sec.vertical_type.type02 .card_name {padding-bottom:46px} .popup_type01 .pop_cont .bg_gray.pop_card_name {padding:18px 10px 15px} .popup_type01 .pop_cont .bg_gray.pop_card_name strong {font-size:1.7rem;line-height:21px} .form_type .form_ele.type01 .auto_name {position:absolute;top:0;right:0} .card_sec03 .img {width:217px;height:auto} .waybill {margin:24px 0 7px;padding:19px 20px} .waybill p {text-align:center} .waybill p span {margin-left:9px} #frm + .form_ele {margin-top:27px} .logo_box img {width:40px} .df_list_wrap .df_list.type01 .item.tit {width:30%;padding-right:0px;word-break:normal} .df_list_wrap .df_list.type01 .item.con {width:70%} .delivery_step {padding:30px 10px} .delivery_step ul li + li {padding-top:35px} .delivery_step ul li .condition::before {content:"";position:absolute;left:0;top:0;border-left:1px solid #eeeeee;height:100%;text-align:center;margin-left:34px} .delivery_step ul li:last-child .condition::before {height:calc(100% - 68px)} .delivery_step ul li .condition .code > p {float:left;width:68px;height:68px;font-size:1.5rem;line-height:68px} .delivery_step ul li .condition .summery {width:77%;display:inline-block;padding-left:20px} .delivery_step ul li .condition .summery .date {font-size:1.3rem;padding-top:1px} .delivery_step ul li .condition .summery .pick {font-size:1.3rem} .df_list_wrap.card_tbl {padding-top:0;padding-bottom:15px} .lgtxt_box .txt_lg {margin-bottom:30px;font-size:2.4rem} .lgtxt_box .txt_lg + .text_basic {font-size:1.5rem} .info_logo .info_txt {font-size:1.3rem} .info_logo .info_txt > span:last-child { display:inline-block;padding-top:10px}    .check_wrap.check_only {display:block;padding-right:55px} .check_wrap.check_only .check_agree input[type="checkbox"] + span {padding:15px 0 13px 52px} .check_wrap.check_only .check_agree input[type="checkbox"] + span:before {top:19px} .check_wrap.check_only .btn_check_pop {top:16px;font-size:1.3rem} .agree_check_ul .check_only .btn_tooltip {margin-left:3px} .appStep .contents {padding-bottom:0px !important} .appStep .contents .ly_inner.gap60_30 {margin-bottom:0 !important} .appStep .contents .bg_padb {padding-bottom:170px !important} .top_accodion_big {padding-top:4px} .top_accodion_big .accordion_header button.acc_btn {padding-bottom:18px;font-size:1.6rem} .top_accodion_big .accordion_body .area{padding:10px 15px 8px} .tab_type01 + .ext_ele {margin-top:-20px} .before_comm {padding:0} .before_comm > div {margin-left:0} .before_comm ul {display:block} .before_comm ul li {display:block;float:none;padding:2px 0 2px;text-align:left} .before_comm ul li > div {position:relative;min-height:32px;padding:7px 5px 7px 30px} .before_comm ul li i {position:absolute;left:0;top:50%;height:22px;margin-top:-11px} .before_comm ul li i.icon_clock {width:22px;background:url(/pconts/images/icon/clock.png) no-repeat left top;background-size:100%} .before_comm ul li i.icon_phone {width:22px;background:url(/pconts/images/icon/phone.png) no-repeat left top;background-size:100%} .before_comm ul li i.icon_bank {width:22px;background:url(/pconts/images/icon/account.png) no-repeat left top;background-size:100%} .before_comm ul li i.icon_cert {width:22px;background:url(/pconts/images/icon/id_card.png) no-repeat left top;background-size:100%} .before_comm ul li p {margin-top:0;font-size:1.3rem} .before_comm .col04 li {display:inline-block;float:left;width:50%} .card_sec .card_name_top {padding:5px 0 15px;font-size:1.6rem} .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand {padding-bottom:10px} .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand {padding-bottom:9px} .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand em {padding-top:4px;font-size:1.2rem;color:#333} .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand em {font-weight:700;color:#333} .radio_wrap.type_grid .card_brand img {width:41px} .info_bank .lg_txt {padding-bottom:10px;font-size:1.6rem} .info_bank .sm_txt {font-size:1.3rem} .info_bank ul {padding-left:15px} .info_bank ul li {font-size:1.3rem} .info_bank ul li > span {margin-left:-1.3rem} .form_agreement_gap {margin-top: 27px} .em_span_gap {margin-top: 6px} .tab_cont .cert_img {height:auto;padding:8px 0} .tab_cont .cert_img img {max-width:100%;height:auto;max-height:162px} .certCard span {width:204px} .student_wrap .cert_img {width:204px} .bg_gray.txt_box {padding:12px 15px 11px} .withdrawal_wrap {padding-top:26px} .withdrawal_wrap strong {margin-bottom:3px;font-size:1.6rem} .withdrawal_wrap p {font-size:1.5rem;line-height:1.51} .withdrawal_wrap .btn_wrap {margin:15px 0 26px} .date_swipe_wrap .font_md {padding-top:1px;font-weight:400;font-size:1.2rem !important} .date_swipe_form {overflow:hidden;margin-top:9px;padding:12px 0; padding-top:21px} .date_swipe_form .date_swipe_group {height:23px;border-radius:18px} .date_swipe_form .left_gradient {width:50px} .date_swipe_form .right_gradient {width:50px} .date_swipe_form .left_gradient a::before {left:5px;top:50%;margin:-5px 0 0 0} .date_swipe_form .right_gradient a::before {right:5px;top:50%;margin:-5px 0 0 0} .date_swipe_form .swiper-slide {width:50px} .date_swipe_form .swiper-slide a {font-size:1.4rem;line-height:2.3rem} .date_swipe_form .swiper-slide.swiper-slide-active {width:90px} .date_swipe_form .swiper-slide a.active {width:43px;height:43px;margin:-10px 0 0;font-size:1.5rem;line-height:4.3rem} .date_swipe_form .swiper-slide a.active span {padding-top:2px;font-size:1.1rem;line-height:1.53} .pay_t {font-size:12px; margin-top:-8px} .pay_t span {display:block} .txt_box p {font-size:1.3rem} .txt_box p + p {margin-top:12px} .btn_interaction {display:block} .btn_interaction .inter_prev, .btn_interaction .inter_next {display:block;position:fixed;left:50%;z-index:20;width:158px;height:48px;border-radius:24px;background-color:#fff;font-weight:700;font-size:1.5rem;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);transform:translateX(-50%)} .btn_interaction .inter_prev.hide, .btn_interaction .inter_next.hide {display:none} .btn_interaction .inter_prev span:after, .btn_interaction .inter_next span:after {content:'';display:inline-block;margin-left:9px} .btn_interaction .inter_prev {top:70px;color:#111} .btn_interaction .inter_prev span:after {border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #999;border-top:0} .btn_interaction .inter_next {bottom:20px;color:#fff;background-color:#4868e1} .btn_interaction .inter_next span:after {border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;border-bottom:0} .btn_next.hide {display:none} .area_wrap > div{position:relative;float:none;width:auto;padding-right:63px} .area_wrap > div .txt{width:63px} .area_wrap > div:first-child{width:auto} .area_wrap > div:first-child .txt{width:63px} .area_wrap > div + div {margin-top:10px} .area_wrap .select_wrap{float:none;width:100%} .area_wrap .txt{position:absolute;right:0;top:0;float:none;padding-left:0;font-size:1.6rem;text-align:right} .signature_wrap .h_title24 {margin:-2px 0 13px} .signature_wrap .tab_cont {margin-left:0} .signature_wrap .pdl250{padding-left:0} .signature_wrap .script_wrap{padding-top:22px} .signature_wrap .preview_box {margin:10px 0 20px} .signature_wrap .preview_box .s-card-image {width:300px} .signature_wrap .preview_box .s-card-image.deep-dream span.img{background:url(/conts/images/contents/s-signature1.png);background-size:300px 179px} .signature_wrap .preview_box .s-card-image.rpm span.img{background:url(/conts/images/contents/s-signature1.png);background-size:300px 179px} .signature_wrap .preview_box span.img{width:300px;height:179px;border-radius:8px} .signpad_wrap{padding-top:22px} .signpad_wrap .btn_wrap.flex_wrap {margin-bottom:27px} .signpad_wrap .btn_wrap.flex_wrap .btn{float:left} .signpad_wrap .btn_wrap.flex_wrap .btn + .btn{margin-left:8px} .signpad_area {margin:6px 0 10px} .signpad_area .signpad {width:100%;height:150px;border:1px solid #eee;background-color:#fff} .signpad_area .signpad canvas{width:100%;height:100%} .app_comp_wrap{width:auto;margin:0 auto 10px} .app_comp_wrap .card_area {margin-top:40px} .app_comp_wrap .card_area:after{top:87px} .app_comp_wrap .card_area span.img{border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0} .app_comp_wrap .card_area span.img img{width:201px;height:128px} .app_comp_wrap p.title{margin-top:-27px;font-size:2.4rem;line-height:1.38} .app_comp_wrap p.desc{margin-top:10px;margin-bottom:40px;font-size:1.6rem} .app_comp_wrap .marker_dot{margin-bottom:21px} .app_comp_wrap .marker_dot + p {line-height:1.51} .app_comp_wrap .card_area.vertical:after{top:108px} .app_comp_wrap .card_area.vertical span.img{width:128px;height:201px} .app_comp_wrap .card_area.vertical span.img img{max-width:201px;margin-top:37px;margin-left:-37px} .app_comp_wrap .card_area.vertical + p.title {margin-top:-79px} .form_type .form_sub_tit{margin:-2px 0 21px} #cardCompareAfter.compare_gapt {margin-top:64px !important} .app_shfan #cardCompareAfter.compare_gapt {margin-top:34px !important} .card_compare_wrap {top:60px} body.app_shfan .card_compare_wrap {top:0} .card_compare_wrap .top_banner {padding:0} .card_compare_wrap .top_banner button {width:100%;padding:8px 0;font-size:1.3rem} .card_compare_wrap .top_banner button span.counting {padding:0 6px;margin:0px 2px 0px 4px} .card_compare_wrap .top_banner button::after {margin:3px 0 0 5px;border-top:5px solid #aaaaaa;border-bottom:5px solid none;border-right:5px solid transparent;border-left:5px solid transparent;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);vertical-align:middle} .card_compare_wrap .banner_cont {padding:20px 0} .card_compare_wrap .banner_cont .inner {width:100%} .card_compare_wrap .banner_cont .inner .noti_txt {margin-bottom:30px} .card_compare_wrap .btn_cont .btn.default {min-width:1px} .card_compare_wrap .banner_cont .btn_wrap {padding-top:25px} .compare_card_list {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;min-height:130px} .compare_card_list li {width:156px} .compare_card_list li + li {margin-left:8px} .compare_card_list li .card_img {width:156px;height:125px} .compare_card_list li .item .card_img .img a {display:inline-block;width:125px} .compare_card_list li .item .card_img .img img {width:125px;border-radius:4px} .compare_card_list li .item .card_img .del {width:19px;height:19px;overflow:hidden;background:url(/pconts/images/contents/card/ico_card_delete_m.png) no-repeat left top;background-size:19px auto} .compare_card_list li .item .card_img .tag {bottom:7px;padding:2px 8px;font-size:1rem} .compare_card_list li .item .card_info {display:block;margin:42px auto 0;width:125px} .compare_card_list li .item .card_info dt {font-size:1.5rem;line-height:2.2rem} .compare_card_list li .item .card_info dd {font-size:1.3rem} .compare_card_list li .badge_wrap {margin-top:12px} .compare_card_list li .card_add {width:125px;height:79px;padding-top:46px;border:1px dashed #ddd} .compare_card_list li .card_add:before, .compare_card_list li .card_add:after {top:28px;left:50%;width:16px;height:2px;margin-left:-8px;background:#bbb} .compare_card_list li .card_add:after {transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)} .pop_compare .card_detail {padding:45px 15px} .pop_compare .compare_card_list {padding:20px 20px 30px} .pop_compare .compare_card_list .item {padding-bottom:50px} .pop_compare .compare_card_list li {display:-webkit-flex; display:-ms-flexbox; display:flex;flex:1;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .pop_compare .card_detail .detail_tit {width:100%;font-size:1.6rem} .pop_compare .card_detail .detail_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;margin-top:20px} .pop_compare .card_detail .detail_tit:not(:first-child) {margin-top:40px} .pop_compare .card_detail .detail_cont:not(:nth-of-type(1)) {margin-top:20px} .pop_compare .card_detail .detail_cont dl {flex:1;padding-right:20px} .pop_compare .card_detail .detail_cont dl + dl {padding-left:20px} .pop_compare .card_detail .detail_cont ul.marker_dot > li {font-size:1.3rem} .pop_compare .card_detail .detail_cont ul.marker_dot > li:before {top:7px} .pop_compare .card_detail .detail_cont .benefit_wrap li:not(:first-child) {margin-top:15px} .pop_compare .card_detail .detail_cont .benefit_wrap .item {padding:9px 0 9px 42px;font-size:1.3rem} .pop_compare .card_detail .detail_cont .benefit_wrap .item:before {width:32px;height:32px;margin-top:-16px;background-size:32px auto} .card_compare_add {margin:15px 0 15px 0} .card_compare_add button {width:93px;height:27px;padding-left:30px;font-size:1.2rem;box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.15)} .card_compare_add button::after {width:12px;background-size:12px;left:10px} .card_detail .left_wrap, .card_detail .right_wrap, .card_detail .card_name_wrap {width:100%} .card_detail .card_name_wrap {position:relative;padding:0 32px 0 0} .card_detail .card_name_wrap .card_name {margin-top:0;font-size:2.4rem} .card_detail .card_name_wrap .card_name .btn_sns {top:0} .card_detail .card_name_wrap .card_name .btn_sns img {width:25px} .card_detail .card_name_wrap .card_name .btn_card_add {top:35px} .card_detail .card_name_wrap .card_name .btn_card_add img {width:25px} .card_detail .card_name_wrap .sub_summery {margin:10px 0 25px;font-size:1.6rem;line-height:1.5} .card_detail .left_wrap .swiper-container {width:100%;height: auto; padding:50px 0 10px;background:url(/pconts/images/contents/card/bg_card_plate_m.png) no-repeat center 25px} .card_detail .left_wrap .swiper-slide {min-height:168px;height:229px} .card_detail .left_wrap .swiper-slide img {width:217px;border-radius:10px} .card_detail .left_wrap .swiper-slide.vertical img {width:217px;border-radius:8px} .card_accor_section {width:100%} .shcard_slide_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex;position:static;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;margin:25px 0 0 0;font-weight:700;color:#999} .shcard_slide_wrap .swiper-pagination-bullet {width:12px;height:12px;border:2px solid #f6f6f6;background-color:#cccccc;opacity:1;margin:0 5px} .shcard_slide_wrap .swiper-pagination-bullet-active {border:3px solid #333;background-color:#f6f6f6} .shcard_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px} .shcard_slide_wrap .swiper-pagination-fraction {bottom:30px;font-size:1.3rem} .card_detail .left_wrap .nav-button-prev, .card_detail .left_wrap .nav-button-next {width:18px;height:29px;margin-top:-10px} .card_detail .left_wrap .nav-button-prev::before {right:5px} .card_detail .left_wrap .nav-button-next::before {left:5px} .card_detail .left_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex;position:static;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;margin:25px 0 0 0;font-weight:700;color:#999} .card_detail .left_wrap .swiper-pagination-bullet {width:12px;height:12px;border:2px solid #f6f6f6;background-color:#cccccc;opacity:1;margin:0 5px} .card_detail .left_wrap .swiper-pagination-bullet-active {border:3px solid #333;background-color:#f6f6f6} .card_detail .left_wrap .swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px} .card_detail .left_wrap .swiper-pagination-fraction {bottom:10px;font-size:1.3rem} .card_detail .right_wrap {padding:0} .card_detail .right_wrap .benefits {margin-top:25px} .card_detail .right_wrap .benefits li {width:33.3%;height:100%;display:inline-block;float:left;padding:50px 0 0;font-size:1.5rem;line-height:normal;text-align:center} .card_detail .right_wrap .benefits.twocol li {width:50%} .card_detail .right_wrap .benefits li + li {margin:0} .card_detail .right_wrap .benefits li[class*="icon"] {background-size:41px auto;background-position:center top;background-repeat:no-repeat} .accordion_header button.acc_btn.medium.btn_style:after, .accordion_header a[role="button"].acc_btn.medium.btn_style:after {left:calc(100% - 35px)} .accordion_header button.acc_btn.medium.btn_style.on:after, .accordion_header a[role="button"].acc_btn.medium.btn_style.on:after {left:calc(100% - 35px);top:49%} .all_view > li .cont {font-size:1.3rem} .all_view > li .marker_dot > li::before {top: 7px} .all_view > li > a {min-height:114px;padding:20px 20px 20px 102px} .all_view > li .cont .title {font-size:1.6rem} .all_view > li .cont .title::after {top:7px} .all_view > li .img_wrap {left:14px;top:15px} .all_view > li .img_wrap > img {width:75px} .bank_list li {width:33.3%;margin-top:15px;height:35px} .bank_list li span.bank_name {display:inline-block;width:70%;padding-left:5px;line-height:1.3} .bank_list li:nth-child(-n + 3) {margin-top:0} .bank_list li:nth-child(4) {margin-top:15px} .m_floatiing_box {position:absolute;display:none;right:20px;bottom:152px;width:96px} .m_floatiing_box .btn_m_floating {display:block} .btn_wrap button.btn_m_floating + button {margin-top:3px} .btn_wrap .btn_m_floating {width:98px;height:46px;padding:11px 0 0 25px;background:url(/pconts/images/contents/card/ico_btn_tel.png) no-repeat left 15px center;background-size:20px;background-color:rgba(8, 19, 80, 0.85);border-radius:30px;color:#fff;box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.3)} .btn_wrap .btn_m_floating.talk {background:url(/pconts/images/contents/card/ico_btn_talk.png) no-repeat left 15px center;background-size:20px;background-color:rgba(8, 19, 80, 0.85)} .btn_wrap .btn_m_floating span {font-size:1.2rem} .btn_wrap .btn_m_floating + .btn_m_floating {margin-top:10px} .benefit_cont_wrap {padding:25px 0} .benefit_cont_wrap .tit_dep1 {margin-bottom:10px;font-size:2.4rem} .benefit_cont_wrap .tit_dep2 {margin-bottom:6px;font-size:1.6rem} .benefit_cont_wrap .tit_dep3 {margin-bottom:10px;font-size:1.6rem} .benefit_cont_wrap .tit_dep2 + :not(.tit_dep3) {margin-top:-1px} .benefit_cont_wrap [class*="marker_"] + .marker_refer {margin-top:16px} .benefit_cont_wrap .point_add dl {float:none;width:100%} .benefit_cont_wrap .point_add dl:not(:first-child) {margin:10px 0 0} .benefit_cont_wrap .point_add dl dt, .benefit_cont_wrap .point_add dl dd {font-size:1.3rem} .benefit_cont_wrap .guidebook + [class*="tit_dep"] {margin-top:20px} .benefit_cont_wrap .guidebook li {display:block} .benefit_cont_wrap .guidebook li + li {margin:10px 0 0} .benefit_cont_wrap .guidebook .btn_download2 {padding: 9px 35px 6px 15px;height:auto;font-size:1.5rem;line-height:1.53;background-size: 13px} .benefit_cont_wrap .guidebook .btn_download2:before {width:41px;height:21px;margin:-1px 8px 0 0;background-image:url(/pconts/images/contents/card/img_carddetail_platinum_m.png);background-size:auto 21px} .benefit_cont_wrap .guidebook .btn_download2.visa:before {background-position:0 0} .benefit_cont_wrap .guidebook .btn_download2.master:before {background-position:-41px 0} .benefit_cont_wrap .guidebook .btn_download2.amex:before {background-position:-82px 0} .benefit_cont_wrap .guidebook .btn_download2 + .btn_download2 {margin-left:4px} .benefit_cont_wrap .guidebook .download_two {padding: 9px 35px 6px 15px;height:auto;font-size:1.5rem;line-height:1.53;background-size: 13px} .benefit_cont_wrap .card_benefit_banner {padding-bottom:12px;margin-bottom:20px} .benefit_cont_wrap .card_benefit_banner:after {width:calc(100% - 12px);height:calc(100% - 12px);border:2px solid #4868e1} .benefit_cont_wrap .card_benefit_banner .inner {width:calc(100% - 12px);padding:20px 26px} .benefit_cont_wrap .card_benefit_banner .inner:before {left:-1px;top:4px;width:13px;height:2px} .benefit_cont_wrap .card_benefit_banner .inner .tit {margin-bottom:10px;font-size:2rem} .benefit_cont_wrap .card_benefit_banner .inner .tit .small_block {font-size:1.5rem} .benefit_cont_wrap .card_benefit_banner .inner .txt {font-size:1.5rem} .accordion_wrap.btm_line.card_detail + ul {font-size:15px} .accordion_header button.acc_btn.card_detail .acc_title {font-size:1.6rem} .accordion_header button.acc_btn.card_detail .acc_title > img {width:19px;margin-right:10px} .pop_sns_wrap .sns_pop li {width:80px} .pop_sns_wrap .sns_pop li > button {width:60px;height:60px} .pop_sns_wrap .sns_pop li > button span {padding-top:75px} .pop_annual_wrap {padding:0 10px} .pop_annual_wrap .logo_tit {font-size:1.7rem} .pop_annual_wrap .logo_tit > img {width:41px} .pop_annual_wrap .logo_tit span {margin-left:10px} .pop_annual_wrap .annual_tbl th {padding:12px 0 0v;font-size:1.3rem} .pop_annual_wrap .annual_tbl td {font-size:1.5rem} .pop_annual_wrap .annual_tbl td.point {font-size:2rem} .checkbox_list .check_wrap.pop_annual_list li {padding:20px 0} .map_area_wrap .map_list li{width: 100%} .map_area_wrap .map_list li > div{height: auto;padding:20px;margin:0 0 10px 0} .map_area_wrap .map_list li .space{width: 65%;font-size:1.6rem;padding-bottom: 15px} .map_area_wrap .map_list.big li > div{height: auto} .table_wrap.type01 thead th{padding:8px 10px 6px;font-size:1.3rem} .table_wrap.type01 tbody td{padding:10px 0 10px;font-size:1.3rem} .table_wrap.type01 tbody tr:first-child td{padding-top:15px} .table_wrap.type01 .ico_brand{width:41px;height:21px} .table_wrap.type01 .ico_brand img{width:41px;height:21px} .info_col{margin-top:5px} .info_col ul{display:block;height:auto;margin:0} .info_col ul li{display:table;flex:none;width:100%;margin:0} .info_col ul li + li{margin-top:5px} .info_col ul li > div{display:table-cell;height:61px;padding:12px 10px 11px;font-weight:700;font-size:1.3rem;text-align:left;vertical-align:middle} .service_step{display:block;margin-bottom:6px} .service_step li{display:table;width:100%;text-align:left} .service_step li > div{display:table-cell;position:relative;width:100%;height:auto;padding:25px 15px 24px 73px;vertical-align:middle} .service_step li > div .icon_box{display:inline-block;position:absolute;left:16px;top:50%;width:40px;height:40px;margin:-20px 0 0;background-size:40px 40px !important} .service_step li > div p{margin-top:0;font-size:1.5rem;line-height:1.56} .service_step li.arrow{width:100%} .service_step li.arrow:before{left:33px;top:50%;margin:-7px 0 0;border-color:#111;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .service_step li.arrow p{padding:13px 15px 12px 73px} .tit_dep2 + .service_step {margin-top:9px !important} .service_used{padding-right:130px;margin-bottom:12px} .service_used ul{width:100%} .service_used ul li{padding-top:27px} .service_used ul li:before{left:50%;top:11px;margin:-5px 0 0 -1px} .service_used ul li > div{padding:7px 16px 7px} .service_used ul li p{line-height:1.54} .service_used ul li span {line-height:1.54} .service_used ul li.aside{width:101px;padding-top:209px} .service_used ul li.aside > div:before{left:-29px;top:-180px;width:80px;height:180px} .service_used ul li.aside > div:after{left:-29px;top:41px;width:37px} .service_used ul li.aside i.ico:before{left:-27px;top:37px} .service_used ul li.aside i.ico:after{left:46px;top:-11px} .service_used ul li.aside p {margin:10px 0 0} .service_used .ico.nice{width:85px;height:85px;background-size:85px 85px} .service_used .marker_refer{margin:6px 0 0 0} .design_card_wrap{overflow:hidden;max-width:320px;padding:0;margin:0 auto} .design_card_wrap ul{margin:0;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .design_card_wrap ul li{max-width:155px;width:50%;margin:19px 0 0} .design_card_wrap ul li:nth-child(odd){padding-right:5px} .design_card_wrap ul li:nth-child(even){padding-left:5px} .design_card_wrap ul li img{width:100%;height:auto;max-height:98px} .design_card_wrap ul li p{margin-top:11px;font-size:1.3rem;line-height:1.74} .marker_dot + .design_card_wrap {margin-top:-4px} .talbe_counting {float:none;margin-top:7px;padding-bottom:2px;font-size:1.3rem;text-align:left} .talbe_counting .wgt_md {color:#333} .font_md05.sub_txt {color:#111} .font_lg06 .btn_question, .font_lg06 .btn_tooltip {margin-top:-2px;width:19px;height:19px;vertical-align:middle} .font_lg06 .btn_tooltip span:after {width:19px;height:19px;font-size:1.1rem;line-height:1.9rem} .check_list02 label span:before {background-size: 33px 33px} .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span{padding: 11px 15px} .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"]:checked + span{padding: 10px 15px} .choice_icon_gs{background: url(/pconts/images/contents/card/ico_choice_gsM.png)no-repeat center;background-size: 116px 40px} .choice_icon_skenergy{background: url(/pconts/images/contents/card/ico_choice_skenergyM.png)no-repeat center;background-size: 116px 40px} .choice_icon_hyundai{background: url(/pconts/images/contents/card/ico_choice_hyundaioilM.png)no-repeat center;background-size: 116px 40px} .choice_icon_soil{background: url(/pconts/images/contents/card/ico_choice_soilM.png)no-repeat center;background-size: 116px 40px} .choice_title {padding:17px 20px !important} input[type="radio"]:checked + .choice_title {padding:16px 19px !important} .choice_title > p {padding-bottom:7px} .choice_title .service_list {display:list-item !important;margin-top:13px;list-style:none} .choice_title .service_list li {min-height:auto;margin-bottom:14px;padding:0px} .choice_title .service_list li > div::before {width: 33px;height: 33px; content: '';background-size:33px; } .choice_title .service_list div {width:33px;height:33px;margin-right:16px} .choice_title .service_list p { width:calc(100% - 49px)} .choice_title .service_list .service_text1 {font-size:1.5rem;margin-bottom:3px} .choice_title .service_list .service_text2 {font-size:1.3rem} .card_design_wrap {width:100%;margin-left:auto;margin-right:auto;text-align:center} .card_design_wrap label {width:217px;text-align:left} .card_design_wrap label .img{width:217px;height:138px} .card_design_wrap label .img img{width:217px;height:138px;border-radius:8px} .card_design_wrap label input[type="radio"] + span{display:block;margin-right:-10px;font-size:1.6rem} .recommend_benefit {display:block;margin:30px -27px;padding:45px 0} .recommend_benefit > * {flex:none} .recommend_benefit .benefit_item {padding:0 50px} .recommend_benefit .benefit_item:before {display:none} .recommend_benefit .benefit_item dt {margin-bottom:15px;font-size:2.4rem;line-height:3.2rem} .recommend_benefit .benefit_item dt .num {position:relative;left:0;display:block;margin-bottom:15px;font-size:3.3rem} .recommend_benefit .benefit_item dd:not(:first-child) {margin-top:15px} .recommend_benefit .benefit_item.item02 {padding-top:40px} .shcard_method_wrap {padding:15px 7px 0} .shcard_method_wrap .icon_list.step > li .icon_box {min-height: 50px;background-position:left -4px} .pop_wrap .pop_cont .send {padding:25px} .find_card_wrap .swipe_page_wrap {width:100%;height:100%;margin-bottom:0} .find_card_wrap .swipe_page_wrap .find_section {width:100%;height:100%} .find_card_wrap .find_section .sec_tit {padding-top:18px;font-size:4rem;line-height:4.4rem;color:#333} .find_card_wrap .find_section .sec_sub_tit {padding-top:30px;font-size:2rem} .find_card_wrap .find_section .sec_sub_tit + .sec_tit {padding-top:10px} .find_card_wrap .find_section .sec_con {padding-top:38px} .find_card_wrap .find_section .sec_con .select_list {width:auto;margin:0 auto 5px}    .radio_wrap.chk_ico li {float:left;flex:none;width:calc(50% - 20px);max-width:167px} .radio_wrap.chk_ico li:first-child {margin-left:10px} .radio_wrap.chk_ico li:not(:first-child) {margin-left:10px;margin-right:10px} .radio_wrap.chk_ico li .radio_btn:first-child input[type="radio"] + span {width:auto;padding:20px 10px} .radio_wrap.chk_ico .radio_btn:first-child input[type="radio"]:checked + span {padding:20px 10px} .radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span::after {right:10px;top:10px;background:url(/pconts/images/contents/card/ico_check_on_m.png) no-repeat left top;background-size:20px auto} .radio_wrap.chk_ico .radio_btn input[type="radio"] + span em {padding-top:15px;padding-bottom:7px;font-size:1.8rem;line-height:1.9rem} .radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt {font-size:1.3rem;line-height:1.8rem} .radio_wrap.chk_ico.select_list li:not(:first-child):before {left:-7px;top:50%;width:1px;height:106px;margin:-53px 0 0 0;background:#eee} .radio_wrap.chk_ico.select_list[class*="col"] {flex-direction:column} .radio_wrap.chk_ico.select_list[class*="col"] li {float:none;display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;max-width:100%;margin:0 auto} .radio_wrap.chk_ico.select_list[class*="col"] li:not(:first-child) {margin-top:6px} .radio_wrap.chk_ico.select_list[class*="col"] li:not(:first-child):before {left:0;top:-3px;width:100%;height:1px;margin:0} .radio_wrap.chk_ico.select_list.col4 li.on:before, .radio_wrap.chk_ico.select_list.col4 li.on + li:before {left:50%} .radio_wrap.chk_ico.select_list[class*="col"] li.on:not(:first-child):before {display:none} .radio_wrap.chk_ico.select_list[class*="col"] li.on:first-child + li:before {display:block} .radio_wrap.chk_ico.select_list[class*="col"] li label > span {position:relative;padding:20px 0;margin-left:20px} .radio_wrap.chk_ico.select_list[class*="col"] li .radio_btn:first-child input[type="radio"] + span {padding:20px 10px 20px 75px}    .radio_wrap.chk_ico.select_list[class*="col"] li .radio_btn:first-child input[type="radio"] + span > * {text-align:left;justify-content:left} .radio_wrap.chk_ico.select_list[class*="col"] li label > span .ico {position:absolute;top:20px;left:20px;margin-top:0} .radio_wrap.chk_ico.select_list[class*="col"] li label > span em {justify-content:left}    .radio_wrap.chk_ico.select_list[class*="col"] .ico + em {padding:0} .radio_wrap.chk_ico.select_list .has_ico [class*="ico"] {width:33px;height:33px;background-color:none;background-position:0 0;background-repeat:no-repeat;background-size:33px auto} .find_card_result {padding-top:40px} .find_card_result .result_list .item {padding:25px 15px} .find_card_result .result_list .item .card_img {float:left;max-height:270px;width:100px} .find_card_result .result_list .item .card_img img {width:100px} .find_card_result .result_list .item.vertical .card_img {margin-top:40px;margin-bottom:40px} .find_card_result .result_list .item.vertical .card_img img {margin-bottom:-40px} .find_card_result .result_list .item.col .card_img img {width:63px;margin:0 auto} .find_card_result .result_list .item .card_name_wrap {float:none;width:100%;padding-left:0} .find_card_result .result_list .item .card_name_wrap .badge_wrap {margin-bottom:3px} .find_card_result .result_list .item .card_info {float:left;width:calc(100% - 100px);padding-left:30px} .find_card_result .result_list .item .card_info .tag span {font-size:1.2rem} .find_card_result .result_list .item .card_info .tag span:not(:first-child) {margin-left:10px} .find_card_result .result_list .item .card_info .card_name {margin-bottom:28px;font-size:1.7rem} .find_card_result .result_list .item .card_info .card_detail > * {float:left;font-size:1.3rem;line-height:2.1rem}    .find_card_result .result_list .item .card_info .card_detail dt {width:90px;color:#333} .find_card_result .result_list .item .card_info .card_detail dd {width:calc(100% - 90px);padding-left:10px} .find_card_result .result_list .item .card_info .card_detail dt:not(:nth-of-type(1)), .find_card_result .result_list .item .card_info .card_detail dd:not(:nth-of-type(1)) {margin-top:5px} .card_combo .combo_item_list ul li, .card_combo .combo_list .check_wrap.type_grid ul li, .card_combo .combo_list .radio_wrap.type_grid ul li {width:33.3%;height: 109px} .card_combo .combo_item_list ul li .combo_item {width:100%} .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em, .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {font-size:1.4rem} .card_combo .seleted_combo .sch_result {padding:10px} .card_combo .seleted_combo .sch_result .btn_del {top:10px;right:10px} .card_combo .total_payment dl {padding:20px 10px 4px;font-size:1.5rem} .card_combo .accordion_wrap.accordion_check dd {padding:16px 0} .card_combo .accordion_wrap.accordion_check dd .btn_check_pop {top:0} .card_combo .check_wrap.type_agree .check_agree {margin-top:0} .card_combo .radio_wrap.type_agree .check_agree {margin-top:0} .card_combo .occupied_combo_date {padding-bottom:15px} .occupied_combo_list {position:relative;padding-top:0} .occupied_combo_list .occupied_combo {display:-webkit-flex; display:-ms-flexbox; display:flex;flex-wrap:wrap-reverse;border-top-width:2px;margin-bottom:20px;padding:16px 0 17px;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .occupied_combo_list li {padding-bottom:30px} .occupied_combo_list ul li .info {font-size:1.3rem} .occupied_combo_list ul li em {display:inline-flex;padding-left:0;font-size:1.6rem;color:#111} .occupied_combo_list ul li em.item {padding-left:0} .card_combo .card_combo  .occupied_combo {margin-bottom:20px} .card_combo .check_occupied_combo {margin-top:6px} .card_combo .check_occupied_combo .accordion_header {margin-bottom:20px} .card_combo .check_occupied_combo .accordion_header button.acc_btn, .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn {border-top:0 none;padding:10px 0} .card_combo .combo_result {border-bottom:1px solid #eee;padding:20px 0} .card_combo .check_occupied_combo .accordion_header.on + .accordion_body {margin-bottom:30px} .card_combo .form_type .form_ele .ele_tit.row {padding-top:10;margin-top:0} .card_combo .combo_item_list ul li{padding: 2px} .card_combo .combo_item_list ul li:nth-child(3n+1){padding: 2px 2px 2px 0} .card_combo .combo_item_list ul li:nth-child(3n+3){padding: 2px 0 2px 2px} .card_combo .combo_item_list ul li .combo_item{height: 105px} .card_combo .combo_item_list ul li .combo_item em{padding-top:6px;font-size: 1.5rem} .card_combo .combo_item_list ul{margin: 0} .popup .pop_combo_list {padding-bottom:40px} .popup .pop_combo_list ul li {float:left;padding:0 15px} .popup .pop_combo_list ul.multi_logo.four li{padding:0 5px} .popup .pop_combo_list ul.multi_logo.four li:first-child {padding-left:0} .popup .pop_combo_list ul.multi_logo.four li:last-child {padding-right:0} .popup .pop_combo_list ul li .img_wrap {margin-bottom:15px} .popup .pop_shopping_list ul {display:block} .popup .occupied_combo_list::before {content:'';position:absolute;top:-30px;left:-20px;width:calc(100% + 40px);border-top:1px solid #eee} .popup .occupied_combo_list ul {margin-top:30px} .popup .occupied_combo_list .occupied_combo {margin-bottom:0} .ico_combo_donut{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_store{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_coffe{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_bakery{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_icecream{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_movie{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_pizza{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_family{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_app{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_buy{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_money{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_combo_golf{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px} .ico_speed{background: url(/pconts/images/contents/card/ico_combo_speedM.png)no-repeat left bottom;background-size: 82px 33px} .ico_auto{background: url(/pconts/images/contents/card/ico_combo_autoM.png)no-repeat left bottom;background-size: 82px 33px} .ico_mad{background: url(/pconts/images/contents/card/ico_combo_madM.png)no-repeat left bottom;background-size: 82px 33px} .ico_lotte_world{background: url(/pconts/images/contents/card/ico_combo_lotteM.png)no-repeat left bottom;background-size: 82px 33px} .ico_lotte_cinema{background: url(/pconts/images/contents/card/ico_combo_lottecinemaM.png)no-repeat left bottom;background-size: 82px 33px} .ico_genie{background: url(/pconts/images/contents/card/ico_combo_genieM.png)no-repeat left bottom;background-size: 82px 33px} .ico_skplanet{background: url(/pconts/images/contents/card/ico_combo_skplanet.png)no-repeat left bottom;background-size: 82px 33px} .ico_arum{background: url(/pconts/images/contents/card/ico_combo_areumM.png)no-repeat left bottom;background-size: 82px 33px} .ico_gift{background: url(/pconts/images/contents/card/ico_combo_giftM.png)no-repeat left bottom;background-size: 82px 33px} .ico_gs_caltex{background: url(/pconts/images/contents/card/ico_combo_gsM.png)no-repeat left bottom;background-size: 82px 33px} .card_prd_list02 ul>li {padding:30px 10px 25px} .card_prd_list02 ul>li>div {min-height:auto;padding-left:0} .card_prd_list02 .card_name {display:block;margin-top: -3px;margin-bottom: 4px;font-size:1.8rem} .card_prd_list02 .card_text {width:100%;font-size:1.3rem;margin-bottom: 15px} .card_prd_list02 .card_desc {padding-top: 0px} .card_prd_list02 dl {margin-top:0px;font-size:1.2rem} .card_prd_list02 dl.pdb_bottom{padding-bottom:3px} .card_prd_list02 dl dt {width:38px;font-size: 1.2rem} .card_prd_list02 dl dd {padding-left:10px;font-size: 1.2rem} .card_prd_list02 .round_badge {overflow:hidden;min-width:35px;height:17px;padding:0 5px;border-radius:12px;font-weight:400;font-size:1.0rem;line-height:1.8rem;vertical-align:top} .card_prd_list02 .card_img_desc {display:table;width:100%} .card_prd_list02 .card_img, .card_prd_list02 .card_desc {display:table-cell;vertical-align:top} .card_prd_list02 .card_img {position:static;width:100px;height:63px} .card_prd_list02 .card_desc {padding-left:30px} .card_prd_list02 .btn {position:relative;height:auto;margin-top:16px;margin-bottom:-5px;padding:0 13px 0 0;border:0;font-size:1.1rem;line-height:1.45;color:#111;text-align:left} .card_prd_list02 .btn_outlink:after {margin-bottom:0;vertical-align:middle} .card_price {padding-bottom:62px;background:url(/pconts/images/contents/card/ico_btn_down_mo.png) no-repeat center 51px;background-size:57px} .card_prd_list02 .list_btn_wrap{display: none} .card_prd_list02 ul>li.vertical>div {min-height:166px} .card_prd_list02 ul>li.vertical .card_img_desc {min-height:100px} .card_prd_list02 ul>li.vertical .card_img img {margin-top:17px} .card_sec02 {padding-top:118px} .card_sec02 .img {width:200px;height:127px;margin-top:-88px} .card_sec02 .card_name {width:100%;margin:-23px auto 0;padding:0 0 36px} .card_sec02 .card_name.type01 {width:100%;margin:-39px auto 0;padding:0 0 0} .card_sec02.vertical_type {padding-top:138px} .card_sec02.vertical_type .img {margin-top:-108px;width:127px;height:147px} .card_sec02 p {font-size:1.6rem} .card_sec02 strong .btn_question {width:19px;height:19px;font-size:1.1rem;line-height:19px} .card_sec02 strong .btn_question span::after {width:19px;height:19px;line-height:19px} .card_sec02 + .ly_inner .top_marker .marker_dot {padding-top:12px;margin-bottom:22px}    .card_sec02.type02 {padding-top:0} .card_sec02.type02 .img {margin-top:-94px} .card_sec02.type02 .card_name_top {padding:36px 0 107px;font-size:1.6rem} .card_sec02.type02 .card_name {padding:0 0 42px} .card_sec02.vertical_type.type02 .img {margin-top:-106px} .card_sec02.vertical_type.type02 .card_name_top {padding-bottom:119px} .card_sec02.vertical_type.type02 .card_name {padding-bottom:34px} .card_sec04 .ly_inner .bank_name {font-size:1.5rem;margin-bottom:15px} .card_sec04 .ly_inner .bank_num {font-size:1.8rem} .card_sec04 .ly_inner div {width:216px;height:126px;background-size:contain;margin:20px auto} .card_sec04 .ly_inner .text_info {font-size:1.3rem} .card_newlist ul li {padding:18px 0 18px} .card_newlist ul li .left_con {width:60%} .card_newlist ul li .left_con strong {font-size:1.6rem} .card_newlist ul li .left_con strong i {font-size:1.3rem;font-weight:400;margin-bottom:11px} .card_newlist ul li .left_con .date {font-size:1.3rem;font-weight:400} .card_newlist ul li .right_con {width:40%} .card_newlist ul li .right_con .amount {font-size:1.8rem;margin-bottom:0px} .card_newlist ul li .right_con .possible {font-size:1.3rem;font-weight:400;margin-bottom:4px} .card_newlist ul li .right_con .btn_wrap {display:block;top:0px} .list_wrap .card_list2 {margin-top:11px} .list_wrap .card_list2 li {display:table;width:100%;margin:0;padding:20px 0 17px;font-size:1.6rem} .list_wrap .card_list2 .left_con, .list_wrap .card_list2 .right_con {display:table-cell;float:none} .list_wrap .card_list2 .left_con {width:70%} .list_wrap .card_list2 .right_con {width:30%} .list_wrap .card_list2 .date {float:none;width:100%;margin-top:6px;font-size:1.3rem} .list_wrap .card_list2 strong {font-size:1.6rem} .list_wrap .card_list2 strong .bank_num {display:block;font-size:1.3rem} .list_wrap .card_list2 .amount {font-size:1.8rem} .list_wrap .card_list2 .amount span {font-weight:400} .list_wrap .card_list2 .right_con .btn_wrap {display:block} .card_list_common .card_list_wrap > li {padding:25px 0} .card_list_common .card_list_wrap > li .card_img_wrap {float:left;width:108px} .card_list_common .card_list_wrap > li .card_img_wrap a > img {width:100px} .card_list_common .card_list_wrap > li .card_img_wrap.more a {display:inline-block;padding: 0 4px 4px 0;background:url(/pconts/images/contents/card/bg_horizontal_more_m.png) no-repeat left top;background-size:104px;text-align:center} .card_list_common .card_list_wrap > li .card_img_wrap.vertical {height:108px;margin-bottom:0;text-align:center} .card_list_common .card_list_wrap > li .card_img_wrap.vertical a {width:108px;padding:4px 0 0 0;margin-top:15px;margin-left:0} .card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {background:url(/pconts/images/contents/card/bg_vertical_more_m.png) no-repeat right top;background-size:104px;text-align:center} .card_list_common .card_list_wrap > li .card_name_wrap {width:100%;margin-bottom:15px} .card_list_common .card_list_wrap > li .card_name_wrap .card_name {padding-right:0px;font-size:1.8rem} .card_list_common .card_list_wrap > li .card_name_wrap .card_name + button {display:none} .card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap {margin-bottom:3px} .card_list_common .card_list_wrap > li .benefit_wrap {width:calc(100% - 108px);padding-left:15px;margin-bottom:10px} .card_list_common .card_list_wrap > li .benefit_wrap ul li {padding-left:100px;font-size:1.2rem} .card_list_common .card_list_wrap > li .benefit_wrap ul li + li {padding-top:3px} .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {left:15px;width:100px} .card_list_common .card_list_wrap .list_btn_wrap {display:none} .list_btn_wrap_m {display:block;margin-left:125px} .list_btn_wrap_m button {font-size:1.2rem} .list_btn_wrap_m button.text_link::after {width:6px;height:6px} .card_list_common .card_thumb_list_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap} .card_list_common .card_thumb_list_wrap > li {position: relative;width:50%;border-bottom:1px solid #eeeeee;padding:25px 0 20px 10px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;text-align:left} .card_list_common .card_thumb_list_wrap > li .card_img_wrap {height:136px;line-height:126px} .card_list_common .card_thumb_list_wrap > li .card_img_wrap a > img {width:128px;vertical-align:bottom} .card_list_common .card_thumb_list_wrap > li .card_img_wrap.more a {display:block;padding:0 0 11px 0;background:url(/pconts/images/contents/card/bg_horizontal_more_m.png) no-repeat left bottom 6px / 133px} .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical {height:136px} .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {width:133px;margin-left:0} .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical.more a {display:block;padding:0;line-height:136px;background:url(/pconts/images/contents/card/bg_vertical_more_m.png) no-repeat right bottom / 133px} .card_list_common .card_thumb_list_wrap > li .card_name_wrap {padding-top:28px} .card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {top:0px} .card_list_common .card_thumb_list_wrap > li .card_name_wrap .card_name {min-height:34px;height:auto;font-size:1.5rem;margin-bottom: 8px;line-height: 1.2} .card_list_common .card_thumb_list_wrap > li .benefit_wrap {max-height:48px;padding-top:0px;margin-bottom:20px;font-size:1.3rem;line-height: 1.3} .card_list_common .card_thumb_list_wrap > li .list_btn_wrap {position: absolute;bottom: 15px} .card_list_common li .list_btn_wrap_m .text_link {font-weight:700} .card_thumb_list_wrap .list_btn_wrap button {font-size:1.2rem} .card_thumb_list_wrap .list_btn_wrap button.text_link::after {width:6px;height:6px} .cardlist_filter_wrap {margin-top:8px} .cardlist_filter_wrap .filter_toggle > span { font-size:1.5rem} .card_filter_search_wrap {top:0;height:100%;width:100%} .card_filter_search_wrap .filter_header {padding:16px 20px 16px 20px} .card_filter_search_wrap .filter_header h4 {font-size:1.8rem;line-height:1.5} .card_filter_search_wrap .filter_header .btn_close {top:9px;right:10px} .card_filter_search_wrap .filter_cont {padding:59px 0 109px;margin-top:-59px} .card_filter_search_wrap .filter_cont .scroll_wrap {padding:30px 20px} .card_filter_search_wrap .filter_cont .form_type .form_ele.type04 .ele_tit {margin-bottom:0} .card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label {margin-bottom:0} .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label {margin-bottom:0} .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list.check_wrap .check_default {width: 50%} .card_filter_search_wrap .filter_btn {width:100%;bottom:0} .check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand em {padding-top:8px;font-size:1.2rem} .key_visual .visual_slider .swiper-button-prev {left:-5px;top:103px;line-height:44px} .key_visual .visual_slider .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333} .key_visual .visual_slider .swiper-button-next {right:-5px;top:103px;line-height:44px} .key_visual .visual_slider .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333} .key_visual .visual_slider .controll_wrap {bottom:10px} .key_visual .visual_slider .swiper-button-play {display:inline-block;position:relative;width:24px;height:24px;margin-right:6px} .key_visual .visual_slider .swiper-button-play:before {left:8px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #4868e1;border-right:8px solid transparent} .key_visual .visual_slider .swiper-button-play.is_active {width:24px;height:24px} .key_visual .visual_slider .swiper-button-play.is_active:before, .key_visual .visual_slider .swiper-button-play.is_active:after {left:9px;top:7px;width:2px;height:10px;background-color:#ccc} .key_visual .visual_slider .swiper-button-play.is_active:before {border:0} .key_visual .visual_slider .swiper-button-play.is_active:after {left:13px} .key_visual .visual_slider .swiper-pagination {font-size:1.8rem} .key_visual .visual_slider .visual_item {padding:39px 20px 45px} .key_visual .visual_slider .visual_item .btn_cont {position:static;margin-top:40px;text-align:center} .key_visual .visual_heading {float:none;padding-bottom:33px;text-align:center} .key_visual .visual_heading .heading_tit {margin-top:0;font-size:2.1rem} .key_visual .visual_heading .heading_desc {margin-top:6px;font-size:1.5rem;line-height:1.51} .key_visual .visual_content {position:relative;float:none;width:174px;margin:0 auto} .key_visual .visual_content .action_bg {width:173px;height:109px;border-radius:13px;background:url(/pconts/images/contents/card/bg_visual_card.png) no-repeat;background-size:100% 100%} .key_visual .visual_content .action_bg .wave {background-image:url(/pconts/images/contents/card/bg_visual_wave.png);background-repeat:no-repeat} .key_visual .visual_content .sort_list {position:absolute;left:-21px;top:113px} .key_visual .visual_content .sort_item {width:68px;height:25px;margin-top:5px;padding-left:38px;border-radius:6px;line-height:23px} .key_visual .visual_content .sort_item .sort_unit {margin-right:3px;font-size:0.9rem} .key_visual .visual_content .sort_item .sort_value {font-size:0.9rem} .key_visual .visual_content .sort_item .sort_value span {font-size:0.7rem} .key_visual .visual_content .sort_item:before {top:0;right:-6px;border:6px solid #1b2d93;border-width:6px 6px 0 6px;border-left-color:transparent;border-right-color:transparent} .key_visual .visual_content .sort_item.type01, .key_visual .visual_content .sort_item.type02, .key_visual .visual_content .sort_item.type03, .key_visual .visual_content .sort_item.type04, .key_visual .visual_content .sort_item.type05, .key_visual .visual_content .sort_item.type06 {background-position:12px center;background-size:15px 15px} .key_visual .visual_content .count_list {position:absolute;right:3px;top:187px;margin-top:-27px} .key_visual .visual_content .count {height:100px;font-size:5.0rem;letter-spacing:-0.03em;line-height:5.5rem;opacity:0} .key_visual .visual_content .unit {right:-28px;bottom:-11px;font-size:3.4rem;letter-spacing:-0.03em;line-height:1.1} .mydiy_sec {padding:40px 0 37px} .mydiy_sec.main_2 {padding:40px 38px 45px 34px} .mydiy_sec.main_3 {padding:39px 0 45px} .mydiy_sec .section_title {font-size:2.1rem;line-height:1.47} .mydiy_sec .section_desc {margin-top:8px;font-size:1.3rem;line-height:1.46} .mydiy_sec .btn_cont {margin-top:23px} .circle_graph {width:48px;height:48px;margin:0 auto;line-height:46px} .circle_graph .per_txt {font-size:0.8rem} .circle_graph .per_num {font-size:1.9rem} .circle_graph .tit {margin-top:24px;font-size:1.6rem} .main_1 .swiper-container {padding:28px 0 44px} .main_1 .swiper-inner {height:174px;padding:48px 28px 20px} .main_1 .icon {width:33px;height:33px} .main_1 .name {margin-top:9px;font-weight:400;font-size:1.5rem;color:#111} .main_1 .desc {width:161px;padding:0 20px;margin:2px auto 0;font-size:1.2rem} .main_1 .swiper-button-prev, .main_1 .swiper-button-next {top:95px} .main_1 .swiper-button-prev {left:-5px} .main_1 .swiper-button-next {right:-5px} .main_1 .swiper-button-play {margin-right:1px} .main_1 .swiper-pagination {font-size:1.3rem} .main_1 .active_area {top:28px;width:161px;height:174px;border-radius:7px} .main_1 .active_area .circle_graph {right:-19px;bottom:-18px} .main_2 .pick {width:auto;margin:42px auto 0;padding-top:102px;background:url(/pconts/images/contents/card/bg_pick_m.png) no-repeat center 0;background-size:150px auto} .main_2 .pick .pick_inner {height:61px;border-radius:7px;box-shadow:none} .main_2 .pick .pick_name {margin-top:3px;font-size:1.3rem} .main_2 .pick .pick_count {float:left;margin-left:27px;padding-left:21px;font-size:1.2rem} .main_2 .pick .pick_count:before {left:0;top:7px;width:11px;height:8px} .main_2 .pick .pick_count .count {font-size:2.3rem} .main_2 .pick .pick_point .point {height:26px;padding:0 10px;font-size:1.0rem;line-height:26px} .main_2 .pick .pick_point [class^=flag_] {top:10px;left:30px} .main_2 .pick .pick_point .flag_01 {width:7px;height:3.7px;background:#009a9a;opacity:0.15} .main_2 .pick .pick_point .flag_02 {width:4px;height:1px;background:#009a9a} .main_2 .pick .pick_point .flag_03 {width:3px;height:7px;background:#009a9a;opacity:0.4} .main_2 .pick .pick_point .flag_04 {width:7px;height:2px;background:#8898d8} .main_2 .pick .pick_point .flag_05 {width:5px;height:1px;background:#8898d8} .main_2 .pick .pick_point .flag_06 {width:2px;height:6px;background:#009a9a;opacity:0.6} .main_2 .pick.is_active .pick_inner {padding:19px 24px 19px 24px} .main_2 .pick.is_active .pick_point .flag_01 {top:-13px;left:-3px;transform:skew(20deg) rotate(30deg)} .main_2 .pick.is_active .pick_point .flag_02 {top:-4px;left:-13px;transform:skew(20deg) rotate(-40deg)} .main_2 .pick.is_active .pick_point .flag_03 {top:7px;left:-15px;transform:skew(20deg) rotate(-15deg)} .main_2 .pick.is_active .pick_point .flag_04 {top:-16.3px;left:44px;transform:skew(20deg) rotate(150deg)} .main_2 .pick.is_active .pick_point .flag_05 {top:-4.5px;left:54px;transform:skew(35deg) rotate(50deg)} .main_2 .pick.is_active .pick_point .flag_06 {top:5.6px;left:56px;transform:skew(20deg) rotate(350deg)} .mydiy_type .accordion_header button.acc_btn, .mydiy_type .accordion_header a[role="button"].acc_btn {padding:19px 21px 19px;font-size:1.5rem} .mydiy_type .accordion_header button.acc_btn:after, .mydiy_type .accordion_header a[role="button"].acc_btn:after {right:24px;top:20px;width:9px;height:9px} .mydiy_type .accordion_header button.acc_btn.on:after, .mydiy_type .accordion_header a[role="button"].acc_btn.on:after {top:25px} .mydiy_type .accordion_body {padding:18px 22px 17px} .mydiy_pop_cont_area {padding:13px 0 20px} .mydiy_pop_cont_area .h_title {margin-bottom:6px} .mydiy_pop_cont_area .desc {font-size:1.5rem;line-height:1.51} .mydiy_pop_cont_area .desc + .h_title {margin-top:21px} .mydiy_pop_cont_area ul.marker_dot.Mid > li {font-size:1.5rem;line-height:1.51} .mydiy_pop_cont_area .marker_dot > li::before {top:9px} .popup_type01.mydiy_rate_area .pop_head .explain {margin:29px 0 10px;font-size:1.5rem} .mydiy_rate_area .pop_cont {max-height:none} .mydiy_rate_area .save_list li div.ico {width:33px} .mydiy_rate_area .save_list li div.ico span {width:33px;height:33px} .mydiy_rate_area .save_list li div.tit {padding-left:15px;padding-right:15px;font-size:1.5rem} .mydiy_rate_area .save_list li div.per {width:50px;font-size:1.5rem} .mydiy_rate_area .save_list li div.per span {font-size:2.5rem} .DIY_home {padding-top:40px;height:165px} .DIY_home .tit_area .txt_area {font-size:2.1rem} .DIY_home .card_area .img_area img {width:217px;border-radius:10px} .diybox_section {padding:100px 0 0} .cont_box {width:100%;padding:0} .cont_box > div {padding-left:4px;padding-bottom:2px;width:50%} .cardtype_choice {display:inline-block;width:100%;margin-bottom:60px} .cardtype_choice .choice_door {padding:30px 15px} .cardtype_choice .choice_door .card_info h4 {font-size:1.5rem} .cardtype_choice .choice_door .card_info p {font-size:1.3rem} .cardtype_choice .choice_door .card_info .btn_wrap .btn.default {width:100%;min-width:auto;padding:0} .cardtype_choice .choice_door .card_info .btn_wrap .btn.default + i {margin-top:5px} .DIY_header {padding:38px 0} .DIY_header .tit_area h4.tit_k1 {font-size:2.0rem;font-weight:700 !important} .DIY_header .tit_area .txt_k1 {font-size:1.5rem;padding-top:8px} .article.slim {padding:0} .article.slim .slide_area .swiper-button-prev, .article.slim .slide_area .swiper-button-next {top:60%} .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .check_wrap.type_agree {padding-left:8px} .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .check_wrap.type_agree .check_agree {height:50px;line-height:50px;margin-top:0} .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding:0 51px 0 30px} .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {width:21px;height:21px;margin:-12px 0 0 0;background-size:21px} .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before {width:21px;height:21px;margin:-12px 0 0 0;background-size:21px} .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"]:checked + span:before, .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"]:checked + span:before {background-size:21px} .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check {width:42px} .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check:before{width:8px;height:8px;margin:-6px 0 0 -4px} .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on:before{margin-top:-2px;border-color:#4868e1;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg)} .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .accordion_header.on + .accordion_body {padding:15px 24px;background:#fafafa} .req_wrap {padding:44px 25px 0} .req_wrap ul li label input + span {width:100%;min-width:131px;max-width:131px;height:131px;font-weight:700;font-size:1.5rem} .req_wrap ul li label i {width:33px;height:33px;margin:25px auto 26px} .req_wrap ul li label input:checked + span i {margin:24px auto 26px} .req_wrap ul li label i.ico_quick {background-size:33px 33px} .req_wrap ul li label i.ico_online {background-size:33px 33px} .req_wrap p {clear:both;padding-top:26px;margin:0 -25px 5px} .banner_field {padding:25px 0;font-size:1.5rem} .tit_t2 {font-size:2.3rem} .survey_box {padding:30px 0} .survey_box .page_num {margin-bottom:10px;font-size:1.4rem} .survey_box .txt_area {font-size:1.3rem} .survey_box .tit_area > span {margin-top:5px} .survey_box .tit_area .tag {display:block;width:61px;padding:1px 10px;background:#4868e1;margin:0 auto} .cont_box.survey_chk {margin:40px auto 0} .cont_box.col3 > div.rblock {width:50%} .cont_box.survey_chk.col3 > div.rblock:first-child, .cont_box.survey_chk.col3 > div.rblock:nth-child(3n+1) {padding-left:4px} .cont_box.survey_chk.col3 > div.rblock:nth-child(3n) {padding:4px} .cont_box.survey_chk > div.rblock label {min-height:77px} .cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 14px center / 13px 9px !important} .cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 {padding:0 28px;word-break:break-all;line-height:1.3} div.chk_t2 input[type="checkbox"] + label span {font-size:1.5rem} .cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 14px center / 13px 9px !important} .cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 {padding:0 28px;word-break:break-all;line-height:1.3} div.chk_t2 input[type="radio"] + label span {font-size:1.5rem} .survey_box.type01 {padding:25px 0} .survey_box.type01 .page_num, .survey_box.type02 .page_num {margin:0} .survey_box.type01 .tit_area > span, .survey_box.type02 .tit_area > span {margin-top:0} .survey_box.type01 .tit_area .tit_t2 {font-size:2.1rem} .survey_box.type01 .tit_area .font_md01 {font-size:1.5rem;padding-top:5px} .survey_box.type02 {padding:25px 0 44px} .survey_box.type02 .font_md01 {margin-top:5px;line-height:1.53} .tab_cont .survey_box.type01 {padding:24px 0} .DIY_switch {margin-top:25px} .DIY_switch .switch_tit {font-size:1.5rem} .slide_area {margin:15px 0 0} .slide_area > .font_md05 {font-size:1.3rem !important} .airesult_slide {margin:0 20px;margin-top:-6px} .airesult_slide .tit {margin-top:15px;font-size:1.3rem} .DIY_tab_list {margin:20px auto 0} .DIY_tab_list li {display:table-cell;padding:0 15px;text-align:center} .DIY_tab_list li a {font-size:1.6rem} .multi_box.gap70_40 {padding:25px 0 20px;margin-bottom:30px !important} .multi_box.gap80_40 {padding:25px 0 20px;margin-bottom:30px !important} .multi_list {width:100%;overflow:hidden} .multi_list ul {width:100%} .multi_list li {margin-right:6px;margin-bottom:6px;width:calc(50% - 3px);float:left} .multi_list li:nth-child(2n) {margin-right:0} .multi_list li .saving_choice span.img_area {height:32px} .multi_list li .saving_choice span.img_area img {width:32px;height:32px} .multi_list li .saving_choice em.mall_type {margin-top:20px;font-size:1.5rem} .multi_list li .saving_choice em.mall_type span {margin-left:10px;padding-right:10px} .multi_list li .saving_choice em.mall_type span:after {width:5px;height:5px} .multi_list li .saving_choice p.mall {margin-top:20px;width:100%;font-size:1.4rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal} .multi_list li .saving_choice div.btn_choice {margin:20px auto 0px} .multi_list li .saving_choice div.btn_choice button {top:10px;width:15px;height:15px} .multi_list li .saving_choice div.btn_choice button:first-child {left:0;background-image:url(/pconts/images/contents/card/btn_minus.png)} .multi_list li .saving_choice div.btn_choice p.percentage span {font-size:1.5rem} .multi_list li .saving_choice div.btn_choice p.percentage span:first-child {font-size:2.5rem} .multi_list li.list_checked .saving_choice div.btn_choice p.percentage span {width:12px} .btn_fixed {position:fixed;bottom:20px;left:calc(100% - 75px);width:55px;margin:0} .btn_fixed .btn {width:55px;height:55px;font-size:2.5rem;line-height:55px} .btn_fixed .btn em {font-size:1.5rem} .btn_fixed.pos {position:absolute;bottom:75px} .tab_cont .btn_fixed.pos {left:calc(100% - 55px)} .option_area {margin-bottom:30px;padding-bottom:30px} .option_list div.radio_t3 input[type="radio"] + label {padding:27px 22px 27px 53px;width:100%;background:#f2f2f2 url(/pconts/images/contents/card/ico_radioOff.png) no-repeat 22px 50% / 20px 20px;border-radius:10px} .option_list div.radio_t3 input[type="radio"] + label span.txt {font-size:1.5rem} .option_list div.radio_t3 input[type="radio"] + label > span.right .count {line-height:normal} .option_list div.radio_t3 input[type="radio"] + label > span.right .count span {font-size:1.5rem} .option_list div.radio_t3 input[type="radio"] + label > span.right .count span:first-child {font-size:2.5rem} .option_list div.radio_t3 input[type="radio"]:checked + label {background:#fff url(/pconts/images/contents/card/ico_radioOn.png) no-repeat 22px 50% / 20px 20px} .list_title {margin:30px auto 12px} .list_title .list_title_cell {font-size:1.3rem} .list_title .list_title_cell.title {padding-left:80px} .list_title .list_title_cell.count {padding-right:22px} .card_design ul li + li {margin-left:0} .card_design ul li label {width:124px;height:124px} .card_design ul li label input + span {padding-top:79px;font-size:1.5rem} .card_design ul li label input:checked + span:before {left:9px;top:32px;width:16px;height:11px} .card_design ul li.card_type01 label input + span {background:url(/pconts/images/contents/card/card_type01_m.png) no-repeat 39px 28px;background-size:46px 30px} .card_design ul li.card_type02 label input + span {background:url(/pconts/images/contents/card/card_type02_m.png) no-repeat 47px 20px;background-size:30px 46px} .card_design ul li.card_type01 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type01_on_m.png);background-size:46px 30px} .card_design ul li.card_type02 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type02_on_m.png);background-size:30px 46px} .card_design .card_area {padding:10px 0 30px} .card_design .img_area span {width:219px;height:138px} .card_design .img_area span.vertical {width:146px;height:231px} .card_design .img_area span img {border-radius:8px;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.3)} .survey_box .card_area {margin-top:24px} .survey_box .card_area img {width:219px;height:138px;border-radius:8px;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.3)} .survey_box .card_area.with_barcode .barcode {position:absolute;left:50%;bottom:-14px;width:170px;height:64px;background:url(/pconts/images/contents/card/barcode_m.png) no-repeat left top;background-size:170px 64px;transform:translateX(-50%);box-shadow:0 10px 19px rgba(0, 0, 0, 0.05)} .survey_box .card_area.vertical img{width:146px;height:231px} .contents.bg_gray01 .m_fixed {background:#fafafa} .contents.bg_gray01 .m_fixed::before {background-image:linear-gradient(rgba(250, 250, 250, 0) 0%, rgb(250, 250, 250) 70%, rgb(250, 250, 250) 100%)} .survey_box .tit_t2 + .card_area {margin-top:22px;margin-bottom:-14px} .result_area {width:auto;margin:25px auto 0} .result_area + .result_area {padding-top:0} .result_area ul {margin-top:26px} .result_area ul li {display:table;height:77px;padding:0 19px} .result_area ul li .img {width:33px} .result_area ul li .img span {width:33px;height:33px} .result_area ul li .td_box {padding-left:15px;padding-right:15px} .result_area ul li .tit {display:block;width:auto;height:auto;padding-left:0;padding-right:0;font-size:1.5rem;line-height:1.3} .result_area ul li .desc {display:block;height:auto;font-size:1.3rem} .result_area ul li .rate {font-size:1.5rem} .result_area ul li .rate span {font-size:2.5rem} .result_area .radio_t3 {height:77px;margin-top:26px;box-shadow:0 10px 19px rgba(0, 0, 0, 0.05)} .result_area .radio_t3 input + span {padding:0 20px 0 51px;font-size:1.5rem;line-height:1.4} .result_area .radio_t3 input:checked + span:before {left:22px;top:27px;width:21px;height:21px} .result_area .radio_t3 input:checked + span:after {left:28px;top:33px;width:9px;height:6px} .result_area .radio_t3 .rate{right:19px;font-size:1.5rem} .result_area .radio_t3 .rate span{font-size:2.5rem} .accordion_header.DIY_service_item button.acc_btn.medium {padding:20px 0 20px 10px;font-size:1.5rem} .accordion_header.DIY_service_item button.acc_btn.medium span.new_badge {padding:3px 8px;font-size:1.3rem} .accordion_header.DIY_service_item button.acc_btn.medium span.f_right.date {padding-right:35px;padding-top:3px;font-size:1.3rem} .accordion_header.DIY_service_item button.acc_btn.medium:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium:after {margin-top:-14px;left:calc(100% - 20px)} .accordion_header.DIY_service_item button.acc_btn.medium.on:after, .accordion_header.DIY_service_item a[role="button"].acc_btn.medium.on:after {margin-top:-8px} .accordion_header.DIY_service_item button.acc_btn.on, .accordion_header.DIY_service_item a[role="button"].acc_btn.on {border-top: 1px solid #ddd} .accordion_body.DIY_service_cont .area {padding:20px} .accordion_body.DIY_service_cont .area .df_list {margin-bottom:-7px;font-size:1.5rem} .accordion_body.DIY_service_cont .area .gut30_20 {padding-right:10px} .accordion_body.DIY_service_cont .area .df_list .item_wrap:nth-of-type(2) dt, .accordion_body.DIY_service_cont .area .df_list .item_wrap:nth-of-type(2) dd {padding-top:0px} .accordion_body.DIY_service_cont .area .df_list .item_wrap dt:nth-of-type(2), .accordion_body.DIY_service_cont .area .df_list .item_wrap dd:nth-of-type(2) {padding-top:0px} .multi_ls01 li {float:left;width:50%;padding:6px 0 0 6px} .multi_ls01 li:nth-child(4n-3) {padding-left:6px} .multi_ls01 li:nth-child(odd) {padding-left:0} .multi_ls01 li .saving_choice {height:118px;padding:20px 17px 26px} .multi_ls01 li .saving_choice em.mall_type {font-size:1.5rem} .multi_ls01 li .saving_choice span.img_area {bottom:25px;right:18px;display:block;width:33px;height:33px} .multi_ls01 li .saving_choice span.img_area img {width:33px;height:33px} .multi_ls01 li .saving_choice div.btn_choice p.percentage {margin:20px 0 0 0} .multi_ls01 li .saving_choice div.btn_choice p.percentage span {font-size:1.5rem} .multi_ls01 li .saving_choice div.btn_choice p.percentage span:first-child {font-size:2.4rem}  .survey_box.type01 .form_type .form_ele.sm {padding-left:0px} .DIY_point dl dt {padding:0 0 15px 0;font-size:1.8rem} .DIY_point dl dd {padding:18px 20px;font-size:1.8rem} .DIY_point .table_wrap table{font-size: 1.5rem} .DIY_point .table_wrap table th, .DIY_point .table_wrap table td{padding: 10px} .DIY_point .table_wrap table .interval span{padding-right: 20px} .serv_article {margin-top:20px} .serv_title {padding:21px 10px 19px;font-weight:700;font-size:1.5rem} .serv_title .badge {min-width:50px;margin-top:-4px;margin-left:6px;padding:0 7px;font-size:1.3rem;line-height:23px} .serv_cont {padding:9px 0 12px;border-top:1px solid #333} .serv_cont dl {width:100%;margin-top:8px;padding:0 19px;font-size:1.5rem} .serv_cont dl dt {width:40%} .serv_cont dl dd {width:60%;padding-left:5px} .accordion_header.DIY_service_item.point button.acc_btn.medium .date {padding-right:20px;font-size:1.3rem} .accordion_header.DIY_service_item.point button.acc_btn.medium .brand {font-size:1.5rem} .accordion_header.DIY_service_item.point button.acc_btn.medium .point {padding-right:40px;font-size:1.5rem} .card_confirm {margin-top:40px;margin-bottom:26px} .card_confirm .img {width:217px;height:138px} .card_confirm .img.vertical {width:138px;height:217px} .card_confirm .img img {border-radius:8px;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.3)} .card_confirm .card_tit {margin-top:25px;font-size:1.8rem;color:#111} .card_confirm .btn_wrap {margin-top:74px} .survey_box.type03 {padding:30px 0} .bacode_area {max-width:100%;width:100%;padding:20px 43px 15px} .bacode_area p.code_number {font-size:1.5rem} .members_card_info {width:100%;margin-bottom:22px} .members_card_info li > a {height:156px;padding:14px} .members_card_info li > a:after {top:14px;right:14px;width:30px;height:30px;background-size:30px} .members_card_info li a.happy_point span.emblem, .members_card_info li a.cu span.emblem, .members_card_info li a.soil span.emblem, .members_card_info li a.cjone span.emblem {background-size:87px;background-position-y:40px; height:100%} .members_card_info li span.membership_status {top:14px;left:14px;right:auto;font-size:1.3rem} .members_card_info li.checked > a:after {top:24px;width:8px;height:8px;background:none;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)} .members_card_info li.checked a.happy_point span.emblem, .members_card_info li.checked a.cu span.emblem, .members_card_info li.checked a.soil span.emblem, .members_card_info li.checked a.cjone span.emblem {background-size:87px} .memtop_sec {width:100%;height:136px;padding-top:30px} .memtop_sec .mem_cont .symbol {width:100px} .memtop_sec .mem_cont .symbol > img {margin-left:20px} .memtop_sec .mem_cont .memb_cdn_act {padding-top:20px;font-size:1.5rem} .membership_area .ly_inner {display:block;height:auto;padding:30px 0} .membership_area.type02 .ly_inner {height:auto} .membership_area .img_logo {width:124px;height:41px} .membership_area.happypoint_type .img_logo, .membership_area.cu_type .img_logo, .membership_area.soil_type .img_logo {padding:0} .membership_area .add_info {margin:14px 0 0;padding-bottom:5px} .membership_area .add_info p {font-size:1.6rem} .membership_area .add_info p em {margin-right:7px;font-size:1.8rem} .membership_area .add_info p.date {font-size:1.3rem} .membership_area .link_area {margin-top:16px;margin-bottom:-3px} .membership_area .link_area .link + .link {margin-left:17px} .membership_area .memb_cdn_act {margin-top:16px;margin-bottom:-3px;padding-bottom:0;font-size:1.5rem} .col120_96 {width:96px} .pop_cont .diy_pop_brand li{width: 33.3%;padding:20px 0 0 0} .pop_cont .diy_pop_brand li > img{width:86px;padding-bottom: 20px} .pop_cont .diy_pop_brand li p{height: 44px;line-height: 1.2} .area365 {margin-top:30px;margin-bottom:12px} .area365 .inner > p {padding-top:24px;margin-bottom:22px} .area365 .inner .imgBox ul {padding:0px 12.5% 20px 12.5%} .area365 .inner .imgBox ul li {text-align:center;width:33%} .area365 .inner .imgBox ul li div {float:none;width:100%;height:40px} .area365 .inner .imgBox ul li p {display:block;line-height:1.53;padding-left:0;margin-top:8px} .area365 .inner .imgBox ul li:first-child div {margin-left:0;background-position:center center;background-size:40px} .area365 .inner .imgBox ul li:nth-child(2) div {margin-left:0;background-position:center center;background-size:40px} .area365 .inner .imgBox ul li:last-child div {margin-left:0;background-position:center center;background-size:40px} .themaPark table tbody tr td{padding: 15px 10px !important} .thematext{display: block;width: 100%;margin-left: 0;text-align: center} .themaImg{display: block;width: 100%;height: 24px; } .table_wrap .ever{background: url("/pconts/images/contents/card/detail_everland.png")no-repeat center center;background-size: 56px 24px} .table_wrap .bay{background: url("/pconts/images/contents/card/detail_bay.png")no-repeat center center;background-size: 56px 24px} .table_wrap .lotte{background: url("/pconts/images/contents/card/detail_lotte.png")no-repeat center center;background-size: 56px 24px} .table_wrap .seoul{background: url("/pconts/images/contents/card/detail_seoul.png")no-repeat center center;background-size: 56px 24px} .map_api{width: 100%;height: 270px} .map_api2{width: 100%;height: 251px}   .icon_detailcont_wrap{margin-right:0} .icon_detailcont_wrap .icon_list_detailcont{margin: 0 15px} .icon_detailcont_wrap .icon_list_detailcont li{width: calc(50% - 8px);padding:15px 0 15px;margin-right: 15px} .img_hipas_list{padding-bottom: 20px} .img_hipas_list > li {position: relative;padding: 0 10px;padding-top: 10px} .img_hipas_list > li > img {width: 84px;margin: 8px 8px 6px} .img_hipas_list > li::after {right: -6px;width: 8px;height: 8px} .cardimg_disabled li{width: calc(50% - 5px)} .cardimg_disabled li:first-child{margin-right: 10px} .cardimg_disabled li > img{width:100%;padding-bottom: 10px} .card_detail_style{padding: 18px 0px 20px !important} .table_wrap.type01 .ico_brand{width:41px;height:21px} .table_wrap.type01 .ico_brand img{width:41px;height:21px} .detail_ele .carddetail_name{display: block;float: left; width: 100%; padding:0 0 10px 0} .detail_ele .detail_input_wrap{display: block;width: 100%}  .cost_box{width: 100%;height: auto} .cost_box > div{display: block;width: 100%;height: auto;font-size: 1.5rem} .cost_box > div p{width: 100%} .cost_box .left_box{position: relative; float: left;margin-right: 0;margin-bottom: 28px;padding-top: 15px;padding-bottom: 15px} .cost_box .left_box:before{top:85px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .cost_box .right_box{padding-top:15px;padding-bottom:15px} .cost_box div .first_text{margin-bottom: 3px} .card_center_list .accordion_header button.acc_btn:after, .card_center_list .accordion_header a[role="button"].acc_btn:after {width:20px;height:20px;margin-top:-10px;background-size:6px 4px} .card_center_list{word-break: break-all} .card_center_list dl .card_center_pop{padding: 23px 30px 15px 10px} .card_center_list dl .card_center_pop .center_name{font-size: 1.5rem;margin-bottom: 15px} .card_center_list dl .card_center_pop .center_address{font-size: 1.3rem} .card_center_list dl dd .inner{padding: 0 30px 20px 10px} .center_info_list dl dt{width: 33%;padding-top: 12px;font-size: 1.5rem} .center_info_list dl dd{width: calc(100% - 33%);padding-top: 12px;font-size: 1.5rem} .no_serchbox{width: 100%;border: 0;padding: 0} .no_serchbox > p{width: 100%;padding-top: 40px; font-size: 1.5rem;font-weight: 400;color:#333;text-align: center} .no_serchbox .complete_body.type02{padding-top: 136;background-position: center 36px} .carddetail_qr_box{display: none} .carddetail_qr_btn{display: block} .card_detail_step4 .card_step_box{display: block;position: relative;width: 100%;margin-right: 0px;margin-bottom: 30px;padding: 11px 0;border-radius: 3px} .card_detail_step4 .card_step_box:before{top:54px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .card_detail_step4 .card_step_box:nth-child(3){margin-right: 0} .card_detail_step4 .card_step_box:nth-child(4){margin-bottom: 0px} .card_detail_step4 .card_step_box p{font-size: 1.5rem} .card_detail_step3 .card_step_box{display: block;position: relative;width: 100%;margin-right: 0px;margin-bottom: 30px;padding: 11px 0;border-radius: 3px} .card_detail_step3 .card_step_box:before{top:54px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .card_detail_step3 .card_step_box:nth-child(2){margin-right: 0} .card_detail_step3 .card_step_box:nth-child(3){margin-bottom: 0px} .card_detail_step3 .card_step_box p{font-size: 1.5rem} .card_detail_yogiyoStep .card_step_box{display: block;position: relative;width: 100%;margin-right: 0px;margin-bottom: 30px;padding: 14px 0;border-radius: 3px} .card_detail_yogiyoStep .card_step_box:before{top:84px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)} .card_detail_yogiyoStep .card_step_box:nth-child(2){margin-right: 0} .card_detail_yogiyoStep .card_step_box:nth-child(3){margin-bottom: 0px} .card_detail_yogiyoStep .card_step_box .yogiyo_step_title{margin-bottom: 4px} .card_detail_yogiyoStep .card_step_box p{font-size: 1.5rem} .card_design_jyp_wrap .cd_item{width: 100%} .card_design_jyp_wrap .cd_item label[for="card_design02"]{margin-left: 0px} .card_design_jyp_wrap .cd_item + .cd_item {margin-top: 40px} .card_design_jyp_wrap .cd_item + .cd_item +.cd_item +.cd_item{margin-left: 0px} .card_design_jyp_wrap label{display:inline-block;width: 100%} .card_design_jyp_wrap label .img{width:100%;height:220px;text-align: center} .card_design_jyp_wrap label .img img{width:138px;height:220px;border-radius:13px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3)} .card_design_jyp_wrap label input[type="radio"] + span{display:block;margin-right:-10px;font-size:1.6rem}  .card_premier_gold_edition_detail {border-radius:10px} .card_premier_gold_edition_detail .title {font-size:14px} .card_premier_gold_edition_detail .sub_title {font-size:11px} .card_premier_gold_edition_detail .text {font-size:13px} .card_premier_gold_edition_detail.overview {padding:45px 0 47px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_overview_M.png');text-align:center;background-size:contain} .card_premier_gold_edition_detail.overview .title {margin:4px 0 10px} .card_premier_gold_edition_detail.card .card1 {padding:40px 25px 0px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_card_bg_M.png');background-size:contain;background-repeat:no-repeat;background-position:50% 0} .card_premier_gold_edition_detail.card .title {margin:0px 0 16px} .card_premier_gold_edition_detail.card .card1 .text_area {display:block;padding-bottom:35px;padding-left:0px;margin-bottom:40px} .card_premier_gold_edition_detail.card .card2 {padding:0px 0 20px} .card_premier_gold_edition_detail.card .card2 ul {text-align:center;font-size:0} .card_premier_gold_edition_detail.card .card2 ul li {display:inline-block;max-width:155px;width:48%;margin:0 26%} .card_premier_gold_edition_detail.card .card2 ul li img {width:100%} .card_premier_gold_edition_detail.card .card2 ul li .card_type {margin-top:9px;margin-bottom:24px;font-size:13px} .card_benefit_cj_point {margin-right:0px} .card_benefit_cj_point .cj_point_list li {width:50%;padding:0;text-align:center} .card_benefit_cj_point .cj_point_list li .brand_box{padding:8px 8px 10px} .card_benefit_cj_point .cj_point_list li:nth-child(odd){padding: 5px 5px 5px 0} .card_benefit_cj_point .cj_point_list li:nth-child(even){padding: 5px 0 5px 5px} .card_benefit_cj_point .cj_point_list li:nth-child(1){padding: 0px 5px 5px 0} .card_benefit_cj_point .cj_point_list li:nth-child(2){padding: 0px 0 5px 5px} .card_benefit_cj_point .cj_point_list li .logo {width:100%;height:40px;background-size: 133px 40px} .card_benefit_cj_point .cj_point_list .brand {font-size:12px;line-height:12px} .card_detail_bank_list li{width: 50%; padding: 0} .card_detail_bank_list li:nth-child(odd){padding: 5px 5px 5px 0} .card_detail_bank_list li:nth-child(even){padding: 5px 0 5px 5px} .card_detail_bank_list li:nth-child(1){padding: 0px 5px 5px 0} .card_detail_bank_list li:nth-child(2){padding: 0px 0 5px 5px} .card_detail_bank_list li .bank_img_box{width: 100%;height: 55px;padding: 7px 10px} .card_detail_bank_list li .mirae{background-size: 128px 40px} .card_detail_bank_list li .woori{background-size: 128px 40px} .card_detail_bank_list li .keb{background-size: 128px 40px} .card_detail_bank_list li .cs{background-size: 128px 40px} .card_detail_bank_list li .post{background-size: 128px 40px} .card_detail_bank_list li .ibk{background-size: 128px 40px} .card_detail_bank_list li .bnk{background-size: 128px 40px} .card_detail_bank_list li .saemaeul{background-size: 128px 40px} .card_detail_bank_list li .citi{background-size: 128px 40px} .jyp_card_list{padding: 0}    .jyp_card_list li{width: 50%;margin-left: 0} .jyp_card_list li:nth-child(3){margin-top: 25px} .jyp_card_list li:nth-child(4){margin-top: 25px} .jyp_card_list li:nth-child(even){padding-left: 10px} .jyp_card_list li > span{margin-bottom: 14px} .jyp_card_list li > span img{width: 98px;height: 155px} .jyp_card_list li > p{font-size: 1.3rem;margin-bottom: 10px} .jyp_card_list li > p{font-size: 1.3rem;margin-bottom: 10px} .jyp_card_list li .btn_wrap .btn_link{min-width: 129px} .deep_eco_card_list{padding: 0} .deep_eco_card_list li{display: block;width: 100%} .deep_eco_card_list li > p{font-size:1.5rem;margin-bottom: 11px} .deep_eco_card_list li  .img_front > img{width: 98px;height: 155px} .deep_eco_card_list li  .img_back {width: calc(100% - 138px)} .deep_eco_card_list li  .img_back > img{width: 98px;height: 155px} .deep_eco_card_list li  .img_back p{margin-top:11px;font-size: 1.3rem} .deep_eco_card_list li:nth-child(2){margin-left: 0;margin-top: 22px} .deep_eco_card_list li:nth-child(3){margin-top: 22px} .sLineCheck_design_wrap{width: 100%;padding: 0} .sLineCheck_design_wrap .vertical_box{display: block;float: none;width: 100%;border:0} .sLineCheck_design_wrap .design_list li{display: inline-block;float: left;margin-right: 0} .sLineCheck_design_wrap .design_list li:first-child{margin-right: 41px} .sLineCheck_design_wrap .design_list li:last-child{width: calc(100% - 148px)} .sLineCheck_design_wrap .design_list li > span img{width: 98px;height: 155px} .sLineCheck_design_wrap .design_list li p{margin-top: 11px;font-size: 1.3rem} .sLineCheck_design_wrap .horizental_box{display: block;padding: 36px 0 0 0} .sLineCheck_design_wrap .horizental_box span img{width: 155px;height: 98px} .sLineCheck_design_wrap .horizental_box p{margin-top: 11px;font-size: 1.3rem} .card_img_box{width: calc(50% - 5px);padding: 0} .card_img_box span img{width: 100%} .card_img_box p{font-size:1.5rem} .m_pdr10{margin-right: 10px} .annualSelect{display: block;width: calc(100% + 40px);;margin: 0 -20px 0} .annualSelect .box{width: 50%} .annualSelect .box.mgr{margin-left: 0px} .annualSelect .box .select_wrap{width: calc(100% - 10px);float: left} .annualSelect .box.mgr .select_wrap{float: right} .annualSelect .box .select_wrap label{float: none; width: 100%;margin-bottom: 10px;margin-right: 0px ;line-height: inherit} .annualSelect .box .select_wrap .ui_select{width: 100%} } .pay_select {clear:both; padding-top:20px} .pay_t {padding-top:14px} .date_swipe_wrap .switch .slider::before {background:#4868e1 url("/pconts/images/contents/mypage/cel_f.png") no-repeat 50% 50%} .date_swipe_wrap .switch .slider {background:#eee url("/pconts/images/contents/mypage/list_b.png") no-repeat 72px 50%} .date_swipe_wrap .switch input:checked + .slider {background:#eee url("/pconts/images/contents/mypage/cel_b.png") no-repeat 17px 50%} .date_swipe_wrap .switch input:checked + .slider::before {background:#4868e1 url("/pconts/images/contents/mypage/list_f.png") no-repeat 17px 50%} .highlighter_lg {display:inline-block; position:absolute; left:0; bottom:4px; z-index:0; width:calc(100% + 5px); height:24px; background-color:rgba(72,104,225,0.3)} .highlighter_sm {display:inline-block; position:absolute; left:-2px; bottom:2px; z-index:0; width:calc(100% + 4px); height:8px; background-color:rgba(72,104,225,0.3)} .cont_area:not(:last-of-type) {margin-bottom:60px} .content_banner{position:relative; height:180px; margin-bottom:55px} .content_banner .btn_banner{position:relative; z-index:10; display:block; width:980px; height:100%; margin:0 auto; padding:0 20px; color:#fff} .content_banner .btn_banner .title{display:block; padding-top:25px; line-height:48px; font-weight:bold; font-size:38px} .content_banner .btn_banner .sub_title{display:block; font-size:20px} .content_banner .btn_banner .btn_style{position:absolute; bottom:30px; display:inline-block; width:78px; height:28px; border:1px solid #fff; border-radius:20px; line-height:28px; font-weight:bold; text-align:center; font-size:13px} .content_banner .img_wrap{position:absolute; right:25px; bottom:10px} .content_well {position:relative; padding-top:60px} .content_well.no_pd {padding-top:0px} .content_well .content_heading .text_area {margin-bottom:60px;padding-left:10px} .content_well .content_heading .text_area + .btn_wrap {margin-bottom:60px} .content_well .content_heading .text_area + .btn_wrap.plus_text {margin-bottom:10px} .content_well .content_heading .title {width:50%; margin-top:-6px; font-weight:700; font-size:60px; line-height:1.2; color:#111} .content_well .content_heading .title p:not(.sub) {display:inline-block; position:relative} .content_well .content_heading .title .text {position:relative; z-index:2} .content_well .content_heading .title .sub {font-size:48px} .content_well .content_heading .title.small {line-height:0.8} .content_well .content_heading .title.small p{line-height:1.2} .content_well .content_heading .title.small .sub02 {font-size:42px} .content_well .content_heading .sub_title {width:50%; margin-top:-3px; font-size:34px; line-height:1.3; color:#333} .content_well .content_heading .title, .content_well .content_heading .sub_title {float:left} .content_well .content_heading .sub_title .small{padding-top:20px;font-size:24px} .content_well .content_heading .sub_title .small02{display:block;margin-top:0;font-size:27px} .content_well .content_heading .sub_text{margin-top:90px;padding:0 10px 60px;border-bottom:1px solid #ddd;text-align:center} .content_well .content_body {margin-bottom:55px; } .content_well .content_body.add_line {padding-bottom:57px; border-bottom:1px solid #eee} .content_well.with_step {padding-top:30px} .content_well.with_step .has_flow_step {margin-bottom:20px} .content_well .bg_gray {position:relative} .content_well .bg_gray:not(.no_wide):before {content:''; display:block; position:absolute; left:calc(-50vw + 50%); width:100vw; height:100%; background-color:rgba(246,246,246,1.0)} .content_well .text_lg {font-weight:700;font-size:34px;color:#111; line-height:1.4} .content_well .text_sm {padding-bottom:5px;font-size:13px} .content_well .text_sm:last-of-type {padding-bottom:0} .content_well.line:before {content: '';position:absolute;top:0;display:inline-block;width:96px;height:2px;background-color:#333} .content_well.con_box {padding:20px 30px} .content_well.con_box.top_line {border-top:1px solid #ddd} .content_well.con_box.btm_line {border-bottom:1px solid #ddd} .content_well01 .title .text_group {position:relative;font-weight:700;font-size:54px;line-height:1.2;color:#333} .content_well01 .title .text_group p.text {display:inline-block;position:relative} .content_well01 .title .text_group .bg_benefit {position:absolute;right:50px;top:-45px;width:240px;height:278px;background:url(/pconts/images/contents/finance/bg_mybenefit.png) no-repeat 0 0} .content_well01 .title.small .text_group {font-size:34px;line-height:1.3} .content_footer {padding-left:10px} .inside_area:not(:last-of-type) {margin-bottom:30px} .agree_check_dl .check_body.check_cont_body {padding:30px} .agree_check_dl .check_body.check_cont_body .box_body {margin-top:30px} .division_group {display:flex} .division_group:after {content:'';display:block; clear:both} .division_group dl {flex:1; padding:10px 30px; border-left:1px solid #ddd} .division_group dl:first-of-type {padding-left:0; border-left:none} .division_group dt {margin-bottom:2px; font-weight:700; font-size:16px; color:#333} .division_group dd {line-height:1.2} .division_group dd .text {margin-bottom:10px; min-height:36px} .product_info {margin-bottom:26px; padding-top:42px} .product_info .product_heading {text-align:center;color:#333} .product_info .product_body {margin-bottom:19px;font-size:42px;line-height:1;text-align:center;color:#333} .product_info .product_body .money {font-weight:700;font-size:46px} .product_info .product_body .sub_tit {font-size:16px} .product_info .product_footer {font-size:16px;text-align:center} .product_info .product_footer .text_info, .product_info .product_footer .num_info, .product_info .product_footer .insured_info, .product_info .product_footer .date_info, .product_info .product_footer .period_info, .product_info .product_footer span + span {padding-left:30px} .product_info .product_footer span {display:inline-block;color:#333} .product_info .product_footer span em {display:inline-block} .product_info .product_footer span span{color:#333} .accordion_body .text_info, .accordion_body .text_info2, .check_body .text_info {padding-right:20px; padding-left:55px; color:#333} .set_pc {display:block} .set_mob {display:none} .pc_view {display:block} .mob_view {display:none} .product_radio_group.swiper-container {padding:20px 64px 40px;overflow-y:visible} .product_radio_group.swiper-container:before {content:''; display:block; position:absolute; left:0; top:0; z-index:5; width:63px; height:100%; background-image:linear-gradient(to right, rgba(242, 244, 248, 1.0) 40%, rgba(242, 244, 248, 0))} .product_radio_group.swiper-container:after {content:''; display:block; position:absolute; right:0; top:0; z-index:5; width:63px; height:100%; background-image:linear-gradient(to left, rgba(242, 244, 248, 1.0) 40%, rgba(242, 244, 248, 0))} .product_radio_group.swiper-container .swiper-wrapper {overflow-y:visible} .product_radio_group.swiper-container .swiper-slide {position:relative; width:230px; z-index:10; overflow-y:visible; margin-right:20px} .product_radio_group.swiper-container .swiper-slide:after {content:''; display:block; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border:2px solid #fff; border-radius:10px; box-shadow:0 0 30px rgba(0,0,0,0.3)} .product_radio_group.swiper-container .swiper-slide label {display:block; height:100%} .product_radio_group.swiper-container .swiper-slide label input[type="radio"] {position:absolute; left:0; top:0; z-index:1; opacity:0; margin:0; padding:0; cursor:pointer} .product_radio_group.swiper-container .swiper-slide label input[type="radio"] + span {display:block; position:relative; z-index:10; overflow-y:visible; width:100%; height:100%; border:2px solid #fff; padding:30px 20px; border-radius:10px; background-color:#fff; cursor:pointer} .product_radio_group.swiper-container .swiper-slide label input[type="radio"]:checked + span {border:2px solid #4868e1} .product_radio_group.swiper-container .title {font-weight:700; font-size:20px; color:#333; word-break:break-all} .product_radio_group.swiper-container .info {margin-top:10px; text-align:right} .product_radio_group.swiper-container .info dt {font-size:14px; color:#111} .product_radio_group.swiper-container .info dt:last-child {margin-top:5px} .product_radio_group.swiper-container .info dd {font-size:15px; color:#333} .product_radio_group.swiper-container .info dd.loan_money {font-size:25px} .product_radio_group.swiper-container .info dd.loan_money span {font-size:30px !important;font-weight:700} .product_radio_group.swiper-container .swiper-button-next, .product_radio_group.swiper-container .swiper-button-prev {top:calc(50% - 40px)} .product_radio_group.swiper-container .swiper-button-next {background-image:url(/pconts/images/common/btn_radio_group_swiper_next.png)} .product_radio_group.swiper-container .swiper-button-prev {background-image:url(/pconts/images/common/btn_radio_group_swiper_prev.png)} .product_radio_group.swiper-container .pagenation {margin-top:40px; text-align:right} .product_radio_group.swiper-container .pagenation {font-weight:700; color:#999} .product_radio_group.swiper-container .pagenation .current {color:#333} .product_radio_group.swiper-container.type02 {padding-top:50px; padding-bottom:48px} .product_radio_group.swiper-container.type02:before {content:''; display:block; position:absolute; left:0; top:0; z-index:5; width:63px; height:100%; background-image:linear-gradient(to right, rgba(255, 255, 255, 1.0) 40%, rgba(255, 255, 255, 0))} .product_radio_group.swiper-container.type02:after {content:''; display:block; position:absolute; right:0; top:0; z-index:5; width:63px; height:100%; background-image:linear-gradient(to left, rgba(255, 255, 255, 1.0) 40%, rgba(255, 255, 255, 0))} .product_radio_group.swiper-container.type02 .swiper-button-next, .product_radio_group.swiper-container.type02 .swiper-button-prev {top:calc(50% - 10px)} .product_radio_group.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0} .product_radio_group.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin-bottom:2px} .product_radio_group.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {margin-bottom:0; border:3px solid #333; width:12px; height:12px; background-color:transparent} .speedloan_complete {padding-top:40px; padding-bottom:40px} .speedloan_complete .text_area {line-height:1.2} .speedloan_complete .text_area, .speedloan_complete .left_side, .speedloan_complete .right_side {float:left} .speedloan_complete .text_area {width:267px; font-size:24px; color:#333} .speedloan_complete .left_side {width:404px; } .speedloan_complete .left_side.only {width:713px} .speedloan_complete .left_side .btn_wrap {margin-top:15px} .speedloan_complete .right_side {width:309px; padding-left:30px; border-left:1px solid #ddd} .speedloan_complete .right_side .btn_wrap {margin-top:79px} .speedloan_complete .side .title {margin-top:-2px; font-weight:700; font-size:18px; color:#333} .speedloan_complete .side .info {margin-top:20px; color:#111} .table_list .df_list_wrap {padding-top:0} .table_list .df_list_wrap:last-of-type {border-bottom:none} .table_panel .dl_wrap {border-bottom:none} .table_panel .dl_wrap + .dl_wrap, .table_panel .df_list_col_wrap + .dl_wrap {border-top:1px solid #eee} .table_panel .df_list_col_wrap + .dl_wrap.no_topline {border-top:none} .table_panel .dl_wrap:last-of-type {border-bottom:1px solid #ddd} .table_panel .dl_wrap.total_calc {border-bottom:1px solid #ddd; padding-top:15px; padding-bottom:15px} .table_panel .dl_wrap.total_calc.no_btmline {border-bottom:none} .table_panel .dl_wrap.total_calc .item.tit {padding-top:0; padding-bottom:0; font-weight:700; vertical-align:middle; line-height:30px} .table_panel .dl_wrap.total_calc .item.con {padding-top:0; padding-bottom:0; font-size:20px} .table_panel .dl_wrap .item.con.calc {padding-top:0; padding-bottom:0;line-height:1; font-size:20px} .table_panel .dl_wrap.total_calc.type02 .item.tit {font-size:15px;color:#333;line-height:23px} .table_panel .dl_wrap.total_calc.type02 .item.con {color:#333;line-height:23px} .float_left_cover .list {margin-bottom:10px} .float_left_cover:last-child .list {margin-bottom:0} .float_left_cover .list > * {float:left} .float_left_cover .list:after {content:''; display:block; clear:both} .float_left_cover .text {width:70%} .float_left_cover .btn_wrap {width:30%;text-align:right} .result_panel .result_list .accordion_header.on {border-top:2px solid #333} .result_panel .result_list .accordion_header {border-top:1px solid #ddd} .result_panel .result_list .list_info {width:100%} .result_panel .result_list .list_info:after {content:''; display:block; clear:both} .result_panel .result_list .info_heading {float:left; width:calc(100% - 74px); padding-top:30px; padding-bottom:30px; padding-left:30px} .result_panel .result_list .info_heading .date {float:left;width:190px;line-height:30px} .result_panel .result_list .info_heading .result {display:inline-block;font-size:16px;line-height:30px;color:#333} .result_panel .result_list .info_heading .money_cover {float:right; font-size:20px} .result_panel .result_list .updown_btn {display:table-cell; position:relative; float:left; width:74px; height:90px} .result_panel .result_list .updown_btn:after {content:''; display:block; position:absolute; left:50%; top:50%; width:16px; height:16px; margin-left:-8px; margin-top:-12px; border-top:none; border-right:1px solid #666; border-bottom:1px solid #666; transform:rotate(45deg)} .result_panel .result_list .updown_btn.on:after {margin-top:-5px; transform:rotate(225deg); border-right:2px solid #333; border-bottom:2px solid #333} .result_panel .result_list {border-bottom:1px solid #ddd} .result_panel .result_list .state_area {padding-left:30px} .result_panel .result_list .state_area {padding-right:30px} .date_text_wrap {border:1px solid #ddd; padding:9px 14px; font-size:16px; color:#333} .full_terms .accordion_body .text_info p, .full_terms .accordion_body .text_info2 p {padding:0;font-size:15px;color:#333} .full_terms .accordion_body .text_info .ul_list_num .title {font-weight:700} .full_terms .accordion_body .text_info .ul_list_num .inside {padding-left:15px} .full_terms .accordion_body .text_info .ul_list_num li:not(:last-child) {margin-bottom:16px} .full_terms .accordion_body .text_info .marker_hyphen, .full_terms .accordion_body .text_info .marker_dot {padding-left:26px; padding-right:0} .full_terms .accordion_body .text_info .agree_check_group {padding:0 0 12px 3px} .full_terms .accordion_body .text_info .inside {padding-left:26px} .full_terms .accordion_body .text_info .agree_list + .agree_list {margin-top:10px} .full_terms .accordion_body .text_info .check_wrap + .marker_dot {margin-top:5px} .full_terms .accordion_body .text_info .check_wrap + .agree_check_group {margin-top:5px} .full_terms .accordion_body .text_info .check_wrap + .inside {margin-top:5px} .full_terms .accordion_body .text_info .agree_check_group .check_wrap.type_agree, .full_terms .accordion_body .text_info .agree_check_group .check_wrap.type_agree + .check_wrap.type_agree {margin-top:0} .full_terms .accordion_body p.agree_check_title {margin-top:0;font-weight:700; font-size:15px} .full_terms .accordion_body p.agree_check_title + .check_wrap {margin-top:5px} .full_terms .text_info .agree_list .check_wrap.type_acc .check_type3 input[type="checkbox"] + span {padding-left:25px} .full_terms .text_info .agree_list .check_wrap.type_acc .check_type3 input[type="checkbox"] + span:before {left:8px} .full_terms .text_info .ul_list {padding-left:26px;color:#333} .simple_agree_group {padding:20px 20px; border:1px solid #ddd; background-color:#fff} .simple_agree_group .check_wrap.type_acc .check_type3 input[type="checkbox"] + span {padding-left:32px} .simple_agree_group .inside {padding-left:32px;font-size:13px;color:#333} .menu_info {padding-top:16px; padding-bottom:16px; color:#111} .rcd_pro_wrap {border-top:1px solid #bbb} .rcd_pro_wrap .pro_list {padding:20px 30px; border-bottom:1px solid #ddd} .rcd_pro_wrap .alliance_badge {display:inline-block; position:relative; padding:3px 10px 3px 33px; border:1px solid #ddd; border-radius:30px; font-size:13px} .rcd_pro_wrap .alliance_badge .img_area {display:inline-block; position:absolute; top:3px; left:5px; width:22px; height:15px} .rcd_pro_wrap .alliance_badge .img_area img {width:100%} .rcd_pro_wrap .list_inner {margin-top:10px} .rcd_pro_wrap .list_inner dl:nth-of-type(1) {padding-left:5px} .rcd_pro_wrap .list_inner .title {font-weight:700; font-size:16px; color:#111} .rcd_pro_wrap .list_inner .info {margin-top:2px; color:#111} .rcd_pro_wrap .list_inner .info span:not(:first-child) {padding-left:6px} .rcd_pro_wrap .list_inner .divide {position:relative; padding-right:6px} .rcd_pro_wrap .list_inner .divide:after {content:''; display:inline-block; position:absolute; right:0; top:2px; width:1px; height:14px; background-color:#ddd} .rcd_pro_wrap .list_inner .money {margin-top:2px; font-size:20px} .rcd_pro_wrap .list_inner .limit {font-size:15px} .rcd_pro_wrap .right_side {text-align:right} .app_link_area {position:relative} .app_link_area:after {content:'';position:absolute;right:0;top:44px;display:block;width:92px;height:78px;background:url(/pconts/images/contents/finance/bg_app.png) no-repeat 0 0 / 100% auto} .loan_user_info .user_name {font-weight:700;font-size:34px; line-height:1; color:#111} .loan_user_info .user_name.line2 {line-height:1.3} .loan_user_info .user_card {font-weight:700;font-size:34px; line-height:1;color:#111} .loan_user_info .user_text {font-size:16px} .loan_user_info .copy {font-weight:700;font-size:34px; line-height:1.3; color:#111} .coupon_area .form_type {padding-top:20px;padding-bottom:20px} .w_500size {width:500px; margin:0 auto} .loan_pop .sub_title {font-size:18px;color:#333} .loan_pop .title {font-weight:700; font-size:24px;line-height:1.2; color:#333} .table_flow {display:-webkit-flex; display:-ms-flexbox; display:flex} .table_flow .table_wrap:first-of-type {width:70%} .table_flow .arrow {position:relative;width:5%} .table_flow .arrow:before {content:''; display:block; position:absolute; top:50%; left:50%; width:15px; height:15px; margin-top:-5px; margin-left:-10px; border-right:1px solid #7c7c7c; border-bottom:1px solid #7c7c7c; transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg)} .table_flow .table_wrap:last-of-type {width:25%} .input_wrap.special input[type="text"], .input_wrap.special input[type="tel"] {border-top:none;border-right:none;border-bottom:1px solid #000;border-left:none;font-weight:700;font-size:24px;color:#333} .input_wrap.unit_side.special input[type='text']:focus, .input_wrap.unit_side.special input[type='text'].focused, .input_wrap.unit_side.special input[type='tel']:focus, .input_wrap.unit_side.special input[type='tel'].focused {padding-right:36px} .mix_box_select .gray_roundbox, .mix_box_select .select_wrap {width:calc(50% - 70px)} .gray_roundbox {padding:11px 20px; border-radius:5px; background-color:#f6f6f6; color:#333} .mix_box_select > * {float:left} .mix_box_select .next {display:inline-block; position:relative; width:140px; height:44px} .mix_box_select .next:before {content:''; display:block; position:absolute; left:50%; top:18px; width:25px; height:0; margin-left:-10px; border-bottom:1px solid #4868e1} .mix_box_select .next:after {content:''; display:block; width:12px; height:12px; margin-top:12.4px; margin-left:calc(50% + 1px); margin-right:auto; border-top:1px solid #4868e1; border-right:1px solid #4868e1; transform:rotate(45deg); } .same_size01 button, .same_size01 a {width:300px} .agree_box_line {border:1px solid #ddd; padding:30px; background-color:#fff} .agree_box_line .both_side:not(:last-of-type) {margin-bottom:7px} .agree_box_line .both_side:after {content:'';display:block;clear:both} .agree_box_line .both_side dt {float:left; width:calc(100% - 50px);color:#333} .agree_box_line .both_side dd {float:right; width:50px;text-align:right} .agree_box_line .both_side dd p {display:inline-block;position:relative;font-weight:700;color:#333} .fn_img_wrap .img_wrap {float:left;width:33.3%;margin-top:40px;margin-bottom:40px;text-align:center} .fn_img_wrap .img_wrap img {width:280px} .pro_box .list {position:relative; float:left; width:50%; height:126px} .pro_box .list:nth-child(odd) {padding-right:10px} .pro_box .list:nth-child(even) {padding-left:10px} .rmd_pro_list .list {padding-left:10px; padding-right:10px; margin-top:10px; margin-bottom:10px} .rmd_pro_list .list {height:156px} .rmd_pro_list .list a {display:inline-block; position:relative; width:100%; height:100%; padding:25px 20px; border-radius:10px; background-color:#fff} .rmd_pro_list .list a:focus {border:2px solid #4868e1; padding:23px 18px} .rmd_pro_list .list a:after {content:''; display:block; position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.1)} .rmd_pro_list .list .pro_title {margin-bottom:20px; font-weight:700; font-size:20px; color:#333} .rmd_pro_list .list .sub_info {padding-left:5px;font-weight:400; font-size:16px} .rmd_pro_list .list .pro_text {margin-bottom:2px;text-align:right} .rmd_pro_list .list .money {font-size:30px;text-align:right;line-height:1;color:#333} .other_pro_list .list {height:135px} .other_pro_list .list a {display:inline-block; position:relative; width:100%; height:100%; padding:25px 30px; border:1px solid #ddd; border-radius:10px} .other_pro_list .list .pro_title {margin-bottom:7px; font-weight:700; font-size:20px; color:#333} .other_pro_list .list .pro_info {font-size:13px} .other_pro_list .list .pro_info .detail {font-size:16px} .other_pro_list .list .pro_info > span {display:inline-block} .other_pro_list .list .pro_info .low {position:relative; padding-right:10px} .other_pro_list .list .pro_info .low:after {content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:12px; margin-top:-7px; background-color:#ddd} .other_pro_list .list .pro_info .max {padding-left:5px} .other_pro_list .list.case2 a {background:url(/pconts/images/contents/finance/bg_product.png) no-repeat calc(100% - 30px) 50% / 70px 70px} .other_pro_list.solo .list {float:none; width:480px; margin:0 auto} .bg_gray .product_radio_group.swiper-container.type02:before {background-image:linear-gradient(to right, rgba(246, 246, 246, 1.0) 40%, rgba(246, 246, 246, 0))} .bg_gray .product_radio_group.swiper-container.type02:after {background-image:linear-gradient(to left, rgba(246, 246, 246, 1.0) 40%, rgba(246, 246, 246, 0))} .bg_gray .h_wrap + .product_radio_group.swiper-container.type02 {padding-top:34px} .sub_spec_info {margin:25px 0 -20px} .sub_spec_info li {font-size:24px;font-weight:400;line-height:1} .sub_spec_info li + li {margin-top:10px} .sub_spec_info .tit {display:inline-block;font-weight:400;line-height:29px;vertical-align:middle} .sub_spec_info .tit > i {display:inline-block;width:27px;height:27px;margin-right:15px;overflow:hidden;border:0 none !important;vertical-align:middle;color:transparent !important} .sub_spec_info .tit + span.line2 {width: calc(100% - 138px);float: right;margin-bottom: 11px;line-height: 28px} .sub_spec_info .limit {background:url(/pconts/images/contents/finance/ico_spec_limit.png) no-repeat 0 0} .sub_spec_info .interest {background:url(/pconts/images/contents/finance/ico_spec_interest.png) no-repeat 0 0} .sub_spec_info li > span {font-weight:700;vertical-align:middle} .sub_spec_info li:nth-child(2) span.line2 {display:block;margin-top:5px;padding-left:70px;font-weight:400} .sub_spec_info li:nth-child(2) span.line2 span{font-weight:700} .division_group2 {overflow:hidden;display:-webkit-flex; display:-ms-flexbox; display:flex;margin-top:15px} .division_group2 dl {padding:0 30px 4px;flex:1} .division_group2 dl:first-child {padding-left:0} .division_group2 dl:last-child {padding-right:0} .division_group2 dl + dl {border-left:1px solid #ddd} .division_group2 .title {min-height:36px;line-height:1.2} .division_group2 .info {margin-top:10px;color:#333;word-break:break-word} .division_group2 .info strong {display:block;font-size:24px;line-height:1.2} .division_group2 .info .sub_info {display:block;margin-top:5px;font-size:13px;font-weight:700} .division_group2.col02 dl {flex:none} .division_group2.col02 dl:first-child {width:226px;padding-left:0} .division_group2.col02 dl {padding-left:40px} .division_group2.col03 dl {flex:none} .division_group2.col03 dl:first-child {width:384px} .division_group2.col03 dl:nth-child(2) {width:375px} .sub_division_txt {padding-top:20px} .guide_info{display:flex;flex-wrap:wrap;overflow:hidden} .guide_info > * {margin-top:25px} .guide_info dt {width:214px;color:#333} .guide_info dd {width:calc(100% - 214px)} .guide_info dt:nth-of-type(1), .guide_info dd:nth-of-type(1) {margin-top:0} .accordion_body .area .guide_info dd .marker_dot > li {font-size:15px} .guide_info + .title {margin-top:25px !important} .guide_info:last-child {margin-bottom:10px} .guide_info.cont_area {display:flex;flex-wrap:wrap;overflow:hidden} .guide_info.cont_area > * {float:none;margin-bottom:47px;margin-top:0} .guide_info.cont_area dt {width:214px;min-height:30px;font-weight:700;font-size:20px;color:#333} .guide_info.cont_area dd {width:calc(100% - 214px);min-height:30px;padding-left:30px;padding-top:2px} .guide_info.cont_area dt:last-of-type, .guide_info.cont_area dd:last-of-type {margin-bottom:0;margin-top:0} .guide_info.cont_area + .title {margin-top:25px !important} .guide_info.cont_area:last-child {margin-bottom:10px} .popup_fn_evt .guide_info.cont_area2 {display:flex;flex-wrap:wrap;overflow:hidden} .popup_fn_evt .guide_info.cont_area2 > *{margin-top: 45px} .popup_fn_evt .guide_info.cont_area2 dt {width:85px;min-height:30px;font-weight: 700;font-size: 20px} .popup_fn_evt .guide_info.cont_area2 dt:first-of-type, .popup_fn_evt .guide_info.cont_area2 dd:first-of-type {margin-top: 0} .popup_fn_evt .guide_info.cont_area2 dd {width: calc(100% - 85px);min-height:30px;padding-top:5px} .popup_fn_evt .guide_info.cont_area2 dt.vertical {width: 100%} .popup_fn_evt .guide_info.cont_area2 dt.vertical+dd {width: 100%;margin-top:5px} .popup_fn_evt .evt_target {display:flex;align-items:center;justify-content:center;min-height: 73px;font-weight:700;font-size:15px;border-radius: 10px;background:#f6f6f6} .popup_fn_evt .card_sale_graph {display:flex;padding-top:40px} .popup_fn_evt .card_sale_graph li{flex:1;height:159px;background-repeat: no-repeat;background-size:auto 159px} .popup_fn_evt .card_sale_graph .case1{background-image:url(/pconts/images/contents/finance/card_sale_graph1.png)} .popup_fn_evt .card_sale_graph .case2{background-image:url(/pconts/images/contents/finance/card_sale_graph2.png)} .popup_fn_evt .card_sale_graph .case3{background-image:url(/pconts/images/contents/finance/card_sale_graph3.png)} .popup_fn_evt .btn_group {flex-wrap:wrap} .popup_fn_evt .btn_wrap .check_wrap {display: block} .popup_fn_evt .btn_wrap .check_wrap .check_default {width: auto} .popup_fn_evt .pc_show {visibility: visible;display:inherit !important} .popup_fn_evt .btn_period_close {float:right;line-height:26px;font-size:16px} .content_heading .btn_wrap_sub {margin-top:36px} .btn_wrap_sub .text_link + .text_link {margin-left:20px} .accordion_wrap.type03.loan_type .text_wrap .side{display:-webkit-flex; display:-ms-flexbox; display:flex} .accordion_wrap.type03.loan_type .text_wrap .loan_date {width:220px} .accordion_wrap.type03.loan_type .text_wrap .loan_name {width:330px;font-size:16px} .accordion_wrap.type03.loan_type .text_wrap .loan_price {width:calc(100% - 560px);padding-right:15px;text-align:right;font-size:20px;color:#111} .accordion_wrap.type03.loan_type .text_wrap .loan_price > span{display:inline-block;padding-right:7px;font-weight:700} .accordion_wrap.type03.loan_type .df_list_wrap .df_list .item.con {text-align:right} .loan_certify .join_con_text {padding-top:0} .radio_wrap.type_btn.cardloan, .radio_wrap.type_btn.wsize01 {width:100%} .radio_wrap.type_btn.cardloan ul {width:425px;margin:0 auto} .radio_wrap.type_btn.cardloan li {width:210px} .radio_wrap.type_btn.cardloan li:last-child, .radio_wrap.type_btn.wsize01 li:last-child{margin-right:0} .radio_wrap.type_btn.wsize01 ul {text-align:center} .radio_wrap.type_btn.wsize01 li{display:inline-block;float:none;width:156px;margin-right:3px} .btn_wrap.wsize01 .btn{width:156px;min-width:156px} .work_info .radio_wrap.type_btn.cardloan ul {width:396px;margin:0 auto} .work_info .radio_wrap.type_btn.cardloan li {width:195px} .input_wrap.btn_unit_group input ~ .unit_tip{padding-right:121px} .df_list_wrap.cardif .df_list .item.tit {width:350px} .df_list_wrap.cardif .df_list .item.con {width:calc(50% - 350px);padding-left:0} .check_wrap.type_bottom .con {padding:25px 30px;border:1px solid #ddd;border-bottom:none} .check_wrap.type_bottom .check_agree input[type="checkbox"] + span{padding-left:65px} .check_wrap.type_bottom .check_agree.check_all input[type="checkbox"] + span::before{left:32px} .popup_type01 .pop_head.title_none {height:80px} .popup_type01 .pop_head.title_none h3 {position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .popup_type01 .pop_cont .pop_cont_title {font-size:24px;font-weight:700;line-height:30px;color:#333} .popup_type01 .pop_cont .pop_cont_title02 {margin-bottom:20px;font-size:20px;line-height:26px;color:#333} .popup_type01 .pop_cont .pop_cont_title + .pop_cont_title02 {margin-top:55px} .popup_type01 .pop_cont [class*="pop_cont_title"] + p[class*="pop_cont_text"] {margin-top:15px} .popup_type01 .pop_cont p[class*="pop_cont_text"] + p[class*="pop_cont_text"] {margin-top:15px} .popup_type01 .pop_cont p[class*="pop_cont_text"] + .pop_cont_title {margin-top:60px} .loan_recommend {display:table;width:100%;padding:15px 30px;background:#f6f6f6;border-radius:15px;font-size:15px} .loan_recommend dt, .loan_recommend dd {display:table-cell} .loan_recommend dt {width:50%} .loan_recommend dd {border-left:1px solid #ddd;text-align:right} .loan_recommend dt strong {display:block;font-weight:700;color:#333} .loan_recommend dd strong {display:block;font-size:20px;font-weight:400;color:#333} .loan_recommend dd strong em{font-weight:700} .revolving_graph_wrap{margin:25px 0 60px} .revolving_graph_wrap:after, .revolving_graph_wrap .graph_info dl:after{display:block;content:'';clear:both} .revolving_graph_wrap .graph_wrap, .revolving_graph_wrap .graph_info{float:left;width:50%} .revolving_graph_wrap .graph_wrap{display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center} .revolving_graph_wrap .graph_wrap .graph{display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;min-height:150px;width:290px} .highcharts-credits{display:none} #pieChart1{margin:0 auto;width:300px !important;height:200px;overflow:hidden} #pieChart1 *{font-size:13px !important;text-decoration:none !important;font-family:'shinhancard' !important;font-weight:normal !important} #pieChart1 text{color:#fff !important;fill:#fff !important;text-shadow:1px 1px  0px #023d6f} #pieChart1 tspan{stroke-width:0px !important;stroke:#222} #pieChart1 .highcharts-color-0{background:#4cd4bc !important;fill:#4cd4bc !important} #pieChart1 .highcharts-color-1{background:#4e5b68 !important;fill:#4e5b68 !important} #pieChart1 .highcharts-color-2{background:#44b0e6 !important;fill:#44b0e6 !important} #pieChart1 .highcharts-tooltip.highcharts-color-0 path{stroke:#4cd4bc !important} #pieChart1 .highcharts-tooltip.highcharts-color-1 path{stroke:#4e5b68 !important} #pieChart1 .highcharts-tooltip.highcharts-color-2 path{stroke:#44b0e6 !important} #pieChart1 .highcharts-tooltip.highcharts-color-0 text, #pieChart1 .highcharts-tooltip.highcharts-color-1 text, #pieChart1 .highcharts-tooltip.highcharts-color-2 text{text-shadow:none;fill:#333 !important;color:#333 !important} .revolving_graph_wrap .graph_legend{width:165px} .revolving_graph_wrap .graph_legend .legend{display:table;position:relative;width:100%;padding-left:22px;font-size:13px;color:#333} .revolving_graph_wrap .graph_legend .legend:before{display:block;content:'';position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-7px} .revolving_graph_wrap .graph_legend .legend.type01:before{background-color:#4a4e5b} .revolving_graph_wrap .graph_legend .legend.type02:before{background-color:#47bbed} .revolving_graph_wrap .graph_legend .legend.type03:before{background-color:#4cd4bc} .revolving_graph_wrap .graph_legend .legend strong{display:table-cell;text-align:right} .revolving_graph_wrap .graph_legend .legend + .legend{margin-top:5px} .revolving_graph_wrap .graph_info{margin-top:20px;padding:13px 28px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .revolving_graph_wrap .graph_info dl + dl{margin-top:4px} .revolving_graph_wrap .graph_info dt, .revolving_graph_wrap .graph_info dd{float:left;width:50%} .revolving_graph_wrap .graph_info dd{text-align:right;color:#333} .ex_value{display:table;width:100%;padding:20px 0;border-radius:7px;background:#f6f6f6} .ex_value span{display:table-cell;width:33.3%;padding-left:30px} .ex_value span:not(:first-child){border-left:1px solid #ddd} .ex_value span strong{display:inline-block;padding-left:7px;color:#333} .ex_cont .tit{margin:30px 0 15px;font-weight:700} .ex_cont p{color:#333} .ex_cont .cont{display:-webkit-flex; display:-ms-flexbox; display:flex;margin-top:50px} .ex_cont .cont .left{flex:1} .ex_cont .cont .left .inner{position:relative;width:200px;height:240px;margin:0 auto} .ex_cont .cont .left .inner.type01{background:url(/pconts/images/contents/finance/img_revolving_graph01.png) 0 100% no-repeat} .ex_cont .cont .left .inner.type02{background:url(/pconts/images/contents/finance/img_revolving_graph02.png) 0 100% no-repeat} .ex_cont .cont .left .inner li{color:#fff} .ex_cont .cont .left .inner .num01{text-align:center;color:#333} .ex_cont .cont .left .inner .num02{position:absolute;top:90px;;left:112px} .ex_cont .cont .left .inner .num03{position:absolute;top:122px;left:14px} .ex_cont .cont .right{flex:1} .ex_cont .cont .right ul li {color: #333} .ex_cont .cont .right ul li + li{margin-top:10px} .ex_cont .cont .right ul li .cal{margin-top:5px;padding-left:20px;color:#111} .ex_cont .cont .right ul li .cal .number{color:#999} .revolving_nodata{position:relative;padding:60px 0;font-weight:700} .revolving_nodata:before{display:block;content:'';position:absolute;left:0;top:0;width:96px;height:2px;background:#333} .revolving_nodata.no_line{padding:60px 0 0} .revolving_nodata.no_line:before{display:none} .dl_wrap.fn_dl_type:first-child{margin-top:60px} .dl_wrap.fn_dl_type{margin-top:0} .dl_wrap.fn_dl_type .item.con{text-align:right;color:#111;font-size:20px;line-height:1} .dl_wrap.fn_dl_type .item.con em{font-weight:700} .dl_wrap.fn_dl_type2 .df_list .item.tit{width:170px} .dl_wrap.fn_dl_type2 .df_list .item.con{width:calc(100% - 170px)} .dl_wrap.fn_dl_type + .fn_check_group{margin-top:30px} .h_wrap + .fn_check_group{margin-top:0} .fn_check_group:first-child{margin-top:60px} .fn_check_group .check_wrap.all_check .check_default input[type="checkbox"] + span{font-size:16px;color:#333} .fn_check_group .check_wrap.all_check + .fn_check_list_wrap{margin-top:20px} .fn_check_list_wrap {border-top:2px solid #000} .fn_check_list_wrap .list_top{padding:20px 0;border-bottom:1px solid #ddd} .fn_check_list_wrap .list_top:after{display:block;content:'';clear:both} .fn_check_list_wrap .list_top span{float:left;width:50%;padding:0 30px} .fn_check_list_wrap .list_top span:nth-of-type(n+3){padding-top:7px} .fn_check_list_wrap .list_top span:nth-of-type(even){color:#111;text-align:right} .fn_check_list_wrap .fn_check_list li{padding:10px 30px 5px;border-bottom:1px solid #ddd} .fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"], .fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"] + span:before{top:50%;margin-top:-13px} .fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"] + span:after, .fn_check_list_wrap .fn_check_list li .check_wrap input[type="checkbox"]:checked + span:after{top:50%;margin-top:-5px} .fn_check_list_wrap .fn_check_list li label{width:100%} .fn_check_list_wrap .fn_check_list .fn_check_info{width:100%} .fn_check_list_wrap .fn_check_list .fn_check_info:after{display:block;content:'';clear:both} .fn_check_list_wrap .fn_check_list .fn_check_info > span{float:left} .fn_check_list_wrap .fn_check_list .fn_check_info > span:nth-child(n+3){padding-top:5px} .fn_check_list_wrap .fn_check_list .fn_check_info > span:nth-of-type(odd){width:40%} .fn_check_list_wrap .fn_check_list .fn_check_info > span:nth-of-type(even){width:60%;color:#333;text-align:right} .fn_check_list_wrap .fn_check_list .fn_check_info > span em{position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .fn_check_list_wrap .fn_check_list.check_none .fn_check_info{padding:20px 30px 15px} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li{position:relative;padding:18px 30px} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li label{width:auto} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap{margin-left:-20px} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap .check_default input[type="checkbox"] + span{font-weight:700;color:#111} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .check_tit{font-size:16px;color:#333} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .fn_check_info2{display:-webkit-flex; display:-ms-flexbox; display:flex;margin-top:35px;-webkit-box-align:center; -ms-flex-align:center; align-items:center} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li dl{display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li dl dt{flex:1} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li dl dd{flex:1;text-align:right;font-weight:700;color:#333} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .btn.link{position:absolute;right:10px;top:18px} .fn_check_group .fn_check_list_wrap.in_btn_type .check_total{display:-webkit-flex; display:-ms-flexbox; display:flex;padding:16px 30px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;border-bottom:1px solid #ddd} .fn_check_group .fn_check_list_wrap.in_btn_type .check_total dt{flex:1;font-weight:700;color:#333} .fn_check_group .fn_check_list_wrap.in_btn_type .check_total dd{flex:1;font-size:20px;color:#333;text-align:right;line-height:1} .fn_check_group2 .check_wrap + .check_list02{margin-top:20px} .fn_check_group2 .check_list02 li{display:inline-block;width:130px} .check_list02.biz_cate label span:before {width:35px; height:33px} .check_list02.biz_cate label span:before{background:url(/pconts/images/contents/finance/ico_revolving_type1_m.png) 0 0 no-repeat; background-size: 210px auto} .check_list02.biz_cate .cate1 span:before{background-position:0 0} .check_list02.biz_cate .cate2 span:before{background-position:-35px 0} .check_list02.biz_cate .cate3 span:before{background-position:-70px 0} .check_list02.biz_cate .cate4 span:before{background-position:-105px 0} .check_list02.biz_cate .cate5 span:before{background-position:-140px 0} .check_list02.biz_cate .cate6 span:before{background-position:-175px 0} .radio_wrap.fn_type1{display:block} .radio_wrap.fn_type1 li{width:130px} .pay_detail{margin-bottom:40px;padding:0 20px;background:#f5f5f5} .pay_detail li{padding:20px 0} .pay_detail li:not(:first-child){border-top:1px solid #ddd} .pay_detail li .c_num{display:block;font-weight:700;color:#333} .pay_detail li .c_name{display:block;margin-top:10px;color:#333} .pay_detail li .c_num em, .pay_detail li .c_name em{position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .h_wrap.fn_revolving_type .btn.left {margin:-3px 0 0 8px} .h_wrap.fn_revolving_type .h_title24 + .btn.left {margin-top:-5px} .alliance_list{border-top:1px solid #ddd;border-left:1px solid #ddd} .alliance_list:after{display:block;content:'';clear:both} .alliance_list li {position:relative;float:left;width:33.3%;border-bottom:1px solid #ddd;border-right:1px solid #ddd} .alliance_list li:before{display:block;content:'';width:100%;height:58px;background-position:center 0;background-repeat:no-repeat} .alliance_list li.c01:before{background-image:url(/pconts/images/contents/finance/img_alliance01.png)} .alliance_list li.c02:before{background-image:url(/pconts/images/contents/finance/img_alliance02.png)} .alliance_list li.c03:before{background-image:url(/pconts/images/contents/finance/img_alliance03.png)} .alliance_list li.c04:before{background-image:url(/pconts/images/contents/finance/img_alliance04.png)} .alliance_list li.c05:before{background-image:url(/pconts/images/contents/finance/img_alliance05.png)} .alliance_list li.c06:before{background-image:url(/pconts/images/contents/finance/img_alliance06.png)} .alliance_list li.c07:before{background-image:url(/pconts/images/contents/finance/img_alliance07.png)} .alliance_list li.c08:before{background-image:url(/pconts/images/contents/finance/img_alliance08.png)} .alliance_list li.c09:before{background-image:url(/pconts/images/contents/finance/img_alliance09.png)} .alliance_list li span{position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .contents.general_loan .bg_gray.m_only{background-color:#fff} .general_loan .loan_txtbox01{padding-top:60px;margin-bottom:60px} .general_loan .loan_txtbox01 .ly_inner{padding-left:20px;background:url(/pconts/images/contents/finance/bg_loanindex.png) 100% top no-repeat} .general_loan .loan_txtbox01 .s_txt{font-size:24px;font-weight:700;color:#111} .general_loan .loan_txtbox01 .l_txt{margin-top:20px;font-size:45px;font-weight:700;color:#111;line-height:60px} .general_loan .loan_txtbox01 .sub_txt{margin-top:15px;font-size:18px} .general_loan .loan_txtbox01 .sub_txt span{color:#333} .general_loan .loan_contbox01{display:block;padding:55px 0 0 20px} .general_loan .loan_contbox01 .tit{font-size:24px;font-weight:700;color:#333} .general_loan .loan_contbox01 .sub_txt{margin:0 0 25px;font-size:16px} .general_loan .loan_contbox01_m{display:none} .general_loan .loan_menulist01{display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;margin:68px 0 0 8px;padding-bottom:70px} .general_loan .loan_menulist01 li{position:relative;display:-webkit-flex; display:-ms-flexbox; display:flex;width:230px;margin-left:17px} .general_loan .loan_menulist01 li:first-child{margin-left:0} .general_loan .box_menulink{display:block;position:relative;width:100%;height:210px;padding:35px 30px;background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.1)} .general_loan .box_menulink .tit{font-size:20px;font-weight:700;color:#333} .general_loan .box_menulink .sub_txt{margin-top:5px;color:#333} .general_loan .loan_menulist01 li .box_menulink:before{display:block;content:'';position:absolute;bottom:30px;left:30px;width:50px;height:50px;background-repeat:no-repeat;background-size:50px auto} .general_loan .loan_menulist01 .loan01 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex02_m.png)} .general_loan .loan_menulist01 .loan02 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex03_m.png)} .general_loan .loan_menulist01 .loan03 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex04_m.png)} .general_loan .loan_menulist01 .loan04 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex05_m.png)} .general_loan .loan_menulist01 li .box_menulink:after{display:inline-block;content:'5';position:absolute;top:0;right:0;width:30px;height:30px;padding-left:1px;background:#1a2756;border-radius:0 8px;font-weight:900;color:#fff;line-height:30px;text-align:center} .general_loan .loan_menulist02{padding:60px 0 60px 20px} .general_loan .loan_menulist02:after{display:block;content:'';clear:both} .general_loan .loan_menulist02 li{position:relative;float:left;width:50%} .general_loan .loan_menulist02 li:first-child{padding-right:30px} .general_loan .loan_menulist02 li + li{padding-left:30px} .general_loan .loan_menulist02 li + li:after{display:block;content:'';position:absolute;left:0;top:0;width:1px;height:60px;background:#ddd} .general_loan .loan_menulist02 .txt_menulink{display:block;width:100%;height:100%} .general_loan .loan_menulist02 .txt_menulink strong{font-size:20px;font-weight:700;color:#333} .general_loan .loan_menulist02 .txt_menulink strong:after{display:inline-block;content:'';width:7px;height:12px;margin-left:13px;background:url(/pconts/images/contents/finance/btn_arrow.png) -18px 0 no-repeat} .general_loan .loan_menulist02 .txt_menulink p{margin-top:5px} .gray_box{padding:20px;border-radius:6px;background:#f6f6f6} .gray_box:after{display:block;content:'';clear:both} .gray_box .text_box_type01{float:left} .gray_box .text_box_type01 dt, .gray_box .text_box_type01 dd{display:inline-block;color:#333} .gray_box .text_box_type01 + dl {margin-left:20px} .gray_box .text_box_type02 dt{margin-bottom:10px;font-weight:700;color:#333} .gray_box .text_box_type02 dd{font-size:13px} .dl_wrap + .dl_wrap.top_line2.dl_wrap_gap{border-top:2px solid #000} .benefit_program{margin-left:-12px} .cusGuide_wrap{background-color:#f6f6f6;background-color:rgba(246, 246, 246, 1.0)} .cusGuide_wrap .cusGuide_text{margin:0 -30px;padding:0 30px 40px;background-color:#fff} .dl_wrap.break_all .df_list .item.tit{word-break:break-all} .btm_line01 .table_list.dl_group .dl_wrap + .dl_wrap {border-top:1px solid #ddd} .foreigner_guide_lang{padding:60px 0 100px;text-align:center} .foreigner_guide_lang li{display:inline-block} .foreigner_guide_lang li + li{margin-left:90px} .foreigner_guide_lang li .tit{display:block;margin-bottom:15px;font-size:20px;font-weight:700;color:#333} .foreigner_guide_lang li .btn_wrap .btn{width:200px;padding-left:20px;padding-right:20px} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {float:left;width:50%} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .add_txt {display:inline-block;float:left;margin-right:28px;font-weight:400} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {float:left;width:46.5%;font-weight:normal;color:#333} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02:first-child {float:left;width:53.5%} .tel_wrap.type02 > .select_wrap {width:165px} .tel_wrap.type02 > .select_wrap + div {padding-left:173px} .loan_credit_area.fn_type1 .loan_credit_list {font-size:21px; } .loan_credit_area.fn_type1 .loan_credit_list li:not(:last-child) {margin-bottom:7px} .loan_credit_area.fn_type1 .association_number {font-size:21px} .pop_cont .guide_con {padding-top: 30px} .fee_rate_guide .table_wrap table th, .fee_rate_guide .table_wrap table td{padding-left:5px;padding-right:5px} @media only screen and (max-width:1100px) { .highlighter_lg {height:13px} .cont_area:not(:last-of-type){margin-bottom:40px} .content_banner{height:111px; margin-bottom:40px} .content_banner .btn_banner{width:100%} .content_banner .btn_banner .title{padding-top:11px; line-height:24px; font-size:15px} .content_banner .btn_banner .sub_title{font-size:13px} .content_banner .btn_banner .btn_style{bottom:12px; width:65px; height:22px; line-height:22px; font-weight:bold} .content_banner .img_wrap{right:15px; bottom:15px; width:85px} .content_banner .img_wrap img{width:100%} .content_well {padding-top:20px} .content_well .content_heading .btn_wrap {margin-bottom:47px} .content_well .content_heading .btn_wrap.plus_text {margin-bottom:10px} .content_well .content_heading .title {margin-top:-4px; font-size:40px; color:#111} .content_well .content_heading .title .sub {font-size:30px} .content_well .content_heading .title.small .sub02{font-size:2.8rem} .content_well .content_heading .sub_title {font-size:23px; margin-top:27px} .content_well .content_heading .title, .content_well .content_heading .sub_title {float:none; width:100%} .content_well .content_heading .sub_title .small {font-size:1.6rem} .content_well .content_heading .sub_title .small02 {font-size:1.8rem} .content_well .content_heading .sub_text{margin-top:-30px;padding-bottom:40px;text-align:left} .content_well .content_body {margin-bottom:37px; padding-bottom:37px} .content_well .content_body.pdb0 {border-bottom:none} .content_well.with_step {padding-top:0} .content_well01 {margin-top:40px} .content_well01 .title .text_group {font-size:3rem} .content_well01 .title.small .text_group {font-size:3rem} .content_well01 .title .text_group .bg_benefit {position:absolute;right:10px;top:95px;width:145px;height:170px;background:url(/pconts/images/contents/finance/bg_mybenefit.png) no-repeat 0 0 / 100% auto} .content_footer {padding-left:10px} .agree_check_dl .check_body.check_cont_body .box_body {margin-top:16px} .content_well .text_lg {font-size:2.4rem} .content_well .text_sm {font-size:1.3rem} .content_well.line:before {content: '';position:absolute;top:0;display:inline-block;width:96px;height:2px;background-color:#333} .content_well.con_box {padding:30px 10px} .division_group {display:block; border-top:1px solid #ddd} .division_group dl {flex:1; padding:15px 10px; border-left:none; border-bottom:1px solid #eee} .division_group dl:first-of-type {padding-left:10px} .division_group dt {font-weight:700; font-size:1.5rem} .division_group dd {line-height:1.2} .division_group dd .text {margin-bottom:5px; min-height:auto} .product_info {margin-bottom:28px; padding-top:20px} .product_info .product_heading {color:#333} .product_info .product_body {margin-bottom:16px;font-size:3.6rem} .product_info .product_body .sub_tit {font-size:15px} .product_info .product_body.m_show .money {display: block; line-height:27px} .product_info .product_footer {font-size:1.5rem;color:#333} .product_info .product_footer .text_info {padding-left:20px} .product_info .product_footer .num_info {padding-left:0} .accordion_body .text_info, .accordion_body .text_info2, .check_body .text_info {padding-left:52px} .set_pc {display:none} body.mobile .set_mob {display:block} .pc_view {display:none} .mob_view {display:block} .product_radio_group.swiper-container {padding:20px 20px 90px; margin-right:-20px; margin-left:-20px} .product_radio_group.swiper-container:before {display:none} .product_radio_group.swiper-container:after {display:none} .product_radio_group.swiper-container .swiper-slide {width:200px; margin-right:10px} .product_radio_group.swiper-container .swiper-button-next, .product_radio_group.swiper-container .swiper-button-prev {display:none} .product_radio_group.swiper-container.type02 {padding-bottom:36px} .product_radio_group.swiper-container.type02:before {display:none} .product_radio_group.swiper-container.type02:after {display:none} .speedloan_complete {padding:0 10px} .speedloan_complete .text_area, .speedloan_complete .left_side, .speedloan_complete .right_side {float:none} .speedloan_complete .text_area {width:100%; margin-bottom:40px; font-size:20px} .speedloan_complete .left_side {width:100%} .speedloan_complete .left_side.only {width:100%} .speedloan_complete .left_side .btn_wrap {margin-top:30px} .speedloan_complete .right_side {width:100%; padding-left:0; border-left:none} .speedloan_complete .right_side .btn_wrap {margin-top:30px} .speedloan_complete .side .title {font-size:16px} .speedloan_complete .side .info {margin-top:15px; color:#111} .bg_gray.mob_no_bg {background-color:transparent} .table_list .df_list_wrap + .df_list_wrap {padding-top:10px} .table_panel .df_list_wrap.total_calc {padding-top:13px; padding-bottom:13px} .table_panel .df_list_wrap.total_calc .item.tit {line-height:40px} .table_panel .df_list_wrap.total_calc .item.con {font-size:30px} .table_panel .df_list_wrap.total_calc.type02 .item.tit {line-height:2.3rem} .table_panel .df_list_wrap.total_calc.type02 .item.con {font-size:1.8rem;line-height:2.3rem} .table_panel .df_list_wrap.total_calc.type02 .item.con span {font-size:2rem} .float_left_cover .list > * {float:none} .float_left_cover .text {width:100%} .float_left_cover .btn_wrap {width:100%;text-align:left} .result_panel .result_list .info_heading {padding-top:16px; padding-bottom:16px; padding-left:10px} .result_panel .result_list .info_heading .date {float:none;width:100%;font-size:13px;line-height:1.5} .result_panel .result_list .info_heading .result {display:inline-block;font-size:16px;line-height:1.5;color:#333} .result_panel .result_list .info_heading .money_cover {float:none; font-size:2rem} .result_panel .result_list .updown_btn {display:table-cell; position:relative; float:left; width:74px; height:105px} .result_panel .result_list .updown_btn:after {content:''; display:block; position:absolute; left:50%; top:50%; width:16px; height:16px; margin-top:-12px; margin-left:-8px; border-top:none; border-right:2px solid #666; border-bottom:2px solid #666; transform-origin:center; transform:rotate(45deg); } .result_panel .result_list .state_area {padding-left:20px} .result_panel .result_list .state_area {padding-right:20px} .full_terms .accordion_body .text_info {padding-left:52px} .simple_agree_group {padding:20px 20px 20px 2px} .simple_agree_group .inside {font-size:1.3rem} .menu_info {padding-top:15px; padding-bottom:15px} .rcd_pro_wrap .pro_list {padding:20px 10px} .rcd_pro_wrap .alliance_badge {margin-left:-10px} .rcd_pro_wrap .list_inner dl {display:block; float:none} .rcd_pro_wrap .list_inner .right_side {margin-top:15px;padding-left:5px} .rcd_pro_wrap .list_inner .right_side .title {font-size:1.5rem; text-align:left} .rcd_pro_wrap .list_inner .right_side .money {text-align:left} .rcd_pro_wrap .list_inner .info span {display:block} .rcd_pro_wrap .list_inner .info span:not(:first-child) {padding-left:0} .rcd_pro_wrap .list_inner .divide {position:relative; padding-right:6px} .rcd_pro_wrap .list_inner .divide:after {display:none} .app_link_area {min-height:120px;padding-right:120px} .app_link_area:after {width:88px;height:74px;background-image:url(/pconts/images/contents/finance/bg_app_m.png)} .app_link_area p {word-break: break-all} .loan_user_info .user_name {font-size:24px} .loan_user_info .user_card {font-size:24px} .loan_user_info .user_text {font-size:15px} .w_size01.coupon_area {padding-left:10px; padding-right:10px} .w_500size {width:100%} .loan_pop .sub_title {font-size:18px;color:#333} .loan_pop .title {font-size:3.6rem} .table_flow .table_wrap table th {padding:15px 0} .table_flow .arrow:before {width:12px; height:12px} .mix_box_select .gray_roundbox, .mix_box_select .select_wrap {width:calc(50% - 20px)} .mix_box_select * {float:left} .mix_box_select .next {display:inline-block; position:relative; width:40px; height:44px} .mix_box_select .next:before {content:''; display:block; position:absolute; left:50%; top:18px; width:16px; height:0; margin-left:-10px; border-bottom:1px solid #4868e1} .mix_box_select .next:after {content:''; display:block; width:10px; height:10px; margin-top:13.4px; margin-left:calc(50% - 5px); margin-right:auto; border-top:1px solid #4868e1; border-right:1px solid #4868e1; transform:rotate(45deg); } .same_size01 button, .same_size01 a {width:90%} .same_size01 button + button {margin-top:10px!important} .agree_box_line {padding:20px} .agree_box_line.case01 .both_side dt {float:none; width:100%} .agree_box_line.case01 .both_side dd {float:none; width:100%;text-align:left} .fn_img_wrap .img_wrap:nth-of-type(1) {margin-top:20px} .fn_img_wrap .img_wrap {float:none;width:100%} .fn_img_wrap .img_wrap img {width:300px} .btn_wrap.mob_gap .btn_link {margin-bottom:10px} .pro_box .list {float:none; width:100%} .pro_box .list:nth-child(odd) {padding-right:0} .pro_box .list:nth-child(even) {padding-left:0} .pro_box .list:nth-child(n + 2) {margin-top:10px} .rmd_pro_list .list {height:126px; padding-left:0; padding-right:0} .rmd_pro_list .list a {padding:20px 20px} .rmd_pro_list .list a:focus {padding:18px 18px} .rmd_pro_list .list .pro_title {margin-bottom:14px;font-size:1.8rem} .rmd_pro_list .list .sub_info {font-size:1.6rem} .rmd_pro_list .list .pro_text {margin-bottom:0; letter-spacing:-0.05rem} .rmd_pro_list .list .money {font-size:2.6rem} .other_pro_list .list {min-height:128px} .other_pro_list .list a {padding:15px 20px} .other_pro_list .list .pro_title {margin-bottom:7px; font-size:1.9rem} .other_pro_list .list .pro_text {letter-spacing:-1px} .other_pro_list .list .pro_info {font-size:1.3rem} .other_pro_list .list .pro_info .detail {font-size:1.3rem} .other_pro_list .list .pro_info .max {padding-left:0} .other_pro_list .list.case2 a {background:url(/pconts/images/contents/finance/bg_product_m.png) no-repeat calc(100% - 30px) 50% / 70px 70px} .other_pro_list.solo .list {width:100%} .division_group2 {display:block;margin-top:5px;margin-left:-10px} .division_group2 dl, .division_group2 dl:first-child {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center;padding:19px 10px} .division_group2 dl:last-child {padding-right:10px} .division_group2 dl + dl {border:none;border-top:1px solid #eee;border-bottom:1px solid #eee} .division_group2 dl > * {flex:1;padding:0} .division_group2 .title {min-height:auto} .division_group2 .info {flex:1;margin-top:0} .division_group2 .info strong {display:block;font-size:1.8rem} .division_group2 .info .sub_info {display:block;font-size:1.3rem;font-weight:400} .division_group2.col03 dl:first-child, .division_group2.col03 dl:nth-child(2), .division_group2.col02 dl:first-child, .division_group2.col02 dl {width:auto} .division_group2.col02 dl:first-child, .division_group2.col02 dl {padding-left:10px} .sub_division_txt {margin:0 0 0 -10px;padding:20px 0 0 10px;border-top:1px solid #eee} .division_group2.col02.bottom_txt dl {position:relative;padding-bottom:105px} .division_group2.col02.bottom_txt dl:first-child {position:relative;padding-bottom:80px} .division_group2.col02.bottom_txt .txt_info {position:absolute;left:0;bottom:20px;padding-left:10px} .sub_spec_info {margin-bottom:-30px} .sub_spec_info li {font-size:1.6rem} .sub_spec_info li + li {margin-top:0} .sub_spec_info .tit > i {width:18px;height:18px;margin-right:10px} .sub_spec_info .tit + span.line2 {width: calc(100% - 90px);margin-top: 4px;margin-bottom: 5px;line-height: 20px} .sub_spec_info .limit {background:url(/pconts/images/contents/finance/ico_spec_limit_m.png) no-repeat 0 0;background-size:18px auto} .sub_spec_info .interest {background:url(/pconts/images/contents/finance/ico_spec_interest_m.png) no-repeat 0 0;background-size:18px auto} .sub_spec_info li:nth-child(2) span.line2 {margin-top:3px;padding-left:46px} .guide_info > * {float:none;margin-top:0} .guide_info dt, .guide_info dd {width:100%} .guide_info dt {margin-top:20px} .guide_info dd, .guide_info dd:nth-of-type(1) {margin-top:10px}    .accordion_body .area .guide_info dd .marker_dot > li {font-size:15px} .guide_info + .title {margin-top:40px !important} .guide_info.cont_area > * {float:left;margin-bottom:0;margin-top:0} .guide_info.cont_area dt {width:100%} .guide_info.cont_area dd {width:100%;margin-bottom:30px;padding-left:0} .guide_info.cont_area dd, .guide_info.cont_area dd:nth-of-type(1) {margin-top:0}   .guide_info.cont_area + .title {margin-top:25px !important} .guide_info.cont_area:last-child {margin-bottom:10px} .popup_fn_evt .guide_info.cont_area2 dt {width: 100%;margin-top:16px;font-size:16px} .popup_fn_evt .guide_info.cont_area2 dd {width: 100%;margin-top:4px} .popup_fn_evt .evt_target {padding-left: 27px;padding-right: 27px} .popup_fn_evt .card_sale_graph {display:block} .popup_fn_evt .card_sale_graph li{height:231px;background-repeat: no-repeat;background-size:auto 231px} .popup_fn_evt .card_sale_graph li+li {margin-top: 40px} .popup_fn_evt .card_sale_graph .case1{background-image:url(/pconts/images/contents/finance/card_sale_graph1_m.png)} .popup_fn_evt .card_sale_graph .case2{background-image:url(/pconts/images/contents/finance/card_sale_graph2_m.png)} .popup_fn_evt .card_sale_graph .case3{background-image:url(/pconts/images/contents/finance/card_sale_graph3_m.png)} .popup_fn_evt .pc_show {visibility: hidden;font-size:0} .popup_fn_evt .btn_period_close {font-size:15px;color:#111} .accordion_wrap .accordion_body .area.medium .icon_list.step > li {margin-bottom:33px} .accordion_wrap .accordion_body .area.medium .icon_list.step > li .icon_box {padding:3px 0 3px 100px;background-position:10px center}    .accordion_wrap .accordion_body .area.medium .icon_list.step > li::after{left:29px;bottom:-20px} .content_heading .btn_wrap_sub{margin: 30px 0 -12px} .bg_gray .h_wrap + .product_radio_group.swiper-container.type02{margin-top:-20px} .accordion_wrap.type03.loan_type .text_wrap .side {display:block} .accordion_wrap.type03.loan_type .text_wrap .loan_date, .accordion_wrap.type03.loan_type .text_wrap .loan_name, .accordion_wrap.type03.loan_type .text_wrap .loan_price {display:block;width:100%} .accordion_wrap.type03.loan_type .text_wrap .loan_date {font-size:1.3rem} .accordion_wrap.type03.loan_type .text_wrap .loan_price {text-align:left;padding-right:0;font-size:1.8rem;text-align:left} .accordion_wrap.type03.loan_type .text_wrap .loan_price > span {padding-right:0;font-size:2rem} .radio_wrap.type_btn.cardloan ul {width:100%;margin:0} .radio_wrap.type_btn.cardloan li {width:auto} .work_info .radio_wrap.type_btn.cardloan ul {width:100%;margin:0} .work_info .radio_wrap.type_btn.cardloan li {width:auto} .df_list_wrap.cardif .df_list .item.tit {width:50%} .df_list_wrap.cardif .df_list .item.con {width:50%;padding-left:0} .df_list_wrap.cardif .df_list .item_wrap .item.tit.line2 {padding:5px 10px} .df_list_wrap.cardif .df_list .item_wrap .item.tit.line2 + .con {padding:17px 10px 17px 0} .check_wrap.type_bottom .con {padding:15px 20px} .check_wrap.type_bottom .check_agree {margin-top:0} .popup_type01 .pop_head.title_none {height:75px} .popup_type01 .pop_cont .pop_cont_title {font-size:2.4rem;line-height:3rem} .popup_type01 .pop_cont .pop_cont_title02 {font-size:1.8rem;line-height:2.2rem} .popup_type01 .pop_cont p[class*="pop_cont_text"] + .pop_cont_title {margin-top:40px} .loan_recommend {width:100%;padding:15px 18px;font-size:1.5rem} .loan_recommend dt {width:60%} .loan_recommend dd strong {font-size:2.0rem} .revolving_graph_wrap{margin:20px 0} .revolving_graph_wrap .graph_wrap, .revolving_graph_wrap .graph_info{float:none;width:100%;margin:0} .revolving_graph_wrap .graph_wrap{display:block;padding:0 42px 0 34px} .revolving_graph_wrap .graph_wrap .graph{width:100%} .revolving_graph_wrap .graph_wrap .graph_legend{width:100%;margin-top:40px} .revolving_graph_wrap .graph_legend .legend{width:100%;font-size:1.5rem} .revolving_graph_wrap .graph_legend .legend strong{width:42px;text-align:right} .revolving_graph_wrap .graph_info{margin-top:40px;padding:13px 10px} .revolving_graph_wrap .graph_info dl + dl{margin-top:8px} .ex_value{margin-bottom:40px;padding:10px 0} .ex_value span{padding-left:10px} .ex_value span strong{display:block;padding:5px 0 0;color:#333} .ex_cont .cont{display:block;margin-top:28px} .ex_cont .cont .left .inner{width:150px;height:190px} .ex_cont .cont .left .inner.type01{background-image:url(/pconts/images/contents/finance/img_revolving_graph01_m.png);background-size:150px auto} .ex_cont .cont .left .inner.type02{background-image:url(/pconts/images/contents/finance/img_revolving_graph02_m.png);background-size:150px auto} .ex_cont .cont .left .inner li{font-size:1.3rem} .ex_cont .cont .left .inner .num02{position:absolute;top:98px;;left:15px} .ex_cont .cont .left .inner .num03{position:absolute;top:64px;left:92px} .ex_cont .cont .right{margin-top:38px} .ex_cont .cont .right ul li + li{margin-top:7px} .ex_cont .cont .right ul li .cal{margin-top:3px} .revolving_nodata{padding:0 0 40px;font-weight:400} .revolving_nodata:before{display:none} .dl_wrap.fn_dl_type:first-child{margin-top:30px} .dl_wrap.fn_dl_type .tiem.con{font-size:1.6rem} .dl_wrap.fn_dl_type2 .df_list .item.tit{width:120px} .dl_wrap.fn_dl_type2 .df_list .item.con{width:calc(100% - 120px)} .fn_check_group:first-child, .fn_check_group{margin-top:30px} .fn_check_group .check_wrap.all_check .check_default input[type="checkbox"] + span{font-size:1.6rem} .fn_check_group .check_wrap.all_check + .fn_check_list_wrap{margin-top:8px} .fn_check_list_wrap .fn_check_list.check_none .fn_check_info{padding:20px 10px 15px}    .fn_check_list_wrap .list_top span{padding:0 20px 0 10px} .fn_check_list_wrap .fn_check_list li{padding:10px 10px 5px} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li{padding:18px 10px} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .check_tit{font-size:1.6rem} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap{margin-left:0} .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list li .fn_check_info2{margin-top:25px;padding:0} .fn_check_group .fn_check_list_wrap.in_btn_type .check_total{padding:16px 10px}       .fn_check_group2 .check_wrap + .check_list02{margin-top:15px} .fn_check_group2 .check_list02{display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap} .fn_check_group2 .check_list02 li{display:-webkit-flex; display:-ms-flexbox; display:flex;width:33.3%} .fn_check_group2 .check_list02 .col{padding:2.5px} .h_wrap.fn_revolving_type{position:relative;padding-top:68px} .h_wrap.fn_revolving_type .h_title24{position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .h_wrap.fn_revolving_type .btn.left{position:absolute;top:0;left:50%;margin-left:-55px} .alliance_list li {width:50%} .alliance_list li:before{height:48px;background-size:auto 48px} .alliance_list li.c01:before{background-image:url(/pconts/images/contents/finance/img_alliance01_m.png)} .alliance_list li.c02:before{background-image:url(/pconts/images/contents/finance/img_alliance02_m.png)} .alliance_list li.c03:before{background-image:url(/pconts/images/contents/finance/img_alliance03_m.png)} .alliance_list li.c04:before{background-image:url(/pconts/images/contents/finance/img_alliance04_m.png)} .alliance_list li.c05:before{background-image:url(/pconts/images/contents/finance/img_alliance05_m.png)} .alliance_list li.c06:before{background-image:url(/pconts/images/contents/finance/img_alliance06_m.png)} .alliance_list li.c07:before{background-image:url(/pconts/images/contents/finance/img_alliance07_m.png)} .alliance_list li.c08:before{background-image:url(/pconts/images/contents/finance/img_alliance08_m.png)} .alliance_list li.c09:before{background-image:url(/pconts/images/contents/finance/img_alliance09_m.png)} .contents.general_loan{padding-bottom:90px} .contents.general_loan, .contents.general_loan .bg_gray.m_only{background-color:#f6f6f6;background-color:rgba(246, 246, 246, 1.0)} .contents.general_loan > .ly_inner{background-color:#fff} .general_loan .loan_txtbox01{width:100%;padding:40px 20px 105px;margin:0;background:#fff} .general_loan .loan_txtbox01 .ly_inner{padding:0 0 88px 0;background:url(/pconts/images/contents/finance/bg_loanindex_m.png) 100% bottom no-repeat;background-size:auto 127px} .general_loan .loan_txtbox01 .s_txt{font-size:1.8rem} .general_loan .loan_txtbox01 .l_txt{margin-top:20px;font-size:3rem;line-height:4rem} .general_loan .loan_txtbox01 .sub_txt{margin-top:30px;font-size:1.5rem} .general_loan .bg_gray.menulink_group{position:relative;padding-top:117px} .general_loan .loan_contbox01_m{display:block;position:absolute;top:-180px;left:20px;width:calc(100% - 40px)} .general_loan .box_menulink{padding:20px;border-radius:6px} .general_loan .box_menulink:before{display:block;content:'';position:absolute;background-position:0 0;background-repeat:no-repeat} .general_loan .box_menulink .tit{font-size:2rem;line-height:2.4rem;word-break:break-all} .general_loan .box_menulink .sub_txt{margin-top:15px} .general_loan .loan_contbox01_m .box_menulink{height:160px;padding:25px 20px 30px} .general_loan .loan_contbox01_m .box_menulink:before{right:20px;bottom:29px;width:85px;height:70px;background-image:url(/pconts/images/contents/finance/bg_loanindex01_m.png);background-size:auto 70px} .general_loan .loan_contbox01{display:none} .general_loan .loan_menulist01{margin:0;padding-bottom:30px} .general_loan .loan_menulist01 li{width:calc(50% - 10px);margin:0 0 0 20px} .general_loan .loan_menulist01 li:nth-child(n+3){margin-top:20px} .general_loan .loan_menulist01 li:nth-child(odd){margin-left:0} .general_loan .loan_menulist01 li .box_menulink{height:180px} .general_loan .loan_menulist01 li .box_menulink:before{bottom:15px;left:20px;background-size:50px auto} .general_loan .loan_menulist01 .loan01 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex02_m.png)} .general_loan .loan_menulist01 .loan02 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex03_m.png)} .general_loan .loan_menulist01 .loan03 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex04_m.png)} .general_loan .loan_menulist01 .loan04 .box_menulink:before{background-image:url(/pconts/images/contents/finance/bg_loanindex05_m.png)} .general_loan .loan_menulist01 li .box_menulink:after{width:24px;height:24px;border-radius:0 6px;line-height:2.4rem} .general_loan .loan_menulist01 li .box_menulink .sub_txt{margin-top:5px} .general_loan .loan_menulist02{padding:0 0 30px} .general_loan .loan_menulist02 li{float:none;width:100%} .general_loan .loan_menulist02 li:first-child{padding-right:0} .general_loan .loan_menulist02 li + li{padding-left:0} .general_loan .loan_menulist02 li + li:after{width:100%;height:1px} .general_loan .loan_menulist02 .txt_menulink{padding:20px 9px} .general_loan .loan_menulist02 .txt_menulink strong{font-size:1.8rem} .general_loan .loan_menulist02 .txt_menulink strong:after{width:6px;height:11px;margin-left:8px;background-position:0 0;background-size:9px auto} .general_loan .loan_menulist02 .txt_menulink p{color:#333} .gray_box{padding:10px} .gray_box .text_box_type02{padding:10px} .benefit_program{margin-left:-12px} .cusGuide_wrap .cusGuide_text{margin:0 -20px;padding:15px 20px 40px} .foreigner_guide_lang{padding:40px 0 60px} .foreigner_guide_lang li{display:block} .foreigner_guide_lang li + li{margin-left:0;margin-top:28px} .foreigner_guide_lang li .tit{margin-bottom:10px;font-size:1.6rem} .btn_group.foreigner_only{display:block;flex:none} .btn_group.foreigner_only .btn + .btn{margin:10px 0 0} .btn_group.foreigner_only .btn.darkgray{font-size:1.6rem} .form_ele.foreigner_only .check_wrap .check_default{width:auto} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {float:none;width:100%} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .money, .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .date {display:inline-block} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 .add_txt {display:inline-block;float:none;margin-right:28px;font-weight:400} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02 {float:none;width:100%} .radio_wrap .radio_default input[type="radio"] + span.info_cover .info .info_group.type02:first-child {float:none;width:100%} .tel_wrap.type02 > .select_wrap {position:static;width:100%} .tel_wrap.type02 > .select_wrap + div {padding-left:0;margin-top:8px} .loan_credit_area.fn_type1 .loan_credit_list {font-size:15px; } .loan_credit_area.fn_type1 .loan_credit_list li:not(:last-child) {margin-bottom:8px} .loan_credit_area.fn_type1 .association_number {font-size:15px} } @media only screen and (max-width:760px){ .jumbotron .online {margin-top:6px} .jumbotron .btn_underline {font-size:18px; padding:0 16px} .jumbotron .btn_underline:before {left:16px; width:calc(100% - 32px)} } .bg_text_box {padding:25px 30px; border-radius:3px} .bg_text_box p {font-weight:700; color:#333} .step_box_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:-20px 0 0 -20px; overflow:hidden; -ms-flex-wrap:wrap; flex-wrap:wrap} .step_box_wrap .step_box {display:-webkit-flex; display:-ms-flexbox; display:flex; width:calc(50% - 20px); margin:20px 0 0 20px; padding:30px; background:#f6f6f6; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .step_box_wrap .step_box .txt_area {margin-bottom:20px; flex-grow:1} .step_box_wrap .step_box .txt_area .step {margin-bottom:5px; font-size:13px; font-weight:700; color:#333} .step_box_wrap.col3 {display:-webkit-flex; display:-ms-flexbox; display:flex; overflow:hidden; -ms-flex-wrap:wrap; flex-wrap:wrap} .step_box_wrap.col3 .step_box {width:calc(33.33% - 20px); padding:30px 30px} .basic_pay .cont_wrap .sub_text + .sub_text {margin-top:10px} .basic_pay .cont_wrap .sub_text + .marker_dot {margin-top:10px} .step_box_wrap.basic_pay01_step .step_box .img {width:420px; height:310px; margin:auto} .step_box_wrap.basic_pay01_step .step_box.step1 .img {width:302px;background:url(/pconts/images/contents/benefit/pay/img_basic_pay01.jpg) no-repeat} .step_box_wrap.basic_pay01_step .step_box.step2 .img {width:305px;background:url(/pconts/images/contents/benefit/pay/img_basic_pay02.jpg) no-repeat} .basic_pay .table_card .has_card_info {display:-webkit-flex; display:-ms-flexbox; display:flex; padding:36px 0;border-top:1px solid #eee} .basic_pay .table_card tr:first-child .has_card_info {border-top:1px solid #ddd} .basic_pay .table_card tr:last-child td:not(.no_data) .has_card_info{border-bottom:1px solid #ddd} .basic_pay .table_card .has_card_info .date_cel{width:230px} .basic_pay .table_card .has_card_info .card_cel{width:calc(100% - 230px)} .basic_pay .table_card .has_card_info .card_cel em {color:#333; font-weight:700} .basic_pay .table_card .has_card_info .card_cel em + em:before {display:inline-block; width:1px; height:10px; margin:0 8px; background:#ddd; content:""} .basic_pay .table_card .date_info dt, .basic_pay .table_card .date_info dd{display:inline-block} .radio_wrap.radio_table {display:table; width:100%} .radio_wrap.radio_table label {width:100%} .radio_wrap.radio_table label span {width:100%; border-top:1px solid #eee} .radio_wrap.radio_table label.radio_none input[type="radio"] + span:before, .radio_wrap.radio_table label.radio_none input[type="radio"]:checked + span:after {display:none} .radio_wrap.radio_table tr:first-child label span {border-top:1px solid #ddd} .radio_wrap.radio_table tr:last-child td:not(.no_data) label span {border-bottom:1px solid #ddd} .radio_wrap.radio_table .radio_default input[type="radio"] + span{width:100%; padding:36px 0 36px 55px; line-height:1.3} .radio_wrap.radio_table .radio_default input[type="radio"] + span:before {top:50%; margin-top:-13px} .radio_wrap.radio_table .radio_default input[type="radio"]:checked + span:after {top:50%; margin-top:-7px} .radio_wrap.radio_table .radio_default input[type="radio"] + span .card_no, .radio_wrap.radio_table.radio_card .radio_default input[type="radio"] + span .card_nm {font-weight:700} .radio_card span em {color:#111} .radio_card span em + em:before {display:inline-block; width:1px; height:10px; margin:0 8px; background:#ddd; content:""} .radio_card .date_info:first-of-type {margin-top:15px} .radio_card .date_info + .date_info {margin-top:6px} .radio_card .date_info dt, .radio_card .date_info dd{display:inline-block; font-size:13px} .explain_box_wrap {display:block; margin:0} .explain_box_wrap .explain_box {width:100%; margin:0; padding:20px 30px 20px 92px} .explain_box_wrap .explain_box + .explain_box {margin-top:30px}  .explain_box_wrap .explain_box:before {top:20px; left:20px} .example_box_wrap {display:block} .example_box_wrap .example_box {width:100%} .example_box_wrap .example_box .img_wrap {width:250px; height:250px; margin:auto; padding:11px} .example_box_wrap .example_box + .example_box {margin-top:25px} .step_box_wrap.password_pay01_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.password_pay01_step .step_box.step1 .img {background-image:url(/pconts/images/contents/benefit/pay/pw01_step1.png)} .step_box_wrap.password_pay01_step .step_box.step2 .img {background-image:url(/pconts/images/contents/benefit/pay/pw01_step2.png)} .step_box_wrap.password_pay01_step .step_box.step3 .img {background-image:url(/pconts/images/contents/benefit/pay/pw01_step3.png)} .step_box_wrap.password_pay01_step .step_box.step4 .img {background-image:url(/pconts/images/contents/benefit/pay/pw01_step4.png)} .step_box_wrap.password_pay01_step .step_box.step5 .img {background-image:url(/pconts/images/contents/benefit/pay/pw01_step5.png)} .step_box_wrap.password_pay01_step .step_box.step6 .img {background-image:url(/pconts/images/contents/benefit/pay/pw01_step6.png)} .step_box_wrap.password_pay01_step .step_box.step7 .img {background-image:url(/pconts/images/contents/benefit/pay/pw01_step7.png)} .step_box_wrap.password_pay01_step .step_box .img{background-size:contain; background-position:center; background-repeat:no-repeat} .step_box_wrap.password_pay02_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.password_pay02_step .step_box.step1 .img {background-image:url(/pconts/images/contents/benefit/pay/pw02_step1.png)} .step_box_wrap.password_pay02_step .step_box.step2 .img {background-image:url(/pconts/images/contents/benefit/pay/pw02_step2.png)} .step_box_wrap.password_pay02_step .step_box.step3 .img {background-image:url(/pconts/images/contents/benefit/pay/pw02_step3.png)} .step_box_wrap.password_pay02_step .step_box .img{background-size:contain; background-position:center; background-repeat:no-repeat} .step_box_wrap.password_pay03_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.password_pay03_step .step_box.step1 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step1.png)} .step_box_wrap.password_pay03_step .step_box.step2 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step2.png)} .step_box_wrap.password_pay03_step .step_box.step3 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step3.png)} .step_box_wrap.password_pay03_step .step_box.step4 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step4.png)} .step_box_wrap.password_pay03_step .step_box.step5_1 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step5_1.png)} .step_box_wrap.password_pay03_step .step_box.step5_2 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step5_2.png)} .step_box_wrap.password_pay03_step .step_box.step5_3 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step5_3.png)} .step_box_wrap.password_pay03_step .step_box.step6 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step6.png)} .step_box_wrap.password_pay03_step .step_box.step7 .img {background-image:url(/pconts/images/contents/benefit/pay/pw03_step7.png)} .step_box_wrap.password_pay03_step .step_box .img{background-size:contain; background-position:center; background-repeat:no-repeat} .step_box_wrap.password_pay04_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.password_pay04_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step1.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step2.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step3.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step4.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step5.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step6 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step6.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step7 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step7.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step_refer .img {width:420px;background:url(/pconts/images/contents/benefit/pay/pw04_step_refer.png) no-repeat; background-size:100%} .step_box_wrap.password_pay05_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.password_pay05_step .step_box.step_refer1 .img {background:url(/pconts/images/contents/benefit/pay/pw05_refer1.png) no-repeat; background-size:100%} .step_box_wrap.password_pay05_step .step_box.step_refer2 .img {background:url(/pconts/images/contents/benefit/pay/pw05_refer2.png) no-repeat; background-size:100%} .password_pay .icon_list02 li + li {border-top:1px solid #eee} .password_pay .icon_list02 li .item {display:block; position:relative; width:100%; padding:25px 20px 20px 115px} .password_pay .icon_list02 li .item:before {content:""; display:block; position:absolute; top:20px; left:0; width:90px; height:90px} .password_pay .icon_list02 li .item.item01:before {border-radius:50%; background:url(/pconts/images/icon/ico_icon64.png) #f2f4f8 center no-repeat; background-size:50px} .password_pay .icon_list02 li .item.item02:before {border-radius:50%; background:url(/pconts/images/icon/ico_icon65.png) #f2f4f8 center no-repeat; background-size:50px} .password_pay .icon_list02 li:first-child .item {padding:0px 20px 30px 115px} .password_pay .icon_list02 li:first-child .item:before {top:0} .step_box_wrap.fan_pay01_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.fan_pay01_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step1.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay01_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step2.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay01_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step3.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay01_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step4.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay02_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.fan_pay02_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay02_step1.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay02_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay02_step2.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay03_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.fan_pay03_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay03_step1.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay03_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay03_step2.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.fan_pay04_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step1.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step2.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step3.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step4.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.fan_pay05_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step1.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step2.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step3.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step4.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step5.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step6 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step6.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step7 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step7.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step8 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step8.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.fan_pay06_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step1.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step2.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step3.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step4.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step5.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.fan_pay07_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step1.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step2.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step3.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step4.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step5.png) no-repeat; background-size:100%} .step_box_wrap.ars_pay01_step .step_box .img {width:306px; height:310px; margin:auto} .step_box_wrap.ars_pay01_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/ars_step1.png) no-repeat; background-size:100%} .step_box_wrap.ars_pay01_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/ars_step2.png) no-repeat; background-size:100%} .step_box_wrap.ars_pay01_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/ars_step3.png) no-repeat; background-size:100%} .step_box_wrap.masterpass_pay01_step .step_box .img {width:306px; height:310px; margin:auto} .masterpass_pay01_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step1.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step2.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step3_1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_1.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step3_2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_2.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step3_3 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_3.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step3_4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_4.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step4.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step5.png) no-repeat; background-size:100%} .step_box_wrap.masterpass_pay02_step .step_box .img {width:306px; height:310px; margin:auto} .masterpass_pay02_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step1.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step2.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step3_1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_1.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step3_2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_2.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step3_3 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_3.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step3_4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_4.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step4.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step5.png) no-repeat; background-size:100%} .step_box_wrap.masterpass_pay03_step .step_box .img {width:306px; height:310px; margin:auto} .masterpass_pay03_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step1.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step2.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step3.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step4.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step5.png) no-repeat; background-size:100%} .masterpass_ex01 .img{width:100%; height:310px; border:1px solid #ddd; background:url(/pconts/images/contents/benefit/masterpass_ex01.jpg) no-repeat} .masterpass_ex02 {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; padding:40px; border:1px solid #ddd} .masterpass_ex02 .example_box {margin-left:30px;flex:1px} .masterpass_ex02 .example_box .img {width:100%; height:180px; margin-bottom:25px} .masterpass_ex02 .example_box .img.step {background:url(/pconts/images/contents/benefit/masterpass_ex02.jpg) no-repeat} .masterpass_ex02 .example_box .img.step2 {background:url(/pconts/images/contents/benefit/masterpass_ex03.jpg) no-repeat} .masterpass_ex02 .example_box .img.step3 {background:url(/pconts/images/contents/benefit/masterpass_ex04.jpg) no-repeat} .masterpass_ex02 .example_box .ex_step {margin-bottom:12px; font-size:20px; color:#111;font-weight:700} .masterpass_ex02 .example_box .ex_txt {color:#333} .smart_pay .smart_pay01_step .step_box .img {width:306px; height:180px; margin:auto} .smart_pay .smart_pay01_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step1.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step2.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step3.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step4.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step5.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step .step_box .img {width:306px; height:310px; margin:auto} .smart_pay .smart_pay02_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_step1.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_step2.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step  .step_box.refer1 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_refer1.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step  .step_box.refer2 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_refer2.png) no-repeat; background-size:100%} .lift_fare_ing {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; border-top:1px solid #ddd} .lift_fare_help {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #eee} .lift_fare_ing li {position:relative; width:50%; border-bottom:1px solid #eee; padding:30px 0px 30px 120px;  background-repeat:no-repeat} .lift_fare_ing li:before {content:''; position:absolute; left:0; display:inline-block; width:80px; height:80px; background:#f6f6f6; border-radius:40px; background-repeat:no-repeat;  background-position:center} .lift_fare_help li {position:relative; width:25%; border-bottom:1px solid #eee; text-align:center; padding:130px 0 30px 0; background-position:center 30px} .lift_fare_help li:before {content:''; position:absolute; top:30px; left:calc(50% - 40px); display:inline-block; width:80px; height:80px; background:#f6f6f6; border-radius:40px; background-repeat:no-repeat; background-position:center} .lift_fare_help li:last-child {border:none} .lift_fare_ing .flexbox_dl {border:none} .lift_fare_ing .flexbox_dl dl + dl {margin-top:5px} .lift_fare_ing .flexbox_dl dt {width:138px;flex:inherit} .lift_fare_help .txt_warp {display:block; line-height:48px; text-align:center; color:#333} .lift_fare_ing li .btn_wrap button + button {margin-left:30px} .lift_fare_nodata {border-top:1px solid #ddd; border-bottom:1px solid #eee; padding-bottom:50px} .lift_fare_change {overflow: hidden} .lift_fare_change li {padding:7px 5px} .lift_fare_change li span {display:block; float:left} .lift_fare_change li .info {width:70%} .lift_fare_change li .info strong {display:block; font-weight:400} .lift_fare_change li .info .detail {font-size:13px; margin-top:5px} .lift_fare_change li .info i {font-style:normal; position:relative; display:inline; padding-left:5px} .lift_fare_change li .info i::after {content: ''; display:inline-block; position:absolute; left:0px; top:calc(50% - 6px); width: 1px; height: 11px; background-color: #ccc} .lift_fare_change li .price {float:right; text-align:right; width:30%; font-weight:700} .lift_fare_change li::after {content:'';display:block;clear: both} .lift_fare_change.type2 li {padding:17px 5px} .lift_fare_change.type2 .month {color:#111;font-weight:700} .lift_fare_change.type2 .price {color:#333} .lift_fare_ing .ico01::before, .lift_fare_help .ico01::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge01.png'); background-size:50px} .lift_fare_ing .ico02::before, .lift_fare_help .ico02::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge02.png'); background-size:50px} .lift_fare_ing .ico03::before, .lift_fare_help .ico03::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge03.png'); background-size:50px} .lift_fare_ing .ico04::before, .lift_fare_help .ico04::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge04.png'); background-size:50px} .lift_fare_ing .ico05::before, .lift_fare_help .ico05::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge05.png'); background-size:50px} .lift_fare_ing .ico06::before, .lift_fare_help .ico06::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge06.png'); background-size:50px} .lift_fare_ing .ico07::before, .lift_fare_help .ico07::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge07.png'); background-size:50px} .lift_fare_ing .ico08::before, .lift_fare_help .ico08::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge08.png'); background-size:50px} .lift_fare_ing .ico09::before, .lift_fare_help .ico09::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge09.png'); background-size:50px} .lift_fare_ing .ico10::before, .lift_fare_help .ico10::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge10.png'); background-size:50px} .lift_fare_ing .ico11::before, .lift_fare_help .ico11::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge11.png'); background-size:50px} .lift_fare_ing .ico12::before, .lift_fare_help .ico12::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge12.png'); background-size:50px} .lift_fare_ing .ico13::before, .lift_fare_help .ico13::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge13.png'); background-size:50px} .lift_fare_ing .ico14::before, .lift_fare_help .ico14::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge14.png'); background-size:50px} .lift_fare_ing .ico15::before, .lift_fare_help .ico15::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge15.png'); background-size:50px} .lift_fare_ing .ico16::before, .lift_fare_help .ico16::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge16.png'); background-size:50px} .lift_fare_ing .ico17::before, .lift_fare_help .ico17::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge17.png'); background-size:50px} .lift_fare_ing .ico18::before, .lift_fare_help .ico18::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge18.png'); background-size:50px} .lift_fare_ing .ico19::before, .lift_fare_help .ico19::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge19.png'); background-size:50px} .lift_fare_ing .ico20::before, .lift_fare_help .ico20::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge20.png'); background-size:50px} .lift_fare_ing .ico21::before, .lift_fare_help .ico21::before {background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge21.png'); background-size:50px} .lift_fare_banner {position:relative} .lift_fare_banner .banner_txt {display:inline-block; position:relative; margin:0; padding:35px; font-size:24px; color:#333} .lift_fare_banner .banner_txt strong {font-weight:900} .lift_fare_banner .banner_img {display:inline-block; position:absolute; right:100px; top:36px} .lift_fare_banner .banner_img img {height:100%} .law_payment{padding-top:30px; font-size:13px} .elec_apply_list .df_list_wrap {border-top:1px solid #bbb; border-bottom:1px solid #ddd} .elec_apply_list .df_list_wrap +.df_list_wrap {border-top:0} .elec_apply_list .df_list_wrap .item_wrap dd {color:#333} .elec_apply_list .df_list_wrap .item_wrap dd.card em:before {display:inline-block; width:1px; height:13px; margin:0 5px; background:#ddd; content:""} .elec_apply_list .df_list_wrap .item_wrap dd.card em:first-child:before {display:none} .house_payment .house_list li{border-top:1px solid #eee; padding:20px 0} .house_payment .house_list li:first-child{border-top:0 none} .house_payment .house_list .radio_wrap{width:100%} .house_payment .house_list .radio_wrap label{width:100%} .house_payment .house_list .radio_wrap label span{width:100%} .house_payment .house_list .radio_wrap label span dl{position:relative} .house_payment .house_list .radio_wrap label span dl::after{content:'';display:block;clear:both} .house_payment .house_list .radio_wrap label span dt{position:absolute; color:#999} .house_payment .house_list .radio_wrap label span dd{padding-left:80px} .house_payment .house_list .radio_wrap .radio_default input[type="radio"] + span::before{top:50%; margin-top:-13px} .house_payment .house_list .radio_wrap .radio_default input[type="radio"]:checked + span::after{top:calc(50% - 3px); margin-top:-4px} .radio_gasinfo .detail_info {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:20px} .radio_gasinfo .detail_info:first-child {margin-top:0} .radio_gasinfo .detail_info dt, .radio_gasinfo .detail_info dd{font-size:15px} .radio_gasinfo .detail_info dt {width:197px} .radio_gasinfo .detail_info dd {width:calc(100% - 202px); color:#333} .radio_gasinfo .detail_info dd.card em:before {display:inline-block; width:1px; height:13px; margin:0 5px; background:#ddd; content:""} .radio_gasinfo .detail_info dd.card em:first-child:before {display:none} .tel_apply_list .df_list_wrap {border-top:1px solid #bbb; border-bottom:1px solid #ddd} .tel_apply_list .df_list_wrap +.df_list_wrap {border-top:0} .tel_apply_list .df_list_wrap .item_wrap dd {color:#333} .tel_apply_list .df_list_wrap .item_wrap dd.card em:before {display:inline-block; width:1px; height:13px; margin:0 5px; background:#ddd; content:""} .tel_apply_list .df_list_wrap .item_wrap dd.card em:first-child:before {display:none} .apt_payment .check_wrap.type_agree .check_agree.check_all.line_more span{padding-top:0; line-height:54px} .apt_payment .event_bnr.event_view {height:173px} .apt_payment .event_bnr.event_view .event_cont .cont, .apt_payment .event_bnr.event_view .event_cont .link {padding:0} .apt_payment .event_bnr.event_view .event_cont, .apt_payment .event_bnr.event_view .event_cont a {color:#111} .apt_payment .event_bnr.event_view .event_cont .label {border:1px solid #666; color:#333} .apt_payment .event_bnr.event_view .event_cont .tit {font-size:28px} .apt_payment .event_bnr.event_view .event_cont .txt {font-size:16px} .apartment_list li + li {margin-top:20px} .sch_result.apartment_result dl dt {font-weight:700; color:#333} .sch_result.apartment_result dl dd {color:#333} .pop_apartment .energy_wrap {display:block; width:100%; height:206px; background:url(/pconts/images/contents/benefit/apartment_energy.jpg) no-repeat} .apt_result_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:-8px 0 0 -8px; -ms-flex-wrap:wrap; flex-wrap:wrap} .apt_result_box {width:calc(50% - 8px); margin:8px 0 0 8px; padding:20px; border-radius:2px; background:#f3f4f8} .apt_result_box.single {width:100%} .apt_result_box dl dt, .apt_result_box dl dd {color:#333} .radio_list ul.radio_wrap .detail_info {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:17px} .radio_list ul.radio_wrap .detail_info:first-child {margin-top:0} .radio_list ul.radio_wrap .detail_info dt, .radio_list ul.radio_wrap .detail_info dd{font-size:15px} .radio_list ul.radio_wrap .detail_info dt {width:197px} .radio_list ul.radio_wrap .detail_info dd {width:calc(100% - 202px); color:#333} .radio_list ul.radio_wrap .detail_info dd.card em:before {display:inline-block; width:1px; height:13px; margin:0 5px; background:#ddd; content:""} .radio_list ul.radio_wrap .detail_info dd.card em:first-child:before {display:none} .school_result_box {display:block; width:100%; padding:15px 20px; border-radius:2px; background:#f3f4f8} .school_result_box dl dt, .school_result_box dl dd {color:#333} .school_result_box dl dd {font-weight:700} .sch_result.school_result dl dt {color:#333} .sch_result.school_result dl dd {font-weight:700; color:#333} .df_list dd.card em:before {display:inline-block; width:1px; height:13px; margin:0 5px; background:#ddd; content:""} .df_list dd.card em:first-child:before {display:none} .tax_payment .site_group{display:grid; grid-template-columns:50% 50%} .tax_payment .site_group::after{content:''; display:block; clear:both} .tax_payment .site_group .site{box-sizing:border-box; border:1px solid #ddd; border-radius:5px; padding:30px} .tax_payment .site_group .site:nth-child(1), .tax_payment .site_group .site:nth-child(2){margin-bottom:20px} .tax_payment .site_group .site::after{content:'';display:block;clear:both} .tax_payment .site_group .site:nth-child(odd){margin-right:20px} .tax_payment .site_group .site_logo{box-sizing:border-box; float:left; width:90px; height:60px} .tax_payment .site_group .site_logo img{width:100%; height:auto} .tax_payment .site_group .site_info{box-sizing:border-box; float:left; width:calc(100% - 100px); padding-left:40px; word-break:break-word} .tax_payment .site_group .site_info .time_tip{font-size:15px} .tax_payment .site_group .site_info .text_outlink{font-weight:bold} .tax_payment .table_wrap.acc table th, .tax_payment .table_wrap.acc table td{font-size:15px} .tax_payment.country .link_fixed{position:relative} .tax_payment.country .link_fixed .btn_wrap{position:absolute; bottom:10px} .sk_apply_list .df_list_wrap {border-top:1px solid #bbb; border-bottom:1px solid #ddd} .sk_apply_list .df_list_wrap +.df_list_wrap {border-top:0} .sk_apply_list .df_list_wrap .item_wrap dd {color:#333} .sk_apply_list .df_list_wrap .item_wrap dd.card em:before {display:inline-block; width:1px; height:13px; margin:0 5px; background:#ddd; content:""} .sk_apply_list .df_list_wrap .item_wrap dd.card em:first-child:before {display:none} .uni_payment .payment_list{display:inline-block;position:relative;width:100%;border-top:2px solid #000000;font-size:16px} .uni_payment .payment_list dl:after {display:block;content:"";clear:both} .uni_payment .payment_list dl dt{float:left} .uni_payment .payment_list dl dd{float:right} .uni_payment .payment_list .detail_payment dl{padding:20px 32px 20px 30px} .uni_payment .payment_list .detail_payment dl:first-child{padding:20px 30px 10px} .uni_payment .payment_list .detail_payment dl:last-child{padding:10px 30px 20px} .uni_payment .payment_list dl label{display:inline-block;position:relative;cursor:pointer;vertical-align:middle} .uni_payment .payment_list dl input[type="checkbox"]{position:absolute;left:0;top:0;z-index:1;opacity:0;margin:0;padding:0;cursor:pointer} .uni_payment .payment_list dl label span {display:inline-block;position:relative} .uni_payment .payment_list .check_default input[type="checkbox"]{width:26px;height:26px} .uni_payment .payment_list .check_default input[type="checkbox"] + span {padding-left:35px;color:#111;line-height:26px} .uni_payment .payment_list .check_default input[type="checkbox"] + span:before{position:absolute;left:0;top:0;display:block;width:26px;height:26px;border:1px solid #ddd;content:"";background-color:#fff} .uni_payment .payment_list .check_default input[type="checkbox"] + span:after {display:inline-block;position:absolute;content:''} .uni_payment .payment_list .check_default input[type="checkbox"] + span:before {border-radius:50%} .uni_payment .payment_list .check_default input[type="checkbox"] + span:after {width:15px;height:11px;top:8px;left:6px;background:url(/pconts/images/common/check_off.png) no-repeat 0 0;content:""} .uni_payment .payment_list .all_payment{border-bottom:1px solid #eee; font-weight:bold} .uni_payment .payment_list .all_payment .check_default input[type="checkbox"] + span{color:#333} .uni_payment .payment_list .all_payment.disabled dl label{cursor:default} .uni_payment .payment_list .all_payment.disabled .check_default input[type="checkbox"]{display:none} .uni_payment .payment_list .all_payment.disabled .check_default input[type="checkbox"] + span::before{display:none} .uni_payment .payment_list .all_payment.disabled .check_default input[type="checkbox"] + span::after{display:none} .uni_payment .payment_list .all_payment dl{padding:20px 32px 20px 30px} .uni_payment .detail_payment .check_default input[type="checkbox"]:disabled  + span {color:#111} .uni_payment .detail_payment .check_default input[type="checkbox"]:disabled + span:before {border-color:#eee;background:#f6f6f6} .uni_payment .detail_payment .check_default input[type="checkbox"]:checked:disabled + span {color:#111} .uni_payment .detail_payment .check_default input[type="checkbox"]:checked:disabled + span:after {background:url(/pconts/images/common/check_disabled_on.png) no-repeat 0 0} .uni_payment .detail_payment .check_default input[type="checkbox"]:disabled + span:after {background:url(/pconts/images/common/check_disabled_off.png) no-repeat 0 0} .uni_payment .payment_total{display:inline-block;position:relative;width:100%;padding:0;font-size:16px} .uni_payment .payment_total dl:after {display:block;content:"";clear:both} .uni_payment .payment_total dl dt{float:left} .uni_payment .payment_total dl dd{float:right} .uni_payment .payment_total .total{border-top:1px solid #eee; border-bottom:1px solid #e2e2e2; padding:16px 32px 16px 63px; font-weight:bold; color:#333} .uni_payment .payment_list .check_default input[type="checkbox"]:checked + span {color:#333} .uni_payment .payment_list .check_default input[type="checkbox"]:checked + span:after {background:url(/pconts/images/common/check_on.png) no-repeat 0 0} .uni_payment .df_list_wrap.tuition{border-bottom:0 none; padding-bottom:0} .uni_payment .df_list_wrap.tuition .df_list .item.con{float:right; width:auto} .uni_payment .df_list_wrap.tuition .df_list .item_wrap.total{border-top:1px solid #eee; border-bottom:1px solid #e2e2e2; background:#f6f6f6; margin-top:16px; font-weight:bold} .uni_payment .df_list_wrap.tuition .df_list .item_wrap.total dt{padding-bottom:16px} .uni_payment .total_payment{border-radius:10px; background-color:#f6f6f6; padding:28px 0 28px; text-align:center} .uni_payment .total_payment .pay_item{margin-bottom:10px} .uni_payment .total_payment .pay_item:last-child{margin-bottom:0} .uni_payment .total_payment .pay_item .input_wrap{position:relative; display:inline-block; width:360px; margin-left:90px} .uni_payment .total_payment .pay_item .c_title{display:inline-block; min-width:130px; text-align:left} .uni_payment .total_payment .pay_item input[type="text"], .uni_payment .total_payment .pay_item input[type="text"]::placeholder, .uni_payment .total_payment .pay_item input[type="tel"], .uni_payment .total_payment .pay_item input[type="tel"]::placeholder{font-weight:bold;color:#333} .uni_payment .total_payment .pay_item input[type='text']  + .unit, .uni_payment .total_payment .pay_item input[type='tel']  + .unit{display:inline-block;position:absolute;top:0;right:0;width:28px;height:44px;font-weight:bold;font-size:16px;color:#333;line-height:45px;text-align:left} .uni_payment .payment_print{font-size:16px} body.app_shcard .app_payfan, body.app_shfan .app_payfan{display:block} .chg_point_item {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; height:94px; margin:0; padding:35px 0} .chg_point_item .chg_point_info {display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:flex-start; flex-direction:row-reverse; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:calc(100% - 230px)} .chg_point_item .chg_point_info .title_area {width:calc(100% - 280px); padding:0 10px 0 50px; font-size:16px; line-height:24px; color:#111} .chg_point_item .chg_point_info .texts_area {align-self:center; width:280px; font-weight:400; font-size:15px; line-height:24px; color:#111} .chg_point_item .chg_point_info .texts_area .info_banknm:before {display:inline-block; width:1px; height:10px; margin:0 7px; background:#ddd; content:""} .chg_point_item .point_info {display:-webkit-flex; display:-ms-flexbox; display:flex; width:230px} .chg_point_item .point_info .point {width:calc(100% - 77px); font-size:16px; color:#333} .chg_point_item .point_info .point span span {font-weight:700} .chg_point_item .point_info .btn_wrap {width:77px} .chg_point_item .point_info .chg_state {width:77px; text-align:center} .pay_dream .list_group .list_headnote02 .right_area {text-align:left} .apply_infoWrap {display:block; padding-bottom:29px; border-bottom:1px solid #eee} .apply_infoWrap .title_line {display:block; border-bottom:1px solid #bbb; margin-bottom:24px; padding-bottom:24px; overflow:hidden} .apply_infoWrap .title_line .left_area {float:left} .apply_infoWrap .title_line .right_area {float:right; line-height:36px} .list_type_month li + li {margin-top:30px} .my_shpoint .card_service_list::after{content:'';display:block;clear:both} .my_shpoint .card_service_list li{float:left} .my_shpoint .card_service_list li a{border:1px solid #dddddd} .love_point .h_wrap::after::after{content:'';display:block;clear:both} .love_point .title_guide{float:right; line-height:36px} .love_point .txt_right{text-align:right} .love_point .input_wrap input[type='text'] + .unit, .love_point .input_wrap input[type='tel'] + .unit{display:inline-block;position:absolute;top:0;right:0;width:28px;height:44px;font-size:16px;color:#111;line-height:45px;text-align:left} .myshop .icon_list02 li + li {border-top:1px solid #eee} .myshop .icon_list02 li .item {display:block; position:relative; width:100%; padding:34px 20px 14px 115px} .myshop .icon_list02 li .item:before {display:block; position:absolute; top:20px; left:0; width:90px; height:90px;content:""} .myshop .icon_list02 li .item.item01:before {border-radius:50%; background:url(/pconts/images/contents/benefit/icon/ico_myshop01.png) #f2f4f8 center no-repeat; background-size:50px} .myshop .icon_list02 li .item.item02:before {border-radius:50%; background:url(/pconts/images/contents/benefit/icon/ico_myshop02.png) #f2f4f8 center no-repeat; background-size:50px} .myshop .icon_list02 li:first-child .item {padding:14px 20px 34px 115px} .myshop .icon_list02 li:first-child .item:before {top:0} .step_box_wrap.myshop .step_box .img {display:block; width:100%; height:156px; margin:auto} .step_box_wrap.myshop .step_box.step1 .img {background:url(/pconts/images/contents/benefit/myshop01.jpg) no-repeat} .step_box_wrap.myshop .step_box.step2 .img {background:url(/pconts/images/contents/benefit/myshop02.jpg) no-repeat} .step_box_wrap.myshop .step_box.step3 .img {background:url(/pconts/images/contents/benefit/myshop03.jpg) no-repeat} .barcode_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:15px} .barcode_wrap .item {width:126px} .barcode_wrap .item + .item {margin-left:20px} .barcode_wrap .item img {width:100%} .maycar .icon_list.step > li .icon_box .icon_name {font-size:13px} .maycar .car_financeimg {display:block; width:679px; height:219px; margin-top:15px; background:url(/pconts/images/contents/benefit/car_finance.jpg) no-repeat} .maycar .car_parking01 {display:block; width:679px; height:302px; margin-top:15px; background:url(/pconts/images/contents/benefit/parking01.jpg) no-repeat} .maycar .parking_contact {display:-webkit-flex; display:-ms-flexbox; display:flex} .maycar .parking_contact .item {width:329px} .maycar .parking_contact .item + .item {margin-left:20px} .maycar .parking_contact .item .img {display:block; width:329px; height:242px} .maycar .parking_contact .item.front .img {background:url(/pconts/images/contents/benefit/parking02.jpg) no-repeat} .maycar .parking_contact .item.back .img {background:url(/pconts/images/contents/benefit/parking03.jpg) no-repeat} .maycar .parking_contact .item .txt {margin-top:10px; text-align:center; color:#333} .icon_list.type04.icon_auto > li .item.icon01:before {background:url(/pconts/images/contents/benefit/icon/ico_auto01.png) #f2f4f8 no-repeat center; background-size:50px} .icon_list.type04.icon_auto > li .item.icon02:before {background:url(/pconts/images/contents/benefit/icon/ico_auto02.png) #f2f4f8 no-repeat center; background-size:50px} .icon_list.type04.icon_auto > li .item.icon03:before {background:url(/pconts/images/contents/benefit/icon/ico_auto03.png) #f2f4f8 no-repeat center; background-size:50px} .icon_list.type04.icon_auto > li .item.icon04:before {background:url(/pconts/images/contents/benefit/icon/ico_auto04.png) #f2f4f8 no-repeat center; background-size:50px} .icon_list.type04.icon_auto > li .item.icon05:before {background:url(/pconts/images/contents/benefit/icon/ico_auto05.png) #f2f4f8 no-repeat center; background-size:50px} .icon_list.type04.icon_auto > li .item.icon06:before {background:url(/pconts/images/contents/benefit/icon/ico_auto06.png) #f2f4f8 no-repeat center; background-size:50px} .finance_co_list {display:block; position:relative; margin:0; padding:0} .finance_co_list .total {display:inline-block; position:relative; margin:0 0 17px 0; padding:0; font-size:15px} .finance_co_list .total span {font-weight:700; color:#333} .finance_co_list ul {display:block; position:relative; margin:0; padding:35px 20px; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px} .finance_co_list ul li {display:inline-block; position:relative; margin:0 6px 0 0; padding:0; font-size:16px; font-weight:700; color:#333; line-height:1.8} .finance_co_list ul li::after {content:','; position:relative} .finance_co_list ul li:last-child {margin-right:0} .finance_co_list ul li:last-child::after {content:''} .checkbox_list.finance_pop {border-top:0} .checkbox_list.finance_pop .check_header {border-top:2px solid #000; border-bottom:1px solid #ddd; background:#f6f6f6} .checkbox_list.finance_pop .check_header p {display:inline-block; line-height:54px} .checkbox_list.finance_pop .check_header .chk_pick {width:65px; text-align:center} .checkbox_list.finance_pop .check_header .chk_nm {width:calc(100% - 70px); text-align:center} .checkbox_list.finance_pop .checkbox_body {max-height:179px; overflow:hidden; overflow-y:auto} .checkbox_list.finance_pop .check_wrap li {padding:31px 0 31px 20px} .info_safe .parking_safe_img {display:block; width:640px; height:231px; background:url(/pconts/images/contents/benefit/parking_safe.jpg) no-repeat; text-indent:-9999px} .sms_premium .bg_text_box {position:relative} .sms_premium .bg_text_box .para {position:relative; font-weight:400; color:#111} .sms_premium .bg_text_box .para + .para {margin-top:5px} .sms_premium .bg_text_box .btn_wrap {position:absolute; bottom:24px; right:20px} .sms_ex_wrap {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; padding:30px 45px;background:#f6f6f6} .sms_ex_wrap .sms_ex_box {width:220px;height:430px} .sms_ex_wrap .sms_ex_box + .sms_ex_box {margin-left:113px} .sms_ex_wrap .sms_ex_box .img {width:100%; height:100%} .sms_ex_wrap .sms_ex_box .img.sms_ex01 {background:url(/pconts/images/contents/benefit/sms_ex01.png) no-repeat} .sms_ex_wrap .sms_ex_box .img.sms_ex02 {background:url(/pconts/images/contents/benefit/sms_ex02.png) no-repeat} .sms_ex_wrap .sms_ex_box .img.sms_ex03 {background:url(/pconts/images/contents/benefit/sms_ex03.png) no-repeat} .sms_ex_wrap .sms_ex_box .img.sms_ex04 {background:url(/pconts/images/contents/benefit/sms_ex04.png) no-repeat} .sms_ex_wrap.type_single {display:block} .sms_ex_wrap.type_single .sms_ex_box {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;height:100%} .sms_ex_wrap.type_single .img {width:220px;height:430px;margin-left:110px} .sms_ex_wrap.type_single .txt {margin:18px 0 0 107px} .sms_ex_wrap.type_single .txt .c_title {margin-bottom:28px} .sms_ex_wrap.type_single .txt .marker_dot {margin-left:9px} .sms_premium .icon_list02 li{position:relative;padding-bottom:20px} .sms_premium .icon_list02 li + li {padding-top:20px;border-top:1px solid #eee} .sms_premium .icon_list02 li .item {height:90px} .sms_premium .icon_list02 li .item p {padding-left:114px} .sms_premium .icon_list02 li .item p.h_title {padding-top:15px} .sms_premium .icon_list02 li .item:before{content:"";float:left;display:block;width:90px;height:90px;border-radius:50%; } .sms_premium .icon_list02 li:first-child .item:before {background:#f2f4f8 url(/pconts/images/icon/ico_icon62.png) no-repeat center center; background-size:50px} .sms_premium .icon_list02 li:last-child .item:before {background:#f2f4f8 url(/pconts/images/icon/ico_icon63.png) no-repeat center center; background-size:50px} .stamp_wrap {display:block; position:relative; padding:30px 9px} .stamp_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .stamp_list li {flex-basis:calc(100% / 8); flex-grow:0; padding:10px 0} .stamp_list li .stamp {width:58px; height:58px; background:url(/pconts/images/contents/benefit/stamp.png) no-repeat; margin:0 auto; text-indent:-9999px} .stamp_list li.on .stamp {background:url(/pconts/images/contents/benefit/stamp_on.png) no-repeat} .event_month_wrap .swiper-button-prev, .event_month_wrap .swiper-button-next {top:50%; margin-top:-16px} .event_month_wrap .report_monthly.report_monthly .current_month {font-size:20px} .event_month_wrap.card_reportlist_wrap .dashdesk {padding:60px 0} .evt_detail .cont_wrap + .past_event {margin-top:60px} .evt_detail .past_event + .accordion_wrap  {margin-top:70px} .evt_detail .cont_wrap + .accordion_wrap  {margin-top:90px} .past_event {display:block;width:100%;height:100px;padding:30px;border-radius:6px;background:#f2f4f8} .past_event p {font-size:24px;color:#333;font-weight:700; text-align:center} .point_inquiry {padding:40px 0 60px} .point_inquiry .h_wrap .h_title24 + span {margin-top:0} .point_box_wrap {display:block; position:relative} .point_box_list {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:-20px 0 0 -22px; -ms-flex-wrap:wrap; flex-wrap:wrap} .point_box_list li {display:-webkit-flex; display:-ms-flexbox; display:flex; width:50%; padding:20px 0 0 22px; border-radius:5px} .point_box_list li .point_box {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; padding:25px 30px; border-radius:5px; background:#fff; box-shadow:0px 2px 15px 3px rgba(51,51,51, 0.15); -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .point_box_list li .point_box .point_nm {margin-bottom:25px; font-size:20px; font-weight:700; color:#333; word-break:break-all} .point_box_list li .point_box .point_remian {margin-top:auto; font-size:30px; color:#333; text-align:right} .point_box_list li .point_box .point_remian .point_num {font-weight:700} .point_box_list li:only-child {margin:auto} .point_df_list .point_nm {font-size:16px} .point_df_list .point_amount {font-size:24px} .point_df_list .point_amount span {font-weight:400} .point_df_list .point_amount .point_num {font-weight:700} .disapear_point_wrap {display:block; border-top:1px solid #bbb; border-bottom:1px solid #eee} .disapper_point {display:-webkit-flex; display:-ms-flexbox; display:flex; padding:36px 0} .disapper_point dt {width:calc(100% - 326px); font-size:16px; line-height:36px} .disapper_point dd {margin-left:auto; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end; position:relative; width:326px; font-size:24px; color:#333; text-align:right} .disapper_point dd .point_num {font-weight:700} .disapper_point dd .btn_wrap {margin-left:20px} .df_list_col_wrap.point_mon_df_list {border-top:1px solid #bbb; border-bottom:1px solid #eee} .point_mon_df_list .df_list_col .item_wrap .point_amount {font-size:18px; font-weight:400} .point_mon_df_list .df_list_col .item_wrap .point_amount .point_num {font-weight:700} .point_sch_detail .disapear_point_wrap + .radio_tab_wrap02 ul.swiper-wrapper{padding:2px} .point_sch_detail .disapear_point_wrap + .btn_wrap.btn_cont.align_c + .radio_tab_wrap02 ul.swiper-wrapper{padding:2px} .point_sch_detail .disapear_point_wrap + div + .radio_tab_wrap02 ul.swiper-wrapper{padding:2px} .point_sch_detail .point_month + .point_month {margin-top:40px} .list_point_group {position:relative} .list_point_group .tooltip {position:absolute; top:-27px; left:50%; margin-left:-162px; z-index:5} .pop_disapear_point .pop_cont .table_wrap table td {padding:12px 20px} .pop_disapear_point .pop_cont .table_wrap table td.date {color:#333} .pop_disapear_point .pop_cont .table_wrap table td.point_remain {text-align:right; color:#333} .point_sch_detail .text_box {text-align:center} .point_sch_detail .text_box .marker_refer {display:inline-block; margin-top:20px} .accordion_wrap .reportlist_filter_wrap .filter_toggle {width:67px;background-position:0 50%} .accordion_wrap .reportlist_filter_wrap .filter_toggle::after {content:'';position:absolute;left:41px;top:50%;width:0;height:0;margin-top:-2px;border-top:4px solid #333;border-bottom:4px solid none;border-right:4px solid transparent;border-left:4px solid transparent;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)} .accordion_wrap .reportlist_filter_wrap .filter_toggle.on::after {transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)} .point_df_list_wrap + .disapear_point_wrap, .point_df_list_wrap + .btn_wrap {margin-top:40px} .point_df_list + .marker_dot {margin-top:17px} .disapear_point_wrap + .btn_wrap {margin-top:40px} .disapear_point_wrap + .radio_tab_wrap02, .btn_wrap + .radio_tab_wrap02, .point_df_list_wrap + .radio_tab_wrap02 {margin-top:90px} .point_change .df_list_wrap .df_list.type04 .item.tit{width:55%} .point_change .df_list_wrap.single.pc .df_list.type04 .item.con{width:45%} .df_list_wrap .df_list .item.card_info span + span:before {display:inline-block; width:1px; height:10px; margin:0 8px; background:#ddd; content:""} .point_chg_step01 .usable_point_box {width:100%; padding:20px 30px; background:#fff; border-radius:3px} .point_chg_step01 .apply_info .h_title24 {font-weight:400} .point_chg_step01 .usable_point_box + .radio_part_wrap {margin-top:10px} .point_chg_step01 .radio_part_wrap .radio_wrap {display:block} .point_chg_step01 .radio_part_wrap .radio_wrap + .radio_wrap {position:relative; margin-top:41px} .point_chg_step01 .radio_part_wrap .radio_wrap + .radio_wrap:before {display:block; position:absolute; top:-20px; width:100%; height:1px; background:#ddd; content:""} .point_chg_step01 .radio_part_wrap.single .radio_wrap + .radio_wrap {margin-top:0} .point_chg_step01 .radio_part_wrap.single .radio_wrap + .radio_wrap:before {display:none} .point_chg_step01 .radio_btn_list02::after {content:''; display:block; clear:both} .radio_wrap.type_btn .radio_btn_list02 .list_item {margin:-2px} .radio_wrap.type_btn .radio_btn_list02 .list_item.no_data {margin:0} .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big, .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big + .radio_btn.big {width:calc(50% - 4px); margin:2px; float:left} .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big input[type="radio"] + span{display:block; width:100%; height:76px; padding:15px 15px; line-height:1} .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span > em {display:block} .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span .name {font-size:15px; text-align:left} .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span .sub_txt {margin-top:10px; text-align:right; font-size:20px; font-weight:400} .form_type.form_point_chg .form_ele.has_btn_right .ele_tit {padding-top:44px} .form_type.form_point_chg .point_chg_box {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; padding:35px 40px; background:#fff; border-radius:5px} .form_type.form_point_chg .point_chg_box > div {flex:1} .form_type.form_point_chg .point_chg_box > div .point_amount {font-size:24px; color:#333} .form_type.form_point_chg .point_chg_box > div.right {position:relative; text-align:right} .form_type.form_point_chg .point_chg_box > div.right:before {content:'';position:absolute;left:-7px;top:50%;width:15px;height:15px;margin-top:-7px;box-sizing:border-box;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg)} .point_chg_step01 .form_type .form_ele + .apply_wrap {margin-top:60px} .point_chg_step01 .apply_info + .form_ele {margin-top:30px} .point_chg_step01 .expend_wrap + .btn_wrap {margin-top:40px} .point_chg_step01 .complete_body + .form_ele {margin-top:20px} .point_chg_step02 .chg_info_wrap + .expend_wrap, .point_chg_step02 .chg_info_wrap .chg_info + .chg_info, .point_chg_step02 .expend_wrap + .chg_target_wrap, .point_chg_step02 .expend_wrap + .point_shc_result, .point_chg_step02 .point_chg_box + .agree_wrap {margin-top:60px} .point_chg_step02 .form_ele + .point_chg_box {margin-top:30px} .point_chg_step02 .form_ele  + .receive_point {margin-top:55px} .point_chg_step02 .dl_chg_target {display:block; padding:36px 0 36px 0; border-top:1px solid #bbb; border-bottom:1px solid #ddd} .point_chg_step02 .dl_chg_target .df_list .item_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .point_chg_step02 .dl_chg_target .df_list .item_wrap + .item_wrap {margin-top:20px} .point_chg_step02 .dl_chg_target .df_list .item.tit {width:295px; padding:0 15px 0 0} .point_chg_step02 .dl_chg_target .df_list .item.con {width:calc(100% - 295px); padding:0 30px 0 0; color:#333} .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.tit {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.con .select_wrap{width:400px} .radio_list.chg_target_list ul.radio_wrap .detail_info dt {width:293px; color:#111} .radio_list.chg_target_list ul.radio_wrap .detail_info dd {width:calc(100% - 293px)} .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dd .select_wrap {width:400px} .receive_point .btn_wrap.btn_sch {padding-left:250px} .point_chg_step02 .point_shc_result {padding:25px 20px} .point_chg_step02 .point_shc_result .h_title {text-align:center} .point_chg_step02 .point_shc_result .result_marker {width:330px; margin:15px auto 0 auto} .point_chg_step02 .point_shc_result .result_marker .marker_dot > li + li {margin-top:0} .my_shinhanpoint .icon_list.type03.card_service_list{padding-top:30px} .my_shinhanpoint .icon_list.type03.card_service_list > li{width:130px; height:114px} .my_shinhanpoint .icon_list.type03.card_service_list .card_service01 .icon_name{background:url('/pconts/images/icon/ico_icon17.png') no-repeat} .my_shinhanpoint .icon_list.type03.card_service_list .card_service02 .icon_name{background:url('/pconts/images/icon/ico_icon138.png') no-repeat} .my_shinhanpoint .icon_list.type03.card_service_list .card_service03 .icon_name{background:url('/pconts/images/icon/ico_icon13.png') no-repeat} .my_shinhanpoint .icon_list.type03.card_service_list .card_service04 .icon_name{background:url('/pconts/images/icon/ico_icon16.png') no-repeat} .my_shinhanpoint .icon_list.type03.card_service_list .card_service05 .icon_name{background:url('/pconts/images/icon/ico_icon139.png') no-repeat} .my_shinhanpoint .icon_list.type03.card_service_list .card_service06 .icon_name{background:url('/pconts/images/icon/ico_icon78.png') no-repeat} .my_shinhanpoint .icon_list.type03.card_service_list .card_service07 .icon_name{background:url('/pconts/images/icon/ico_icon06.png') no-repeat} .my_shinhanpoint .icon_list.type03.card_service_list > li .icon_box .icon_name{padding:72px 0 21px; background-size:50px; background-position:center 14px} .love_point .love_point_saving{margin-top:10px; padding:24px 30px} .love_point .love_point_saving em{display:block; padding-bottom:5px} .pop_point_wrap + .pop_point_wrap{margin-top:35px} .pop_point_wrap .h_wrap .pop_point_title{margin-bottom:15px; font-size:18px; font-weight:700; color:#333} .pop_point_list{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .pop_point_list li{width:159px; height:172px; border:1px solid #ddd; border-radius:3px; margin-right:12px; text-align:center} .pop_point_list li:last-child{margin-right:0} .pop_point_list li span{display:block; padding-top:25px; font-weight:400; font-size:16px} .pop_point_list li em{display:block; padding-top:40px; font-size:24px; color:#333} .love_point .love_point_date{float:right; padding-top:10px; font-size:15px} .love_point .love_upflow_list ul{border-top:1px solid #bbb} .love_point .love_upflow_list ul li{border-bottom:1px solid #eee; line-height:96px} .love_point .love_upflow_list ul li::after{content:""; display:block; clear:both} .love_point .love_upflow_list .name{padding-right:10px} .love_point .love_upflow_list .used_point{padding-left:20px} .lg_point .lg_service_stop{border-radius:3px; background:#f2f4f8; padding:24px 30px; font-size:15px; color:#333} .auto_point .auto_point_use_wrap{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .auto_point .auto_point_use_wrap .auto_point_use:first-child{margin-right:10px} .auto_point .auto_point_use_wrap .auto_point_use:last-child{margin-left:10px} .auto_point .auto_point_use_wrap .auto_point_use .step_list{border:1px solid #eee; border-radius:3px; margin-bottom:15px; padding:30px 60px; text-align:center} .auto_point .auto_point_use_wrap .auto_point_use .step_list li[class^="step"]{display:inline-block; font-weight:bold; font-size:15px; color:#333} .auto_point .auto_point_use_wrap .auto_point_use .step_list li.step02{position:relative; min-width:230px; font-weight:normal} .auto_point .auto_point_use_wrap .auto_point_use .step_list li.step02::before{content:""; position:absolute; top:-35px; left:50%; display:inline-block; width:90px; height:18px; margin-left:-45px; background:url('/pconts/images/contents/benefit/auto_point_arrow.png') no-repeat} .auto_point .auto_point_use_wrap .auto_point_use .step_list .step01, .auto_point .auto_point_use_wrap .auto_point_use .step_list .step03{min-width:auto} .auto_point .auto_point_use_wrap .auto_point_use:first-child .step_list .step01::before{background-image:url('/pconts/images/contents/benefit/icon/auto_point01.png')} .auto_point .auto_point_use_wrap .auto_point_use:first-child .step_list .step03::before{background-image:url('/pconts/images/contents/benefit/icon/auto_point02.png')} .auto_point .auto_point_use_wrap .auto_point_use:last-child .step_list .step01::before{background-image:url('/pconts/images/contents/benefit/icon/auto_point03.png')} .auto_point .auto_point_use_wrap .auto_point_use:last-child .step_list .step03::before{background-image:url('/pconts/images/contents/benefit/icon/auto_point02.png')} .auto_point .auto_point_use_wrap .auto_point_use .step_list .step01::before, .auto_point .auto_point_use_wrap .auto_point_use .step_list .step03::before{content:""; display:inline-block; width:40px; height:40px; background-size:contain; background-repeat:no-repeat} .auto_point .col_width01{width:30%} .auto_point .col_width02{width:70%} .sungnam_refund_wrap{padding:20px 20px 0} .sungnam_refund_wrap .step_list{display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:space-around} .sungnam_refund_wrap .step_list li{position:relative; min-width:25%; text-align:center} .sungnam_refund_wrap .step_list li:nth-child(1)::before{background-image:url('/pconts/images/icon/ico_icon145.png')} .sungnam_refund_wrap .step_list li:nth-child(2)::before{background-image:url('/pconts/images/icon/ico_icon146.png')} .sungnam_refund_wrap .step_list li:nth-child(3)::before{background-image:url('/pconts/images/icon/ico_icon105.png')} .sungnam_refund_wrap .step_list li:nth-child(4)::before{background-image:url('/pconts/images/icon/ico_icon22.png')} .sungnam_refund_wrap .step_list li::before{content:"다음"; overflow:hidden; display:inline-block; width:50px; min-width:50px; height:50px; background-size:contain; background-repeat:no-repeat; text-indent:-9999px} .sungnam_refund_wrap .step_list li::after{content:""; position:absolute; top:21px; right:-5px; display:block; width:10px; height:10px; border-top:1px solid #ddd; border-right:1px solid #ddd; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg)} .sungnam_refund_wrap .step_list li:last-child::after{display:none} .sungnam_refund_wrap .step_list li .s_title{padding-bottom:3px; color:#333} .sungnam_refund_wrap .step_list li .c_title{padding-bottom:2px; line-height:20px} .sungnam_refund_wrap .step_list li .c_title_m15{font-weight:normal; color:#111} .sungnam_franshise_list{border-top:1px solid #bbb; margin-bottom:30px} .sungnam_franshise_list ul li{border-bottom:1px solid #eee; padding:40px 0} .sungnam_franshise_list ul li .name{font-size:16px; color:#333} .sungnam_franshise_list ul li .type{padding-left:60px; font-size:16px; color:#111} .sungnam_franshise_list ul li .address{padding-left:60px; font-size:16px; color:#111} .sungnam_franshise_list .complete_body{border-bottom:1px solid #eee; padding-bottom:60px} .sungnam_point .sungnam_point_date{float:right; padding-top:10px; font-size:15px} .hisave_point .saving_card_list{display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:space-around; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-bottom:70px} .hisave_point .saving_card_list li{flex-basis:calc(100% / 3); text-align:center} .hisave_point .saving_card_list li:nth-child(1), .hisave_point .saving_card_list li:nth-child(2), .hisave_point .saving_card_list li:nth-child(3){padding-bottom:60px} .hisave_point .saving_card_list li .img_wrap{width:270px; height:171px; margin:0 auto} .hisave_point .saving_card_list li .img_wrap img{width:100%; height:auto} .hisave_point .saving_card_list li .card_name{display:block; padding-top:20px; color:#111} .hisave_point .cont_wrap .c_title {font-size:20px} .hisave_point .cont_wrap .c_title + .marker_dot li {font-size:16px} .hisave_point .cont_sub_wrap .c_title {font-size:15px} .hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(1){background-image:url('/pconts/images/contents/benefit/logo/logo_1.png')} .hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(2){background-image:url('/pconts/images/contents/benefit/logo/logo_2.png')} .hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(3){background-image:url('/pconts/images/contents/benefit/logo/logo_3.png')} .hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(4){background-image:url('/pconts/images/contents/benefit/logo/logo_4.png')} .hisave_point .cont_sub_wrap:nth-child(2) .company_list>li:nth-child(5){background-image:url('/pconts/images/contents/benefit/logo/logo_5.png')} .hisave_point .cont_sub_wrap:nth-child(3) .company_list>li:nth-child(1){background-image:url('/pconts/images/contents/benefit/logo/logo_6.png')} .hisave_point .cont_sub_wrap:nth-child(3) .company_list>li:nth-child(2){background-image:url('/pconts/images/contents/benefit/logo/logo_7.png')} .hisave_point .cont_sub_wrap:nth-child(3) .company_list>li:nth-child(3){background-image:url('/pconts/images/contents/benefit/logo/logo_8.png')} .hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(1){background-image:url('/pconts/images/contents/benefit/logo/logo_9.png')} .hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(2){background-image:url('/pconts/images/contents/benefit/logo/logo_10.png')} .hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(3){background-image:url('/pconts/images/contents/benefit/logo/logo_11.png')} .hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(4){background-image:url('/pconts/images/contents/benefit/logo/logo_12.png')} .hisave_point .cont_sub_wrap:nth-child(4) .company_list>li:nth-child(5){background-image:url('/pconts/images/contents/benefit/logo/logo_13.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(1){background-image:url('/pconts/images/contents/benefit/logo/logo_14.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(2){background-image:url('/pconts/images/contents/benefit/logo/logo_15.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(3){background-image:url('/pconts/images/contents/benefit/logo/logo_16.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(4){background-image:url('/pconts/images/contents/benefit/logo/logo_17.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(5){background-image:url('/pconts/images/contents/benefit/logo/logo_18.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(6){background-image:url('/pconts/images/contents/benefit/logo/logo_19.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(7){background-image:url('/pconts/images/contents/benefit/logo/logo_20.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(8){background-image:url('/pconts/images/contents/benefit/logo/logo_21.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(9){background-image:url('/pconts/images/contents/benefit/logo/logo_22.png')} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(10){background-image:url('/pconts/images/contents/benefit/logo/logo_23.png')} .hisave_point .cont_sub_wrap:nth-child(6) .company_list>li:nth-child(1){background-image:url('/pconts/images/contents/benefit/logo/logo_24.png')} .hisave_point .cont_sub_wrap:nth-child(6) .company_list>li:nth-child(2){background-image:url('/pconts/images/contents/benefit/logo/logo_25.png')} .hisave_point .company_list{display:grid; grid-template-columns:20% 20% 20% 20% 20%; border:1px solid #ddd; padding:39px 20px} .hisave_point .company_list li{overflow:hidden; height:56px; background-position:center; background-repeat:no-repeat; background-size:contain; margin:0 20px; text-indent:-9999px} .hisave_point .company_list li:nth-child(6), .hisave_point .company_list li:nth-child(7), .hisave_point .company_list li:nth-child(8), .hisave_point .company_list li:nth-child(9), .hisave_point .company_list li:nth-child(10){margin-top:18px} .hisave_point .hisave_saving .col_width_01{width:28%} .hisave_point .hisave_saving .col_width_02{width:44%} .hisave_point .hisave_saving .col_width_03{width:28%} .hisave_point .hisave_saving .col_width_001{width:55%} .hisave_point .hisave_saving .col_width_002{width:45%} .hisave_point .hisave_repayment01 .col_width_01{width:56%} .hisave_point .hisave_repayment01 .col_width_02{width:22%} .hisave_point .hisave_repayment01 .col_width_03{width:22%} .hisave_point .hisave_interest{float:right; margin-top:0 !important;padding-top:10px; font-size:15px} .hisave_point .hisave_interest_example>ul>li:last-child{padding-top:60px} .hisave_point .hisave_interest_example .situation_wrap{display:grid; grid-template-columns:50% 50%} .hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]{border:1px solid #eee; border-radius:3px; padding:30px 20px} .hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:first-child{margin-right:10px} .hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:last-child{margin-left:10px} .hisave_point .hisave_interest_example .step_list{overflow:hidden; width:926px; height:132px; margin:35px auto 0; background:url('/pconts/images/contents/benefit/hisave_graph.jpg') no-repeat; text-indent:-9999px} .hisave_point .hisave_repayment02 .col_width_001{width:20%} .hisave_point .hisave_repayment02 .col_width_002{width:20%} .hisave_point .hisave_repayment02 .col_width_003{width:16%} .hisave_point .hisave_repayment02 .col_width_004{width:20%} .hisave_point .hisave_repayment02 .col_width_005{width:24%} .hisave_point .hisave_service_duplicated{border-radius:3px; background:#f2f4f8; padding:24px 30px; font-size:15px; color:#333} .hisave_point .hisave_repayment_rate{float:right; padding-top:10px; font-size:15px} .hisave_point .hisave_repayment_example .col_width_01{width:32%} .hisave_point .hisave_repayment_example .col_width_02{width:30%} .hisave_point .hisave_repayment_example .col_width_03{width:19%} .hisave_point .hisave_repayment_example .col_width_04{width:19%} .hisave_point .hisave_total_payment{float:right; padding-bottom:20px; font-size:15px; color:#111} .hisave_point .hisave_total_payment em{color:#333} .hisave_point .hisave_deal_list{border-top:1px solid #bbb} .hisave_point .hisave_deal_list ul li{display:-webkit-flex; display:-ms-flexbox; display:flex; border-bottom:1px solid #eee; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:42px 0} .hisave_point .hisave_deal_list ul li .deal{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row-reverse} .hisave_point .hisave_deal_list ul li .deal_date{font-size:15px; color:#111} .hisave_point .hisave_deal_list ul li .deal_date>span{display:block} .hisave_point .hisave_deal_list ul li .deal_info{padding-left:60px; font-weight:bold; font-size:16px; color:#333} .hisave_point .hisave_deal_list ul li .deal_info em{display:block} .hisave_point .hisave_deal_list ul li .deal_payment .payment{font-size:16px; color:#333} .hisave_point .hisave_deal_list ul li .deal_payment .month{padding-left:60px; font-size:15px; color:#111} .hisave_point .hisave_deal_list ul li .deal_payment .req_payment{padding-left:60px; font-weight:bold; font-size:15px; color:#111} .hisave_point .hisave_contract_calc{border:1px solid #ddd; padding:60px auto} .hisave_point .hisave_contract_calc .input_wrap.side_btn{min-height:44px} .hisave_point .hisave_contract_result{background:#f3f4f8; text-align:right} .hisave_point .hisave_contract_result em{display:block; width:646px; margin:0 auto; padding:25px 0; font-size:24px; color:#333} .hisave_point .hisave_saving_calc{border:1px solid #ddd; margin-bottom:40px} .hisave_point .hisave_saving_result{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background:#f3f4f8; padding:30px 0} .hisave_point .hisave_saving_result .saving_result{width:323px} .hisave_point .hisave_saving_result .saving_result:first-child{position:relative} .hisave_point .hisave_saving_result .saving_result:first-child::after{content:""; position:absolute; top:50%; right:0%; display:block; width:10px; height:10px; border-top:1px solid #333; border-right:1px solid #333; margin-top:-7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg)} .hisave_point .hisave_saving_result .saving_result:last-child{text-align:right} .hisave_point .hisave_saving_result .saving_result span{display:block; font-size:15px} .hisave_point .hisave_saving_result .saving_result em{display:block; font-size:24px; color:#333} .hisave_point .hisave_saving_calc .form_type_wrap{border-bottom:1px solid #eee} .hisave_point .hisave_saving_calc .form_type_wrap:last-child{border-bottom:0 none} .hisave_point .hisave_saving_subtit{padding-left:5px; font-size:15px} .foreign_totalcare .accordion_wrap.accordion_check dd{padding:0} .foreign_setting .foreign_card_list .radio_ul_bind{border-top:1px solid #bbb} .foreign_setting .foreign_card_list .radio_ul_bind li{padding:40px 0} .foreign_setting .card_info{color:#333} .foreign_setting .card_info span span::before{content:""; position:relative; top:1px; display:inline-block; height:12px; border-left:1px solid #eee; margin-left:10px; padding-left:12px} .foreign_setting .card_info span span:first-child::before{border-left:0 none; margin-left:0; padding-left:30px} .foreign_setting .card_info span .ico_card_logo::before{display:none} .foreign_setting .service_info{position:relative; left:65px; font-size:13px} .foreign_setting .service_info span::before{content:""; position:relative; top:1px; display:inline-block; height:12px; border-left:1px solid #eee; margin-left:10px; padding-left:12px} .foreign_setting .service_info span:first-child::before{display:none} .foreign_self_fds .notice_self_fds01{border-bottom:1px solid #ddd; margin-bottom:40px; padding-bottom:30px; font-size:16px; text-align:center; color:#333} .foreign_self_fds .notice_self_fds02{font-size:16px; text-align:center; color:#333} .foreign_self_fds .card_inquiry_list .item .check_wrap.card_head::after{content:""; position:absolute; top:35px; right:0; display:block; width:20px; height:25px; background:url(/pconts/images/contents/benefit/icon/ico_lock.gif) no-repeat 0 -41px; background-size:cover} .foreign_self_fds .card_inquiry_list .item.on .check_wrap.card_head::after{background-position:0 0} .foreign_self_fds .card_inquiry_list .head_tit .txt02{margin-left:0} .foreign_self_fds .card_inquiry_list .head_tit .txt01{margin-left:50px} .foreign_self_fds .card_inquiry_list .head_tit .user_name::after{position:relative; top:1px} .foreign_self_fds .target_card_list{padding-bottom:60px} .foreign_self_fds .target_card_list ul{border-top:1px solid #000} .foreign_self_fds .target_card_list ul li{position:relative; border-bottom:1px solid #eee; padding:40px 0} .foreign_self_fds .target_card_list ul li span:nth-child(2)::before{content:""; position:relative; top:1px; display:inline-block; height:12px; border-left:1px solid #eee; margin-left:8px; padding-left:10px} .foreign_self_fds .target_card_list ul li em{padding-left:130px; font-weight:700; font-size:16px; color:#333} .visual_txt.visual_ansim01 {padding-top:20px; background:url(/pconts/images/contents/benefit/ansim_visual_bg01.gif) no-repeat right center; background-size:contain} .card_ansim_notify .notify_list {display:-webkit-flex; display:-ms-flexbox; display:flex} .card_ansim_notify .notify_list li {position:relative;width:calc(33.33% - 10px); padding:33px 36px 33px 117px; border-radius:3px; background:#f6f6f6} .card_ansim_notify .notify_list li:before {display:block;position:absolute;width:60px;height:60px;top:24px;left:36px;content:""} .card_ansim_notify .notify_list li.notify01:before {background:url(/pconts/images/contents/benefit/icon/ico_ansim01.png) no-repeat} .card_ansim_notify .notify_list li.notify02:before {background:url(/pconts/images/contents/benefit/icon/ico_ansim02.png) no-repeat} .card_ansim_notify .notify_list li.notify03:before {background:url(/pconts/images/contents/benefit/icon/ico_ansim03.png) no-repeat} .card_ansim_notify .notify_list li+ li {margin-left:20px} .card_ansim_notify .notify_list li .txt {text-align:center} .card_ansim_notify .notify_list li .txt .tit {font-size:20px; font-weight:700; color:#333} .card_ansim_notify .notify_list li .txt .pay {font-size:16px} .card_ansim_notify .notify_list li .badge {display:inline-block; position:absolute; top:8px; left:0; height:20px; padding:0 8px 0 4px; line-height:20px; background:#f32259; font-size:13px; font-weight:700; color:#fff} .card_ansim_notify .notify_list li .badge:before {display:inline-block;position:absolute;width:4px;height:23px;top:0;left:-4px;background:url(/pconts/images/contents/benefit/badge_bg.png) no-repeat; content:""} .card_ansim_notify .radio_wrap.h_auto .radio_btn{min-height:70px} .notify_serv_list {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative} .notify_serv_list li {width:calc(33.33% - 10px); padding:40px 0; border:1px solid #e1e1e1; border-radius:4px} .notify_serv_list li + li {margin-left:20px} .notify_serv_list li .ico {position:relative; width:90px; height:90px; margin:auto; border-radius:50%} .notify_serv_list li .ico.ico01 {background:#f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify01.png) no-repeat center; background-size:50px} .notify_serv_list li .ico.ico02 {background:#f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify02.png) no-repeat center; background-size:50px} .notify_serv_list li .ico.ico03 {background:#f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify03.png) no-repeat center; background-size:50px} .notify_serv_list li .ico.ico04 {background:#f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify04.png) no-repeat center; background-size:50px} .notify_serv_list li .ico.ico05 {background:#f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify05.png) no-repeat center; background-size:50px} .notify_serv_list li .ico.ico06 {background:#f2f4f8 url(/pconts/images/contents/benefit/icon/ico_notify06.png) no-repeat center; background-size:50px} .notify_serv_list li .txt_area {margin-top:40px; text-align:center} .notify_serv_list li .txt_area .tit {font-size:20px; font-weight:700; color:#333} .notify_serv_list li .txt_area .txt {font-size:16px; color:#111} .card_ansim_notify .app_explain_box {display:block; padding:18px 20px; border-radius:5px; background:#fff} .card_ansim_notify .app_explain_box dl dt {margin-bottom:5px; font-size:16px; color:#333; font-weight:700} body.mobile .qr_code_box {display:none} .card_ansim_notify .qr_code_box {display:block; width:100%; padding:20px; border-radius:5px; background:#eee} .card_ansim_notify .qr_code_box .qr_code {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom:15px} .card_ansim_notify .qr_code_box .qr_code .img {width:64px; height:61px} .card_ansim_notify .qr_code_box .qr_code .txt {display:block; position:relative; margin-left:10px; width:calc(100% - 64px)} .card_ansim_notify .qr_code_box .qr_code .txt p {display:block; position:relative; padding-left:33px; color:#333; word-break:break-all} .card_ansim_notify .qr_code_box .qr_code .txt p::before {content:"!"; position:absolute; left:0; top:0; display:block;width:24px;height:24px;font-weight:700;font-size:14px;line-height:24px;color:#333;text-align:center;border:solid #666 1px;border-radius:50%;background-color:#FFF;box-sizing:border-box;text-indent:0} .card_ansim_notify .df_list_wrap + .df_list_wrap {margin-top:30px} .card_ansim_notify .form_ele.w_payfan .agreement_wrap{border-radius:10px; background:#eee; padding:8px 0} .card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only{border-bottom:0 none} .card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span{padding-left:58px; padding-right:0} .card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .agree_depth01:first-child .check_wrap.check_only .check_agree input[type="checkbox"] + span{padding-bottom:8px} .card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:before{left:20px} .card_ansim_notify .form_ele.w_payfan .agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:after{left:30px} .card_ansim_notify .form_ele.w_payfan .agree_payfan{padding:16px 0 16px 58px} .card_ansim_notify .form_ele.w_payfan .agree_payfan .h_wrap .c_title{margin-bottom:10px} .installment_wrap {display:block; position:relative} .installment_wrap + .installment_wrap {margin-top:60px} .franchise_list_wrap>ul{display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .franchise_list_wrap>ul>li{width:230px; margin-top:20px; margin-right:20px} .franchise_list_wrap>ul>li:nth-child(1), .franchise_list_wrap>ul>li:nth-child(2), .franchise_list_wrap>ul>li:nth-child(3), .franchise_list_wrap>ul>li:nth-child(4){margin-top:0} .franchise_list_wrap>ul>li:nth-child(4n){margin-right:0} .franchise_list_wrap>ul + .btn_wrap {margin-top:20px} .franchise_list_wrap ul li .franchise_item{display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-content:space-between; height:100%; border:1px solid #ddd; border-radius:10px; padding:22px 28px; box-shadow:1px 1px 10px 0px #ddd; word-break:break-all} .franchise_list_wrap .franchise_item .franchise_info{width:100%} .franchise_list_wrap .franchise_item .franchise_title{display:block; padding-bottom:10px; font-weight:bold; font-size:20px; color:#333} .franchise_list_wrap .franchise_item .franchise_address{display:block; padding-bottom:21px; font-size:15px; color:#111} .franchise_list_wrap .franchise_item .franchise_detail{font-size:15px; color:#333} .franchise_list_wrap .franchise_item .franchise_detail li{padding-top:3px} .franchise_list_wrap .franchise_item .franchise_detail li:first-child{padding-top:0} .franchise_list_wrap .franchise_item .franchise_detail li:nth-child(4){padding-top:0} .franchise_list_keyword{background:#f2f4f8; margin-bottom:60px; padding:24px 0; text-align:center} .franchise_list_keyword em{font-weight:bold} .franchise_list_wrap .franchise_point_info{padding-bottom:17px; text-align:right} .franchise_list_wrap .franchise_point_info .point.plus{padding-left:20px} .franchise_list_wrap .point::before{content:""; position:relative; top:3px; display:inline-block; width:18px; height:18px; background:url(/pconts/images/contents/benefit/icon/ico_point.gif) no-repeat; margin-right:8px} .franchise_list_wrap .point.plus::before{background-position:0 -50px} .find_franchise .gutter10 .col.col4:nth-child(1), .find_franchise .gutter10 .col.col4:nth-child(2){width:50%} .find_franchise .gutter10 .col.col4:nth-child(3){width:100%} body.pc .allthat .cont_app {display:none} .allthat_serv_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-23px 0 0 -21px} .allthat_serv_list .item {position:relative; width:calc(50% - 21px); margin:23px 0 0 21px; padding:25px 30px 25px 160px; border:1px solid #ddd; border-radius:7px} .allthat_serv_list .item .ico {display:block; position:absolute; width:90px; top:30px; left:30px; height:90px; border-radius:50%} .allthat_serv_list .item .ico.ico01 {background:url(/pconts/images/contents/benefit/icon/ico_allthat01.png) #f2f4f8 center no-repeat; background-size:50px} .allthat_serv_list .item .ico.ico02 {background:url(/pconts/images/contents/benefit/icon/ico_allthat02.png) #f2f4f8 center no-repeat; background-size:50px} .allthat_serv_list .item .ico.ico03 {background:url(/pconts/images/contents/benefit/icon/ico_allthat03.png) #f2f4f8 center no-repeat; background-size:50px} .allthat_serv_list .item .ico.ico04 {background:url(/pconts/images/contents/benefit/icon/ico_allthat04.png) #f2f4f8 center no-repeat; background-size:50px} .allthat_serv_list .item .ico.ico05 {background:url(/pconts/images/contents/benefit/icon/ico_allthat05.png) #f2f4f8 center no-repeat; background-size:50px} .allthat_serv_list .item .txt_area .tit {margin-bottom:10px; font-size:20px; color:#333; font-weight:700} .allthat_serv_list .item .txt_area .txt {margin-top:10px; font-weight:700; color:#333} .allthat_serv_list .item .txt_area .txt .tel_link {font-weight:400} .allthat_serv_list .item .txt_area .txt + .txt {margin-top:5px} .landing_header_wrap{display:block; width:100%; height:200px; padding:35px 20px; background-color:#cef2ff; color:#111} .landing_header_wrap .landing_header{position:relative; width:980px; height:100%; margin:0 auto} .landing_header_wrap .landing_header span{display:block; font-size:24px} .landing_header_wrap .landing_header em{display:block; font-size:38px} .landing_header_wrap .landing_header img{position:absolute; top:43px; right:20px; display:block; width:122px; height:auto} .landing_contents {width:980px; margin:0 auto; padding:30px 20px 40px 20px} .landing_contents .para01 {margin-bottom:30px; font-size:16px; font-weight:700px; color:#333} .landing_contents .fds_box {display:block; padding:20px 21px; border-radius:5px; background:#f6f6f6} .landing_contents .fds_box .para02 {margin-bottom:20px} .landing_contents .fds_box .marker_refer {margin-bottom:25px} .landing_footer {display:block; width:100%; padding:20px; border-top:1px solid #eee; text-align:center} .landing_footer .link_list {display:-webkit-flex; display:-ms-flexbox; display:flex; width:196px; margin:0 auto 20px auto} .landing_footer .link_list li {position:relative} .landing_footer .link_list li + li {margin-left:20px} .landing_footer .link_list li + li:before {display:block; position:absolute; top:50%; left:-10px; margin-top:-5px; width:1px; height:11px; background:#ddd; content:""} .landing_footer .link_list li a {font-size:13px; font-weight:700} .landing_footer .txt_copyright {margin-bottom:20px; font-size:11px} .landing_footer .last_logo {width:80px; margin:auto} .landing_footer .last_logo img {width:100%} .latest_history .ly_inner.w400{width:400px} .latest_history .card_cancel_wrap{border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:20px 10px} .latest_history .card_cancel_wrap .card_cancel li{padding-bottom:9px} .latest_history .card_cancel_wrap .card_cancel li:last-child{padding-bottom:0} .latest_history .card_cancel_wrap .card_cancel li span{display:inline-block; line-height:24px; vertical-align:middle; color:#333} .latest_history .fds_detail_box {display:block; padding:20px 0; border-radius:5px; background:#f6f6f6; text-align:center} .latest_history .fds_detail_box .para01 {margin-bottom:25px} .latest_history .fds_detail_box .para02 {margin-bottom:10px; font-weight:700; color:#333} .latest_history .fds_detail_box .text_link_group li{margin:0 10px} .areamin_tit {padding-left:83px} .areamin_tit:before {display:inline-block; position:absolute; top:-8px; left:0; width:79px; height:46px; background:url(/pconts/images/contents/benefit/logo_areamin.png) no-repeat; content:""} body.pc .areamin .areamin_bnr {display:none} .areamin_bnr {display:block; position:relative} .areamin_bnr .swiper-container .swiper-wrapper .item a img {width:100%} .areamin_bnr .swiper-container, .areamin_bnr .swiper-wrapper, .areamin_bnr .swiper-slide {height:100%} .areamin_bnr .swiper-button-prev, .areamin_bnr .swiper-button-next {position:absolute;top:50%;display:block;overflow:hidden;width:30px;height:30px;margin-top:-15px;z-index:10;overflow:hidden;background-image:none} .areamin_bnr .swiper-button-prev::before, .areamin_bnr .swiper-button-next::before {content:'';position:absolute;top:7px;left:3px;width:15px;height:15px;border-width:1px 1px 0 0;border-color:#fff;border-style:solid} .areamin_bnr .swiper-button-prev {left:-50px} .areamin_bnr .swiper-button-prev::before {left:8px;transform:rotate(-135deg); left:11px} .areamin_bnr .swiper-button-next {right:-50px} .areamin_bnr .swiper-button-next::before {transform:rotate(45deg)} .areamin_bnr .swiper-button-next.swiper-button-disabled {opacity:0.5; pointer-events:none} .areamin_bnr .swiper-controls {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex} .areamin_bnr .swiper-pagination-fraction {position:relative;width:28px;bottom:0;left:0;font-size:13px;color:#333;letter-spacing:-1px} .areamin_bnr .swiper-pagination-fraction span {display:inline-block; padding-top:1px; line-height:19px} .areamin_bnr .swiper-button-pause {position:relative;display:block;left:0;top:0; width:20px;height:20px;z-index:10;overflow:hidden} .areamin_bnr .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#333;border-style:solid} .areamin_bnr .swiper-button-play {position:relative;display:none;left:0;top:0; width:20px;height:20px;z-index:10;overflow:hidden} .areamin_bnr .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px; border-color:transparent transparent transparent #333; border-style:solid} .areamin_bnr .swiper-controls {position:absolute; left:0; bottom:20px; width:100%; padding:0 20px} .areamin_bnr .swiper-controls.is_played .swiper-button-play {display:none} .areamin_bnr .swiper-controls.is_played .swiper-button-pause {display:block} .areamin_bnr .swiper-controls.is_stoped .swiper-button-play {display:block} .areamin_bnr .swiper-controls.is_stoped .swiper-button-pause {display:none} .areamin_bnr .swiper-pagination-fraction {margin:0 5px 0 0} .pop_donate .logo_donate {width:200px; margin:auto} .pop_donate .logo_donate img {width:100%} .pop_donate .donate_txt {margin-top:40px} .bar_graph_wrap.type02 {display:block; position:relative} .bar_graph_wrap.type02 .head_area {display:block; margin-bottom:10px; text-align:right} .bar_graph_wrap.type02 .head_area .current_info {display:inline-block; width:130px} .bar_graph_wrap.type02 .head_area .current_info dt {display:inline} .bar_graph_wrap.type02 .head_area .current_info dd {display:inline; color:#333} .bar_graph_wrap.type02 .head_area .current_info dd span {font-size:20px; font-weight:700} .bar_graph_wrap.type02 .foot_area {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:10px} .bar_graph_wrap.type02 .foot_area dl {display:inline-block; width:50%} .bar_graph_wrap.type02 .foot_area dl.goal_info {text-align:right} .bar_graph_wrap.type02 .foot_area dl dt {display:inline} .bar_graph_wrap.type02 .foot_area dl dd {display:inline} .bar_graph_wrap.type02 .foot_area dl dd span {color:#333; font-weight:700} .bar_graph_wrap.type02 .bar_graph .bar {height:10px; border-radius:5px; background:#ddd} .bar_graph_wrap.type02 .bar_graph .bar > span {border-radius:5px; background:#4868e1; transition:all 0.8s ease} .areamin .donate_detail {text-align:center} .areamin .donate_detail .screen_out {display:block;overflow:hidden;position:absolute;width:0;height:0;line-height:0;color:transparent !important} .hd_finance_insurance .cont_wrap .accordion_wrap .accordion_body{padding:15px 20px} .hd_finance_insurance .cont_wrap .accordion_wrap .accordion_body .txt_indent{text-indent:50px} .hd_finance_insurance .hd_finance_insurance_notice{border-radius:5px; background-color:#f6f6f6; padding:25px; color:#333} .hd_finance_insurance .hd_finance_insurance_detail p{padding-top:2px; padding-left:35px; font-size:13px} .hd_finance_insurance .hd_finance_insurance_detail .btn_check_pop.btn_txt{top:27px; right:0; height:auto} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap.type_acc{border-bottom:1px solid #ddd; background:#f6f6f6; padding-bottom:20px} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"] + span{font-weight:bold; color:#333} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"] + span:before{background:#f6f6f6} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"] + span:after{background:url(/pconts/images/common/check_disabled_on.png) no-repeat 0 1px} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"]:checked + span:before{border-color:#4868e1; background:#4868e1} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap .check_default input[type="checkbox"]:checked + span:after{background:url(/pconts/images/common/check_off.png) no-repeat 0 1px} .hd_finance_insurance .tab_pull::before{content:""; position:absolute; left:-100%; right:-100%; display:block; height:100%; border-bottom:1px solid #ddd; background:#fff} .hd_finance_insurance .tab_type01.swiper_tab.gap60_40{position:relative} .hd_finance_insurance .bg_gray.expend_wrap.pdb60_40{position:static} .hd_finance_insurance .hd_finance_insurance_detail.check_wrap.type_agree.all{margin-bottom:0} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .h_wrap{padding-top:30px} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .check_wrap.type_acc{border-bottom:0 none; padding-bottom:13px} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check, .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check.on{top:60px; right:0} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check{background:url(/pconts/images/common/slide_dl_arr02.png) left no-repeat} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check.on{background:url(/pconts/images/common/slide_dl_arr02.png) right no-repeat} .hd_finance_insurance .hd_finance_insurance_detail.accordion_body{border:0 none; background:#f6f6f6; padding:0} .hd_finance_insurance .hd_finance_insurance_detail.accordion_body .btn_check_pop.btn_txt{top:4px} .hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc .check_type3{padding:4px 0} .hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc .check_type3 input[type="checkbox"] + span:before{left:3px} .hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc .check_type3 input[type="checkbox"] + span{padding:0px 52px 0px 36px} .hd_finance_insurance .hd_finance_insurance_detail.check_wrap.type_agree.all + .accordion_wrap + .cont_wrap > .h_wrap{padding-top:30px} .hd_finance_insurance .installment_list .dl_wrap{padding:0} .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(1), .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(3), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(2), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(4){border-top:1px solid #ddd; padding-top:30px} .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(5), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(6){padding-top:10px; padding-bottom:30px} .hd_finance_insurance .waterfall_step > li .h_title{margin-bottom:0} .pop_hd_finance_insurance .pop_btn.btn_wrap{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .pop_hd_finance_insurance .pop_btn.btn_wrap .btn.default{min-width:160px} .agree_group{padding-bottom:30px} .charge_list_wrap .list_cardType{justify-content:flex-start; margin:0} .charge_list_wrap .list_cardType li{flex-basis:320px; flex-grow:0;height:220px; padding:0; margin-bottom:10px} .charge_list_wrap .list_cardType li:nth-child(3n-2){margin-right:10px} .charge_list_wrap .list_cardType li:nth-child(3n-1){margin-right:10px} .charge_list_wrap .list_cardType li .item{position:relative; border:1px solid #ddd} .charge_list_wrap .list_cardType li .item .tit{font-size:18px; color:#333} .charge_list_wrap .list_cardType li .item .tit strong{display:block} .charge_list_wrap .list_cardType li .item .tit a{display:block} .charge_list_wrap .list_cardType li .item .tit a::after{border-color:#000} .charge_list_wrap .list_cardType li .item .state{position:absolute; bottom:25px; left:30px; right:30px; display:flex; justify-content:space-between; border-top:1px solid #ddd; padding-top:15px} .charge_list_wrap .list_cardType li .item .state.using{color:#4868e1} .charge_list_wrap .list_cardType li .item .state span{display:block; line-height:28px} .charge_list_wrap .list_cardType li .item .state .btn_sm:after{content:'';display:inline-block;width:6px;height:6px;margin-left:2px;margin-bottom:1px;border:1px solid #bbb;border-right:0;border-bottom:0;transform:rotate(135deg)} .charge_list_wrap .list_cardType li .item .state .btn_sm.line_blue:after{border-color:#4868e1} .charge_list_wrap .list_cardType li .item::after{display:none} .areamin .list_group .list03 .donate_item .detail_sec .donate_detail dt{text-align:left} .newsletter .thumb_list {display:block; width:100%} .newsletter .thumb_list .list {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:flex-start; margin:0px -30px} .newsletter .thumb_list .list li {flex-basis:25%; width:auto; padding:0} .newsletter .thumb_list .list li .thumbnail {box-shadow:0px 10px 30px 0px rgba(0,0,0,0.2); width:195px; height:286px; margin:0 auto} .newsletter .thumb_list .list li .thumbnail img{width:auto; height:100%} .newsletter .thumb_list .list li .tit {padding-top:30px; padding-bottom:60px; font-size:16px; font-weight:700; color:#111; text-align:center; line-height:0.9} @media only screen and (max-width:1100px) { .newsletter .thumb_list .list{justify-content:flex-start; margin:0} .newsletter .thumb_list .list li {flex-basis:50%;; padding-top:20px} } @media only screen and (min-width:801px) and (max-width:1100px) { .newsletter .thumb_list .list li .thumbnail {width:185px; height:272px} } @media only screen and (min-width:501px) and (max-width:800px) { .newsletter .thumb_list .list li .thumbnail {width:179px; height:263px} } @media only screen and (min-width:361px) and (max-width:500px) { .newsletter .thumb_list .list li .thumbnail {width:154px; height:226px} } @media only screen and (max-width:360px) { .newsletter .thumb_list .list li .thumbnail {width:142px; height:207px} } @media only screen and (max-width:1100px) { .basic_pay .btn_wrap.btn_cont.btn_group{display:-webkit-flex; display:-ms-flexbox; display:flex} .basic_pay .btn_cont.btn_group .btn.default{min-width:160px} .basic_pay .tab_wrap .tab_cont .tab_card  {padding:20px 0 30px} .step_box_wrap {display:block; margin:0} .step_box_wrap .step_box {width:100%; padding:20px; margin:0} .step_box_wrap .step_box + .step_box {margin-top:20px} .step_box_wrap.col3 .step_box {width:100%; padding:20px} .basic_pay .text_link_group {width:260px} .step_box_wrap.basic_pay01_step .step_box .img {width:200px; height:202px; margin:auto} .step_box_wrap.basic_pay01_step .step_box.step1 .img {width:197px;background:url(/pconts/images/contents/benefit/pay/img_basic_pay01_m.jpg) no-repeat; background-size:100%} .step_box_wrap.basic_pay01_step .step_box.step2 .img {width:198px;background:url(/pconts/images/contents/benefit/pay/img_basic_pay02_m.jpg) no-repeat; background-size:100%} .basic_pay .table_card .has_card_info {padding:20px 0;flex-direction:column-reverse} .basic_pay .table_card .has_card_info .date_cel {width:100%; margin-top:10px} .basic_pay .table_card .has_card_info .card_cel {width:100%} .radio_wrap.radio_ul .radio_default input[type="radio"] + span {padding:20px 20px 20px 44px} .radio_card span em {display:block} .radio_card span em + em:before {display:none} .radio_card span em.card_nm {margin-top:10px; color:#000033} .step_box_wrap.fan_pay01_step .step_box .img {width:197px; height:202px} .step_box_wrap.fan_pay01_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay01_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay01_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step3_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay01_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay01_step4_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay02_step .step_box .img {width:197px; height:202px} .step_box_wrap.fan_pay02_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay02_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay02_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay02_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay03_step .step_box .img {width:197px; height:202px} .step_box_wrap.fan_pay03_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay03_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay03_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay03_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box .img {width:197px; height:202px} .step_box_wrap.fan_pay04_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step3_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay04_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay04_step4_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box .img {width:197px; height:202px} .step_box_wrap.fan_pay05_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step3_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step4_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step5_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step6 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step6_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step7 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step7_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay05_step .step_box.step8 .img {background:url(/pconts/images/contents/benefit/pay/fanpay05_step8_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box .img {width:197px; height:202px} .step_box_wrap.fan_pay06_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step3_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step4_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay06_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/fanpay06_step5_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box .img {width:197px; height:202px} .step_box_wrap.fan_pay07_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step3_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step4_m.png) no-repeat; background-size:100%} .step_box_wrap.fan_pay07_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/fanpay07_step5_m.png) no-repeat; background-size:100%} .step_box_wrap.ars_pay01_step .step_box .img {width:197px; height:202px} .step_box_wrap.ars_pay01_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/ars_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.ars_pay01_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/ars_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.ars_pay01_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/ars_step3_m.png) no-repeat; background-size:100%} .lift_fare_ing li {width:100%} .lift_fare_help li {width:50%} .lift_fare_ing li .btn_wrap button + button {margin-left:5px} .lift_fare_nodata {padding-bottom:30px} .lift_fare_ing .flexbox_dl dt {width:112px} .step_box_wrap.password_pay01_step .step_box .img {width:197px; height:202px} .step_box_wrap.password_pay02_step .step_box .img {width:197px; height:202px} .step_box_wrap.password_pay03_step .step_box .img {width:197px; height:202px} .step_box_wrap.password_pay04_step .step_box .img {width:197px; height:202px} .step_box_wrap.password_pay04_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step1_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step2_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step3_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step4_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step5_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step6 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step6_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step7 .img {background:url(/pconts/images/contents/benefit/pay/pw04_step7_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay04_step .step_box.step_refer .img {width:280px; background:url(/pconts/images/contents/benefit/pay/pw04_step_refer_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay05_step .step_box .img {width:197px; height:202px} .step_box_wrap.password_pay05_step .step_box.step_refer1 .img {background:url(/pconts/images/contents/benefit/pay/pw05_refer1_m.png) no-repeat; background-size:100%} .step_box_wrap.password_pay05_step .step_box.step_refer2 .img {background:url(/pconts/images/contents/benefit/pay/pw05_refer2_m.png) no-repeat; background-size:100%} .step_box_wrap.masterpass_pay01_step .step_box .img {width:280px; height:202px} .masterpass_pay01_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step1_m.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step2_m.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step3_1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_1_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay01_step  .step_box.step3_2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_2_m.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step3_3 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_3_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay01_step  .step_box.step3_4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step3_4_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay01_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step4_m.png) no-repeat; background-size:100%} .masterpass_pay01_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/masterpass01_step5_m.png) no-repeat; background-size:100%} .step_box_wrap.masterpass_pay02_step .step_box .img {width:280px; height:202px} .masterpass_pay02_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step1_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay02_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step2_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay02_step  .step_box.step3_1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_1_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay02_step  .step_box.step3_2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_2_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay02_step  .step_box.step3_3 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_3_m.png) no-repeat; background-size:auto 100%; background-position:center} .masterpass_pay02_step  .step_box.step3_4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step3_4_m.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step4_m.png) no-repeat; background-size:100%} .masterpass_pay02_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/masterpass02_step5_m.png) no-repeat; background-size:auto 100%; background-position:center} .step_box_wrap.masterpass_pay03_step .step_box .img {width:197px; height:202px} .masterpass_pay03_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step1_m.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step2_m.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step3_m.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step4_m.png) no-repeat; background-size:100%} .masterpass_pay03_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/masterpass03_step5_m.png) no-repeat; background-size:100%} .masterpass_ex01 .img {width:100%; height:149px; background:url(/pconts/images/contents/benefit/masterpass_ex01_m.jpg) no-repeat; background-size:100%} .masterpass_ex02 {display:block; padding:20px} .masterpass_ex02 .example_box {margin:0} .masterpass_ex02 .example_box + .example_box {margin-top:30px} .masterpass_ex02 .example_box .img {width:100%; height:170px; margin-bottom:15px} .masterpass_ex02 .example_box .img.step1 {background:url(/pconts/images/contents/benefit/masterpass_ex02_m.jpg) no-repeat; background-size:100%} .masterpass_ex02 .example_box .img.step2 {background:url(/pconts/images/contents/benefit/masterpass_ex03_m.jpg) no-repeat; background-size:100%} .masterpass_ex02 .example_box .img.step3 {background:url(/pconts/images/contents/benefit/masterpass_ex04_m.jpg) no-repeat; background-size:100%} .smart_pay div[class^="step_box_wrap smart_pay0"] .step_box .img {width:280px} .smart_pay div[class^="step_box_wrap smart_pay01"] .step_box .img {height:166px} .smart_pay div[class^="step_box_wrap smart_pay02"] .step_box .img {height:287px} .smart_pay .smart_pay01_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step1_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step2_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step3_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step4_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay01_step  .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/smartpay01_step5_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step  .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_step1_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step  .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_step2_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step  .step_box.refer1 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_refer1_m.png) no-repeat; background-size:100%} .smart_pay .smart_pay02_step  .step_box.refer2 .img {background:url(/pconts/images/contents/benefit/pay/smartpay02_refer2_m.png) no-repeat; background-size:100%} .radio_gasinfo .detail_info dt {width:124px} .radio_gasinfo .detail_info dd {width:calc(100% - 129px); color:#333} .apt_payment .event_bnr.event_view {height:140px} .apt_payment .event_bnr.event_view .event_cont .cont, .apt_payment .event_bnr.event_view .event_cont .link {padding:0 20px} .apt_payment .event_bnr.event_view .event_cont .tit {padding-top:8px;font-size:18px} .apt_payment .event_bnr.event_view .event_cont .txt {font-size:15px} .apt_payment .event_bnr.event_view .event_cont .label {margin-top:9px;font-size:10px} .apt_payment .event_bnr.event_view .event_cont .img {width:116px;height:116px} .pop_apartment .energy_wrap {display:block; width:100%; height:120px; background:url(/pconts/images/contents/benefit/apartment_energy_m.jpg) no-repeat; background-size:100%} .radio_list ul.radio_wrap .detail_info dt {width:124px} .radio_list ul.radio_wrap .detail_info dd {width:calc(100% - 129px); color:#333} .apt_result_box {width:100%; margin:0 0 10px 8px} .tax_payment .site_group{display:block} .tax_payment .site_group .site{width:100%; padding:20px} .tax_payment .site_group .site:nth-child(3), .tax_payment .site_group .site:nth-child(4){margin-bottom:20px} .tax_payment .site_group .site:nth-child(odd){margin-right:0} .tax_payment .site_group .site_logo{width:90px; height:60px} .tax_payment .site_group .site_info{padding-left:20px} .tax_payment.local .table_wrap.in_bdr table, .tax_payment.local .table_wrap.in_bdr tbody{display:block} .tax_payment.local .table_wrap.in_bdr tr{display:grid; grid-template-columns:50% 50%} .tax_payment.local .table_wrap.in_bdr th{box-sizing:border-box; border-right-width:0; vertical-align:middle} .tax_payment.local .table_wrap.in_bdr th.row2{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .tax_payment.local .table_wrap.in_bdr td{box-sizing:border-box} .uni_payment .df_list_wrap.tuition .df_list .item_wrap.total dt{padding-top:16px} .uni_payment .df_list_wrap.tuition .df_list .item_wrap.total dd{padding-top:16px} .uni_payment .total_payment{padding:30px 20px} .uni_payment .total_payment .pay_item{display:block; margin-bottom:18px; text-align:left} .uni_payment .total_payment .pay_item .c_title{margin-bottom:11px} .uni_payment .total_payment .pay_item .input_wrap{width:100%; margin-left:0} .uni_payment .df_list_wrap .df_list .item.tit{width:45%} .uni_payment .df_list_wrap .df_list .item.con{width:55%} .uni_payment .payment_print{display:none} body.app_shcard .app_payfan, body.app_shfan .app_payfan{display:none} .chg_point_item {height:100px;padding:20px 0} .chg_point_item .chg_point_info {width:calc(100% - 86px); -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .chg_point_item .chg_point_info .title_area {width:100%;padding:0} .chg_point_item .chg_point_info .texts_area {align-self:left;width: 100%} .chg_point_item .chg_point_info .texts_area .info {font-size:13px} .chg_point_item .chg_point_info .texts_area .info_banknm:before{margin:0 5px 0 4px} .chg_point_item .point_info {display:-webkit-flex; display:-ms-flexbox; display:flex; width:86px; padding:0 0 0 0; text-align:right; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column} .chg_point_item .point_info .point {width:100%; font-size:16px; color:#333} .chg_point_item .point_info .btn_wrap{width:100%} .chg_point_item .point_info .btn_wrap .btn_sm {min-width:70px} .chg_point_item .point_info .chg_state {width:100%; font-size:13px; text-align:right} .point_chg_step01 .form_type .form_ele + .apply_wrap {margin-top:40px} .point_chg_step01 .apply_info + .form_ele {margin-top:30px} .point_chg_step01 .expend_wrap + .btn_wrap {margin-top:40px} .radio_wrap.type_btn .radio_btn_list02 {width:100%} .radio_wrap.type_btn .radio_btn_list02 .radio_btn.big span .sub_txt {font-size:18px} .point_chg_step02 .chg_info_wrap + .expend_wrap, .point_chg_step02 .chg_info_wrap .chg_info + .chg_info, .point_chg_step02 .form_ele + .point_chg_box, .point_chg_step02 .expend_wrap + .chg_target_wrap, .point_chg_step02 .expend_wrap + .point_shc_result, .point_chg_step02 .point_chg_box + .agree_wrap {margin-top:40px} .point_chg_step02 .form_ele  + .receive_point {margin-top:35px} .form_type.form_point_chg .form_ele.has_btn_right .ele_tit {padding-top:0} .form_type.form_point_chg .point_chg_box {padding:20px} .form_type.form_point_chg .point_chg_box > div .point_amount {font-size:18px} .form_type.form_point_chg .point_chg_box > div.right:before {width:8px; height:8px; left:-4px; margin-top:-4px} .point_chg_step02 .dl_chg_target {padding:20px 0} .point_chg_step02 .dl_chg_target .df_list .item.tit {width:30%} .point_chg_step02 .dl_chg_target .df_list .item.con {width:70%} .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.tit {width:100%} .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.con {width:100%; margin-top:10px; padding-right:0} .point_chg_step02 .dl_chg_target .df_list .item_wrap.has_sel .item.con .select_wrap {width:100%} .receive_point .btn_wrap.btn_sch {padding-left:0} .point_chg_step02 .point_shc_result {padding:20px 30px} .point_chg_step02 .point_shc_result .result_marker {width:100%; margin:15px 0 0 0} .radio_list.chg_target_list ul.radio_wrap .detail_info dt {width:40%} .radio_list.chg_target_list ul.radio_wrap .detail_info dd {width:60%} .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel {display:block} .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dt {width:100%} .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dd {width:100%; margin-top:5px} .radio_list.chg_target_list ul.radio_wrap .detail_info.has_sel dd .select_wrap {width:100%} .apply_infoWrap .title_line .left_area {float:inherit} .apply_infoWrap .title_line .right_area {float:inherit; line-height:1.3} .icon_list02 li .item {padding:26px 30px 0 91px} .icon_list02 li .item:before {top:20px; left:0; width:70px; height:70px} .icon_list02 li:first-child .item {padding:6px 30px 20px 91px} .icon_list02 li:first-child .item:before {top:0} .myshop .icon_list02 li .item {padding: 20px 20px 20px 115px} .myshop .icon_list02 li:first-child .item {padding:20px 20px 20px 115px} .myshop .icon_list02 li:first-child .item:before {top:20px} .step_box_wrap.myshop .step_box .img {display:block; width:100%; height:202px; margin:auto} .step_box_wrap.myshop .step_box.step1 .img {background:url(/pconts/images/contents/benefit/myshop01_m.jpg) no-repeat; background-size:100%} .step_box_wrap.myshop .step_box.step2 .img {background:url(/pconts/images/contents/benefit/myshop02_m.jpg) no-repeat; background-size:100%} .step_box_wrap.myshop .step_box.step3 .img {background:url(/pconts/images/contents/benefit/myshop03_m.jpg) no-repeat; background-size:100%} .barcode_wrap {padding-right:20px} .barcode_wrap .item {width:33.33%} .barcode_wrap .item + .item {margin-left:13px} .maycar .car_financeimg {width:100%; height:96px; background:url(/pconts/images/contents/benefit/car_finance_m.jpg) no-repeat; background-size:100%}   .maycar .car_parking01{width:100%; height:134px; background:url(/pconts/images/contents/benefit/parking01_m.jpg) no-repeat; background-size:100%} .maycar .parking_contact .item {width:50%} .maycar .parking_contact .item + .item {margin-left:9px} .maycar .parking_contact .item .img {width:100%; height:107px} .maycar .parking_contact .item.front .img {background:url(/pconts/images/contents/benefit/parking02_m.jpg) no-repeat; background-size:100%} .maycar .parking_contact .item.back .img {background:url(/pconts/images/contents/benefit/parking03_m.jpg) no-repeat; background-size:100%} .icon_list.type04.icon_auto > li .item.icon01:before {background-size:40px} .icon_list.type04.icon_auto > li .item.icon02:before {background-size:40px} .icon_list.type04.icon_auto > li .item.icon03:before {background-size:40px} .icon_list.type04.icon_auto > li .item.icon04:before {background-size:40px} .icon_list.type04.icon_auto > li .item.icon05:before {background-size:40px} .icon_list.type04.icon_auto > li .item.icon06:before {background-size:40px} .info_safe .parking_safe_img {display:block; width:100%; height:124px; background:url(/pconts/images/contents/benefit/parking_safe_m.jpg) no-repeat; text-indent:-9999px; background-size:100%} .sms_ex_wrap {display:block; padding:40px 20px} .sms_ex_wrap .sms_ex_box + .sms_ex_box {margin:40px auto 0 auto} .sms_ex_wrap .sms_ex_box {width:145px; height:282px; margin:auto} .sms_ex_wrap.type_single .sms_ex_box {display:block} .sms_ex_wrap.type_single .img {width:145px; height:282px; margin:auto} .sms_ex_wrap.type_single .txt {margin:20px 0 0 0} .sms_ex_wrap.type_single .txt .c_title {margin-bottom:16px} .sms_ex_wrap.type_single .txt .marker_dot {margin-left:0px} .sms_ex_wrap .sms_ex_box .img.sms_ex01 {background:url(/pconts/images/contents/benefit/sms_ex01_m.png) no-repeat; background-size:100%} .sms_ex_wrap .sms_ex_box .img.sms_ex02 {background:url(/pconts/images/contents/benefit/sms_ex02_m.png) no-repeat; background-size:100%} .sms_ex_wrap .sms_ex_box .img.sms_ex03 {background:url(/pconts/images/contents/benefit/sms_ex03_m.png) no-repeat; background-size:100%} .sms_ex_wrap .sms_ex_box .img.sms_ex04 {background:url(/pconts/images/contents/benefit/sms_ex04_m.png) no-repeat; background-size:100%} .sms_premium .btn_wrap.btn_cont.btn_group{display:-webkit-flex; display:-ms-flexbox; display:flex} .sms_premium .bg_text_box .btn_wrap{position:static; padding-top:15px; text-align:right} /* .sms_premium.contents .icon_list02 li:first-child .item:before {background-size:100%} .sms_premium .icon_list02 li:last-child .item:before {background-size:100%} */ .sms_premium .icon_list02 li{padding-bottom:22px} .sms_premium .icon_list02 li + li {padding-top:22px} .sms_premium .icon_list02 li .item {height:70px;padding:0} .sms_premium .icon_list02 li .item p {padding-left:90px} .sms_premium .icon_list02 li .item p.h_title {padding-top:0px} .sms_premium .icon_list02 li .item:before{width:70px;height:70px;background-size:40px !important} #stampPop .pop_cont{height:100%; background:#f6f6f6} .stamp_wrap {padding:20px 10px} .stamp_wrap .stamp_list li .stamp {width:43px; height:43px; background-size:contain} .stamp_wrap .stamp_list li {flex-basis:calc(100% / 5)} .event_month_wrap .swiper-button-prev, .event_month_wrap .swiper-button-next {height:18px; margin-top:-9px; font-size:16px; background-size:10px 18px; line-height:18px} .event_month_wrap .swiper-button-prev {padding-left:14px} .event_month_wrap .swiper-button-next {padding-right:14px} .evt_detail .cont_wrap + .past_event {margin-top:40px} .evt_detail .past_event + .accordion_wrap  {margin-top:40px} .evt_detail .cont_wrap + .accordion_wrap  {margin-top:40px} .past_event {height:57px;padding:15px} .past_event p {font-size:18px} .landing_header_wrap{padding:25px 20px} .landing_header_wrap .landing_header{width:auto} .landing_header_wrap .landing_header span{padding-bottom:5px; font-size:18px} .landing_header_wrap .landing_header em{line-height:30px; font-size:24px} .landing_header_wrap .landing_header img{top:auto; bottom:10px; right:0} .landing_contents{width:auto} .latest_history .ly_inner.w400{width: 100%} .latest_history .card_cancel_wrap .card_cancel li span{line-height:20px} .latest_history .fds_detail_box .para01{margin-bottom:20px} .latest_history .btn.default{min-width:200px; width:200px} .point_box_list li{width:100%} .point_box_list li .point_box {padding:15px 20px} .point_box_list li .point_box .point_nm {margin-bottom:19px; font-size:16px} .point_box_list li .point_box .point_remian {font-size:21px} .point_box_list li:only-child {width:100%} .point_sch .btn_wrap.btn_cont.btn_group{display:-webkit-flex; display:-ms-flexbox; display:flex} .point_sch .btn_cont.btn_group .btn.default{min-width:160px} .point_df_list .point_nm {font-size:15px} .point_df_list .point_amount {font-size:16px} .disapper_point {padding:20px 0} .disapper_point dt {width:50%; font-size:15px; line-height:inherit} .disapper_point dd {-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:50%; font-size:16px} .disapper_point dd .btn_wrap {margin-top:5px; margin-left:0} .list_point_group .tooltip {margin-left:-140px} .point_filter_pop .input_wrap.date_type  {width:100%} .pop_disapear_point .pop_cont .table_wrap table td {padding:12px 7px} .point_sch_detail .text_box {text-align:left} .point_df_list_wrap + .disapear_point_wrap, .point_df_list_wrap + .btn_wrap {margin-top:30px} .disapear_point_wrap + .btn_wrap {margin-top:30px} .point_df_list + .marker_dot {margin-top:10px} .disapear_point_wrap + .radio_tab_wrap02, .btn_wrap + .radio_tab_wrap02, .point_df_list_wrap + .radio_tab_wrap02 {margin-top:40px} .my_shinhanpoint .btn_wrap.btn_cont.btn_group{display:-webkit-flex; display:-ms-flexbox; display:flex} .my_shinhanpoint .btn_cont.btn_group .btn.default{min-width:160px} .my_shinhanpoint .icon_list.type03.card_service_list{padding-top:20px} .my_shinhanpoint .icon_list.type03.card_service_list > li{width:104px; height:95px; margin-right:2px; margin-top:2px} .my_shinhanpoint .icon_list.type03.card_service_list > li .icon_box .icon_name{padding:64px 0 11px} .love_point .love_point_saving{margin-top:20px; padding:20px 15px} .pop_point_list li{width:103px; height:114px; border-radius:5px; margin-right:5px} .pop_point_list li span{padding-top:15px; font-size:15px} .pop_point_list li em{padding-top:10px; font-size:18px} .love_point .love_point_date{padding-top:2px} .love_point .love_upflow_list ul li{line-height:61px} .love_point .love_upflow_list .name{padding-right:5px} .love_point .love_upflow_list .used_point{padding-left:10px} .lg_point .lg_service_stop{padding:20px 15px} .auto_point .auto_point_use_wrap{display:block} .auto_point .auto_point_use_wrap .auto_point_use:first-child{margin-bottom:30px; margin-right:0} .auto_point .auto_point_use_wrap .auto_point_use:last-child{margin-left:0} .auto_point .auto_point_use_wrap .auto_point_use .step_list{padding:30px 0} .auto_point .auto_point_use_wrap .auto_point_use .step_list li.step02{min-width:auto; padding:0 30px} .auto_point .col_width01{width:55%} .auto_point .col_width02{width:45%} .sungnam_refund_wrap{padding:0} .sungnam_refund_wrap .step_list{display:block} .sungnam_refund_wrap .step_list li{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-bottom:42px; text-align:left} .sungnam_refund_wrap .step_list li::after{top:calc(100% - 32px); left:15px; right:auto; width:19px; height:19px; border-width:2px; transform:rotate(135deg); -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg)} .sungnam_refund_wrap .step_list li .step_info{padding-left:30px} .sungnam_refund_wrap .step_list li:last-child{padding-bottom:0} .sungnam_franshise_list ul li{padding:23px 0} .sungnam_franshise_list ul li .name{display:block; padding-bottom:1px} .sungnam_franshise_list ul li .type{display:block; padding-bottom:9px; padding-left:0; font-size:13px; color:#111} .sungnam_franshise_list ul li .address{display:block; padding-left:0; font-size:13px; color:#111} .sungnam_point .sungnam_point_date{padding-top:2px} .hisave_point .company_list{grid-template-columns:33.33% 33.33% 33.33%; padding:20px 3px} .hisave_point .company_list li{height:50px; margin:0 17px} .hisave_point .company_list li:nth-child(6), .hisave_point .company_list li:nth-child(7), .hisave_point .company_list li:nth-child(8), .hisave_point .company_list li:nth-child(9), .hisave_point .company_list li:nth-child(10){margin-top:0} .hisave_point .cont_wrap .c_title {font-size:1.6rem} .hisave_point .cont_wrap .c_title + .marker_dot li {font-size:1.5rem} .hisave_point .cont_sub_wrap .c_title {font-size:1.3rem} .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(1), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(2), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(3), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(4), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(5), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(6), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(7), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(8), .hisave_point .cont_sub_wrap:nth-child(5) .company_list>li:nth-child(9){margin-bottom:5px} .hisave_point .saving_card_list{padding-bottom:40px} .hisave_point .saving_card_list li{width:50%; padding-bottom:30px} .hisave_point .saving_card_list{padding-bottom:40px} .hisave_point .saving_card_list li{flex-basis:50%} .hisave_point .saving_card_list li:nth-child(1), .hisave_point .saving_card_list li:nth-child(2), .hisave_point .saving_card_list li:nth-child(3), .hisave_point .saving_card_list li:nth-child(4){padding-bottom:25px} .hisave_point .saving_card_list li .img_wrap{width:70%; height:auto} .hisave_point .saving_card_list li .img_wrap img{width:100%; height:auto} .hisave_point .saving_card_list li .card_name{padding-top:13px} .hisave_point .hisave_saving .col_width_01{width:26%} .hisave_point .hisave_saving .col_width_02{width:48%} .hisave_point .hisave_saving .col_width_03{width:26%} .hisave_point .hisave_saving .col_width_001{width:70%} .hisave_point .hisave_saving .col_width_002{width:30%} .hisave_point .hisave_repayment01.table_wrap table th, .hisave_point .hisave_repayment01.table_wrap table td{padding:15px 12px} .hisave_point .hisave_repayment01 .col_width_01{width:56%} .hisave_point .hisave_repayment01 .col_width_02{width:20%} .hisave_point .hisave_repayment01 .col_width_03{width:20%} .hisave_point .hisave_repayment02{overflow-x:auto} .hisave_point .hisave_repayment02 table{min-width:450px; width:100%} .hisave_point .hisave_repayment02 table th, .hisave_point .hisave_repayment02 table td{border-right:0 none} .hisave_point .hisave_interest {float:none;margin-top:-4px !important;padding-top:0;padding-bottom:16px} .hisave_point .hisave_interest_example>ul>li:last-child{padding-top:40px} .hisave_point .hisave_interest_example .situation_wrap{display:block} .hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:first-child{margin-bottom:15px; margin-right:0} .hisave_point .hisave_interest_example .situation_wrap div[class^="situation"]:last-child{margin-left:0} .hisave_point .hisave_interest_example .step_list{width:100%; margin:20px auto 0; background-image:url(/pconts/images/contents/benefit/hisave_graph_m.jpg); background-size:contain; background-position:center} .hisave_point .hisave_service_duplicated{padding:20px 15px} .hisave_point .hisave_repayment_rate{padding-top:4px; font-size:14px}    .hisave_point .hisave_repayment_example{overflow-x:auto} .hisave_point .hisave_repayment_example table{min-width:450px; width:100%} .hisave_point .hisave_repayment_example table th, .hisave_point .hisave_repayment_example table td{border-right:0 none; padding:15px 11px} .hisave_point .hisave_repayment_example .col_width_01{width:32%} .hisave_point .hisave_repayment_example .col_width_02{width:30%} .hisave_point .hisave_repayment_example .col_width_03{width:19%} .hisave_point .hisave_repayment_example .col_width_04{width:19%} .hisave_point .hisave_total_payment{padding-bottom:15px} .hisave_point .hisave_deal_list ul li{align-items:baseline; padding:13px 0} .hisave_point .hisave_deal_list ul li .deal{display:block} .hisave_point .hisave_deal_list ul li .deal_info{padding-bottom:20px; padding-left:0} .hisave_point .hisave_deal_list ul li .deal_date{font-size:13px} .hisave_point .hisave_deal_list ul li .deal_payment{text-align:right} .hisave_point .hisave_deal_list ul li .deal_payment .payment{display:block; padding-bottom:5px} .hisave_point .hisave_deal_list ul li .deal_payment .month{display:block; padding-bottom:15px; padding-left:0} .hisave_point .hisave_deal_list ul li .deal_payment .req_payment{display:block; padding-left:0; font-size:13px} .hisave_point .hisave_contract_calc .form_type{padding:20px} .hisave_point .hisave_contract_calc .form_type .form_ele{display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:space-evenly; padding-left:initial; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .hisave_point .hisave_contract_calc .form_type .form_ele .ele_tit{position:static; display:inline-block; width:auto; min-width:110px; padding-top:0; padding-bottom:0} .hisave_point .hisave_contract_calc .form_type .form_ele::after{width:0} .hisave_point .hisave_contract_result em{width:auto; padding:20px; font-size:18px} .hisave_point .hisave_saving_result{padding:20px} .hisave_point .hisave_saving_calc{margin-bottom:30px} .hisave_point .hisave_saving_calc .form_type{padding:20px} .hisave_point .hisave_saving_calc .form_type .form_ele{display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:space-evenly; padding-left:initial; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .hisave_point .hisave_saving_calc .form_type .form_ele .ele_tit{position:static; display:inline-block; width:auto; min-width:110px; padding-top:0; padding-bottom:0} .hisave_point .hisave_saving_calc .form_type .form_ele::after{width:0} .hisave_point .hisave_saving_calc .form_type_wrap:nth-child(2) .h_wrap{padding-bottom:20px} .hisave_point .hisave_saving_calc .form_type_wrap:last-child .h_wrap{padding-bottom:20px} .hisave_point .hisave_saving_calc .hisave_saving_subtit{position:absolute; top:0; left:110px} .hisave_point .hisave_saving_result .saving_result span{font-size:15px} .hisave_point .hisave_saving_result .saving_result em{font-size:18px} .smore_point .cont_wrap.gap60_40 + .btn_wrap.btn_group.btn_cont.align_c.gap90_40{-ms-flex-wrap:wrap; flex-wrap:wrap}  .guarantee_apply_step.icon_list.step > li .icon_box{padding:10px 0 10px 100px} .guarantee_apply_step.icon_list.step.col06 > li{margin-bottom:53px} .guarantee_apply_step.icon_list.step.col06 > li:not(.flow):nth-child(3)::after{display:block} .foreign_setting .foreign_card_list .radio_ul_bind li{padding:23px 0} .foreign_setting .card_info span span:first-child::before{padding-left:17px} .foreign_setting .card_info span .card_num{display:block; padding-bottom:10px} .foreign_setting .card_info span .card_num::before{border-left:0 none; margin-left:0; padding-left:17px} .foreign_setting .card_info span .ico_card_logo{position:absolute; top:3px; right:0} .foreign_setting .service_info{left:52px} .foreign_setting .service_info span{display:block} .foreign_setting .service_info span::before{display:none} .foreign_setting .btn_wrap.btn_cont.btn_group{display:-webkit-flex; display:-ms-flexbox; display:flex} .foreign_setting .btn_cont.btn_group .btn.default{min-width:160px} .foreign_self_fds .notice_self_fds01{margin-bottom:20px; padding-bottom:20px; font-size:15px} .foreign_self_fds .notice_self_fds02{font-size:15px} .foreign_self_fds .btn_wrap.btn_cont.btn_group{display:-webkit-flex; display:-ms-flexbox; display:flex} .foreign_self_fds .btn_cont.btn_group .btn.default{min-width:160px} .foreign_self_fds .card_inquiry_list.accordion_wrap.type02 .accordion_header button.acc_btn.cell{width:50px !important} .foreign_self_fds .card_inquiry_list.accordion_wrap.type02 .accordion_header .cell1{padding-right:53px} .foreign_self_fds .card_inquiry_list .accordion_header .cell1{padding-right:60px} .foreign_self_fds .card_inquiry_list .head_tit .txt01{margin-left:0} .foreign_self_fds .card_inquiry_list .head_tit .user_name::after{margin:0 7px 0 8px} .foreign_self_fds .card_inquiry_list .item .check_wrap.card_head::after{width:16px; height:20px; top:30px; background-position:0 -33px} .foreign_self_fds .target_card_list{padding-bottom:40px} .foreign_self_fds .target_card_list ul li{padding:25px 0} .foreign_self_fds .target_card_list ul li em{display:block; padding-top:8px; padding-left:0} .visual_txt.visual_ansim01 {padding-top:0; background:none} .visual_txt.visual_ansim01 .sub_txt {padding-top:3%; padding-bottom:3%; padding-right:50%; background:url(/pconts/images/contents/benefit/ansim_visual_bg01.gif) no-repeat right center; background-size:contain} .card_ansim_notify .notify_list li {width: calc(33.33% - 5px);padding:70px 0 20px 0} .card_ansim_notify .notify_list li:before {width:40px; height:40px; top:20px; left:50%; margin-left:-20px} .card_ansim_notify .notify_list li+ li {margin-left:7px} .card_ansim_notify .notify_list li.notify01:before {background:url(/pconts/images/contents/benefit/icon/ico_ansim01_m.png) no-repeat; background-size:100%} .card_ansim_notify .notify_list li.notify02:before {background:url(/pconts/images/contents/benefit/icon/ico_ansim02_m.png) no-repeat; background-size:100%} .card_ansim_notify .notify_list li.notify03:before {background:url(/pconts/images/contents/benefit/icon/ico_ansim03_m.png) no-repeat; background-size:100%} .card_ansim_notify .notify_list li .txt .tit {font-size:16px} .card_ansim_notify .notify_list li .txt .pay {font-size:15px}    .notify_serv_list {display:block} .notify_serv_list li {width:100%; padding:30px 0} .notify_serv_list li + li {margin:15px 0 0 0} .notify_serv_list li .txt_area {margin-top:20px} .notify_serv_list li .txt_area .tit {font-size:18px} .notify_serv_list li .txt_area .txt {font-size:15px} .payfan_bridge .bridge_tit {display:block; padding:53px 0; text-align:center} .payfan_bridge .bridge_tit .h_title {font-size:20px} .payfan_bridge .bridge_tit .sub_title {margin-top:10px;font-size:16px} .payfan_bridge .complete_body {padding-top:96px;background-position:50% 0} .franchise_list_wrap>ul{margin-bottom:30px} .franchise_list_wrap>ul>li{width:calc(50% - 10px); margin-right:20px} .franchise_list_wrap>ul>li:nth-child(2n){margin-right:0} .franchise_list_wrap>ul>li:nth-child(3){margin-top:20px} .franchise_list_wrap>ul>li:nth-child(4){margin-top:20px} .franchise_list_wrap ul li .franchise_item{padding:15px 13px} .franchise_list_wrap .franchise_item .franchise_title{font-size:16px} .franchise_list_wrap .franchise_item .franchise_address{padding-bottom:20px; font-size:13px} .franchise_list_wrap .franchise_item .franchise_detail{font-size:13px} .franchise_list_wrap .franchise_item .franchise_detail li{letter-spacing:-0.5px} .franchise_list_keyword{margin-bottom:40px} .franchise_list_wrap .franchise_point_info{padding-bottom:12px} body.pc .allthat .cont_app {display:block} .app_box_wrap .app_box {display:block; width:100%; padding:27px 21px; border-radius:11px; background:#f6f6f6} .app_box_wrap .app_box + .app_box {margin-top:15px} .app_box_wrap .app_box .tit {margin-bottom:15px; font-size:16px; font-weight:700; color:#333} .app_box_wrap .app_box .txt {margin-top:15px; font-size:15px; color:#111} .app_box_wrap .app_box .txt span{color:#333} .allthat_serv_list {display:block; margin:0} .allthat_serv_list .item {position:relative; width:100%; margin:0; padding:15px 20px 15px 110px} .allthat_serv_list .item + .item {margin-top:15px} .allthat_serv_list .item .ico {top:20px; left:20px; width:70px; height:70px} .allthat_serv_list .item .txt_area .tit {font-size:16px} .areamin_tit {padding-left:59px} .areamin_tit:before {width:56px; height:33px; top:-7px; background:url(/pconts/images/contents/benefit/logo_areamin_m.png) no-repeat; background-size:100%} .areamin .donate_detail img {width:100%} .cont_app {display:none} .areamin .list_group .list03 .donate_item .detail_sec{display:block} .areamin .list_group .list03 .donate_item .detail_sec .donate_detail{width:100%; margin-left:0} .atramin .list_group .list03 .donate_item{height:auto} .hd_finance_insurance .accordion_wrap .accordion_body .txt_indent{text-indent:0} .hd_finance_insurance .hd_finance_insurance_detail .btn_check_pop.btn_txt{top:70px; right:0; height:auto} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap.type_acc{border-bottom:0 none; padding-bottom:50px} .hd_finance_insurance .hd_finance_insurance_detail .check_wrap.type_acc::after{position:absolute; bottom:0; left:-20px; width:200%; border-bottom:1px solid #ddd} .hd_finance_insurance .hd_finance_insurance_detail .radio_wrap.radio_pop label{width:49%} .hd_finance_insurance .hd_finance_insurance_detail .radio_wrap.radio_pop .radio_default + .radio_default{margin-top:0} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .h_wrap{padding-top:25px} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .check_wrap.type_acc::after{display:none} .hd_finance_insurance .hd_finance_insurance_detail.accordion_body .check_wrap.type_acc{padding-bottom:30px} .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check, .hd_finance_insurance .hd_finance_insurance_detail.accordion_header .btn_acc_check.on{height:24px} .hd_finance_insurance .hd_finance_insurance_detail.check_wrap.type_agree.all + .accordion_wrap + .cont_wrap > .h_wrap{padding-top:25px} .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(1), .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(3), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(2), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(4){border-top:0 none} .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(5), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(6){border-bottom:1px solid #ddd; padding-bottom:10px} .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(1), .hd_finance_insurance .installment_list .dl_wrap .df_list dt:nth-child(3), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(2), .hd_finance_insurance .installment_list .dl_wrap .df_list dd:nth-child(4){padding-top:10px} .hd_finance_insurance .btn_wrap.btn_cont.btn_group{display:-webkit-flex; display:-ms-flexbox; display:flex} .hd_finance_insurance .btn_cont.btn_group .btn.default{min-width:160px} .charge_list_wrap .list_cardType{padding:0 0 40px} .charge_list_wrap .list_cardType li{flex-basis:100%} .charge_list_wrap .list_cardType li:nth-child(3n-2), .charge_list_wrap .list_cardType li:nth-child(3n-1) {margin-right:0} } @media only screen and (min-width:800px) and (max-width:1009px) { .hisave_point .company_list li{height:40px} } @media only screen and (min-width:600px) and (max-width:799px) { .hisave_point .company_list li{height:35px} } @media only screen and (max-width:599px) { .hisave_point .company_list li{height:29px} } @media only screen and (min-width:450px) and ( max-width:598px) { .visual_txt.visual_ansim01 .sub_txt {background-size:180px} } @media only screen and (min-width:360px) and (max-width:449px) { .visual_txt.visual_ansim01 .sub_txt {background-size:160px} } @media only screen and (max-width:360px) { .visual_txt.visual_ansim01 .sub_txt {background-size:160px} } @media print { .uni_payment #header, .uni_payment .contents_heading.h_wrap, .uni_payment .con.accordion_wrap.btm_line, .uni_payment .btn_print_down + div > .btn_wrap, .uni_payment .content_print{display:none} .uni_payment .complete_body{background:none; padding-top:90px} .uni_payment .df_list_wrap .df_list .item.con{width:50%} .contents{padding-bottom:0} } .evt_detail .ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} .evt_detail .screen_out {display:block;overflow:hidden;position:absolute;width:0;height:0;line-height:0;color:transparent !important} .evt_detail .f_l {float:left} .evt_detail .f_r {float:right} .evt_detail .txt_al {text-align:left !important} .evt_detail .txt_ac {text-align:center !important} .evt_detail .txt_ar {text-align:right !important} .evt_detail .va_t {vertical-align:top !important} .evt_detail .va_m {vertical-align:middle !important} .evt_detail .va_b {vertical-align:bottom !important} .evt_detail .fw_b {font-weight:bold !important} .evt_detail .fw_n {font-weight:normal !important} .evt_detail .txt_underline {text-decoration:underline} .evt_detail .cl_b {clear:both} .evt_detail .clear::after {content:'';display:table;clear:both} .evt_detail .wsn {white-space:nowrap} .evt_detail .show {display:block !important} .evt_detail .hide {display:none !important} .evt_detail hr.line {overflow:hidden;width:100%;height:0;margin:0;padding:0;border:0 none;background-color:transparent} .evt_detail .w_50 {width:50%} .evt_detail .w_60 {width:60%} .evt_detail .w_70 {width:70%} .evt_detail .top0 {top:0 !important} .list_view .list_view_body.evt_detail{padding:0; font-size: 18px} .evt_detail .box_con.pd_top0{margin-top:0} .evt_detail .event_img {margin:0 -27px 25px -27px} .evt_detail .event_img img {width:100%;height:auto} .evt_detail .even_content .even_tit01:nth-child(1) {display:block; padding:0 0 10px; font-size:17px;font-weight:900;color:#191919} .evt_detail .even_content .even_tit01 {padding-bottom:5px; font-weight:800} .evt_detail .even_content .even_tit01.mtit {border-top:1px solid #bababa; border-bottom:1px solid #e6e6e6; padding:11px 0; text-align:center; color:#191919; margin-bottom:10px} .evt_detail .even_content .even_tit01.mtit em {display:block; color:#0f9ec6} .evt_detail .even_content .eve_txt01 {padding-bottom:20px; font-size: 16px} .evt_detail .even_content .eve_txt01 dt {margin:0 0 3px;  font-weight:600} .evt_detail .even_content .eve_txt01 div>img{width:100%} .evt_detail .even_content .eve_txt01 .imgArea img{width:100%} .evt_detail .even_content .eve_txt_typ01 {padding-top:6px} .evt_detail .even_content .eve_txt_typ01 li {padding:0 0 6px 17px; text-indent:-17px; color:#6f6f6f; line-height:22px; font-size:13px} .evt_detail .even_content .eve_txt_typ02 {padding-top:6px} .evt_detail .even_content .eve_txt_typ02 li {padding-left:13px;text-indent:-13px;box-sizing:border-box} .evt_detail .even_content .eve_txt_typ03 {padding-top:5px; padding-bottom:10px; text-indent:0} .evt_detail .even_content .eve_txt_typ03>li {position:relative; padding:0 0 7px 9px; line-height:22px; color:#6f6f6f} .evt_detail .even_content .eve_txt_typ03>li:before {content:""; display:block; position:absolute; top:8px;left:0 ;width:3px; height:3px; border-radius:50%; background:#6f6f6f} .evt_detail .even_content .eve_txt_typ04 {padding-top:6px} .evt_detail .even_content .eve_txt_typ04>li {padding:0 0 5px 17px;font-size:13px;text-indent:-17px;box-sizing:border-box; color:#6f6f6f} .evt_detail .even_content .eve_txt_typ05 {padding-top:6px} .evt_detail .even_content .eve_txt_typ05>li {padding:0 0 5px 22px;font-size:13px;text-indent:-22px;box-sizing:border-box; color:#191919} .evt_detail .even_content .eve_txts01 {padding-bottom:10px} .evt_detail .even_content .eve_box_wrap {background:#f7f7f7} .evt_detail .even_content .tbl_even01 {width:100%; margin-top:13px; margin-bottom:10px; border-bottom:1px solid #bababa; border-top:solid 1px #bababa} .evt_detail .even_content .tbl_even01 thead th {padding:7px; border-left:1px solid #bababa; color:#191919} .evt_detail .even_content .tbl_even01 tbody th {padding:15px 7px; border-left:1px solid #bababa; color:#191919} .evt_detail .even_content .tbl_even01 tr {border-bottom:1px solid #bababa} .evt_detail .even_content .tbl_even01 tr:last-child {border-bottom:1px solid #bababa} .evt_detail .even_content .tbl_even01 td {padding:15px 7px; border-left:1px solid #bababa; line-height:1.5} .evt_detail .even_content .tbl_even01 th:first-child, .evt_detail .even_content .tbl_even01 td:first-child {border-left:none} .evt_detail .even_content .tbl_even01 td.al {text-align:left !important} .evt_detail .even_content .evt_cardBox {position:relative; padding-bottom:20px; text-align:left} .evt_detail .even_content .evt_cardBox h3 {padding-bottom:0} .evt_detail .even_content .evt_cardBox .img {position:absolute;left:0; width:123px} .evt_detail .even_content .evt_cardBox img{width:100%; height:auto} .evt_detail .even_content .evt_cardBox .txt {padding-top:5px; padding-left:140px; height: auto; min-height:105px !important} .evt_detail .even_content .evt_cardBox .txt.type1{min-height:155px !important} .evt_detail .even_content .card_info .evt_cardBox .img{width:77px} .evt_detail .even_content .card_info .evt_cardBox .img {top:34px} .evt_detail .even_content .card_info .evt_cardBox .txt {padding-left:110px} .evt_detail .even_content .evt_cardBox strong {padding-bottom:6px; display:block} .evt_detail .even_content .evt_cardBox dl dt {display:none} .evt_detail .even_content .evt_cardBox dl dd {line-height:22px; color:#6f6f6f} .evt_detail .even_content .evt_cardBox dl dd p {position:relative; padding:0 0 7px 9px} .evt_detail .even_content .evt_cardBox dl dd p:last-child {padding-bottom:0} .evt_detail .even_content .evt_cardBox dl dd p:before {content:"";display:block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#6f6f6f} .evt_detail .even_content .service_list_card {padding:6px 0 10px} .evt_detail .even_content .service_list_card>li {position:relative; padding:27px 0 27px 80px; border-bottom:1px solid #e6e6e6} .evt_detail .even_content .service_list_card>li:first-child {border-top:1px solid #bababa} .evt_detail .even_content .service_list_card>li:before {content:''; position:absolute; top:27px; left:0; display: block; width:80px; height:50px} .evt_detail .even_content .service_list_card>li.tm01:before {background:url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%; background-size:40px 41px} .evt_detail .even_content .service_list_card>li.tm02:before {background:url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%; background-size:40px 41px} .evt_detail .even_content .service_list_card>li.tm03:before {background:url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%; background-size:40px 41px} .evt_detail .even_content .service_list_card>li.tm04:before {background:url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%; background-size:40px 41px} .evt_detail .even_content .service_list_card>li.tm05:before {background:url(/conts/images/event/201708/evt170830_allpass_icon1.jpg) no-repeat center 50%; background-size:40px 41px} .evt_detail .even_content .step_arrow .col1 {position:relative; width:auto !important; height:auto !important; padding:0 !important; background:#f6f6f6; margin-top:36px} .evt_detail .even_content .step_arrow .col1 div {width:auto !important; height:auto !important; padding:0 !important; margin:0 !important; display:table} .evt_detail .even_content .step_arrow .col1 div strong {width:86px; padding:16px 0; text-align:center; background:#e6e6e6; display:table-cell; vertical-align:middle} .evt_detail .even_content .step_arrow .col1 div p {padding:16px 12px; display:table-cell; vertical-align:middle; color:#6f6f6f} .evt_detail .even_content .step_arrow .col1 div p br {display:none} .evt_detail .even_content .step_arrow .col1:after {content:"";display:block;position:absolute;top:-21px;left:50%;width:11px;height:7px;background:url(/conts/images/contents/ico_arrow_type2.png) no-repeat 50% 0;background-size:11px 7px;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0)} .evt_detail .even_content .step_arrow .col1:first-child {margin-top:0} .evt_detail .even_content .step_arrow .col1:first-child:after {display:none} .evt_detail .even_content .goods_list01 {margin:20px 0 -30px} .evt_detail .even_content .goods_list01:after {content:'';display:table;clear:both} .evt_detail .even_content .goods_list01 li {float:left; width:50%} .evt_detail .even_content .goods_list01 li div {position:relative; padding:18px 0 13px; border:1px solid #e6e6e6; margin-bottom:30px; text-align:center} .evt_detail .even_content .goods_list01 li:nth-child(odd) div {margin-right:5px} .evt_detail .even_content .goods_list01 li:nth-child(even) div {margin-left:5px} .evt_detail .even_content .goods_list01 li div p {height:105px; padding:0 15px} .evt_detail .even_content .goods_list01 li div p strong {display:block} .evt_detail .even_content .goods_list01 li div p strong em {position:absolute;top:-16px;left:50%;width:33px;height:33px;line-height:33px;text-align:center;display:block;background:#8f929a;border-radius:50%;font-size:12px;color:#fff;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);box-shadow:1px 1px 1px 1px #d8d8d8} .evt_detail .even_content .goods_list01 li:first-child div p strong em {background:#0f9ec6} .evt_detail .even_content .btnWrap_event03 {padding-bottom:20px} .evt_detail .even_content .f_cont01 {padding-bottom:15px} .evt_detail .even_content a.btn_eve01 {margin-bottom:10px; display:inline-block;height:40px;line-height:38px;font-weight:bold; width:100%; text-align:center;border:1px solid #bababa;border-radius:4px;font-size:15px;color:#191919;box-sizing:border-box;background-color:#fff} .evt_detail .even_content a.btn_eve01:after{content:'';height:17px; display:inline-block;padding-right:15px;margin-top:-3px;background:url(/conts/images/contents/ico_btn_arrow.png) no-repeat 100% 46%; background-size:8px auto; vertical-align:middle} .evt_detail .even_content a.btn_eve02 {margin-bottom:10px; display:block;box-sizing:border-box;-webkit-flex:1;-moz-flex:1;flex:1;height:50px;line-height:48px;background:#3d71dd;font-size:17px;color:#fff;text-align:center;border-radius:30px;font-weight:bold} .evt_detail .even_content .pb0 {padding-bottom:0 !important}dd .evt_detail .coupon_area.tp1 .cp_wrap > li {width:100%; margin-right:0} .evt_detail .coupon_area.tp2 .cp_wrap > li {width:calc(50% - 10px)} .evt_detail .coupon_area.tp2 .cp_wrap > li {margin-top:10px} .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2){margin-top:0px} .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2n){margin-right:0} .evt_detail .coupon_area.tp3 .cp_wrap > li {width:calc(940px / 3)} .evt_detail .coupon_area.tp3 .cp_wrap > li {margin-top:10px} .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(2), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3){margin-top:0px} .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3n){margin-right:0} .evt_detail .coupon_area.tp4 .cp_wrap > li {width:230px} .evt_detail .coupon_area.tp5 .cp_wrap > li {width:calc(900px / 5)} .evt_detail .coupon_area{margin-bottom:10px} .evt_detail .coupon_area .cp_wrap {width:100%; *zoom:1; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .evt_detail .coupon_area .cp_wrap:after {display:block; content:''; clear:both} .evt_detail .coupon_area .cp_wrap > li {min-height:139px; margin-right:20px; padding:12px 0; border:1px solid #e6e6e6; box-sizing:border-box} .evt_detail .coupon_area .cp_wrap > li > * {display:block;text-align:center} .evt_detail .coupon_area .cp_wrap > li:last-child{margin-right:0} .evt_detail .coupon_area .cp_wrap .tit {margin-bottom:10px} .evt_detail .coupon_area .cp_wrap .img_zone {margin-bottom:14px} .evt_detail .coupon_area .cp_wrap .img_zone > span {display:inline-block} .evt_detail .coupon_area .cp_wrap .img_zone > span img{width:90% !important} .evt_detail .even_content .eve_sp01 {padding:20px 0} .evt_detail .even_content .eve_sp01 strong {border-top:1px solid; display:block} .evt_detail .even_content .eve_sp01 strong span {background:#fff; width:60px; margin:-12px auto 0; font-size:19px; display:block; text-align:center} .evt_detail .even_content .eve_sp01 div {text-align:center; padding:7px 0 0 0} .evt_detail .even_content .eve_sp01 div p {color:#000; font-size:16px; padding:3px 0 4px; line-height:17px} .evt_detail .even_content .eve_sp01 div em {padding-top:3px; display:block; font-size:20px; font-weight:bold; line-height:23px; padding:3px 0 4px} .evt_detail .even_content .sty_goods01 {display: flex;flex-wrap: wrap} .evt_detail .even_content .sty_goods01:after {content:""; display:block; clear:both} .evt_detail .even_content .sty_goods01 li {width:calc(50% - 5px);border: 1px solid #e6e6e6;margin-top:5px;margin-bottom:5px;padding: 20px 0;text-align: center} .evt_detail .even_content .sty_goods01 li img {width:146px} .evt_detail .even_content .sty_goods01 li div {padding-top: 10px} .evt_detail .even_content .sty_goods01 li:nth-child(odd) {margin-right:5px} .evt_detail .even_content .sty_goods01 li:nth-child(even) {margin-left:5px} .evt_detail .even_content .sty_goods01 li div span {display:block; font-size:14px} .evt_detail .even_content .sty_goods01 li div em {display:block; font-size:15px; font-weight:bold} .evt_detail .even_content .sty_goods02 {padding:20px 0; margin:20px 0 24px; border:1px solid #e6e6e6} .evt_detail .even_content .sty_goods02 strong {display:block; padding-bottom:15px; text-align:center; font-size:14px; color:#191919} .evt_detail .even_content .sty_goods02 ul:after {content:""; display:block; clear:both} .evt_detail .even_content .sty_goods02 ul li {width:50%; float:left; text-align:center} .evt_detail .even_content .sty_goods02 ul li img {width:151px} .evt_detail .even_content .sty_goods02 ul li div {height:65px; padding-top:95px; margin-top:-95px; text-align:center; color:#333} .evt_detail .even_content .sty_goods02 ul li:nth-child(even) div {border-left:1px solid #dfdfdf} .evt_detail .even_content .sty_goods02 ul li div span {display:block; font-size:14px} .evt_detail .even_content .sty_goods02 ul li div em {font-size:15px; font-weight:bold} .evt_detail .even_content .sty_goods02 ul li.one_g {position:relative; width:100%; text-align:left} .evt_detail .even_content .sty_goods02 ul li.one_g div {position:absolute; top:17px; left:150px; text-align:left} .evt_detail .even_content .step_arrow01 {padding:3px 0 10px} .evt_detail .even_content .step_arrow01 li {position:relative; width:auto !important; height:auto !important; padding:0 !important; background:#f6f6f6; margin-top:36px} .evt_detail .even_content .step_arrow01 li:after {content:"";display:block;position:absolute;top:-21px;left:50%;width:11px;height:7px;background:url(/conts/images/contents/ico_arrow_type2.png) no-repeat 50% 0;background-size:11px 7px;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0)} .evt_detail .even_content .step_arrow01 li div {width:auto !important; display:table} .evt_detail .even_content .step_arrow01 li div strong {width:86px; padding:16px 0; text-align:center; background:#e6e6e6; display:table-cell; vertical-align:middle} .evt_detail .even_content .step_arrow01 li div p {padding:16px 12px; display:table-cell; vertical-align:middle; color:#6f6f6f} .evt_detail .even_content .step_arrow01 li div p br {display:none} .even_content .step_arrow01 li div span{margin-top:0 !important} .evt_detail .even_content .step_arrow01 li:first-child {margin-top:0} .evt_detail .even_content .step_arrow01 li:first-child:after {display:none} .evt_detail .eve_agree{margin:0 0 25px 0} .evt_detail .eve_agree_con{margin:10px 0 10px 0;padding:15px;border:1px solid #cecece} .evt_detail .eve_agree_chk .row{text-align:right} .evt_detail .ipt_check {display:inline-block;position:relative;min-height:23px;padding-left:32px;vertical-align:top} .evt_detail .ipt_check input {position:absolute;top:0;left:0} .evt_detail .ipt_check.mid input {top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)} .evt_detail .ipt_check label {display:block;font-size:15px;line-height:23px} .evt_detail .ipt_radio {display:inline-block;position:relative;min-height:23px;padding-left:32px;vertical-align:top} .evt_detail .ipt_radio input {position:absolute;top:0;left:0} .evt_detail .ipt_radio label {display:block;font-size:15px;line-height:23px;white-space:nowrap} .evt_detail input[type="radio"] {width:23px;height:23px;border-radius:0;background:url(/conts/images/contents/ico_input.png) no-repeat 0 0;background-size:120px 100px;-webkit-appearance:none;border:0 none;margin-top:0} .evt_detail input[type="checkbox"] {width:23px;height:23px;border-radius:0;background:url(/conts/images/contents/ico_input.png) no-repeat 0 -30px;background-size:120px 100px;-webkit-appearance:none;border:0 none} .evt_detail input[type="radio"]:checked {background-position:-30px 0} .evt_detail input[type="checkbox"]:checked {background-position:-30px -30px} .evt_detail input[type="radio"]:disabled {background-position:-60px 0} .evt_detail input[type="checkbox"]:disabled {background-position:-60px -30px} .evt_detail input[type="radio"]:disabled:checked {background-position:-90px 0} .evt_detail input[type="checkbox"]:disabled:checked {background-position:-90px -30px} .evt_detail .mg_top0 {margin-top:0 !important} .evt_detail .mg_top0_10{margin-top:0 !important} .evt_detail .mg_top5 {margin-top:5px !important} .evt_detail .mg_top10 {margin-top:10px !important} .evt_detail .mg_top15 {margin-top:15px !important} .evt_detail .mg_top20 {margin-top:20px !important} .evt_detail .mg_btm0 {margin-bottom:0 !important} .evt_detail .mg_btm5 {margin-bottom:5px !important} .evt_detail .mg_btm10 {margin-bottom:10px !important} .evt_detail .mg_btm15 {margin-bottom:15px !important} .evt_detail .mg_btm20 {margin-bottom:20px !important} .evt_detail .mg_btm30 {margin-bottom:30px !important} .evt_detail .mg_btm40 {margin-bottom:40px !important} .evt_detail .pd0 {padding:0 !important} .evt_detail .pd_top0 {padding-top:0 !important} .evt_detail .pd_top5 {padding-top:5px !important} .evt_detail .pd_top10 {padding-top:10px !important} .evt_detail .pd_top15 {padding-top:15px !important} .evt_detail .pd_top20 {padding-top:20px !important} .evt_detail .pd_bot0 {padding-bottom:0px !important} .evt_detail .pd_bot5 {padding-bottom:5px !important} .evt_detail .pd_bot10 {padding-bottom:10px !important} .evt_detail .pd_bot13 {padding-bottom:13px !important} .evt_detail .pd_bot15 {padding-bottom:15px !important} .evt_detail .pd_bot20 {padding-bottom:20px !important} .evt_detail .accordian_type_one {margin-bottom:30px} .evt_detail .accordian_type {overflow:hidden;width:100%;border-bottom:1px solid #bababa} .evt_detail .accordian_type.fst {border-top:1px solid #bababa} .evt_detail .accordian_type>dt {overflow:hidden;position:relative} .evt_detail .accordian_type .btn_toggle {display:block;position:relative;padding:0 27px 0 0} .evt_detail .accordian_type .btn_toggle:after {content:"";display:block;position:absolute;top:50%;right:0;width:30px;height:30px;background:url(/conts/images/contents/ico_arrow_toggle3.png) no-repeat 100% -11px;background-size:12px 30px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)} .evt_detail .accordian_type.on .btn_toggle:after {background-position:100% 11px} .evt_detail .accordian_type .btn_toggle .tit_type {display:inline-block;padding:16px 0 17px;font-size:15px;line-height:22px;color:#191919;vertical-align:middle} .evt_detail .accordian_type>dd {visibility:hidden;height:0;overflow:hidden} .evt_detail .accordian_type.on>dd {height:auto;visibility:visible;border-top:1px solid #0f9ec6;padding:24px 0 21px 0} .evt_detail .bul_type1, .evt_detail .bul_type1>li {position:relative;padding-left:9px;margin-bottom:7px;font-size:14px;line-height:22px;color:#6e6e6e} .evt_detail .bul_type1:before, .evt_detail .bul_type1>li:before {content:"";display:block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#6e6e6e} .evt_detail .bul_type1>li:last-child {margin-bottom:0} .evt_detail .bul_type1 {margin-bottom:13px} .evt_detail ul.bul_type1, .evt_detail ol.bul_type1 {padding:0;background:none} .evt_detail span.bul_type1{display:block;margin-top:5px;margin-bottom:0} .evt_detail .tbl_type1+.bul_type1, .evt_detail .list_type1+.bul_type1 {margin-top:-10px} .evt_detail .bul_type1.no_b>li:before {content:"";display:none} .evt_detail .bul_type1.no_b>li {padding-left:0} .evt_detail .bul_type1>li.num{padding-top:10px;background:none;text-align:right;color:#191919 !important; font-size:16px} .evt_detail .bul_type1>li.num:before{background-color:#fff !important} .evt_detail .txt_type1 {margin-bottom:13px;font-size:14px} .evt_detail .txt_type1_2 { margin-top:16px;margin-bottom:35px} .evt_detail .txt_type1_3 {margin-top:15px;font-size:14px;color:#6f6f6f} .evt_detail .txt_type1_4 {margin-top:15px;font-size:15px} .evt_detail .txt_type2 {margin-top:15px;font-size:13px;text-align:right} .evt_detail .txt_type3 {margin-top:15px;font-size:12px;color:#6f6f6f;text-align:right} .evt_detail .txt_type4 {margin-bottom:13px;font-size:13px;color:#6f6f6f} .evt_detail .btn_center {margin-top:15px;text-align:center} .evt_detail .btn_center.fullBtn{padding-bottom:15px} .evt_detail .btn_right {margin-top:15px;text-align:right} .evt_detail .btn_left {margin-top:15px;text-align:left} .evt_detail .btn_wrap_form {display:block !important;margin-top:35px;text-align:center} .evt_detail .btn_wrap2 {margin-top:25px} .evt_detail .btn_wrap2 a.btn_type1,.btn_wrap2 a.btn_type1.btn_type1_2 {height:40px;margin-right:10px;font-size:15px} .evt_detail .btn_wrap2 a.btn_type1.btn_type1_2 {flex:none;width:35%;background:#fff !important;border:1px solid #bababa;color:#191919} .evt_detail .btn_wrap2>a:last-child {margin-right:0} .evt_detail .btn_wrap3 {margin:25px 0;text-align:center} .evt_detail .btn_wrap4 a.btn_type1{height:40px;font-size:15px} .evt_detail .layer_popup .popup_content .cont_wrap .btn_wrap {display:inline-block;margin:25px 0 0 0;text-align:center}  .evt_detail .layer_popup .popup_content .cont_wrap .btn_type1 {flex:none;padding:0 30px}  .evt_detail a.btn_type1 {display:block;box-sizing:border-box;-webkit-flex:1;-moz-flex:1;flex:1;height:50px;padding:0 5px;background:#292c35;font-size:17px;color:#fff;text-align:center;border-radius:30px;font-weight:bold} .evt_detail a.btn_type1_1 {background:#fff;font-weight:bold;border:1px solid #bababa;color:#191919} .evt_detail a.btn_type1_2 {background:#6f6f6f !important;font-weight:bold} .evt_detail a.btn_type1_3 {background:#f6f6f6;font-size:12px;color:#191919;font-weight:bold;-webkit-flex:1;-moz-flex:1;flex:1;text-align:center} .evt_detail a.btn_type1:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} .evt_detail a.btn_type1>span {display:inline-block;margin-top:1px;vertical-align:middle} .evt_detail .btn_type2 {box-sizing:border-box;display:inline-block;height:24px;padding:0 13px;text-align:center;border:1px solid #bababa;border-radius:4px;font-size:12px;color:#191919;box-sizing:border-box;background:#fff} .evt_detail .btn_type2>span {display:inline-block;white-space:nowrap;line-height:25px} .evt_detail .btn_type2.on {background:#109ec6;border-color:#109ec6;color:#fff} .evt_detail a.btn_type2_3 {background:#68696d;color:#fff;border:none} .evt_detail a.btn_type2.btn_type2_3 {line-height:24px} .evt_detail a.btn_type2_4 {background:#292c35;color:#fff;border:none} .evt_detail a.btn_type2_6 {height:30px;padding:0 10px;font-size:12px} .evt_detail a.btn_type2_6>span {padding-left:20px;background:url(/conts/images/contents/ico_social.png) no-repeat 0 50%;background-size:14px 17px} .evt_detail a.btn_type2_7 {height:30px} .evt_detail a.btn_type2_7 span {padding-left:23px;background:url(/conts/images/contents/ico_tel.png) no-repeat 0 50%;background-size:16px 16px;font-weight:bold} .evt_detail a.btn_type2_5, .evt_detail a.btn_type2_6>span, .evt_detail a.btn_type2_7>span {line-height:1.5} .evt_detail .btn_type2:after, .evt_detail .btn_type3:after, .evt_detail .btn_type5:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} .evt_detail a.btn_type3 {display:inline-block;height:40px;font-weight:bold;padding:0 10px;text-align:center;border:1px solid #bababa;border-radius:4px;font-size:13px;color:#191919;box-sizing:border-box;background-color:#fff} .evt_detail a.btn_type3 span {display:inline-block;padding-right:15px;margin-top:1px;line-height:17px;background:url(/conts/images/contents/ico_btn_arrow.png) no-repeat 100% 46%;background-size:8px 12px;vertical-align:middle} .evt_detail a.btn_type3:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;border:0 none} .evt_detail a.btn_type3_2 {box-sizing:border-box;display:inline-block;height:40px;width:130px;background:#292c35;text-align:center;border-radius:25px;font-size:15px;color:#fff;font-weight:bold} .evt_detail a.btn_type3_2 span {display:inline-block;margin-top:1px} .evt_detail a.btn_type3_2.disabled {background:#bababa} .evt_detail a.btn_type3_2:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} .evt_detail a.btn_type3_3 {height:30px;font-size:13px} .evt_detail a.btn_type3_3:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} .evt_detail a.btn_type3_3.on {background:#0f9ec6;color:#fff;border:1px solid #0f9ec6} .evt_detail a.btn_type5 {display:block;box-sizing:border-box;-webkit-flex:1;-moz-flex:1;flex:1;height:50px;padding:0 5px;background:#3d71dd;font-size:17px;color:#fff;text-align:center;border-radius:30px;font-weight:bold} .evt_detail a.btn_type5:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} .evt_detail a.btn_type5>span {display:inline-block;margin-top:1px;vertical-align:middle} .evt_detail .plate_wrap .plate_box .img img{width:100%} .evt_detail .point1{color:#0f9ec6 !important} #evCashBack .sp_col01 {color:#e65e07} #evCashBack .sp_col01 strong {border-color:#e65e07} #evCashBack .sp_col02 {color:#d1291d} #evCashBack .sp_col02 strong {border-color:#d1291d} #evCashBack .sp_col03 {color:#9b0d0e} #evCashBack .sp_col03 strong {border-color:#9b0d0e} #evCashBack .sp_col04 {color:#0f68a1} #evCashBack .sp_col04 strong {border-color:#0f68a1} #evCashBack .sp_col05 {color:#a81a49} #evCashBack .sp_col05 strong {border-color:#a81a49} .evt_detail .evtcard_list{display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;margin:0 -1.5% 30px;min-width:266px} .evt_detail .evtcard_list:after{content:"";display:block;clear:both}	 .evt_detail .evtcard_list li {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; flex-basis:47%; margin:1.5%; padding-bottom:20px; text-align:center; background:#f7f7f7; font-size:14px; color:#444; letter-spacing:-0.5px} .evt_detail .evtcard_list li .card_tit{width:100%; font-size:14px;color:#002b59;font-weight:bold;height:60px;padding-top:26px;box-sizing:border-box}		 .evt_detail .evtcard_list li .card_tit.row2{padding-top:11px} .evt_detail .evtcard_list li .card_tit strong{color:#2e75bc;display:block} .evt_detail .evtcard_list li .card_img{width:70%;max-width:324px;margin:0 auto} .evt_detail .evtcard_list li .card_img img{width:100%} .evt_detail .evtcard_list li .card_img.row{width:40%} .evt_detail .evtcard_list li .card_txt{width:100%; padding-top:10px} .evt_detail .evtcard_list li .card_txt2{position:relative;width:85%;margin:7px auto 0;padding-bottom:15px;line-height:18px;text-align:right} .evt_detail .evtcard_list li .card_txt2 strong{display:block;position:absolute;top:0;left:0} .evt_detail .evtcard_list li a.btn_type3{display:block; width:70%; margin:0 auto} .evt_detail .evtcard_list li a:not(.btn_type3){background:red} #evCashBack .evt_terms {margin-bottom:21px} #evCashBack .evt_terms ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} #evCashBack .evt_terms ul li { display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow:column wrap; flex:0 0 48%;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} #evCashBack .evt_terms p {margin-bottom:5px} #evCashBack .evt_terms figure {margin:0} #evCashBack .evt_terms figure figcaption {margin-top:5px} #evCashBack .evt_terms figure img{height:100%} #evCashBack .card_tab_navi {overflow:hidden;overflow-x:auto;width:100%;height:100%;margin-bottom:20px;border-bottom:1px solid #e6e6e6; -webkit-overflow-scrolling:touch} #evCashBack .card_navi {overflow-x:hidden;white-space:nowrap;display:table;width:100%} #evCashBack .card_navi:after {content:"";display:block;clear:both} #evCashBack .card_navi>li {display:table-cell;text-align:center} #evCashBack .card_navi>li>a {display:inline-block;height:42px;padding:10px 13px 10px 13px;box-sizing:border-box;font-size:15px;font-weight:bold;text-align:center;color:#6f6f6f} #evCashBack .card_navi>li.on {border-bottom:4px solid #0f9ec6} #evCashBack .card_navi>li.on a {color:#0f9ec6} #evCashBack .tab_cont{display:none} #evCashBack .tab_cont.on{display:block} .even_content .special>ul>li>div.img {padding-right:20px !important} .evt_detail .tbl_border {width:100%;margin-bottom:27px;border-top:solid 1px #bababa;border-bottom:1px solid #bababa} .evt_detail .tbl_border th {border-bottom:1px solid #bababa;border-left:1px solid #bababa} .evt_detail .tbl_border td {border-left:1px solid #bababa} .evt_detail .tbl_border th:first-child,.tbl_border td:first-child {border-left:none} .evt_detail .tbl_border thead tr:last-child th {border-bottom:1px solid #bababa} .evt_detail .tbl_border thead th {padding:7px;border-top:solid 1px #e6e6e6;font-weight:bold} .evt_detail .tbl_border thead tr:first-child th {border-top:none} .evt_detail .tbl_border tbody th,.tbl_border tbody td {padding:15px 7px;border-top:1px solid #e6e6e6;border-bottom:none} .evt_detail .tbl_border tbody tr.active td{background-color:#e6e6e6;border-top:1px solid #fff} .evt_detail .tbl_border tbody tr:first-child td,.tbl_border tbody tr:first-child th {border-top:none} .evt_detail .tbl_border tbody th.light_bd, .tbl_border tbody td.light_bd {border-bottom:solid 1px #e6e6e6} .evt_detail .tbl_border tbody th.strong_bd, .tbl_border tbody td.strong_bd{border-bottom:solid 1px #bababa} .evt_detail .tbl_border tbody td.top_bd {border-top:solid 1px #bababa} .evt_detail .tbl_border tfoot td {padding:15px 7px;border-top:1px solid #bababa} .evt_detail .card_info > ul{display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .evt_detail .card_info > ul:after {display:block; content:''; clear:both} .evt_detail .card_info > ul > li {width:48%; margin:2% 0 0 2%; padding:15px 4%; background-color:#f7f7f7; box-sizing:border-box} .evt_detail .card_info > * {color:#444; text-align:center} .evt_detail .card_info .tit {display:block; margin-bottom:6px; color:#002b59; font-size:13px; } .evt_detail .card_info .tit > span {display:inline-block;margin-top:10px;vertical-align:top} .evt_detail .card_info .tit:after {display:inline-block; content:''; height:40px; vertical-align:middle} .evt_detail .card_info .img_box {margin-bottom:0} .evt_detail .card_info .img_box > img {width:104px} .evt_detail .card_info .info {min-height:81px; margin:5px 0 14px} .evt_detail .card_info .info > * {font-size:13px} .evt_detail .card_info .info > strong {display:blcok} .evt_detail .card_info a.btn_eve01 {margin-bottom:0 !important} .evt_detail .card_info ul li:nth-child(3) .tit, .evt_detail .card_info ul li:nth-child(4) .tit{min-height:68px} .even_content .cardLook {padding: 23px 0 30px 90px;border-bottom:1px solid #e6e6e6;background-position:left 23px !important;background-size:70px auto !important;min-height:62px; text-align:left} .even_content .cardLook .cardName {font-weight:bold;margin-bottom:7px;padding-top: 10px} .even_content .cardLook .listDotHyphen li {position:relative;line-height:22px;color:#6e6e6e;padding-left:9px} .even_content .cardLook .listDotHyphen > li:before {content:"";display:block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#6e6e6e} .even_content .cardLook > ul > li { position:relative; line-height:22px; color:#6e6e6e; padding-left:9px; } .even_content .cardLook > ul > li > ul > li { position:relative; padding-left:12px} .even_content .cardLook > ul > li:before {content:"";display:block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#6e6e6e} .even_content .cardLook > ul > li > ul > li:before {content:"-";display:block;position:absolute;top:-1px;left:0;width:3px;height:3px;border-radius:none;background-color:none} .even_content .cardLook .listDotHyphen li ul li {position:relative; line-height:22px; color:#6e6e6e; padding-left:12px} .even_content .cardLook .listDotHyphen li ul li:before {content:"-";display:block;position:absolute;top:-1px;left:0;width:3px;height:3px;border-radius:none;background-color:none} .even_content .cardLook .refer { padding: 5px 0 0 17px; text-indent: -17px; color: #6f6f6f; display:inline-block} .even_content .cardLookBg04 {background:url("/conts/images/contents/bg_cardLookBg4.png") no-repeat} .even_content .cardLookBg107{background:url("/conts/images/contents/bg_cardLookBg107.png") no-repeat} .even_content .cardLookBg194{background:url("/conts/images/contents/bg_cardLookBg194.png") no-repeat} .even_content .cardLookBg30{background:url("/conts/images/contents/bg_cardLookBg30.png") no-repeat} .evt_detail .box_form .phone_num {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex} .evt_detail .box_form .phone_num .sub_info1 {width:80px;min-width:80px;margin-right:10px} .evt_detail .box_form .phone_num .sub_info1 select{width:100%} .evt_detail .box_form .phone_num.driver .sub_info1{min-width:100px;width:100px} .evt_detail .box_form .phone_num .sub_info2 {width:100%} .evt_detail .box_form .phone_num .btn_type1 {white-space:nowrap} .evt_detail .box_form .phone_num2 .tit_info {display:inline-block;margin-top:8px;width:75px;font-size:15px;font-size:0.9375rem;font-weight:normal} .evt_detail .box_form .phone_num .form {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex} .evt_detail .box_form .phone_num .form>span {-webkit-flex:1;-moz-flex:1;flex:1} .evt_detail .box_form .phone_num.type2 {margin-top:20px} .evt_detail .box_form .phone_num.type2 .form {margin-right:5px} .evt_detail .box_form .phone_num.type2 .btn_type1 {width:90px;min-width:90px;height:40px;margin-left:5px;border-radius:3px;font-weight:normal;font-size:12px;font-size:0.75rem} .evt_detail .box_form .phone_num.type3 {margin-top:13px} .evt_detail .box_form .phone_num.type3 .form {margin-right:0} .evt_detail .box_form .phone_num.type3 .form_select {border-right:0} .evt_detail .box_form .phone_num.type3 .form_select:after {width:11px;height:6px;background:url(/conts/images/contents/ico_select_arr2.png) no-repeat 50% 0;background-size:11px 6px} .evt_detail .service_agreement{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:30px 0; padding:20px 0} .evt_detail .service_agreement .txt_type1{margin-top:13px; padding:15px; border:0 none; color:#6f6f6f; background-color:#f6f6f6} .evt_detail .service_agreement .ipt_check label{line-height:30px} .evt_detail .event_card .box_con.event {padding:23px 27px 27px} .evt_detail .event_card .txt01 {margin-bottom:21px} .evt_detail .event_card .txt02 {margin-bottom:7px} .evt_detail .event_card .sub_tit01 {margin:0 0 3px} .evt_detail .event_card .sub_tit02 {margin:0 0 5px} .evt_detail .event_card .sub_tit03 {margin:0 0 9px} .evt_detail .event_card .banner_type1 {margin-bottom:26px} .evt_detail .event_card .mybenefit {padding:23px 27px 27px} .evt_detail .event_card:after {display:block; clear:both; content:""} .evt_detail .event_card {margin-bottom:25px} .evt_detail .event_card .thumb {float:left; overflow:hidden; width:123px} .evt_detail .event_card .thumb img {overflow:hidden; width:123px} .evt_detail .event_card .desc {display:block; padding-left:15px; overflow:hidden} .evt_detail .event_card .tit_card {display:block; margin-bottom:6px; font-size:14px; font-size:0.875rem} .evt_detail .eve_box_wrap2 {margin-bottom:30px} .evt_detail .eve_box_wrap2 .eve_box {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:18px; border:1px solid #e0e0e0} .evt_detail .eve_box_wrap2 .eve_box>div {flex:0 0 50%; margin-top:40px; padding:7px; box-sizing:border-box} .evt_detail .eve_box_wrap2 .eve_box>div:nth-child(1), .eve_box_wrap2 .eve_box>div:nth-child(2) { margin-top:0} .evt_detail .eve_box_wrap2 .eve_box>div p { margin-top:10px; text-align:center; font-size:13px} .evt_detail .eve_box_wrap2 .eve_box>div p strong { display:block} .evt_detail .product_list li {display:table; background:#f7f7f7; margin-bottom:15px} .evt_detail .product_list li img {display:table-cell; width:100%; vertical-align:middle} .evt_detail .product_list li .info_wrap {width:60%; display:table-cell; vertical-align:middle; padding-left:16px} .evt_detail .product_list li .info_wrap strong {font-size:13px; color:#333; display:block; padding-bottom:6px} .evt_detail .product_list li .info_wrap p {font-size:13px; color:#444; margin-bottom:10px; padding-right:10px} .evt_detail .product_list li .info_wrap .btn_eve01 {font-size:13px; height:30px; margin:0; line-height:30px; width:auto; padding:0 15px} .evt_detail .even_content .cardLookBg44{background:url("/conts/images/contents/bg_cardLookBg44.png") no-repeat} .evt_detail .even_content .cardLookBg205{background:url("/conts/images/contents/bg_cardLookBg205.png") no-repeat} .evt_detail .even_content .cardLookBg206{background:url("/conts/images/contents/bg_cardLookBg206.png") no-repeat} .evt_detail .even_content .cardLookBg207{background:url("/conts/images/contents/bg_cardLookBg207.png") no-repeat} .evt_detail .even_content .cardLookBg208{background:url("/conts/images/contents/bg_cardLookBg208.png") no-repeat} .evt_detail #pbTabDepth1-1{margin-bottom:10px} .evt_detail #pbTabDepth1-1 .cardLook{background-position:left center !important} .topsClub_wrap.event .box_con.event {padding:23px 27px 27px} .topsClub_wrap.event .txt01 {margin-bottom:21px} .topsClub_wrap.event .txt02 {margin-bottom:7px} .topsClub_wrap.event .sub_tit01 {margin:0 0 3px} .topsClub_wrap.event .sub_tit02 {margin:0 0 5px} .topsClub_wrap.event .sub_tit03 {margin:0 0 9px} .topsClub_wrap.event .banner_type1 {margin-bottom:26px} .topsClub_wrap.event .mybenefit {padding:23px 27px 27px} .topsClub_wrap.event .event_card:after {display:block; clear:both; content:""} .topsClub_wrap.event .event_card {margin-bottom:25px} .topsClub_wrap.event .event_card .thumb {float:left; overflow:hidden; width:123px} .topsClub_wrap.event .event_card .thumb img {overflow:hidden; width:123px} .topsClub_wrap.event .event_card .desc {display:block; padding-left:15px; overflow:hidden} .topsClub_wrap.event .event_card .tit_card {display:block; margin-bottom:6px; font-size:14px; font-size:0.875rem} .topsClub_wrap.event .eventCard_info {border-top:1px solid #bababa; border-bottom:1px solid #bababa} .topsClub_wrap.event .eventCard_info > li {position:relative; padding:27px 0; border-top:1px solid #e6e6e6; margin-top:0; border-bottom:none} .topsClub_wrap.event .eventCard_info > li:first-child {border:none} .topsClub_wrap.event .eventCard_info > li:before {content:"";position:absolute;top:30px;left:0;width:65px;height:46px; background:url(/conts/images/contents/bg_eventCard.png) no-repeat} .topsClub_wrap.event .eventCard_info > li.list01:before {background-position:0 0; background-size:65px 140px} .topsClub_wrap.event .eventCard_info > li.list02:before {background-position:0 -46px; background-size:65px 140px} .topsClub_wrap.event .eventCard_info > li.list03:before {background-position:0 -92px; background-size:65px 140px} .topsClub_wrap.event .eventCard_info .info {padding-left:80px} .topsClub_wrap.event .eventCard_info .info strong {display:block; margin-bottom:7px; font-size:14px; font-size:0.875rem} .topsClub_wrap.event .txt {margin:12px 0 27px} .topsClub_wrap.event .event_img {margin:0 -27px 25px -27px} .topsClub_wrap.event .event_img img {width:100%;height:auto} .even_content .giftList:after {display:block;content:"";clear:both} .even_content .giftList {width:100%;margin:0 -5px 0;box-sizing:border-box} .even_content .giftList li {position:relative;float:left;width:50%;box-sizing:border-box;margin-top:46px} .even_content .giftList .rank {position:absolute;top:-16px;left:50%;width:33px;height:33px;line-height:33px;text-align:center;display:block;background:#8f929a;border-radius:50%;font-size:12px;font-size:0.75rem;color:#fff;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);box-shadow:1px 1px 1px 1px #d8d8d8} .even_content .giftList .rank.on {background:#0f9ec6} .even_content .giftList .con {margin:0 5px 0;padding:18px 0 13px 0;border:1px solid #e6e6e6} .even_content .giftList .con .img {display:block;height:97px;line-height:97px} .even_content .giftList .con .img img {width:80px;vertical-align:middle} .even_content .giftList .con .img.big img {width:100px} .even_content .giftList .con .img.small img {width:45px} .even_content .giftList .con .info {display:block;font-size:13px;font-size:0.8125rem} .even_content .cardLookBg01{background:url("/conts/images/contents/bg_cardLookBg1.png") no-repeat} .even_content .cardLookBg02{background:url("/conts/images/contents/bg_cardLookBg2.png") no-repeat} .even_content .cardLookBg03{background:url("/conts/images/contents/bg_cardLookBg3.png") no-repeat} .even_content .cardLookBg04{background:url("/conts/images/contents/bg_cardLookBg4.png") no-repeat} .even_content .cardLookBg05{background:url("/conts/images/contents/bg_cardLookBg5.png") no-repeat} .even_content .cardLookBg06{background:url("/conts/images/contents/bg_cardLookBg6.png") no-repeat} .even_content .cardLookBg07{background:url("/conts/images/contents/bg_cardLookBg7.png") no-repeat} .even_content .cardLookBg08{background:url("/conts/images/contents/bg_cardLookBg8.png") no-repeat} .even_content .cardLookBg09{background:url("/conts/images/contents/bg_cardLookBg9.png") no-repeat} .even_content .cardLookBg10{background:url("/conts/images/contents/bg_cardLookBg10.png") no-repeat} .even_content .cardLookBg11{background:url("/conts/images/contents/bg_cardLookBg11.png") no-repeat} .even_content .cardLookBg12{background:url("/conts/images/contents/bg_cardLookBg12.png") no-repeat} .even_content .cardLookBg13{background:url("/conts/images/contents/bg_cardLookBg13.png") no-repeat} .even_content .cardLookBg14{background:url("/conts/images/contents/bg_cardLookBg14.png") no-repeat} .even_content .cardLookBg15{background:url("/conts/images/contents/bg_cardLookBg15.png") no-repeat} .even_content .cardLookBg16{background:url("/conts/images/contents/bg_cardLookBg16.png") no-repeat} .even_content .cardLookBg17{background:url("/conts/images/contents/bg_cardLookBg17.png") no-repeat} .even_content .cardLookBg18{background:url("/conts/images/contents/bg_cardLookBg18.png") no-repeat} .even_content .cardLookBg19{background:url("/conts/images/contents/bg_cardLookBg19.png") no-repeat} .even_content .cardLookBg20{background:url("/conts/images/contents/bg_cardLookBg20.png") no-repeat} .even_content .cardLookBg21{background:url("/conts/images/contents/bg_cardLookBg21.png") no-repeat} .even_content .cardLookBg22{background:url("/conts/images/contents/bg_cardLookBg22.png") no-repeat} .even_content .cardLookBg23{background:url("/conts/images/contents/bg_cardLookBg23.png") no-repeat} .even_content .cardLookBg24{background:url("/conts/images/contents/bg_cardLookBg24.png") no-repeat} .even_content .cardLookBg25{background:url("/conts/images/contents/bg_cardLookBg25.png") no-repeat} .even_content .cardLookBg26{background:url("/conts/images/contents/bg_cardLookBg26.png") no-repeat} .even_content .cardLookBg27{background:url("/conts/images/contents/bg_cardLookBg27.png") no-repeat} .even_content .cardLookBg28{background:url("/conts/images/contents/bg_cardLookBg28.png") no-repeat} .even_content .cardLookBg29{background:url("/conts/images/contents/bg_cardLookBg29.png") no-repeat} .even_content .cardLookBg30{background:url("/conts/images/contents/bg_cardLookBg30.png") no-repeat} .even_content .cardLookBg31{background:url("/conts/images/contents/bg_cardLookBg31.png") no-repeat} .even_content .cardLookBg32{background:url("/conts/images/contents/bg_cardLookBg32.png") no-repeat} .even_content .cardLookBg33{background:url("/conts/images/contents/bg_cardLookBg33.png") no-repeat} .even_content .cardLookBg34{background:url("/conts/images/contents/bg_cardLookBg34.png") no-repeat} .even_content .cardLookBg35{background:url("/conts/images/contents/bg_cardLookBg35.png") no-repeat} .even_content .cardLookBg36{background:url("/conts/images/contents/bg_cardLookBg36.png") no-repeat} .even_content .cardLookBg37{background:url("/conts/images/contents/bg_cardLookBg37.png") no-repeat} .even_content .cardLookBg38{background:url("/conts/images/contents/bg_cardLookBg38.png") no-repeat} .even_content .cardLookBg39{background:url("/conts/images/contents/bg_cardLookBg39.png") no-repeat} .even_content .cardLookBg40{background:url("/conts/images/contents/bg_cardLookBg40.png") no-repeat} .even_content .cardLookBg41{background:url("/conts/images/contents/bg_cardLookBg41.png") no-repeat} .even_content .cardLookBg42{background:url("/conts/images/contents/bg_cardLookBg42.png") no-repeat} .even_content .cardLookBg43{background:url("/conts/images/contents/bg_cardLookBg43.png") no-repeat} .even_content .cardLookBg44{background:url("/conts/images/contents/bg_cardLookBg44.png") no-repeat} .even_content .cardLookBg45{background:url("/conts/images/contents/bg_cardLookBg45.png") no-repeat} .even_content .cardLookBg46{background:url("/conts/images/contents/bg_cardLookBg46.png") no-repeat} .even_content .cardLookBg47{background:url("/conts/images/contents/bg_cardLookBg47.png") no-repeat} .even_content .cardLookBg48{background:url("/conts/images/contents/bg_cardLookBg48.png") no-repeat} .even_content .cardLookBg49{background:url("/conts/images/contents/bg_cardLookBg49.png") no-repeat} .even_content .cardLookBg50{background:url("/conts/images/contents/bg_cardLookBg50.png") no-repeat} .even_content .cardLookBg51{background:url("/conts/images/contents/bg_cardLookBg51.png") no-repeat} .even_content .cardLookBg52{background:url("/conts/images/contents/bg_cardLookBg52.png") no-repeat} .even_content .cardLookBg53{background:url("/conts/images/contents/bg_cardLookBg53.png") no-repeat} .even_content .cardLookBg54{background:url("/conts/images/contents/bg_cardLookBg54.png") no-repeat} .even_content .cardLookBg55{background:url("/conts/images/contents/bg_cardLookBg55.png") no-repeat} .even_content .cardLookBg56{background:url("/conts/images/contents/bg_cardLookBg56.png") no-repeat} .even_content .cardLookBg57{background:url("/conts/images/contents/bg_cardLookBg57.png") no-repeat} .even_content .cardLookBg58{background:url("/conts/images/contents/bg_cardLookBg58.png") no-repeat} .even_content .cardLookBg59{background:url("/conts/images/contents/bg_cardLookBg59.png") no-repeat} .even_content .cardLookBg60{background:url("/conts/images/contents/bg_cardLookBg60.png") no-repeat} .even_content .cardLookBg61{background:url("/conts/images/contents/bg_cardLookBg61.png") no-repeat} .even_content .cardLookBg62{background:url("/conts/images/contents/bg_cardLookBg62.png") no-repeat} .even_content .cardLookBg63{background:url("/conts/images/contents/bg_cardLookBg63.png") no-repeat} .even_content .cardLookBg64{background:url("/conts/images/contents/bg_cardLookBg64.png") no-repeat} .even_content .cardLookBg65{background:url("/conts/images/contents/bg_cardLookBg65.png") no-repeat} .even_content .cardLookBg66{background:url("/conts/images/contents/bg_cardLookBg66.png") no-repeat} .even_content .cardLookBg67{background:url("/conts/images/contents/bg_cardLookBg67.png") no-repeat} .even_content .cardLookBg68{background:url("/conts/images/contents/bg_cardLookBg68.png") no-repeat} .even_content .cardLookBg69{background:url("/conts/images/contents/bg_cardLookBg69.png") no-repeat} .even_content .cardLookBg70{background:url("/conts/images/contents/bg_cardLookBg70.png") no-repeat} .even_content .cardLookBg71{background:url("/conts/images/contents/bg_cardLookBg71.png") no-repeat} .even_content .cardLookBg72{background:url("/conts/images/contents/bg_cardLookBg72.png") no-repeat} .even_content .cardLookBg73{background:url("/conts/images/contents/bg_cardLookBg73.png") no-repeat} .even_content .cardLookBg74{background:url("/conts/images/contents/bg_cardLookBg74.png") no-repeat} .even_content .cardLookBg75{background:url("/conts/images/contents/bg_cardLookBg75.png") no-repeat} .even_content .cardLookBg76{background:url("/conts/images/contents/bg_cardLookBg76.png") no-repeat} .even_content .cardLookBg77{background:url("/conts/images/contents/bg_cardLookBg77.png") no-repeat} .even_content .cardLookBg78{background:url("/conts/images/contents/bg_cardLookBg78.png") no-repeat} .even_content .cardLookBg79{background:url("/conts/images/contents/bg_cardLookBg79.png") no-repeat} .even_content .cardLookBg80{background:url("/conts/images/contents/bg_cardLookBg80.png") no-repeat} .even_content .cardLookBg81{background:url("/conts/images/contents/bg_cardLookBg81.png") no-repeat} .even_content .cardLookBg82{background:url("/conts/images/contents/bg_cardLookBg82.png") no-repeat} .even_content .cardLookBg83{background:url("/conts/images/contents/bg_cardLookBg83.png") no-repeat} .even_content .cardLookBg84{background:url("/conts/images/contents/bg_cardLookBg84.png") no-repeat} .even_content .cardLookBg85{background:url("/conts/images/contents/bg_cardLookBg85.png") no-repeat} .even_content .cardLookBg86{background:url("/conts/images/contents/bg_cardLookBg86.png") no-repeat} .even_content .cardLookBg87{background:url("/conts/images/contents/bg_cardLookBg87.png") no-repeat} .even_content .cardLookBg88{background:url("/conts/images/contents/bg_cardLookBg88.png") no-repeat} .even_content .cardLookBg89{background:url("/conts/images/contents/bg_cardLookBg89.png") no-repeat} .even_content .cardLookBg90{background:url("/conts/images/contents/bg_cardLookBg90.png") no-repeat} .even_content .cardLookBg91{background:url("/conts/images/contents/bg_cardLookBg91.png") no-repeat} .even_content .cardLookBg92{background:url("/conts/images/contents/bg_cardLookBg92.png") no-repeat} .even_content .cardLookBg93{background:url("/conts/images/contents/bg_cardLookBg93.png") no-repeat} .even_content .cardLookBg94{background:url("/conts/images/contents/bg_cardLookBg94.png") no-repeat} .even_content .cardLookBg95{background:url("/conts/images/contents/bg_cardLookBg95.png") no-repeat} .even_content .cardLookBg96{background:url("/conts/images/contents/bg_cardLookBg96.png") no-repeat} .even_content .cardLookBg97{background:url("/conts/images/contents/bg_cardLookBg97.png") no-repeat} .even_content .cardLookBg98{background:url("/conts/images/contents/bg_cardLookBg98.png") no-repeat} .even_content .cardLookBg99{background:url("/conts/images/contents/bg_cardLookBg99.png") no-repeat} .even_content .cardLookBg100{background:url("/conts/images/contents/bg_cardLookBg100.png") no-repeat} .even_content .cardLookBg101{background:url("/conts/images/contents/bg_cardLookBg101.png") no-repeat} .even_content .cardLookBg102{background:url("/conts/images/contents/bg_cardLookBg102.png") no-repeat} .even_content .cardLookBg103{background:url("/conts/images/contents/bg_cardLookBg103.png") no-repeat} .even_content .cardLookBg104{background:url("/conts/images/contents/bg_cardLookBg104.png") no-repeat} .even_content .cardLookBg105{background:url("/conts/images/contents/bg_cardLookBg105.png") no-repeat} .even_content .cardLookBg106{background:url("/conts/images/contents/bg_cardLookBg106.png") no-repeat} .even_content .cardLookBg107{background:url("/conts/images/contents/bg_cardLookBg107.png") no-repeat} .even_content .cardLookBg108{background:url("/conts/images/contents/bg_cardLookBg108.png") no-repeat} .even_content .cardLookBg109{background:url("/conts/images/contents/bg_cardLookBg109.png") no-repeat} .even_content .cardLookBg110{background:url("/conts/images/contents/bg_cardLookBg110.png") no-repeat} .even_content .cardLookBg111{background:url("/conts/images/contents/bg_cardLookBg111.png") no-repeat} .even_content .cardLookBg112{background:url("/conts/images/contents/bg_cardLookBg112.png") no-repeat} .even_content .cardLookBg113{background:url("/conts/images/contents/bg_cardLookBg113.png") no-repeat} .even_content .cardLookBg114{background:url("/conts/images/contents/bg_cardLookBg114.png") no-repeat} .even_content .cardLookBg115{background:url("/conts/images/contents/bg_cardLookBg115.png") no-repeat} .even_content .cardLookBg116{background:url("/conts/images/contents/bg_cardLookBg116.png") no-repeat} .even_content .cardLookBg117{background:url("/conts/images/contents/bg_cardLookBg117.png") no-repeat} .even_content .cardLookBg118{background:url("/conts/images/contents/bg_cardLookBg118.png") no-repeat} .even_content .cardLookBg119{background:url("/conts/images/contents/bg_cardLookBg119.png") no-repeat} .even_content .cardLookBg120{background:url("/conts/images/contents/bg_cardLookBg120.png") no-repeat} .even_content .cardLookBg121{background:url("/conts/images/contents/bg_cardLookBg121.png") no-repeat} .even_content .cardLookBg122{background:url("/conts/images/contents/bg_cardLookBg122.png") no-repeat} .even_content .cardLookBg123{background:url("/conts/images/contents/bg_cardLookBg123.png") no-repeat} .even_content .cardLookBg124{background:url("/conts/images/contents/bg_cardLookBg124.png") no-repeat} .even_content .cardLookBg125{background:url("/conts/images/contents/bg_cardLookBg125.png") no-repeat} .even_content .cardLookBg126{background:url("/conts/images/contents/bg_cardLookBg126.png") no-repeat} .even_content .cardLookBg127{background:url("/conts/images/contents/bg_cardLookBg127.png") no-repeat} .even_content .cardLookBg128{background:url("/conts/images/contents/bg_cardLookBg128.png") no-repeat} .even_content .cardLookBg129{background:url("/conts/images/contents/bg_cardLookBg129.png") no-repeat} .even_content .cardLookBg130{background:url("/conts/images/contents/bg_cardLookBg130.png") no-repeat} .even_content .cardLookBg131{background:url("/conts/images/contents/bg_cardLookBg131.png") no-repeat} .even_content .cardLookBg132{background:url("/conts/images/contents/bg_cardLookBg132.png") no-repeat} .even_content .cardLookBg133{background:url("/conts/images/contents/bg_cardLookBg133.png") no-repeat} .even_content .cardLookBg134{background:url("/conts/images/contents/bg_cardLookBg134.png") no-repeat} .even_content .cardLookBg135{background:url("/conts/images/contents/bg_cardLookBg135.png") no-repeat} .even_content .cardLookBg136{background:url("/conts/images/contents/bg_cardLookBg136.png") no-repeat} .even_content .cardLookBg137{background:url("/conts/images/contents/bg_cardLookBg137.png") no-repeat} .even_content .cardLookBg138{background:url("/conts/images/contents/bg_cardLookBg138.png") no-repeat} .even_content .cardLookBg139{background:url("/conts/images/contents/bg_cardLookBg139.png") no-repeat} .even_content .cardLookBg140{background:url("/conts/images/contents/bg_cardLookBg140.png") no-repeat} .even_content .cardLookBg141{background:url("/conts/images/contents/bg_cardLookBg141.png") no-repeat} .even_content .cardLookBg142{background:url("/conts/images/contents/bg_cardLookBg142.png") no-repeat} .even_content .cardLookBg143{background:url("/conts/images/contents/bg_cardLookBg143.png") no-repeat} .even_content .cardLookBg144{background:url("/conts/images/contents/bg_cardLookBg144.png") no-repeat} .even_content .cardLookBg145{background:url("/conts/images/contents/bg_cardLookBg145.png") no-repeat} .even_content .cardLookBg146{background:url("/conts/images/contents/bg_cardLookBg146.png") no-repeat} .even_content .cardLookBg147{background:url("/conts/images/contents/bg_cardLookBg147.png") no-repeat} .even_content .cardLookBg148{background:url("/conts/images/contents/bg_cardLookBg148.png") no-repeat} .even_content .cardLookBg149{background:url("/conts/images/contents/bg_cardLookBg149.png") no-repeat} .even_content .cardLookBg150{background:url("/conts/images/contents/bg_cardLookBg150.png") no-repeat} .even_content .cardLookBg151{background:url("/conts/images/contents/bg_cardLookBg151.png") no-repeat} .even_content .cardLookBg152{background:url("/conts/images/contents/bg_cardLookBg152.png") no-repeat} .even_content .cardLookBg153{background:url("/conts/images/contents/bg_cardLookBg153.png") no-repeat} .even_content .cardLookBg154{background:url("/conts/images/contents/bg_cardLookBg154.png") no-repeat} .even_content .cardLookBg155{background:url("/conts/images/contents/bg_cardLookBg155.png") no-repeat} .even_content .cardLookBg156{background:url("/conts/images/contents/bg_cardLookBg156.png") no-repeat} .even_content .cardLookBg157{background:url("/conts/images/contents/bg_cardLookBg157.png") no-repeat} .even_content .cardLookBg158{background:url("/conts/images/contents/bg_cardLookBg158.png") no-repeat} .even_content .cardLookBg159{background:url("/conts/images/contents/bg_cardLookBg159.png") no-repeat} .even_content .cardLookBg160{background:url("/conts/images/contents/bg_cardLookBg160.png") no-repeat} .even_content .cardLookBg161{background:url("/conts/images/contents/bg_cardLookBg161.png") no-repeat} .even_content .cardLookBg162{background:url("/conts/images/contents/bg_cardLookBg162.png") no-repeat} .even_content .cardLookBg163{background:url("/conts/images/contents/bg_cardLookBg163.png") no-repeat} .even_content .cardLookBg164{background:url("/conts/images/contents/bg_cardLookBg164.png") no-repeat} .even_content .cardLookBg165{background:url("/conts/images/contents/bg_cardLookBg165.png") no-repeat} .even_content .cardLookBg166{background:url("/conts/images/contents/bg_cardLookBg166.png") no-repeat} .even_content .cardLookBg167{background:url("/conts/images/contents/bg_cardLookBg167.png") no-repeat} .even_content .cardLookBg168{background:url("/conts/images/contents/bg_cardLookBg168.png") no-repeat} .even_content .cardLookBg169{background:url("/conts/images/contents/bg_cardLookBg169.png") no-repeat} .even_content .cardLookBg170{background:url("/conts/images/contents/bg_cardLookBg170.png") no-repeat} .even_content .cardLookBg171{background:url("/conts/images/contents/bg_cardLookBg171.png") no-repeat} .even_content .cardLookBg172{background:url("/conts/images/contents/bg_cardLookBg172.png") no-repeat} .even_content .cardLookBg173{background:url("/conts/images/contents/bg_cardLookBg173.png") no-repeat} .even_content .cardLookBg174{background:url("/conts/images/contents/bg_cardLookBg174.png") no-repeat} .even_content .cardLookBg175{background:url("/conts/images/contents/bg_cardLookBg175.png") no-repeat} .even_content .cardLookBg176{background:url("/conts/images/contents/bg_cardLookBg176.png") no-repeat} .even_content .cardLookBg177{background:url("/conts/images/contents/bg_cardLookBg177.png") no-repeat} .even_content .cardLookBg178{background:url("/conts/images/contents/bg_cardLookBg178.png") no-repeat} .even_content .cardLookBg179{background:url("/conts/images/contents/bg_cardLookBg179.png") no-repeat} .even_content .cardLookBg180{background:url("/conts/images/contents/bg_cardLookBg180.png") no-repeat} .even_content .cardLookBg181{background:url("/conts/images/contents/bg_cardLookBg181.png") no-repeat} .even_content .cardLookBg182{background:url("/conts/images/contents/bg_cardLookBg182.png") no-repeat} .even_content .cardLookBg183{background:url("/conts/images/contents/bg_cardLookBg183.png") no-repeat} .even_content .cardLookBg184{background:url("/conts/images/contents/bg_cardLookBg184.png") no-repeat} .even_content .cardLookBg185{background:url("/conts/images/contents/bg_cardLookBg185.png") no-repeat} .even_content .cardLookBg186{background:url("/conts/images/contents/bg_cardLookBg186.png") no-repeat} .even_content .cardLookBg187{background:url("/conts/images/contents/bg_cardLookBg187.png") no-repeat} .even_content .cardLookBg188{background:url("/conts/images/contents/bg_cardLookBg188.png") no-repeat} .even_content .cardLookBg189{background:url("/conts/images/contents/bg_cardLookBg189.png") no-repeat} .even_content .cardLookBg190{background:url("/conts/images/contents/bg_cardLookBg190.png") no-repeat} .even_content .cardLookBg191{background:url("/conts/images/contents/bg_cardLookBg191.png") no-repeat} .even_content .cardLookBg192{background:url("/conts/images/contents/bg_cardLookBg192.png") no-repeat} .even_content .cardLookBg193{background:url("/conts/images/contents/bg_cardLookBg193.png") no-repeat} .even_content .cardLookBg194{background:url("/conts/images/contents/bg_cardLookBg194.png") no-repeat} .even_content .cardLookBg195{background:url("/conts/images/contents/bg_cardLookBg195.png") no-repeat} .even_content .cardLookBg196{background:url("/conts/images/contents/bg_cardLookBg196.png") no-repeat} .even_content .cardLookBg197{background:url("/conts/images/contents/bg_cardLookBg197.png") no-repeat} .even_content .cardLookBg198{background:url("/conts/images/contents/bg_cardLookBg198.png") no-repeat} .even_content .cardLookBg199{background:url("/conts/images/contents/bg_cardLookBg199.png") no-repeat} .even_content .cardLookBg200{background:url("/conts/images/contents/bg_cardLookBg200.png") no-repeat} .even_content .cardLookBg201{background:url("/conts/images/contents/bg_cardLookBg201.png") no-repeat} .even_content .cardLookBg202{background:url("/conts/images/contents/bg_cardLookBg202.png") no-repeat} .even_content .cardLookBg203{background:url("/conts/images/contents/bg_cardLookBg203.png") no-repeat} .even_content .cardLookBg204{background:url("/conts/images/contents/bg_cardLookBg204.png") no-repeat} .even_content .cardLookBg205{background:url("/conts/images/contents/bg_cardLookBg205.png") no-repeat} .even_content .cardLookBg206{background:url("/conts/images/contents/bg_cardLookBg206.png") no-repeat} .even_content .cardLookBg207{background:url("/conts/images/contents/bg_cardLookBg207.png") no-repeat} .even_content .cardLookBg208{background:url("/conts/images/contents/bg_cardLookBg208.png") no-repeat} .even_content .cardLookBg209{background:url("/conts/images/contents/bg_cardLookBg209.png") no-repeat} @media only screen and (max-width:1100px) { .evt_detail .mg_top0_10{margin-top:10px !important} .evt_detail .evtcard_list li{flex-basis:100%; margin:1.5% 0} .evt_detail .coupon_area .cp_wrap > li {margin:0 auto} .evt_detail .coupon_area .cp_wrap > li:last-child {margin:10px auto !important} .evt_detail .coupon_area.tp1 .cp_wrap > li {width:70%} .evt_detail .coupon_area.tp2 .cp_wrap > li {width:70%} .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2){margin-top:10px} .evt_detail .coupon_area.tp2 .cp_wrap > li:nth-child(2n){margin:10px auto 0 !important} .evt_detail .coupon_area.tp3 .cp_wrap > li {width:70%} .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(1), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(2), .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3){margin-top:10px} .evt_detail .coupon_area.tp3 .cp_wrap > li:nth-child(3n){margin:10px auto 0 !important} .evt_detail .coupon_area.tp4 .cp_wrap > li {width:70%} .evt_detail .coupon_area.tp5 .cp_wrap > li {width:70%} .evt_detail .coupon_area .cp_wrap{flex-flow:column} .evt_detail .coupon_area .cp_wrap > li{margin-top:10px} .evt_detail .coupon_area .cp_wrap > li:first-child{margin-top:0px} .evt_detail .even_content .sty_goods01 li {width:100%} .evt_detail .even_content .sty_goods01 li:nth-child(odd) {margin-right:0} .evt_detail .even_content .sty_goods01 li:nth-child(even) {margin-left:0} .lift_fare_banner {height:110px; padding:0 !important} .lift_fare_banner .banner_txt {padding:21px; font-size:16px; color:#333} .lift_fare_banner .banner_txt strong {font-weight:900} .lift_fare_banner .banner_img {height:70%; right:10px; top:20px} #evCashBack .evt_terms ul li {flex:0 0 100%} .evt_detail .card_info > ul > li {width:100%; margin:2% 0; padding:15px 4%; background-color:#f7f7f7; box-sizing:border-box} } @media only screen and (max-width:1100px){ .text_basic.type02 {font-size:1.6rem} .list_type02 .list_headnote .count {font-size:1.2rem} .list_type02 .list li {height:95px} .list_type02 .list li .text_wrap {width:70%;line-height:95px} .list_type02 .list li .btn_wrap {width:30%;line-height:95px} .list_type02 .list li .title {margin-bottom:5px;font-size:1.6rem} .list_type02 .list li .info .date {font-size:1.2rem} .list_type02 .list li .no_data {padding-top:140px; padding-bottom:36px; background-position-y:40px; font-size:24px} .list_loading {height:50px} .list_loading:after {width:17.3px;height:17.3px;margin:-8.6px;background:url(/pconts/images/icon/ico_list_loading_m.png) no-repeat;background-size:100%} .list_cardType li, .list_cardType.icon li, .list_cardType.mid_line li {padding:10px; flex:inherit; width:100%} .list_cardType li .item .tit, .list_cardType.icon .item .tit {font-size:15px} .list_cardType li .item .txt {width:85%; font-size:13px; margin-top:5px} .list_cardType.welfare li .item {min-height:auto} .familyMall .mall_list li {width:50%} .btn_wrap.btn_link {margin-top:13px} .btn_details {font-size:1.3rem} .modal_area.width980 {width:100%} .modal_area .modal_cont.scroll {overflow-y:auto;max-height:100%} .notice_wrap {padding:15px 0} .btn_wrap + .accordion_wrap {margin:40px 0 0} .card_no_result {padding:145px 0 0; background-size:120px auto} .card_no_result p {font-size:2.4rem} .request_precess_item + .request_precess_item {margin-top:32px} .request_precess_cont {width:100%; padding-right:0} .request_precess_cont + .request_precess_cont {margin-top:28px} .request_precess_cont .para_type01 {font-size:2.4rem; line-height:3.2rem} .request_precess_cont .input_item .input_title.job {position:static} .request_precess_cont .input_item .input_wrap.job {position:static; width:auto} .pop_find_place .table_wrap .col2 {width:95px} .pop_find_place .table_wrap .btn.default {height:30px; font-size:13px; line-height:28px} .pop_find_place .find_place {display:block} .pop_find_place .find_place .name {font-size:16px} .pop_find_place .find_place .addr {margin:5px 0 0} .pop_find_place .no_result p {font-size:2.4rem} .reissue .table_type07 tbody tr td strong {padding-left:0} .reissue .card_reissue_result {margin-bottom:30px} .card_lost .card_inquiry_list .state_area .state_list dd {width:auto} .check_wrap.type_list .check_wrap.all .check_type1 {margin-top:15px} .check_wrap.type_list .check_wrap .check_type1 {margin-top:0} .bodybox .list_text + .reissue_box {margin-top:18px} .bodybox .list_text li strong.date {width:100%} .bodybox .list_text li strong.date em {display:block;margin-top:8px} .bodybox .reissue_box {display:block} .bodybox .reissue_box.radio_group {height:auto} .bodybox .reissue_box.radio_group .ico_re {padding-top:0;padding-bottom:0} .bodybox .reissue_box.radio_group .radio_wrap {margin-top:15px} .bodybox .reissue_box.radio_group .reissue_con {display:block} .bodybox .reissue_box .reissue_con {display:inline-block} .accordion_wrap.notice .accordion_body {padding:20px 0} .accordion_wrap.notice .accordion_header button.acc_btn {padding:15px 0;font-size:1.6rem} .accordion_wrap.notice .accordion_header button.acc_btn:after {top:22px;left:auto;right:10px} .accordion_wrap.notice .accordion_body ul li {word-break:break-all} .btn_wrap.btn_foot {margin:30px 0 38px} .btn_wrap.btn_foot.m_fixed {margin:0} .cvcimg_area img {height:109px} #pwPopup .pwpop_tit {margin-bottom:10px} .other_card {padding:30px 0} .other_card .accordion_wrap.accordion_check {margin-top:15px} .other_card .accordion_wrap.accordion_check .accordion_body {padding:22px 26px 19px} .other_card .marker_dot4 > li {font-size:1.3rem} .other_card .check_wrap .check_type2 input[type="checkbox"] + span {padding:0 5px} .other_card.pop_cont > p {margin-bottom:18px;font-size:1.6rem} .list_type04 .accordion_header {height:110px;padding:20px 31px 20px 0} .list_type04 .accordion_header .arrow_updn {width:30px;height:110px;margin-top:-55px} .card_select_wrap .btn_wrap {margin-top:20px} .customer_center .h_wrap.gap30 {margin-top:40px} .customer_center .h_wrap + .marker_dot2 + .btn_wrap {text-align:center} .customer_center .marker_dot + .marker_refer {margin-top:20px} .card_select_item .card_select_head .card_name {display:block; margin:0 0 px} .card_select_item .card_select_head .card_nums {display:block} .investigate_order ol {-ms-flex-wrap:wrap; flex-wrap:wrap} .investigate_order ol li {width:100%; padding-top:0; padding-bottom:0} .investigate_order ol li:after {top:auto; right:0; bottom:-12px;transform:rotate(0)} .investigate_order ol li .item {display:table; width:100%; height:98px; padding-top:0; padding-left:95px; text-align:left} .investigate_order ol li .item .txt {display:table-cell; vertical-align:middle} .investigate_order ol li .item:after {width:auto; height:1px; left:0; right:46px} .investigate_order ol li.order1 .item {background-position:32PX 50%; background-size:28px auto} .investigate_order ol li.order2 .item {background-position:25px 50%; background-size:41px auto} .investigate_order ol li.order3 .item {background-position:27px 50%; background-size:38px auto} .investigate_order ol li.order4 .item {background-position:33px 50%; background-size:28px auto} .investigate_order ol li.order5 .item {background-position:32PX 50%; background-size:28px auto} .investigate_order + .accordion_wrap {margin-top:40px} .check_wrap.type_list .check_wrap .usage_list li .usage_item .price_info .vm {margin-top:0} .check_wrap.type_list .check_wrap .usage_list li .usage_item dl dt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:180px} .customer_center .accordion_wrap .both_gap {padding-right:0; padding-left:0} .customer_center .contents_body {margin-bottom:40px} .customer_center .request_result {font-size:2.4rem} .customer_center .see_more_wrap {margin-top:20px} .check_wrap.type_list .accordion_wrap.accordion_check.type02 .accordion_header .check_item {padding-top:25px; padding-right:40px; padding-bottom:25px} .customer_center .request_card_check .table_type07 tbody td {padding-left:0} .customer_center .gap_top01 {margin-top:30px} .customer_center .table_wrap.first {margin-top:30px} .customer_center .table_wrap + .table_wrap {margin-top:40px} .customer_center .table_wrap .sub_title5 {margin-bottom:20px} .terms_item_box {padding-right:25px; padding-left:25px} .terms_item_box .terms_para {margin-top:10px; margin-bottom:10px; font-size:1.2rem} .terms_item_box .terms_goto_detail {font-size:1.2rem} .text_top{margin-bottom:37px} .text_top .txt{margin-bottom:36px;font-size:2.4rem;line-height:1.44} .step_reward.step > li .icon_box {border-top:0; background-position-x:0} .icon_list.step.step.step_reward > li {margin-bottom:50px} .icon_list.step.step.step_reward > li::after {bottom:-25px; left:18px} .icon_list.step.step.step_reward > li .icon_box {padding-left:76px} .accordion_wrap.type02.use_select_list .accordion_header .cell1{padding-right:35px} .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label span:before{top:50%;margin-top:-13px} .accordion_wrap.type02 .accordion_header .cell1 .check_wrap .check_default input[type="checkbox"] + span:after {top:50%; margin-top:-5px} .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .info{display:block;padding-top:25px;font-size:13px} .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .info .title_area{position:absolute;top:0;display:block;padding-left:0;width:calc(100% - 145px)} .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .info .title_area strong{display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:1.6rem} .accordion_wrap.type02 .accordion_header .cell1 .check_wrap label .price {top:20px} .comp_list_type01 ul li strong{width:62px} .comp_list_type01 ul li .cont{width:calc(100% - 75px);word-break:break-word} .comp_list_type01 ul li .cont span{word-break:break-word} .comp_list_type01 ul li .cont span+span{margin-left:5px} .card_use_guide .table_wrap + [class^="marker_"] {margin-top:15px} .card_use_guide .box_con {margin:0 0 40px} .customerCenter.notice .info_txt1 {font-size:1.8rem} .customerCenter.notice .btn_download02 {position:absolute;top:30px;right:0} .customerCenter.notice .info_con {padding:25px 0;border-top:1px solid #bbb;border-bottom:1px solid #eee;font-size:15px;color:#111} .customerCenter.notice .n_txts01 {margin-bottom:20px} .customerCenter.notice .news-Description-List dl dt {padding:10px 0;font-weight:700;font-size:16px;color:#111} } @media screen and (max-width:1100px) { .cs_use_guide .accordion_body .inner {padding-top:18px; padding-bottom:18px} .cs_use_guide .accordion_body .text_group + .text_group {margin-top:32px} .cs_use_guide .accordion_body .table_wrap tbody th { text-align:left} .cs_use_guide .btn_wrap {padding-left:0} .card_view_guide .card_view_img {margin-left:0; margin-bottom:30px} .card_view_guide .card_view_img .cell {width:100%} .card_view_guide .card_view_img .cell img {width:auto; } .card_view_guide .card_view_img .cell.back {margin-top:20px; margin-left:0} .marker_number2 > li .number {top:2px; width:16px; height:16px; line-height:16px} .report_box {-ms-flex-wrap:wrap; flex-wrap:wrap} .report_box .report_item {width:100%} .report_box .report_item .img {text-align:center} .report_box .report_item .img .pc {display:none} .report_box .report_item .img .m {display:inline-block; width:100%; max-width:640px} .report_box .report_item + .report_item {margin-top:25px} .marker_number2 > li .s_tit {font-size:1.5rem} .report_box .marker_number2 > li .number {top:2px} .report_box .marker_number2 > li + li {margin-top:25px} .img_rf img{width:100%} .consult_bridge {width:auto} .consult_bridge:after {width:100%; height:1px; top:50%; left:0; bottom:auto; background-color:#ddd} .consult_bridge_area {width:100%; padding-top:75px; padding-bottom:45px; background-position-y:30px} .consult_bridge_title {margin:0 0 16px; font-weight:700; font-size:24px; color:#333} .consult_bridge_para {margin:0 0 36px; font-weight:400; font-size:16px; color:#111} .para_introduce {font-size:2.4rem; line-height:3rem} .para_introduce.top {margin-bottom:26px} .para_introduce .sub_para.type02 {font-size:1.6rem} .consult_history_head .title {margin-bottom:15px; font-size:1.6rem} .consult_history_head .goto_list:after {width:8px; height:8px; margin:-4px -8px; border-top-width:1px; border-right-width:1px} .consult_history_head .title .link {padding-right:14px} .consult_history_head .title .link:after {content:''; display:block; position:absolute; top:calc(50% - 5px); right:0; width:8px; height:8px; margin:0; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(45deg)} .consult_history_body {padding:27px 20px} .consult_history_body .cell1 {padding-right:0; padding-left:0} .consult_history_body .cell2 {top:auto; bottom:27px; left:20px; transform:translateY(0)} .consult_history_body .cell3 {top:auto; right:20px; bottom:27px; transform:translateY(0)} .consult_history_body .consult_title {padding-bottom:33px; font-size:1.6rem} .consult_history_body .consult_date {font-size:1.3rem} .consult_history_body .consult_no_date {font-size:1.5rem} [data-type="list"] .consult_history_body {padding:20px} [data-type="list"] .consult_history_body .cell1 {padding-right:0; padding-left:0} [data-type="list"] .consult_history_body .cell2 {top:auto; bottom:27px; left:20px; transform:translateY(0)} [data-type="list"] .consult_history_body .cell3 {top:auto; right:20px; bottom:27px; transform:translateY(0)} [data-type="list"] .consult_history_body .order_number {margin-bottom:2px; font-size:1.3rem} [data-type="list"] .consult_history_body .consult_title {padding-bottom:33px; font-size:1.6rem} [data-type="list"] .consult_history_body .consult_date {font-size:1.3rem} [data-type="list"] .consult_history_body .consult_state {font-size:1.3rem} [data-type="list"] .consult_history_body .consult_no_date {font-size:1.3rem} [data-type="list"] .consult_history_body.type02 {padding:20px 0;overflow:hidden} [data-type="list"] .consult_history_body.type02 .cell1 {display:block;padding-right:0} [data-type="list"] .consult_history_body.type02 .order_number {margin-bottom:8px} [data-type="list"] .consult_history_body.type02 .consult_title {display:-webkit-box;width:100%;height:3em;margin:0;padding:0;line-height:1.5em;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word} [data-type="list"] .consult_history_body.type02 .cell2 {float:left;display:inline-block;position:static;margin-top:10px} [data-type="list"] .consult_history_body.type02 .cell3 {float:right;display:inline-block;position:static;margin-top:10px} [data-type="list"] .consult_history_body.type02 .consult_state {font-size:1.5rem} .list_view .consult_answer {margin-top:25px} .consult_answer {padding-right:18px; padding-left:18px} .consult_answer .consult_answer_head {padding:16px 0} .consult_answer .consult_answer_image {width:40px; height:40px} .consult_answer .consult_answer_title {font-size:1.5rem} .consult_answer .consult_answer_date {font-size:1.3rem} .consult_answer .consult_answer_body {padding-top:20px; padding-bottom:20px} .keyword_mid_select .select_wrap {width:100%} .keyword_category_inner {height:140px} .keyword_category_box.is_opened .keyword_category_inner {height: auto} .keyword_category.col6_3 li {width:33.33%} .keyword_category_toggle {margin-top:15px;padding-bottom:0} .faq_answer p {font-size:1.5rem} .faq_answer .number_list li .tit {font-size:1.6rem} .faq_answer .number_list li {font-size:1.5rem} .keyword_category li .keyword {height:66px} .accordion_wrap.faq .accordion_body .inner .answer {top:20px;left:10px;width:12px;height:14px} .pannel_accept {margin-top:20px} .pannel_accept .icon_list.step .icon_box {height:50px; padding-left:76px} .pannel_accept .icon_list.step li .step1 {background-position:0 50%; background-size:50px} .pannel_accept .icon_list.step li .step2 {background-position:0 50%; background-size:50px} .pannel_accept .icon_list.step li .step3 {background-position:0 50%; background-size:50px} .pannel_accept .icon_list.step li .step4 {background-position:0 50%; background-size:50px} .pannel_accept .icon_list.step > li:after {bottom:-25px; left:18px} .online_customer .map_area {width:100%;height:182px} .online_customer .order_item {height:74px} .online_customer .order_item .info_num {width:20px} .online_customer .order_item .check_default {width:100%} .online_customer .order_item .check_default input[type="checkbox"] + span.label_txt {padding-left:35px} .online_customer .order_item .btn_wrap {width:50px;text-align:right} .online_customer .order_item .btn_wrap .btn_table {width:19px;height:19px;padding:0 !important} .online_customer .order_item .btn_wrap .btn_table.arrow_up {margin-right:5px} .online_customer .order_item .btn_wrap .btn_table.arrow_up::after {top:7px;left:5px;width:9px;height:9px} .online_customer .order_item .btn_wrap .btn_table.arrow_down::after {top:3px;left:5px;width:9px;height:9px} .online_customer .btn_list {margin-right:-14px} .online_customer .btn_list > li {margin:0 14px 14px 0} .online_customer .btn_list.col02 > li {float:none;width:calc(100% - 14px)} .online_customer .btn_list .box_link {padding:20px 30px 18px 20px} .online_customer .btn_list .box_link::after {right:19px} .online_customer .error_type .radio_btn > span {min-height:66px} .online_customer .error_type .radio_btn input[type="radio"] + span em {display:-webkit-flex; display:-ms-flexbox; display:flex} .online_customer .indent {text-indent:16px} .online_customer .indent .tbm {text-indent:34px} .online_customer .dial_number span {width:20px;height:20px;line-height:21px} .online_customer .dial_number em {width:20px;height:20px} .customer_acc_txt {padding:20px 10px} .customer_acc_txt dt {float:none;width:100%;margin-bottom:10px} .customer_acc_txt dd {float:none;width:100%} .customer_acc_txt .marker_hyphen, .customer_acc_txt dd > p {padding-left:10px} .form_type.only_right {float:none;width:100%;padding:0} .form_type.only_right .form_ele {padding-left:0} .form_type.only_right .form_ele .ele_tit {width:100%;padding-left:0} .noti_pop .radio_wrap.type_btn .flex_row {width:100%} .noti_pop .radio_wrap.type_btn .radio_btn input[type="radio"], .noti_pop .radio_wrap.type_btn .radio_btn input[type="radio"] + span {width:auto} .radio_wrap.type_grid .ico.icon66 {background:#fff url(/pconts/images/icon/ico_icon66.png) no-repeat center bottom;background-size:100%} .radio_wrap.type_grid .ico.icon67 {background:#fff url(/pconts/images/icon/ico_icon67.png) no-repeat center bottom;background-size:100%} .radio_wrap.type_grid .ico.icon68 {background:#fff url(/pconts/images/icon/ico_icon68.png) no-repeat center bottom;background-size:100%} .radio_wrap.type_grid .ico.icon69 {background:#fff url(/pconts/images/icon/ico_icon69.png) no-repeat center bottom;background-size:auto 100%} .individual_info .termsConts h3, .individual_info h4.cont_tit1, .individual_info .terms-tit {margin-bottom:14px;font-size:1.8rem} .individual_info .termsConts h3, .individual_info .terms-tit {margin-top:30px} .accordion_wrap.type04 li .radio_wrap label{display:block;width:100%;padding:24px 28px 20px} .radio_wrap label .card_name{display:block;margin:3px 0 0 35px;word-break:keep-all} .complete_list {margin-top:40px} .complete_list li .tit{width:100px;vertical-align:top} .complete_list li strong .card_num{display:block;padding-right:0}   .card_lost .df_list_wrap .df_list .item.tit {width:40%} .card_lost .df_list_wrap .df_list .item.con {width:60%} .col_type01 {width:103px} .col_type02 {width:106px} .customer_protect_img_area .pc {display:none} .customer_protect_img_area .m {display:block} .customer_protect_img_area img {width:100%; max-width:640px} .minwon_regist ul li {height:76px; padding-left:92px} .minwon_regist ul li + li {margin-top:26px} .minwon_regist ul li .minwon_title {font-size:1.6rem} .minwon_regist ul li.regist01 {background-size:70px auto} .minwon_regist ul li.regist02 {background-size:70px auto} .minwon_regist ul li.regist03 {background-size:70px auto} .finance_customer_top {margin-bottom:30px} .finance_customer_top .right_area {width:100%} .finance_customer_top .select_area label {width:100%} .finance_customer_top .select_area .select_wrap {width:100%; padding-right:0} .finance_customer_top .select_area + .marker_refer {width:100%; margin-top:12px} .voteresult_pop .list_group .list01 .cell1 {width:55%} .voteresult_pop .list_group .list01 .cell2 {width:45%} .voteresult_pop .vote_num::before {margin:0 10px -3px 0;background:url(/pconts/images/icon/ico_user_m.png) no-repeat;background-size:100%} .voteresult_pop.type02 .usage_transport{display:block;overflow:hidden} .voteresult_pop.type02 .item:last-child .usage_transport {padding-top:8px} .voteresult_pop.type02 .list_group .list01 .cell1 {width:100%} .voteresult_pop.type02 .list_group .list01 .cell2 {float:right;width:30%;padding-top:8px}  .finance_consumer .btn_wrap.col02 .btn.default {float:left;width:calc(50% - 4px);min-width:auto} .finance_consumer .btn_wrap.col02 .btn.default:nth-child(2n) {margin-left:8px} .finance_consumer .btn_wrap.col02 .btn.default:nth-child(3) {margin-top:8px} .finance_consumer .accordion_wrap.type02.use_select_list .accordion_header .cell1 .check_wrap label .info .title_area {width:100%} .finance_consumer .manage_gp {height:190px;background:url(/pconts/images/contents/customer/bg_cporganization_m.png) no-repeat;background-size:100%} .total_service .cal_box {padding:0} .total_service .cal_box li {width:33.3%;padding-right:10px;padding-left:10px} .total_service .cal_box li.total, .total_service .cal_box li.plus{padding-right:13px;padding-left:13px} .total_service .cal_box li.total::after {right:0;width:13px;height:8px;margin-top:-4px} .total_service .cal_box li.plus::before {right:6.3px;width:1px;height:13px;margin-top:-6.3px} .total_service .cal_box li.plus::after {right:0;width:13px;height:1px} .total_service .img_box {display:block} .total_service .img_box > li {float:none;padding:0} .total_service .img_box > li + li {margin-top:30px} .total_service .ic_card.img_box > li .img_area {width:165px;height:105px;margin:0 auto 10px} .total_service .ic_card.img_box > li .img_area.img01 {background:url(/pconts/images/contents/customer/ic_card_img01_m.png) no-repeat center;background-size:100%} .total_service .ic_card.img_box > li .img_area.img02 {background:url(/pconts/images/contents/customer/ic_card_img02_m.png) no-repeat center;background-size:100%} .total_service .sticker.img_box {display:inline-block} .total_service .sticker.img_box > li {float:left;height:137px} .total_service .sticker.img_box > li + li {margin-top:0;margin-left:40px} .total_service .sticker.img_box > li .img_area {margin-bottom:10px} .total_service .sticker.img_box > li .img_area.img01 {width:105px;height:105px;background:url(/pconts/images/contents/customer/sticker_img01_m.png) no-repeat center;background-size:100%} .total_service .sticker.img_box > li .img_area.img02 {width:68px;height:69px;margin-top:36px;background:url(/pconts/images/contents/customer/sticker_img02_m.png) no-repeat center;background-size:100%} .total_service .brand {width:86px;height:40px;margin:0 auto} .total_service .brand.master {width:53px;background:url(/pconts/images/contents/customer/brand_master_m.png) no-repeat top center;background-size:100%} .total_service .brand.visa {width:62px;background:url(/pconts/images/contents/customer/brand_visa_m.png) no-repeat top center;background-size:100%} .total_service .brand.jcb {width:49px;background:url(/pconts/images/contents/customer/brand_jcb_m.png) no-repeat top center;background-size:100%} .total_service .brand.union {width:59px;background:url(/pconts/images/contents/customer/brand_union_m.png) no-repeat top center;background-size:100%} .total_service .brand_img_box {width:100%;height:auto} .total_service .brand_img_box > li {width:33.3%;padding:0} .total_service .brand_img_box > li .img_area {width:100%;height:40px} .total_service .brand_img_box > li .img_area.img01 {width:62px;margin:0 auto 10px;background:url(/pconts/images/contents/customer/brand_visa_m.png) no-repeat center bottom;background-size:100%} .total_service .brand_img_box > li .img_area.img02 {width:54px;margin:0 auto 10px;background:url(/pconts/images/contents/customer/brand_master_m.png) no-repeat center bottom;background-size:100%} .total_service .brand_img_box > li .img_area.img03 {width:59px;margin:0 auto 10px;background:url(/pconts/images/contents/customer/brand_union_m.png) no-repeat center bottom;background-size:100%} .total_service .tax_free_img {width:300px;height:66px;margin:0 auto;background:url(/pconts/images/contents/customer/taxfree_img_m.png) no-repeat center;background-size:100%} .ars_list {-ms-flex-wrap:wrap; flex-wrap:wrap} .ars_list > li {flex-basis:auto; width:50%} .ars_list > li .ars_item {background-position:50% 20px; background-size:50px auto} .table_col_type1 .col1 {width:105px} .table_col_type2 .col1 {width:105px} .mobile_card .icon_list {padding:10px 0 0 0} .mobile_card .icon_list.step.col04 > li, .mobile_card .icon_list.step.col03 > li {width:100%} .mobile_card .icon_list.step > li .icon_box {padding:0 0 0 80px;background-position:0 center} .mobile_card .icon_list.step.col03 > li, .mobile_card .icon_list.step.col04 > li, .mobile_card .icon_list.step.col05 > li {margin-bottom:0} .mobile_card .icon_list.step.col03 > li + li, .mobile_card .icon_list.step.col04 > li + li, .mobile_card .icon_list.step.col05 > li + li {margin:50px 0 0 0} .mobile_card .icon_list.step > li::after {left:18px} .mobile_card .icon_list.step > li .icon_box .icon_name {font-weight:400} .mobile_card .icon_list.step > li::after {top:auto} .mobile_card .step_box_wrap .img {width:221px;height:436px} .news_details .n_tits01 {padding:12px 0 5px} .news_details .tblNfud th, .news_details .tblNfud td {padding:15px 10px} .news_details .mgbS {margin-bottom:30px} .news_details .n_tblc01 + .n_tits01 {margin-top:30px} .talk_consult_list {-ms-flex-wrap:wrap; flex-wrap:wrap} .talk_consult_list li {flex-basis:auto; width:33.33%} .icon_list.step.card_issue {padding-left:0} .icon_list.step.card_issue > li:after {bottom:-15px; left:20px} .icon_list.step.card_issue > li .icon_box {padding-left:76px; background-position-x:0} .feature .feat_sect {padding:18px} .feature .feat_sect .feat_tit {font-size:1.5rem} .feature .feat_sect .img_area {-ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:25px} .feature .feat_sect .img_area .img + .img {margin-top:26px; margin-left:0} .feature .feat_sect .img_area .img_desc {margin-top:17px; font-size:1.5rem} .feature .feat_sect .img_area .img_group {text-align:center} .feature .feat_sect .img_area .img_group img + img {margin-left:0;margin-top:30px} .app_download {-ms-flex-wrap:wrap; flex-wrap:wrap} .app_download .pod {width:100%; padding-right:15px; padding-left:15px} .app_download .pod.and {margin-bottom:10px} .app_download .app_down_title {margin-bottom:25px;font-size:1.6rem} .app_download .img_box {margin-top:15px} .app_download .img_box img {width:100px} .app_download .img_box .img_desc {padding-left:10px} .cloud_service {padding-top:18px; padding-bottom:20px} .cloud_service:after {right:-30px; width:90px; height:86px} .cloud_service .cloud_service_title {font-size:1.5rem} .cloud_service .cloud_service_desc {margin-bottom:12px; font-size:1.3rem} .cloud_service .btn_wrap {margin-bottom:12px} .cloud_service .cloud_service_info {font-size:1.3rem} .icon_list.step.broser_cert_list {padding-left:0} .icon_list.step.broser_cert_list > li:after {bottom:-20px; left:20px} .icon_list.step.broser_cert_list > li .icon_box {padding-left:76px; background-position-x:0} .cert_merit ul {-ms-flex-wrap:wrap; flex-wrap:wrap} .cert_merit ul li {width:100%;height:218px;padding-top:115px} .cert_merit ul li + li {margin-top:15px} .cert_merit ul li strong {font-size:1.6rem} .cert_merit ul li .merit {top:30px;width:70px;height:70px;margin-left:-35px} .cert_merit ul li .merit.icon01, .cert_merit ul li .merit.icon02, .cert_merit ul li .merit.icon03 {background-size:40px} .cert_merit ul li p {margin-top:10px} .cert_mobile ul li {width:100%} .cert_mobile ul li .item {padding:20px} .step_box_wrap.col3 .step_box .img img {max-width:220px} .browser_cert .bg_gray {padding:20px} .ecs_img_area.wid_type2 {width:100%; height:100%} .ecs_img_area.wid_type2 img {max-width:100%; margin:0 auto} .affiliate_area {padding:20px} .affiliate_list {margin-top:-8px} .affiliate_list li {width:33.33%; padding-top:8px; padding-bottom:8px} .affiliate_list li .img {width:78px; height:30px; margin:0 auto} .customer_invest {width:100%} .customer_invest .visual_txt {padding:20px 0 25px;margin-bottom:48px} .customer_invest .visual_txt::before {width:50px} .customer_invest .visual_txt .txt_lg {font-size:2.4rem} .customer_invest .visual_txt .has_img {position:absolute;right:0;bottom:-7px;width:83px;height:83px;background:url(/pconts/images/contents/customer/customer_invest_img.png) no-repeat right center;background-size:100%} .customer_invest .satis_ls li {padding-top:15px} .customer_invest .satis_ls li div label {display:block;margin-bottom:10px} .customer_invest.satis_content .satis_cont .satis_btna {padding-top:20px} .customer_invest .memeberReuquest label {margin-bottom:7px} .service_link_box {padding-top:28px} .service_link_list ul {width:auto} .service_link_list li {float:none; width:auto; margin-right:0; margin-bottom:8px} .service_link_list li .link_item {height:98px; padding-left:20px} .service_link_list li .link_item .tit {font-size:1.6rem} .service_link_list li .link_item .con {font-size:1.3rem} .discomfort_link_list li {float:none; width:auto} .discomfort_link_list li + li {float:none; margin-top:10px} .btn_minwon_bridge .btn {float:none; width:100%} .btn_minwon_bridge .btn + .btn {margin-top:8px} .discomfort_link_list li .link_item {height:156px;padding:26px 20px} .discomfort_link_list li .link_item.link1:after, .discomfort_link_list li .link_item.link2:after {right:20px;bottom:20px} .discomfort_link_list li .link_item .tit {margin-bottom:0;font-size:1.6rem} .discomfort_link_list li .link_item .tit:after {width:7px;height:7px} .discomfort_link_list li .link_item .con {font-size:1.3rem}  }@media screen and (max-width:767px) { .news_details .news_content_a .t_vcont, .news_details .news-Title {height: inherit;margin-bottom:20px !important;padding-bottom:30px;background-image: none} .news_details .btn_white, .news_details .btn_type3, .news_details .btnWt, .news_details .btn_renewalType.type2 {display: block;margin-top:10px} .news_details .btn_white:first-child, .news_details .btn_type3:first-child, .news_details .btnWt, .news_details .btn_renewalType.type2 {margin-top: 0} .img_rf img{width:206px} .sh_agreement_select {-ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:flex-start; -ms-flex-pack:flex-start; justify-content:flex-start} .sh_agreement_select .select_wrap {width:calc(100% - 68px)} .sh_agreement_select .btn.btn_data {min-width:0} .sh_agreement_select .btn_data + .btn {margin-top:8px; margin-left:0} } .expend_wrap.bg_topsbg::before {background-color:#f4f1ea; background-color:rgba(242, 241, 234, 1.0)} .topsgrad_wrap {display:flex; flex-wrap:wrap; justify-content:space-between; padding:30px 0} .topsgrad_wrap .gradeinfo {flex:1; position:relative; margin:0 20px} .topsgrad_wrap .gradeinfo .calc_view {display:table; margin:0 auto; padding:20px 0} .topsgrad_wrap .gradeinfo .calc_view dl {float:left; display:block; width:126px; height:126px; border-radius:50%; overflow:hidden} .topsgrad_wrap .gradeinfo .calc_view dl dt {display:block; height:45%; padding:35px 0 0 0; font-size:16px; color:#fff; background-color:#8d743a; text-align:center} .topsgrad_wrap .gradeinfo .calc_view dl dd {display:block; height:55%; padding:0; font-size:24px; font-weight:700; color:#fff; background-color:#8d743a; text-align:center} .topsgrad_wrap .gradeinfo .calc_view dl + dl {margin-left:75px} .topsgrad_wrap .gradeinfo .calc_txt {margin:0 auto; text-align:center} .topsgrad_wrap .gradeinfo .calc_txt p {font-size:16px} .topsgrad_wrap .gradeinfo .calc_txt p span {color:#8d743a; font-weight:700} .topsgrad_wrap .gradeinfo .calc_txt .turm {margin-top:10px} .topsgrad_wrap .gradeinfo .btn_wrap {position: absolute; right:0; bottom:0} .topsgrad_wrap .gradeview {flex:1; margin:0 20px; background:#fff; padding:19px 38px; border-radius:10px; box-shadow:2px 2px 22px -2px rgba(51, 51, 51, 0.17)} .topsgrad_wrap .gradeview > .title {display:block; font-size:18px; color:#333; font-weight:700} .topsgrad_wrap .gradeview > .txt {font-size:13px; color:#111} .topsgrad_wrap .gradeview .js_animate_won .txt {transition-duration:0.6s !important} .myshgrade_wrap {display:block; position:relative; margin:0 auto; padding:0; margin-top:30px; border-radius:8px; border:solid #ddd 1px} .myshgrade_wrap .myshgrade_info {display:block; position:relative; margin:0; padding:30px 70px 27px 40px; background-color:#fafafa; border-radius:8px 8px 0 0} .myshgrade_wrap .myshgrade_info .title {display:block; position:relative; margin:0 0 3px 0; padding:0; font-size:20px; color:#333; font-weight:700} .myshgrade_wrap .myshgrade_info .txt {display:block; position:relative; margin:0; padding:0; font-size:18px; color:#111} .myshgrade_wrap .myshgrade_info .txt strong {color:#8d743a; font-weight:400} .myshgrade_wrap .detail_toggle {display:block; position:absolute; right:30px; top:44px; width:30px; height:30px; font-size:1px; color:transparent} .myshgrade_wrap .detail_toggle::after {content:''; display:block; position:absolute; left:10px; top:5px; width:11px; height:11px; border-bottom:solid #444 2px; border-right:solid #444 2px; transform:rotate(45deg)} .myshgrade_wrap .detail_toggle.on::after {transform:rotate(-135deg); top:10px} .myshgrade_chart_list {position:relative; width:370px; margin-top:10px} .myshgrade_bar {display:table; position:relative; width:100%} .myshgrade_bar dl {display:table; position:relative; width:100%; margin:0 0 3px 0; padding:0} .myshgrade_bar dt {float:left; display:inline-block; position:relative; margin:0; padding:0; color:#333; font-size:16px} .myshgrade_bar dd.grade {float:left; display:inline-block; position:relative; top:2px; margin:0; padding:0 0 0 10px; font-size:13px} .myshgrade_bar dd.point {display:inline-block; position:absolute; right:-40px; top:14px; margin:0; padding:0; font-size:20px; font-weight:700; text-align:right} .myshgrade_bar + .myshgrade_bar {margin-top:15px} .shg_bargraph {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; height:13px; margin:0; padding:0; border-radius:2px; overflow:hidden;background-color:#e1e1e1} .shg_bargraph span {flex:1; display:block; position:relative; z-index:2; margin:0; padding:0; background-color:transparent} .shg_bargraph span::after {content:''; display:block; position:absolute; z-index:1; right:-1px; top:0; width:1px; height:100%; background-color:#cacaca} .shg_bargraph::after {content:''; display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#4e5b68; transform:translateX(0)} .shg_bargraph.star01::after {animation:barGraphStar01 0.2s 0.6s ease forwards} .shg_bargraph.star02::after {animation:barGraphStar02 0.4s 0.6s ease forwards} .shg_bargraph.star03::after {animation:barGraphStar03 0.6s 0.6s ease forwards} .shg_bargraph.star04::after {animation:barGraphStar04 0.8s 0.6s ease forwards} .shg_bargraph.star05::after {animation:barGraphStar05 1.0s 0.6s ease forwards} .group_tops .shg_bargraph::after {background-color:#8d743a} @keyframes barGraphStar01 { from { transform:translateX(0%); } to { transform:translateX(20%); } } @keyframes barGraphStar02 { from { transform:translateX(0%); } to { transform:translateX(40%); } } @keyframes barGraphStar03 { from { transform:translateX(0%); } to { transform:translateX(60%); } } @keyframes barGraphStar04 { from { transform:translateX(0%); } to { transform:translateX(80%); } } @keyframes barGraphStar05 { from { transform:translateX(0%); } to { transform:translateX(100%); } } .special_txt, .premium_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt{display:inline-block; min-width:72px; min-height:20px; font-size:13px; font-weight:700; text-align:center; border-radius:10px; background:#fff; padding:0 10px; margin-right:8px; vertical-align:top} .special_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt{color:#8d743a; border:1px solid #8d743a} .premium_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt{color:#111; border:1px solid #111} .premium_coupon_list .coupon_conts .txt_area .special_txt{width:82px; margin:0 0 0 5px} .premium_coupon_list .coupon_conts .txt_area .premium_txt{width:82px; margin:0 0 0 5px} .shg_bargraph span:last-child::after {display:none} .myshgrade .shg_bargraph {margin-bottom:5px} .pluse_target {position:relative; display:block; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); margin-top:0; margin-bottom:0; padding:0; background-color:#2c2121} .pluse_target::before {content:''; display:block; position:absolute; z-index:0; left:calc(-50vw + 50%); top:0; width:100vw; height:70px} .pluse_target > a {display:block; width:980px; height:70px; margin:0 auto; padding:0; text-align:right; background:url('/pconts/images/contents/topsclub/bg_topsgrade.png') no-repeat top right; background-size:auto 70px} .pluse_target > a span {position:relative; display:inline-block; color:#fff; font-size:18px; font-weight:700; margin:20px 300px 0 0} .pluse_target > a span > em {color:#e9d2af} .pluse_target > a span::after {content:''; display:block; position:absolute; right:-14px; top:calc(50% - 5px); width:9px; height:9px; border-top:solid #fff 1px; border-right:solid #fff 1px; transform: rotate(45deg)} .card_activity_wrap {display:block; position:relative; margin:60px 0; padding:0} .card_activity_wrap .crown_message {display:block; position:relative; margin:0 0 30px 0; padding:20px 0 0 0; border-top:solid #ddd 1px} .crown_message dl {display:table; position:relative; min-height:32px; margin:0 0 20px 0; padding:0 0 0 43px} .crown_message dl::before {content:''; display:block; position:absolute; left:0; top:-4px; width:40px; height:30px; background:url(/pconts/images/contents/topsclub/card_crown.png) no-repeat 50%; background-size:cover} .crown_message dl dt {display:table-cell; position:relative; margin:0; padding:0 11px 0 10px; font-size:18px} .crown_message dl dt::after {content:''; display:block; position:absolute; right:0; top:5px; width:1px; height:16px; background-color:#111} .crown_message dl dd {display:table-cell; position:relative; margin:0; padding:0 0 0 11px; font-size:18px; color:#8d743a; font-weight:700} .crown_message p {display:block; position:relative; margin:0; padding:0; font-size:16px; color:#333; line-height:1.5} .crown_message p .point {font-size:28px; font-weight:700; line-height:1.2} .card_activity_wrap .card_activity {display:block; position:relative; margin:0 0 20px 0; padding:160px 0 45px 0} .card_activity .card_activity_chart {display:table; position:relative; width:530px; height:16px; margin:0 auto; padding:0; background-color:#ddd; border-radius:8px} .card_activity .card_activity_chart .chrt_position {display:block; position:absolute; left:0; top:0; height:16px; min-width:5%;background-color:#8d743a; border-radius:8px} .card_activity .card_activity_chart .jumpUp {position:absolute; left:50%; transform:translateX(-50%); top:-170px; width:250px; padding:5px 22px 5px 12px; text-align:center; border-radius:4px; background:#333; color:#fff; font-size:13px} .card_activity .card_activity_chart .jumpUp::before {content:''; position:absolute; bottom:-6px; left:50%; z-index:5; width:12px; height:6px; background:url(/pconts/images/contents/mypage/tooltip_arr.png) no-repeat; transform:translateX(-50%); } .card_activity .card_activity_chart .jumpUp::after {content:'';display:block; position:absolute;top:10px;right:12px;width:8px;height:8px;border:1px solid #fff; border-right:0;border-bottom:0;transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg)} .card_activity .card_activity_chart .chrt_position .complete_body {padding:0} .card_activity .card_activity_chart .chrt_position .complete_body.ani_ico {position:absolute; right:40px} .card_activity .card_activity_chart .chrt_position .tooltip.pcuse {position:absolute; right:-90px; top:-170px} .card_activity ol {display:table; position:relative; width:100%; margin:0 auto; padding:0} .card_activity ol li {float:left; display:block; position:relative; height:16px; width:30%; margin:0; padding:0} .card_activity ol li.gn01 {width:20%} .card_activity ol li.gn04 {width:20%} .card_activity ol li span {display:inline-block; position:absolute; width:100%; top:30px; text-align:center} .card_activity ol li span strong {display:block; font-weight:700} .card_activity ol li::after {content:''; display:block; position:absolute; left:calc(50% - 16px); top:-8px; width:32px; height:32px; border:solid #ddd 6px; background-color:#FFF; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.3); border-radius:50%} .card_activity ol.grade01 .gn01 {background-color:#8d743a; border-radius:8px} .card_activity ol.grade02 .gn02, .card_activity ol.grade03 .gn03 {border-radius:0 8px 8px 0} .card_activity ol.grade01 .gn01::after, .card_activity ol.grade02 .gn01::after, .card_activity ol.grade02 .gn02::after, .card_activity ol.grade03 .gn01::after, .card_activity ol.grade03 .gn02::after, .card_activity ol.grade03 .gn03::after, .card_activity ol.grade04 .gn01::after, .card_activity ol.grade04 .gn02::after, .card_activity ol.grade04 .gn03::after, .card_activity ol.grade04 .gn04::after {border-color:#8d743a} .card_activity ol.grade01 .gn01::before, .card_activity ol.grade02 .gn02::before, .card_activity ol.grade03 .gn03::before,.card_activity ol.grade04 .gn04::before {display:block} .grade_active_next .accordion_header button span.points, .grade_activity_my .accordion_header button span.points {color:#8d743a !important} .grade_activity_my .accordion_body {background-color:#f6f6f6; padding:40px 20px} .grade_activity_my .detail_list {display:table; position:relative; margin:0 auto 20px auto; padding:0} .grade_activity_my .detail_list dl {float:left; display:block; position:relative; width:185px; margin:0; padding:0} .grade_activity_my .detail_list dl::before {content:''; display:block; position:relative; width:80px; height:80px; margin:0 auto 10px auto; padding:0; background-color:#fff; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:50px auto} .grade_activity_my .detail_list dl.sect01::before {background-image:url(/pconts/images/contents/topsclub/ico_topsgrade01.png)} .grade_activity_my .detail_list dl.sect02::before {background-image:url(/pconts/images/contents/topsclub/ico_topsgrade02.png)} .grade_activity_my .detail_list dl.sect03::before {background-image:url(/pconts/images/contents/topsclub/ico_topsgrade03.png)} .grade_activity_my .detail_list dt {display:table; position:relative; width:100%; height:48px; margin:0; padding:0} .grade_activity_my .detail_list dt p {display:table-cell; position:relative; margin:0; padding:0; font-size:18px; text-align:center; vertical-align:middle; line-height:1.3} .grade_activity_my .detail_list dt p span {display:block; position:relatvie; font-size:15px} .grade_activity_my .detail_list dd {display:block; position:relative; margin:3px 0 0 0; padding:0; text-align:center} .grade_activity_my .detail_list dd span {font-size:20px; color:#8d743a; font-weight:700} .grade_active_next .accordion_body {background-color:#f6f6f6; padding:40px 20px} .grade_active_next .grid_wrap {display:table; position:relative; width:100%; margin:0; padding:0} .grid_wrap .active_group {float:left; display:block; position:relative; margin:0; padding:0} .grid_wrap .active_group.card, .grid_wrap .active_group.finance {width:50%} .grid_wrap .active_group.benefit {width:100%; margin-top:40px} .active_detail {display:table; position:relative; width:100%; margin:0; padding:0} .active_detail dl {float:left; display:block; position:relative; width:90px; margin:0; padding:100px 0 0 0} .active_detail dl dt {display:block; position:relative; height:47px; margin:0; padding:0; text-align:center; font-weight:700; color:#333} .active_detail dl dt span {display:block; font-weight:400; color:#111} .active_detail dl dd {display:block; position:relative; margin:0 -10px; text-align:center} .active_detail dl dd.point {position:absolute; left:0; top:0; width:90px; height:90px; margin:0;border-radius:45px; line-height:90px; color:#FFF; border:none; font-size:15px} .active_detail dl dd.point span {font-size:20px; font-weight: 700} .active_group.card .active_detail .point {background-color:#8d743a} .active_group.finance .active_detail dl + dl {margin-left:60px} .active_group.finance .active_detail .point {background-color:#081350} .active_group.benefit .active_detail dl + dl {margin-left:30px} .active_group.benefit .active_detail .point {background-color:#4e5b68} .active_group .active_detail dl.disable .point {background-color:#bebebe} .grid_wrap+ .btn_wrap {margin-top:24px} .mytops_service {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:60px 0; padding:0; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap} .mytops_service .finance_service {margin-right:25px; padding:0; width:calc(50% - 25px)} .mytops_service .finance_service .h_wrap, .mytops_service .premium_service .h_wrap{position:relative; border-bottom:1px solid #ddd; margin-bottom:10px} .mytops_service .finance_service .text_link, .mytops_service .premium_service .text_link {position:absolute; right:0px; top:6px; color:#333} .mytops_service .finance_service .marker_dot strong {color:#333} .mytops_service .finance_service .marker_dot li {position:relative; max-width:90%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; height:25px} .mytops_service .premium_service {margin-left:25px; padding:0; width:calc(50% - 25px)} .mytops_service .premium_service .h_title24 {display:block} .mytops_service .premium_service .h_title {margin-top:0px; margin-bottom:10px} .mytops_service .premium_service .marker_dot li {display:block; padding-right:70px} .mytops_service .premium_service .marker_dot li span {position:relative; max-width:90%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all} .mytops_service .marker_dot + p{margin-top:25px} .mytops_service .premium_service .marker_dot .badge {display:inline-block; position:absolute; width:initial; right:0; top:0; height:22px; line-height:22px; margin:0; padding:0 10px; border-radius:11px; color:#FFF; font-weight:700; font-size:13px} .mytops_service .premium_service .marker_dot .badge.select {background-color:#999} .mytops_service .premium_service .marker_dot .badge.check {background-color:#8d743a} .mytops_service .premium_service .marker_dot li.no_data {padding-right:0; height:70px; line-height:70px; text-align:center} .mytops_service .premium_service .marker_dot li.no_data::before {display:none} .mytops_service .premium_service .btn_wrap {margin-top:20px} .mytops_wrap .accordion_body .area .marker_refer > li{font-size:15px} .title_linked {display:inline-block; padding-right:20px} .title_linked::after {content:''; display:block; position:absolute; right:2px; top:calc(50% - 6px); width:10px; height:10px; border-top:solid #111 2px; border-right:solid #111 2px; transform:rotate(45deg)} .mytops_banner {display:block; position:relative; margin:0 0 60px 0; padding:0} .mytops_banner > a {display:block; position:relative; height:150px; margin:0; padding:30px 38px 20px 38px; border:solid #ddd 1px; border-radius:8px} .mytops_banner .tops_banner_title {display:block; position:relative; margin:0; padding:0; font-size:24px; font-weight:700; color:#333; line-height:1.2} .mytops_banner .tops_banner_txt {display:block; position:relative; margin:0; padding:0; font-size:16px; font-weight:700; color:#333} .mytops_banner .tops_banner_img {display:block; position:absolute; width:170px; margin:0; padding:0; right:40px; top:20px} .mytops_banner .tops_banner_img img {display:block; width:100%} .pop_grade_point {display:block;position:relative; margin:20px 0; padding:0} .pop_grade_point img {display:block; width:100%} .table_wrap.pop_table_grade_point table tfoot th {background-color:#FFF !important; font-weight:700; border-right:none} .table_wrap.pop_table_grade_point table tfoot td {background-color:#FFF; font-weight:700; border-left:none} .insti_graph img {width:320px} .line_type0 {line-height:1.2} .grade_graph img {width:320px} .point_area {display:inline-block; width:10px; height:10px; border-radius:5px; background-color:#333} .grade_list li {position:relative;margin-right:10px; float:left; width:320px; height:100px; padding:20px 10px 20px 115px; border:1px solid #ddd; border-radius:10px} .grade_list li:before {content:'';display:inline-block;position:absolute;top:15px;left:23px;width:70px;height:70px;background-color:#f6f6f6;border-radius:50%} .grade_list li:after {content:'';display:inline-block;position:absolute;top:15px;left:23px;width:70px;height:70px} .grade_list li:last-child {margin-right:0} .grade_list li p {line-height:1.2} .grade_list li p + p {margin-top:7px} .grade_list .list0:after {background:url(/pconts/images/contents/topsclub/guide/img_grade_thumb0.png) no-repeat center;background-size:50px} .grade_list .list1:after {background:url(/pconts/images/contents/topsclub/guide/img_grade_thumb1.png) no-repeat center;background-size:50px} .grade_list .list2:after {background:url(/pconts/images/contents/topsclub/guide/img_grade_thumb2.png) no-repeat center;background-size:50px} .graph_box {padding-left:20px; background:url(/pconts/images/contents/topsclub/guide/img_grade_card_graph_box.jpg) no-repeat 0 3px / 10px auto} .table_both_area {display:-webkit-flex; display:-ms-flexbox; display:flex} .table_both_area > div.left, .table_both_area > div.right {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;width:40%} .table_both_area .ar {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;width:20%} .table_both_area .ar .ar_area {display:table; width:100%; height:100%; text-align:center; background:url(/pconts/images/contents/topsclub/guide/bg_faq.png) no-repeat 50% calc(50% + 30px)} .table_both_area .ar .ar_area > span {display:table-cell;vertical-align:middle; } .ex_check {display:flex; flex-wrap:wrap; justify-content:center} .ex_check .check_on, .ex_check .check_off {position: relative; padding-left:33px; line-height:28px; margin:0 10px; min-width:70px; text-align:left} .ex_check .check_on::before {content:''; position:absolute; left:0; top:0; width:26px; height:26px; background:url('/pconts/images/icon/ico_check_on.png') no-repeat; background-size:26px auto} .ex_check .check_off::before {content:''; position:absolute; left:0; top:0; width:26px; height:26px; background:url('/pconts/images/icon/ico_check_off.png') no-repeat; background-size:26px auto} .topsClub_service .h_wrap .h_title{font-size:24px; color:#111} .topsClub_service .highlighter_lg{background-color:#ddd5c4} .topsClub_service .content_heading .title .head_mid_txt{font-size:48px} .topsClub_service .content_heading .title .head_bot_txt{font-size:36px} .topsClub_service .cert_merit ul li {height:239px; padding-top:140px} .topsClub_service .cert_merit ul li .merit.icon01{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub01.png) no-repeat center; background-size:50px} .topsClub_service .cert_merit ul li .merit.icon02{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub02.png) no-repeat center; background-size:50px} .topsClub_service .cert_merit ul li .merit.icon03{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub03.png) no-repeat center; background-size:50px} .topsClub_service .cert_merit ul li .merit.icon04{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub04.png) no-repeat center; background-size:50px} .topsClub_service .cert_merit ul li .merit.icon05{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub05.png) no-repeat center; background-size:50px} .topsClub_service .cert_merit.two_cert_merit ul li{width:479px} .topsclub_premium_swiper {position:relative;width:100%;margin:0 auto 0} .topsclub_premium_swiper .swiper-container {height:auto !important;border:0 !important;  background:#c8c8c8} .topsclub_premium_swiper .swiper-slide {text-align:center} .topsclub_premium_swiper .img img {display:block; width:100%} .topsclub_premium_swiper .img span {display:block; text-align:center; color:#fff; font-size:30px; font-weight:700} .topsclub_premium_swiper [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:46px;height:58px;z-index:10;overflow:hidden; background-color:rgba(0, 0, 0, 0.5)} .topsclub_premium_swiper [class^='nav-button']::before {content:"";position:absolute;width:18px;height:18px;border:solid #fff; border-width:3px 3px 0 0} .topsclub_premium_swiper .nav-button-prev {left:1px} .topsclub_premium_swiper .nav-button-next {right:1px} .topsclub_premium_swiper .nav-button-prev::before {left:17px; top:20px; transform: rotate(-135deg)} .topsclub_premium_swiper .nav-button-next::before {left:10px; top:20px; transform: rotate(45deg)} .topsclub_premium_swiper .swiper-controls {position:absolute; right:30px; bottom:10px; width:auto} .topsclub_premium_swiper .swiper-controls.is_played .swiper-button-play {display:none} .topsclub_premium_swiper .swiper-controls.is_played .swiper-button-pause {display:inline-block} .topsclub_premium_swiper .swiper-controls.is_stoped .swiper-button-play {display:inline-block} .topsclub_premium_swiper .swiper-controls.is_stoped .swiper-button-pause {display:none} .topsclub_premium_swiper .swiper-pagination-fraction {display:inline-block; position:relative;width:80px; color:#fff; border-radius:30px; background-color:rgba(0, 0, 0, 0.5)} .topsclub_premium_swiper .swiper-pagination-fraction span {display:inline-block; line-height:40px; font-size:16px;color:#fff;letter-spacing:-1px} .topsclub_premium_swiper .swiper-pagination-current span {font-weight:600} .topsclub_premium_swiper .swiper-button-pause {position:relative;display:inline-block;left:0;top:-3px; width:20px;height:20px;z-index:10;overflow:hidden} .topsclub_premium_swiper .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#fff;border-style:solid} .topsclub_premium_swiper .swiper-button-play {position:relative;display:none;left:0;top:-5px; width:20px;height:20px;z-index:10;overflow:hidden} .topsclub_premium_swiper .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px; border-color:transparent transparent transparent #fff; border-style:solid} .premium_special_topTxt {font-size:34px;font-weight:700;text-align:center;line-height:1.3;color:#111} .premium_special_topTxt span {color:#8d743a} .premium_special {width:815px; margin:0 auto; margin-bottom:60px} .premium_special .date_swipe_group {overflow:visible; border-radius:18px;background-color:#e8ebf4} .premium_special .btnNav {display:block; position:absolute; width:46px;height:58px; background-color:rgba(0, 0, 0, 0.5); z-index:10} .premium_special .btnNav::before {content:""; position:absolute;width:18px;height:18px; border:solid #fff; border-width:3px 3px 0 0} .premium_special .btnNav_left {left:calc(50% - 180px); top:calc(50% - 37px)} .premium_special .btnNav_right {right:calc(50% - 180px); top:calc(50% - 37px)} .premium_special .btnNav_left::before {left:17px; top:20px; transform: rotate(-135deg)} .premium_special .btnNav_right::before {left:10px; top:20px; transform: rotate(45deg)} .premium_special .btnNav button {width:46px;height:58px} .premium_special .swiper-slide {position:relative; display:block; text-align:center; width:265px; background:#fff; border-radius:10px} .premium_special .swiper-slide .coupon_cont {text-align:center} .premium_special .swiper-slide .coupon_cont figure img {opacity:0.5; width:100%; height:150px; border-top-left-radius:10px; border-top-right-radius:10px; box-sizing:border-box} .premium_special .swiper-slide .coupon_cont strong {display:block; margin:10px 25px; font-size:18px; color:#333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:55px; word-wrap:break-word} .premium_special .swiper-slide .coupon_cont .date {display:block; margin:15px 0; color:#999; font-size:11px} .premium_special .swiper-slide .button_type {border-top:1px dashed #ccc} .premium_special .swiper-slide-active .button_type {border-top:1px dashed #ddd} .premium_special .swiper-slide .button_type button {text-align: center; margin:15px 0} .premium_special .swiper-container {padding:75px 0 60px 0} .premium_special .swiper-slide {background:rgba(0, 0, 0, 0.1); transition:all 0.25s ease; z-index:1} .premium_special .swiper-slide.swiper-slide-active {background:rgba(255, 255, 255, 1); transform:scale(1.2); z-index:2; opacity:1; box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);-webkit-box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15)} .premium_special .swiper-slide.swiper-slide-active .coupon_cont figure img {opacity:1} .premium_special.no_swiper .swiper-wrapper {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .premium_special.no_swiper .btnNav_left, .premium_special.no_swiper .btnNav_right {display:none} .premium_special.no_swiper .swiper-slide {background:rgba(255, 255, 255, 1); transform:scale(1); z-index:2; opacity:1; box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);-webkit-box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15)} .premium_special .swiper-pagination {width:815px; text-align:center; display:block; margin:0 auto} .premium_special .swiper-pagination-fraction {display:inline-block; position:relative} .premium_special .swiper-pagination-fraction span {display:inline-block; line-height:40px; font-size:18px;color:#111;letter-spacing:-1px} .premiumCoupon .list_group .list_headnote01 {padding:0px} .premium_coupon_list ul {margin:0 -19px 0 -11px} .premium_coupon_list li {width:50%; height:210px; float:left; display:-webkit-flex; display:-ms-flexbox; display:flex; padding: 11px 0 22px 14px; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon01.png') no-repeat; background-size:calc(100% - 110px) 210px} .premium_coupon_list li > a, .premium_coupon_list li .pr_list_area {position:relative;display:block; width:calc(100% - 110px);padding:23px 25px 23px 38px;z-index:1} .premium_coupon_list li:nth-child(2n){margin-left: -5px} .premium_coupon_list li:nth-child(n+3){margin-top: -14px} .premium_coupon_list .coupon_conts {position:relative} .premium_coupon_list .coupon_conts figure {width:130px; display:inline-block} .premium_coupon_list .coupon_conts figure img {width:130px; height:130px} .premium_coupon_list .coupon_conts .txt_area {position:absolute; left:159px; top:7px} .premium_coupon_list .coupon_conts .txt_area strong {display:inline-block; font-size:18px; color:#333; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; max-width:200px} .premium_coupon_list .coupon_conts .txt_area p {font-size:16px; margin:5px 0 20px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:44px} .premium_coupon_list .coupon_conts .txt_area span {display:inline-block; font-size:13px; color:#999} .premium_coupon_list .coupon_conts .txt_area .badge_wrap {display:inline-block} .premium_coupon_list .coupon_down {position:relative; width:110px; height:210px; margin-top:-11px; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon02.png') no-repeat right top; background-size:110px 210px} .premium_coupon_list .coupon_down .button_type {position:absolute; top:calc(50% - 15px); right:calc(50% - 25px)} .premium_coupon_list .coupon_down .button_type > button, .premium_coupon_list .coupon_down .button_type > a {display:block; width:35px; height:35px} .premium_coupon_list .coupon_down .btn_more {display:block; width:30px; height:30px; background:url('/pconts/images/contents/topsclub/coupon/bg_premiumMore.png') no-repeat center} .premium_coupon_list + .btn_wrap.btn_cont {margin-top:40px} .premium_coupon_detail {position:relative; display:block; overflow:hidden; margin-bottom:60px; min-height:288px} .premium_coupon_detail .topsclub_premium_swiper {float:left; width:490px} .premium_coupon_detail .coupon_detail_list {position:relative; float:right; width:calc(100% - 530px)} .premium_coupon_detail .coupon_detail_list .txt {display:block; font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .premium_coupon_detail .coupon_detail_list .tit {display:block; font-size:24px; color:#111; margin:5px 0; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:55px} .premium_coupon_detail .coupon_detail_list .info em::after {content:''; display:inline-block; margin:0 5px; width:1px;height:12px;background:#666} .premium_coupon_detail .coupon_detail_list dl {margin-top:25px; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .premium_coupon_detail .coupon_detail_list dt {width:100px; color:#111; font-weight:600; margin-bottom:5px} .premium_coupon_detail .coupon_detail_list dd {width:calc(100% - 100px); margin-bottom:5px} .premium_coupon_detail .level_benefit {position:absolute; right:0; bottom:5px; font-weight:600; color:#111} .premium_coupon_detail .btn_wrap {position:static} .premium_coupon_detail .btn_wrap button {position:absolute; left:530px; bottom:0} .tops_thema_wrap .coupon_conts .txt_area p{-webkit-line-clamp:1; height:22px; margin-bottom:2px} .tops_thema_wrap .coupon_conts .ckag_box{padding-top:20px} .tops_thema_wrap .coupon_conts .ckag_box span {font-size:13px; color:#111} .tops_thema_wrap .coupon_conts .ckag_box .premium{margin-left:5px; display:inline-block; width:73px; height:20px; line-height:20px; text-align:center; padding:0; vertical-align:middle} .popup.popup_type01.pop_myCoupon_detail {background:none} .pop_myCoupon_detail .pop_head {border-top-left-radius:10px; border-top-right-radius:10px} .pop_myCoupon_detail .pop_head h3 {font-size:18px} .pop_myCoupon_detail .pop_cont {position:relative; padding:0px} .pop_myCoupon_detail .pop_cont::before {content:''; position:absolute;bottom:0px;left:0px; width:11px; height:150px; background:url(/pconts/images/contents/topsclub/coupon/bg_popCoupon01.png) bottom no-repeat; background-size:auto 150px} .pop_myCoupon_detail .pop_cont::after {content:''; position:absolute;bottom:0px;right:0px; width:11px; height:150px; background:url(/pconts/images/contents/topsclub/coupon/bg_popCoupon02.png) bottom no-repeat; background-size:auto 150px} .pop_myCoupon_detail .coupon_cont {text-align:center; background:#fff} .pop_myCoupon_detail .coupon_cont strong {display:block; margin:10px 0; font-size:18px; color:#333} .pop_myCoupon_detail .coupon_cont .info {margin:0 0 12px 0} .pop_myCoupon_detail .coupon_cont em {display:block; color:#999} .pop_myCoupon_detail .coupon_number {height:150px; font-size:20px; color:#333; font-weight:700; margin:0 11px; text-align:center; background:url(/pconts/images/contents/topsclub/coupon/bg_popCoupon.png) bottom repeat-x; background-size:auto 150px} .pop_myCoupon_detail .coupon_number .coupon {display:block; padding-top:50px} .pop_myCoupon_detail .coupon_number .coupon > em {display: block} .pop_myCoupon_detail .coupon_number .barcode {display:block; padding-top:40px} .pop_myCoupon_detail .coupon_number .barcode img {width:200px; height:69px} .pop_myCoupon_detail .coupon_number .barcode > em {display:block; font-size:15px; color:#111; margin-top:3px} .pop_myCoupon_detail .coupon_number .barcode img {width:270px; height:70px} .pop_myCoupon_detail .coupon_number .info {display:block; padding-top:70px} .pop_myCoupon_detail .coupon_cont figure img{width:130px; height:130px; border-radius:50%} .topsService.ly_inner.expend_wrap {padding:60px 0} .topsService > .service_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .topsService > .service_list li {position:relative; width:calc(50% - 7px); margin-bottom:7px; border:1px solid #ccc; border-radius:10px; background:#fff; padding:50px 50px 30px 195px; min-height:230px} .topsService > .service_list li:nth-child(even) {margin-left:7px} .topsService > .service_list li::before {content:''; position:absolute; left:20px; top:50px; width:130px; height:130px; background-size:auto 130px; background-repeat:no-repeat} .topsService > .service_list li:nth-child(1)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service01.png')} .topsService > .service_list li:nth-child(2)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service02.png')} .topsService > .service_list li:nth-child(3)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service03.png')} .topsService > .service_list li:nth-child(4)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service04.png')} .topsService > .service_list li:nth-child(5)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service05.png')} .topsService > .service_list li .tit {display:block; font-size:18px; color:#333} .topsService > .service_list li .tit + .txt { margin:5px 0 10px 0} .topsService > .service_list li .tit + .btn_wrap {margin-top:15px} .topsService > .service_list li .btn_wrap .btn + .btn {margin-left:0; margin-top:10px} .tops_service_wrap ul.marker_number > li{padding-left:0} .tops_service_wrap .bot_brd_line:after{content:""; display:block; width:96px; height:2px; background-color:#333; margin-top:30px} .tops_service_wrap .topsService .sr_list{padding:25px 50px 10px 195px} .tops_service_wrap .topsService .ct_list{padding:60px 50px 30px 195px} .tops_service_wrap .topsService .sr_list .txt{margin:20px 0 10px 0} .tops_service_wrap .topsService > .service_list .sr_list .tit + .txt{margin:5px 0 10px 0} .tops_service_wrap .topsService > .service_list li{min-height:230px} .tops_service_wrap .topsService > .service_list li:last-child{padding-top:40px} .tops_service_wrap .btn_wrap span{font-weight:700} .tops_plus_wrap .sc_title{font-size:16px; color:#111; margin:0 0 10px 0} .tops_plus_wrap .marker_dot{font-size:15px} .tops_plus_wrap .marker_dot + .sc_title{margin-top:20px} .swiper_topsTheme {position:relative} .swiper_topsTheme .swiper-wrapper {width:100%} .swiper_topsTheme .swiper-wrapper li {float: left; margin-right:5px} .swiper_topsTheme .swiper-wrapper li a {position:relative; display:block; width:230px; height:153px; background-size:100% 153px; background-repeat:no-repeat} .swiper_topsTheme .swiper-wrapper li .tit {position:absolute; left:25px; bottom:10px; display:block; width:80%; color:#fff; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .swiper_topsTheme .swiper-wrapper li .theme01 {background-image:url(/pconts/images/contents/topsclub/img_theme01.png)} .swiper_topsTheme .swiper-wrapper li .theme02 {background-image:url(/pconts/images/contents/topsclub/img_theme02.png)} .swiper_topsTheme .swiper-wrapper li .theme03 {background-image:url(/pconts/images/contents/topsclub/img_theme03.png)} .swiper_topsTheme .swiper-wrapper li .theme04 {background-image:url(/pconts/images/contents/topsclub/img_theme04.png)} .swiper_topsTheme [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:40px;height:40px;z-index:10;overflow:hidden; background-color:rgba(0, 0, 0, 0.7)} .swiper_topsTheme [class^='nav-button']::before {content:"";position:absolute;width:15px;height:15px;border-width:2px 2px 0 0;border-color:#ccc;border-style:solid} .swiper_topsTheme .nav-button-prev {left:0px} .swiper_topsTheme .nav-button-next {right:0px} .swiper_topsTheme .swiper-button-disabled {opacity:0.3} .swiper_topsTheme .nav-button-prev::before {left:15px; top:13px; transform: rotate(-135deg)} .swiper_topsTheme .nav-button-next::before {left:10px; top:13px; transform: rotate(45deg)} .swiper_topsTheme .swiper-controls {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:140px; bottom:28px; width:auto} .swiper_topsTheme .swiper-controls.is_played .swiper-button-play {display:none} .swiper_topsTheme .swiper-controls.is_played .swiper-button-pause {display:inline-block} .swiper_topsTheme .swiper-controls.is_stoped .swiper-button-play {display:inline-block} .swiper_topsTheme .swiper-controls.is_stoped .swiper-button-pause {display:none} .list_cardType.tops_plus_main{display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-start; margin:0 -10px; padding-top:60px} .list_cardType.tops_plus_main li {flex:inherit; width:50%} .list_cardType.tops_plus_main li .item{display:-webkit-flex; display:-ms-flexbox; display:flex; padding:23px 24px} .list_cardType.tops_plus_main li .item .plus_icon{flex-shrink:0; display:block; width:130px; height:130px; border-radius:50%; background-size:contain; background-repeat:no-repeat} .list_cardType.tops_plus_main li .item.golf_booking .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_01.png')} .list_cardType.tops_plus_main li .item.golf_ansung .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_02.png')} .list_cardType.tops_plus_main li .item.airport_concierge .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_03.png')} .list_cardType.tops_plus_main li .item.hanatour .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_04.png')} .list_cardType.tops_plus_main li .item.interpark .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_05.png')} .list_cardType.tops_plus_main li .item.cgv .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_06.png')} .list_cardType.tops_plus_main li .item.icn_airport .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_07.png')} .list_cardType.tops_plus_main li .item.seoul_station .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_08.png')} .list_cardType.tops_plus_main li .item .plus_detail{position:relative; width:100%; padding-left:28px} .list_cardType.tops_plus_main li .item .plus_detail .plus_tit{display:block; padding-top:7px; padding-bottom:17px; font-weight:bold; font-size:18px; color:#333} .list_cardType.tops_plus_main li .item .plus_detail .plus_txt{font-size:16px} .list_cardType.tops_plus_main li .item .plus_detail::after{content:''; position:absolute; bottom:0; right:0; display:inline-block; width:8px; height:8px; border:1px solid #666; border-bottom:none; border-right:none; transform:rotate(135deg)} .tops_plus_prestige .cont_sub_wrap + .cont_sub_wrap {margin-top:55px} .tops_plus_prestige .icon_list.step > li .icon_box{cursor:default} .tops_plus_prestige .plus_service{display:-webkit-flex; display:-ms-flexbox; display:flex; width:980px; margin:0 auto; padding-bottom:60px} .tops_plus_prestige .plus_service .img{flex-shrink:0; display:block; width:490px; height:288px; text-align:center} .tops_plus_prestige .plus_service .img img{width:100%} .tops_plus_prestige .plus_service .detail{position:relative; width:100%; padding-left:47px} .tops_plus_prestige .plus_service .detail .tit{display:block; padding-bottom:25px; font-weight:bold; font-size:24px; color:#111} .tops_plus_prestige .plus_service .detail .btn_sns { position:absolute;right:0px;top:3px} .tops_plus_prestige .plus_service .detail .btn_sns img {width:33px} .tops_plus_prestige .plus_service .detail .info em::after {content:''; display:inline-block; margin:0 5px; width:1px;height:12px;background:#666} .tops_plus_prestige .plus_service .detail .txt{padding-bottom:7px; font-size:16px} .tops_plus_prestige .plus_service .detail .txt:last-child{padding-bottom:0} .tops_plus_prestige .plus_service .detail .btn_wrap{position:absolute; left:47px; right:0; bottom:0} .tops_plus_prestige .agree_golf_booking{margin-bottom:60px; padding:60px 0} .tops_plus_prestige .agree_golf_booking .accordion_body.type01{padding:16px 20px 16px 54px} .tops_plus_prestige .agree_golf_booking .accordion_body.type01 em{display:block; padding-top:10px} .tops_plus_prestige .btn_golf_booking{padding-top:50px; text-align:center} .tops_plus_prestige .icon_box {background-size:50px} .tops_plus_prestige .icon_box.icon01 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon01.png') no-repeat} .tops_plus_prestige .icon_box.icon02 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon02.png') no-repeat} .tops_plus_prestige .icon_box.icon03 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon03.png') no-repeat} .tops_plus_prestige .icon_box.icon04 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon04.png') no-repeat} .tops_plus_prestige .icon_box.icon05 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon05.png') no-repeat} .tops_plus_prestige .icon_box.icon06 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon06.png') no-repeat} .tops_plus_prestige .icon_box.icon07 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon07.png') no-repeat} .tops_plus_prestige .icon_box.hana_icon01 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon01.png') no-repeat} .tops_plus_prestige .icon_box.hana_icon02 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon02.png') no-repeat} .tops_plus_prestige .icon_box.hana_icon03 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon03.png') no-repeat} .mytops_wrap .tooltip_link.color_black{position:relative; display:inline-block; padding-right:25px; font-weight:700} .mytops_wrap .tooltip_link.color_black::after{content:""; position:absolute; right:0px; top:1px; display:block;width:18px;height:18px;font-weight:700;line-height:18px;color:#fff;text-align:center;background:url('/pconts/images/contents/topsclub/tops_ico_popup.png') no-repeat center;box-sizing:border-box;text-indent:0} .mytops_service .finance_service .mytops_sublink .text_link, .mytops_service .premium_service .mytops_sublink .text_link{position:relative; font-size:18px; color:#333; font-weight:700} .mytops_sublink{ margin-bottom:10px; font-size:18px; color:#333; font-weight:700} .mytops_sublink .text_link::before{top:3px} .mytops_sublink .text_link::after{top:9px} .mytops_wrap .df_list_wrap .df_list .item_wrap{position:relative; width:25%; border-right:1px solid #ddd} .mytops_wrap .df_list_wrap .df_list .item_wrap:last-child{border:none} .mytops_wrap .df_list_wrap.single .df_list .item{width:auto; float:none; display:block; padding:0; text-align:center} .mytops_wrap .df_list_wrap{padding:30px 0} .mytops_wrap .df_list_wrap.single .df_list .item.con{font-size:18px; color:#333; margin-top:10px} .mytops_wrap .head_title{padding-top:30px} .mytops_wrap .card_activity .card_activity_chart .chrt_position .complete_body.ani_ico{right:25px} .mytops_wrap .card_activity .card_activity_chart .chrt_position .jumpUp{right:-100px} .mytops_wrap .complete_body.ani_ico.img03::before{margin-top:-140px} .table_tit .won_txt{float:right; margin-top:10px; font-size:15px; color:#111} .table_wrap.gap20 + .marker_refer.table_bot_txt{margin-top:0; font-size:13px} @media only screen and (max-width:1100px) { .table_both_area {display:block} .table_both_area > div.left, .table_both_area > div.right {width:100%} .table_both_area .ar {width:100%;height:50px} .table_both_area .ar .ar_area {display:block; width:100%; height:100%; text-align:center; background:url(/pconts/images/contents/topsclub/guide/bg_faq_m.png) no-repeat 50% 21px / 20px auto} .table_both_area .ar .ar_area > span {display:inline-block;width:100%; text-align:center} .topsgrad_wrap {display:block; padding:20px 0} .topsgrad_wrap .gradeinfo {flex:inherit; margin:0} .topsgrad_wrap .gradeinfo .calc_view dl {width:100px; height:100px} .topsgrad_wrap .gradeinfo .calc_view dl dt {font-size:1.3rem; padding-top:27px} .topsgrad_wrap .gradeinfo .calc_view dl dd {font-size:2.0rem} .topsgrad_wrap .gradeinfo .calc_view dl + dl {margin-left:40px} .topsgrad_wrap .gradeinfo .calc_txt {width:100%; padding-bottom:25px} .topsgrad_wrap .gradeview {flex:inherit; margin:25px 0px}    .myshgrade_wrap .myshgrade_info {padding:20px 50px 20px 30px} .myshgrade_wrap .myshgrade_info .title {font-size:1.5rem} .myshgrade_wrap .myshgrade_info .txt {font-size:1.3rem} .myshgrade_wrap .detail_toggle {right:13px; top:35px} .myshgrade_chart_list {width:100%; margin:0; padding:20px 30px 0 0px} .myshgrade_bar dt {font-size:15px} .pluse_target > a {width:auto; text-align:left; background-position-x:calc(100% + 70px)} .pluse_target > a span {margin:15px 0 0 40px; font-size:15px; width:180px; line-height:1.3} .pluse_target > a span::after {right:24px; top:24px} .card_activity_wrap {margin:40px 0 30px 0} .card_activity_wrap .crown_message {padding-top:10px} .crown_message dl {padding-left:25px} .crown_message dl::before {width:20px; height:20px; top:3px} .crown_message dt, .crown_message dd, .crown_message p {font-size:1.5rem} .crown_message p .point {font-size:2.6rem} .card_activity .card_activity_chart {display:table; position:relative; width:100%; height:10px; margin:0 auto; padding:0; background-color:#ddd; border-radius:8px} .card_activity .card_activity_chart .chrt_position {min-width:5%; height:10px} .card_activity .card_activity_chart .chrt_position .complete_body.ani_ico::before {margin-top:-120px} .card_activity_wrap .card_activity {padding:150px 0 50px 0} .card_activity ol {width:100%} .card_activity ol li {height:10px} .card_activity ol li span strong {margin: 0 -5px} .card_activity ol li.gn01 {width:20%; border-radius:5px 0 0 5px; left:0px} .card_activity ol li.gn04 {width:20%; border-radius:0 5px 5px 0} .card_activity ol li span { top:20px; text-align:center; font-size:1.3rem} .card_activity ol li::before {position:absolute; left:calc(50% - 25px); top:-70px; width:49px; height:49px} .card_activity ol li::after {left:calc(50% - 11px); top:-8px; width:22px; height:22px; border:solid #ddd 5px}      .grade_activity_my .accordion_body {padding:20px 0} .grade_activity_my .detail_list {width:100%} .grade_activity_my .detail_list dl {width:33.33%} .grade_activity_my .detail_list dl::before {width:60px; height:60px; background-size:40px auto}   .grade_activity_my .detail_list dt {height:36px} .grade_activity_my .detail_list dt p {font-size:1.5rem} .grade_activity_my .detail_list dt p span {font-size:1.3rem} .grade_activity_my .btn_wrap {padding:0 20px} .grade_active_next .accordion_body {padding:20px 0} .grade_active_next .h_wrap {padding:0 20px} .grid_wrap .active_group.card, .grid_wrap .active_group.finance {width:100%} .grid_wrap .active_group.benefit {margin-top:0} .active_detail dl {width:33.33%; padding:80px 0 0 0; margin-bottom:20px; text-align:center; min-height:150px} .benefit .active_detail dl {min-height:150px} .active_detail dl dt {height:40px; font-size:1.3rem; line-height:1.3} .active_detail dl dd.point {left:calc(50% - 35px); width:70px; height:70px; border-radius:35px; line-height:70px; font-size:1.3rem} .active_group.finance .active_detail dl + dl {margin-left:0px} .active_group.benefit .active_detail dl + dl {margin-left:0px} .grid_wrap+ .btn_wrap {margin-top:0; padding:0 10px} .mytops_service {display:block;; margin:40px 0 30px 0} .mytops_service .finance_service {width:100%} .mytops_service .premium_service {margin-top:30px; width:100%; margin-left:0px} .mytops_service .premium_service .btn_wrap button {margin-top:7px} .line_type0 {line-height:1.3} .grade_list li {width:100%; margin-right:0; margin-bottom:20px; padding:30px 10px 20px 115px} .grade_list li:last-child {margin-bottom:0} .check_wrap .check_default.mob_gap {margin-bottom:16px} .check_wrap .check_default.mob_gap:last-of-type {margin-bottom:0} .topsclub_premium_swiper [class^='nav-button'] {width:23px; height:30px} .topsclub_premium_swiper [class^='nav-button']::before {width:12px; height:12px; border-width:2px 2px 0 0} .topsclub_premium_swiper .nav-button-prev::before {left:8px; top:8px} .topsclub_premium_swiper .nav-button-next::before {left:4px; top:8px} .topsclub_premium_swiper .swiper-controls {bottom:0} .topsclub_premium_swiper .swiper-pagination-fraction {width:50px} .topsclub_premium_swiper .swiper-pagination-fraction span {line-height:21px; font-size:13px} .premium_special .swiper-pagination {width:100%}   .premiumCoupon .list_group .list_headnote01 {padding-bottom:5px} .premiumCoupon .list_group .list_headnote01 .left_area .count{top:0} .premium_coupon_list ul {margin:0 -5px} .premium_coupon_list li {width:100%; height:145px; float:none; padding: 4px 0 6px 0; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon01_m.png') no-repeat; background-size: calc(100% - 70px) 145px} .premium_coupon_list li > a, .premium_coupon_list li .pr_list_area {display:block; width:calc(100% - 70px);padding:20px 0 0 17px}    .premium_coupon_list li:nth-child(2n){margin-left: 0} .premium_coupon_list li:nth-child(n+3){margin-top: 0} .premium_coupon_list li+li {margin-top: 5px} .premium_coupon_list .coupon_conts figure {width:95px} .premium_coupon_list .coupon_conts figure img {width:95px; height:95px} .premium_coupon_list .coupon_conts .txt_area {left:110px; top:0; width:calc(100% - 95px)} .premium_coupon_list .coupon_conts .txt_area strong {font-size:15px} .premium_coupon_list .coupon_conts .txt_area p {margin:0 0 5px 0; font-size:15px} .premium_coupon_list .coupon_conts .txt_area span {font-size:13px} .premium_coupon_list .coupon_down {width:70px; height:145px; margin-top:-4px; background: url('/pconts/images/contents/topsclub/coupon/bg_coupon02_m.png') no-repeat right top; background-size:70px 145px} .premium_coupon_list .coupon_down .button_type > button, .premium_coupon_list .coupon_down .button_type > a {width:25px; height:25px} .premiumCoupon.ly_inner {padding:0px} .premiumCoupon.ly_inner .ly_inner {padding:0 20px} .premium_coupon_detail {margin-bottom:30px} .premium_coupon_detail .topsclub_premium_swiper {float:inherit; width:100%} .premium_coupon_detail .coupon_detail_list {float:inherit; width:100%; margin-top:30px;  padding:0 20px} .premium_coupon_detail .btn_wrap {position:fixed} .premium_coupon_detail .btn_wrap button, .premium_coupon_detail .level_benefit {position: static}   .premium_coupon.complete_body .big_txt {font-size:24px} .premium_special_topTxt{font-size:20px} .topsService.ly_inner.expend_wrap {padding:30px 20px} .topsService .service_list li {width:100%; min-height:150px; padding:20px 30px 20px 140px} .topsService .service_list li::before {top:35px; width:96px; height:96px; background-size:auto 96px} .topsService .service_list li .tit {font-size:15px} .topsService .service_list li .tit + .txt {margin-bottom:5px} .topsService .service_list li .tit + .btn_wrap {margin-top:10px} .topsService .service_list li .btn_wrap .btn + .btn {margin-top:5px} .tops_service_wrap.tops_plus_prestige .plus_service{padding-bottom:20px} .swiper_topsTheme .swiper-wrapper {margin:0 -10px} .swiper_topsTheme .swiper-wrapper li a {width:auto; height:153px; margin:0 5px; background-size: 100% 100%} .swiper_topsTheme .swiper-wrapper li.only a{background-size: 100% auto;background-position:50% 50%} .pop_myCoupon_detail .coupon_cont .info {margin-top:-6px} .list_cardType.tops_plus_main{padding-top:25px} .list_cardType.tops_plus_main li{flex-basis:100%} .list_cardType.tops_plus_main li .item{padding:20px 16px} .list_cardType.tops_plus_main li .item .plus_icon{width:95px; height:95px} .list_cardType.tops_plus_main li .item .plus_detail{padding-left:15px} .list_cardType.tops_plus_main li .item .plus_detail .plus_tit{padding-top:0; padding-bottom:7px; font-size:15px} .list_cardType.tops_plus_main li .item .plus_detail .plus_txt{font-size:15px} .tops_plus_prestige .cont_sub_wrap + .cont_sub_wrap{margin-top:35px} .tops_plus_prestige .plus_service{display:block; width:100%; padding-bottom:40px} .tops_plus_prestige .plus_service .img{width:100%; height:auto; margin-bottom:30px} .tops_plus_prestige .plus_service .detail{padding:0 20px} .tops_plus_prestige .plus_service .detail .tit{padding-bottom:15px} .tops_plus_prestige .plus_service .detail .btn_wrap{position:static; padding-top:10px} .tops_plus_prestige .plus_service .detail .btn_wrap.m_fixed{position:fixed; left:0; padding-top:0} .tops_plus_prestige .plus_service .detail .btn_wrap .btn_outlink{width:auto} .tops_plus_prestige .plus_service .detail .btn_wrap .btn:first-child{margin-bottom:7px} .tops_plus_prestige .plus_service .detail .btn_sns {right:20px} .tops_plus_prestige .agree_golf_booking{margin-bottom:30px; padding:20px} .tops_plus_prestige .btn_golf_booking{padding-top:30px; text-align:left} .tops_plus_prestige .icon_box.icon01 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon01.png') no-repeat} .tops_plus_prestige .icon_box.icon02 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon02.png') no-repeat} .tops_plus_prestige .icon_box.icon03 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon03.png') no-repeat} .tops_plus_prestige .icon_box.icon04 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon04.png') no-repeat} .tops_plus_prestige .icon_box.icon05 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon05.png') no-repeat} .tops_plus_prestige .icon_box.icon06 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon06.png') no-repeat} .tops_plus_prestige .icon_box.icon07 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon07.png') no-repeat} .tops_plus_prestige .icon_list.step > li .icon_box {background-size:contain} .topsClub_service .h_wrap .h_title{font-size:1.8rem} .topsClub_service .btn_cont .btn.default{width:49%; height:55px; line-height:55px; min-width:auto; padding:0 15px} .topsClub_service .btn_cont .btn.default + .btn.default{font-size:15px} .topsClub_service .btn_cont .btn.default + .btn.default:after{top:-1px} .topsClub_service .btn_cont .btn.default:after{right:5px} .topsClub_service .content_heading .text_area{margin-bottom:30px} .topsClub_service .cert_merit ul li{height:187px; padding-top:110px} .topsClub_service .cert_merit.two_cert_merit ul li{width:100%} .topsClub_service .content_heading .title .head_mid_txt{font-size:30px} .topsClub_service .content_heading .title .head_bot_txt{font-size:30px} .topsClub_service .content_well .ly_inner .cert_merit ul li .merit{background-size:40px}   .tops_complepte .complete_body.type01{padding-top:102px; background-position:50% 0} .tops_thema_wrap .coupon_conts .ckag_box{padding-top:10px} .tops_thema_wrap .coupon_conts .txt_area p{margin:0} .tops_thema_wrap .coupon_conts .ckag_box .premium{width:57px; padding:0} .tops_service_wrap .topsService > .service_list li{min-height:170px} .tops_service_wrap .topsService > .service_list li:nth-child(even){margin-left:0; min-height:170px; padding-top:35px} .tops_service_wrap .topsService .sr_list{padding:15px 50px 10px 140px} .tops_service_wrap .topsService .txt > span{display:block} .tops_service_wrap .topsService .ct_list{padding:35px 30px 20px 140px} .tops_service_wrap .topsService > .service_list li:nth-child(3)::before{top:70px} .tops_service_wrap .topsService > .service_list li:last-child{padding-top:30px} .tops_plus_wrap .location_img img{width:100%} .mytops_service .finance_service .mytops_sublink .text_link, .mytops_service .premium_service .mytops_sublink .text_link{font-size:16px} .mytops_sublink .text_link::before{top:1px} .mytops_sublink .text_link::after{top:7px} .mytops_wrap .df_list_wrap .df_list .item_wrap{width:100%} .mytops_wrap .df_list_wrap.single .df_list .item{float:left} .mytops_wrap .df_list_wrap.single .df_list .item.con{margin-top:0; float:right; text-align:right; font-size:15px; font-weight:700} .mytops_wrap .df_list_wrap .df_list .item_wrap{border:none} .mytops_wrap .df_list_wrap .df_list .item_wrap + .item_wrap{margin-top:10px} .mytops_wrap .df_list_wrap{padding:15px 10px} .mytops_wrap .active_detail{margin:-20px 0 0 0} .mytops_wrap .active_detail dl{margin:20px 0 0 0} .mytops_wrap .btn_wrap.align_r{margin-top:20px} .mytops_wrap .active_group.finance dl, .mytops_wrap .active_group.card dl{min-height:130px} .mytops_wrap .pluse_target > a span{margin:15px 0 0 25px} .mytops_service .marker_dot + p{margin-top:20px} .special_txt, .premium_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt{margin-left:3px; width:72px; padding:0} .tab_wrap .tab_cont.current .table_tit .won_txt{display:block; float:none; margin:0 0 15px 0} .tab_wrap .tab_cont.current .table_tit .h_title24{margin-bottom:10px} .table_wrap.gap20 + .marker_refer.table_bot_txt{margin-top:-10px} } @media only screen and (max-width:854px) { .premium_special {width:100%} .premium_special .swiper-container {overflow:visible} .premium_special .swiper-slide .coupon_cont strong {font-size:15px; height:44px} .premium_special .btnNav_left {left:0px} .premium_special .btnNav_right {right:0px} .ex_check .check_on, .ex_check .check_off {margin:5px 0px}    .card_activity .tooltip.pcuse {display:none} .premium_coupon_list .coupon_conts .txt_area strong {max-width:80%} .premium_coupon_list .coupon_conts .txt_area p {max-width:80%} } @media only screen and (max-width:375px) { .insti_graph img {width:100%} .grade_graph img {width:100%}     .premium_coupon_list .coupon_conts .txt_area strong {max-width:150px} .premium_coupon_list .coupon_conts .txt_area p {max-width:150px} .tops_thema_wrap .coupon_conts .ckag_box .premium{margin-left:0} } .main_index #header .header_inner {position:relative; z-index:50} .main_index #header .header_top {border-bottom-color:transparent; background-color:rgba(0,0,0,0.2)} .main_index #header .inside_heading > ul:nth-of-type(1) {border-right-color:rgba(255,255,255,0.15)} .main_index #header .inside_heading .dep1 li:not(:last-child):after {background-color:rgba(255,255,255,0.1)} .main_index #header .inside_heading .dep1 li, .main_index #header .inside_heading .dep2 .dropdown {color:rgba(255,255,255,0.5)} .main_index #header .inside_body .login_area .btn_pro:before, .main_index #header .inside_body .login_area .btn_logout:before, .main_index #header .inside_body .logout_area a:not(:first-child):before {background-color:rgba(255,255,255,0.1)} .main_index #header .inside_body .logout_area, .main_index #header .inside_body .login_area .user_text, .main_index #header .inside_body .login_area .timer, .main_index #header .inside_body .login_area {color:rgba(255,255,255,0.5)} .main_index #header .inside_body .login_area .btn_logout span {background-image:url(/pconts/images/main/index/ico_out.png)} .main_index #header .inside_body .login_area .underline:after {background-color:rgba(255,255,255,0.5)} .main_index #header .inside_body .login_area .timer {background-image:url(/pconts/images/main/index/ico_clock.png)} .main_index #header .btn_ico_all_menu .top, .main_index #header .btn_ico_all_menu .middle, .main_index #header .btn_ico_all_menu .bottom {background-color:#fff} .main_index #header .gnb_wrap:before, .main_index #header .gnb_wrap:after {display:none} .main_index #header .header_body {padding-top:33px; height:auto; transition:all 0.3s ease} .main_index #header .header_body .body_inner {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; height:88px; -ms-flex-wrap:wrap; flex-wrap:wrap; z-index:10; } .main_index #header .header_body .head_title {margin-top:-8px} .main_index #header .header_body .head_title .inside_title a {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative} .main_index #header .header_body .util_mobile {display:none} .main_index #header .header_body .util_wrap {margin-top:0} .main_index #header .header_body .util_wrap .login_area, .main_index #header .header_body .util_wrap .logout_area {display:none} .main_index #header .header_body .util_wrap {float:none; margin-left:auto} .main_index #header .inside_heading .dep2 .dropdown:after {background-image:url(/pconts/images/main/index/top_dropdown_down_main.png)} .main_index #header.is_scrolled .header_body {padding-top:0} .main_index #container {padding-top:0px} .main_index #header {background-color:transparent} .main_index #header .header_inner {background-color:transparent} .main_index #header .headerBg {opacity:0; position:absolute; left:0; top:0; bottom:0; right:0;transition:opacity 0.5s ease} .main_index #header .headerBg.bg_1 {background:linear-gradient(135deg, #3a60c2, #66beac)} .main_index #header .headerBg {z-index:1} .main_index #header .headerBg.is_active {opacity:1} .main_index #header .header_body .headerBg {z-index:49; display:none} .main_index #header.is_gnbOpend .header_body .headerBg_wrap {z-index:45} .main_index .main_quick .icon_box.icon01 {background-image:url(/pconts/images/main/index/ico_icon01.png)} .main_index .main_quick .icon_box.icon02 {background-image:url(/pconts/images/main/index/ico_icon02.png)} .main_index .main_quick .icon_box.icon03 {background-image:url(/pconts/images/main/index/ico_icon03.png)} .main_index .main_quick .icon_box.icon04 {background-image:url(/pconts/images/main/index/ico_icon04.png)} .main_index .main_quick .icon_box.icon05 {background-image:url(/pconts/images/main/index/ico_icon05.png)} .main_index .main_quick .icon_box.icon06 {background-image:url(/pconts/images/main/index/ico_icon06.png)} .main_index .main_quick .icon_box.icon07 {background-image:url(/pconts/images/main/index/ico_icon07.png)} .main_index .main_quick .icon_box.icon08 {background-image:url(/pconts/images/main/index/ico_icon08.png)} .main_index .main_quick .icon_box.icon09 {background-image:url(/pconts/images/main/index/ico_icon09.png)} .main_index .main_quick .icon_box.icon10 {background-image:url(/pconts/images/main/index/ico_icon10.png)} .main_index .main_quick .icon_box.icon11 {background-image:url(/pconts/images/main/index/ico_icon11.png)} .main_index .main_quick .icon_box.icon12 {background-image:url(/pconts/images/main/index/ico_icon12.png)} .main_index .main_quick .icon_box.icon13 {background-image:url(/pconts/images/main/index/ico_icon13.png)} .main_index .main_quick .icon_box.icon14 {background-image:url(/pconts/images/main/index/ico_icon14.png)} .main_index .main_quick .icon_box.icon15 {background-image:url(/pconts/images/main/index/ico_icon15.png)} .main_index .main_quick .icon_box.icon16 {background-image:url(/pconts/images/main/index/ico_icon16.png)} .main_index .main_quick .icon_box.icon17 {background-image:url(/pconts/images/main/index/ico_icon17.png)} .main_index .main_quick .icon_box.icon18 {background-image:url(/pconts/images/main/index/ico_icon18.png)} .main_index .main_quick .icon_box.icon19 {background-image:url(/pconts/images/main/index/ico_icon19.png)} .main_index .main_quick .icon_box.icon20 {background-image:url(/pconts/images/main/index/ico_icon20.png)} .main_index .main_quick .icon_box.icon21 {background-image:url(/pconts/images/main/index/ico_icon21.png)} .main_index .main_quick .icon_box.icon22 {background-image:url(/pconts/images/main/index/ico_icon22.png)} .main_index .main_quick .icon_box.icon23 {background-image:url(/pconts/images/main/index/ico_icon23.png)} .main_index .main_quick .icon_box.icon24 {background-image:url(/pconts/images/main/index/ico_icon24.png)} .main_index .main_quick .icon_box.icon25 {background-image:url(/pconts/images/main/index/ico_icon25.png)} .main_index .main_quick .icon_box.icon26 {background-image:url(/pconts/images/main/index/ico_icon26.png)} .main_index .main_quick .icon_box.icon27 {background-image:url(/pconts/images/main/index/ico_icon27.png)} .main_index .main_quick .icon_box.icon28 {background-image:url(/pconts/images/main/index/ico_icon28.png)} .main_index .main_quick .icon_box.icon29 {background-image:url(/pconts/images/main/index/ico_icon29.png)} .main_index .bg01 .dim {position:fixed;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-999;overflow:hidden;background-color:rgba(0,0,0,0.2)} .main_index .bg01 video{position:fixed;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1000;overflow:hidden} .main_index #container {background-color:transparent} .main_index .ly_inner {width:1080px} .main_index #header {width:100%} .main_index #header .gnb_linkbar {width:100%;height:38px;background-color:rgba(0,0,0,0.2)} .main_index #header .gnb_linkbar ul {position:absolute;right:0} .main_index #header .gnb_linkbar ul li {float:left;height:38px;line-height:38px} .main_index #header .gnb_linkbar ul li a.line:after {content:'';position:absolute;top:12px;right:0;display:inline-block;width:1px;height:14px;background-color:rgba(255,255,255,0.15)} .main_index #header .gnb_linkbar ul li:last-child a {display:inline-block;padding:0 20px;border-left:1px solid rgba(255,255,255,0.15);border-right:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.4)} .main_index #header .gnb_wrap {position:relative;margin:0 0 0 84px} .main_index #header .gnb_wrap .nav_area {width:auto} .main_index #header .gnb_wrap .nav_area .dep1 {width:auto} .main_index #header .gnb_wrap .nav_area .dep1 > li {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; width:auto} .main_index #header .gnb_wrap .nav_area .dep1 > li > a {display:block;position:relative;font-size:20px} .main_index #header .gnb_wrap .nav_area:before {display:none} .main_index #header .gnb_wrap .nav_area .allmenu_group {top:140px} .main_index #header .gnb_wrap .nav_area .allmenu_scroll {margin-top:21px; border-top:0} .main_index #header.is_scrolled .gnb_wrap .nav_area .allmenu_group {top:110px} .main_index #header .gnb_wrap .all_menu img {width:24px;height:22px !important;margin-top:2px} .main_index #header .gnb_wrap .gnb {width:100%} .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container {position:relative;width:100%;height:100%} .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%} .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper .swiper-slide {display:inline-block;width:auto;margin-right:40px;position:relative} .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper .swiper-slide:last-child {margin-right:0} .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-button-prev {display:none} .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-button-next {display:none} .main_index #header .gnb_wrap .gnb ul li a {display:block;font-weight:700;font-size:20px;color:#fff;line-height:1} .main_index #header .gnb_wrap .gnb_member {position:absolute;right:0;top:-10px;z-index:2} .main_index #header .gnb_wrap .gnb_member ul li {float:left} .main_index #header .gnb_wrap .gnb_member ul li a {display:block;padding:0 5px;text-align:center} .main_index #header .gnb_wrap .gnb_member ul li a img {height:100%} .main_index #header .gnb_wrap .gnb_member ul li a span {display:block;margin-top:5px;font-size:13px;color:#fff} .main_index #header .gnb_wrap .swiper-button-prev, .main_index #header .gnb_wrap .swiper-button-next {display:none} .main_index #header .main_con .gnb_wrap {display:none} .main_index h1.logo {margin-bottom:35px;text-align:center} .main_index h1.logo a {display:inline-block} .main_index h1.logo a img {width:100%;vertical-align:top} .main_index .main_con {position:relative; z-index:9} .main_index .main_con .main_search .input_wrap {position:relative;width:600px;margin:0 auto;border-bottom:2px solid #fff} .main_index .main_con .main_search .input_wrap label {display:block} .main_index .main_con .main_search .input_wrap input {height:52px;line-height:52px;padding:0 0 0 33px;border:0;background-color:transparent;font-size:20px;color:#fff} .main_index .main_con .main_search .input_wrap input:focus {padding-left:33px} .main_index .main_con .main_search .input_wrap input::placeholder{font-size:20px;color:rgba(255,255,255,0.3);line-height:52px} .main_index .main_con .main_search .input_wrap input::-webkit-input-placeholder{font-size:20px;color:rgba(255,255,255,0.3);line-height:52px} .main_index .main_con .main_search .input_wrap input::-moz-placeholder{font-size:20px;color:rgba(255,255,255,0.3);line-height:52px} .main_index .main_con .main_search .input_wrap input:-moz-placeholder{font-size:20px;color:rgba(255,255,255,0.3);line-height:52px} .main_index .main_con .main_search .input_wrap input::-ms-input-placeholde{font-size:20px;color:rgba(255,255,255,0.3);line-height:52px} .main_index .main_con .main_search .input_wrap input:-ms-input-placeholder{font-size:20px;color:rgba(255,255,255,0.3);line-height:52px} .main_index .main_con .main_search .input_wrap .search_btn {position:absolute;top:15px;left:0;height:24px;width:24px} .main_index .main_con .main_search .input_wrap .search_btn img {width:100%; vertical-align:top} .main_index .main_con .main_search .input_wrap .link_bnr {display:inline-block; position:absolute; right:0; top:-5px; width:60px; height:60px; box-shadow:10px 10px 30px 0 rgba(0,0,0,0.2); border-radius:50%} .main_index .main_con .main_search .input_wrap .link_bnr img {width:100%; height:100%} .main_index .main_con .main_search .input_wrap.mo_only {display:none} .main_index .main_con .main_search_word {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:600px;overflow:hidden;margin:-5px auto;padding:12px 0 10px;text-align:center} .main_index .main_con .main_search_word li {position:relative;display:inline-block;margin:3px;padding-right:2px;font-size:15px;color:#fff;line-height:1} .main_index .main_con .main_search_word li:last-child {padding-right:0} .main_index .main_con .main_search_word li a {display:block;padding:8px 13px 7px;border:1px solid rgba(255,255,255,0.5);border-radius:34px} .main_index .main_banner {position:absolute;bottom:0;width:100%} .main_index .main_banner .banner_area{position:relative; width:670px;margin:0 auto; padding:0} .main_index .main_banner .slide_wrap .swiper-slide {opacity:0 !important;transition:opacity 0.5s ease} .main_index .main_banner .slide_wrap .swiper-slide-active {opacity:1 !important} .main_index .main_banner .slide_wrap .swiper-slide a.item {display:block;position:relative;height:198px} .main_index .main_banner .slide_wrap .swiper-slide a.item p {position:absolute;top:50px;left:48px} .main_index .main_banner .slide_wrap .swiper-slide a.item p strong {display:block;font-size:26px;color:#fff} .main_index .main_banner .slide_wrap .swiper-slide a.item p span {display:block;position:relative;font-size:14px;color:#fff} .main_index .main_banner .slide_wrap .bg01 {background:url(/pconts/images/main/index/main_banner1.png) no-repeat 0 bottom; background-size:100%} .main_index .main_banner .slide_wrap .bg02 {background:url(/pconts/images/main/index/main_banner2.png) no-repeat 0 bottom; background-size:100%} .main_index .main_banner .slide_wrap .bg03 {background:url(/pconts/images/main/index/main_banner3.png) no-repeat 0 bottom; background-size:100%} .main_index .main_banner .slide_wrap [class^='nav-button'] {position:absolute;top:50%;display:block;width:30px;height:30px;margin-top:-15px;z-index:10;overflow:hidden} .main_index .main_banner .slide_wrap [class^='nav-button']::before {content:'';position:absolute;top:7px;left:4px;width:15px;height:15px;border-width:1px 1px 0 0;border-color:#fff;border-style:solid} .main_index .main_banner .slide_wrap .nav-button-prev {left:-30px} .main_index .main_banner .slide_wrap .nav-button-prev::before {left:11px;transform:rotate(-135deg)} .main_index .main_banner .slide_wrap .nav-button-next {right:-30px} .main_index .main_banner .slide_wrap .nav-button-next::before {transform:rotate(45deg)} .main_index .main_banner .slide_wrap .nav-button-next.swiper-button-disabled {opacity:0.5; pointer-events:none} .main_index .main_banner .slide_wrap .swiper-pagination-fraction {width:28px;bottom:30px;left:47px;font-size:13px;color:#fff;letter-spacing:-1px} .main_index .main_banner .slide_wrap .swiper-button-pause {position:absolute;bottom:30px;left:80px;display:block;width:20px;height:20px;z-index:10;overflow:hidden} .main_index .main_banner .slide_wrap .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#fff;border-style:solid} .main_index .main_quick {background-color:#fff} .main_index .main_quick .icon_list.favorite {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:140px; margin:0 -10px; padding:0} .main_index .main_quick .icon_list.favorite > li {width:100px; margin:0} .main_index .main_quick .icon_list.favorite > li .icon_box {background-position:center 15px; background-size:44px auto} .main_index .main_quick .icon_list.favorite > li .icon_box:focus, .main_index .main_quick .icon_list.favorite > li .icon_box:hover {background-position:center -117px} .main_index .main_quick .icon_list.favorite > li .icon_box .icon_name {padding-top:68px; font-size:15px; padding-bottom:16px} .main_index .main_graybox {width:100%;background-color:#f4f5f8} .main_index .col02 {display:-webkit-flex; display:-ms-flexbox; display:flex} .main_index .col02 > li {position:relative;width:50%} .main_index .main_graybox .col02 > li::after {content:'';position:absolute;top:48px;right:0;display:block;width:1px;height:63px;background-color:#e0e0e0} .main_index .main_graybox .col02 > li:last-child::after {display:none} .main_index .footer .footer_inner {max-width:1080px} .main_index .footer .number_wrap ul li {margin-right:50px} .main_index .btn_wrap.btn_main {margin-top:0px;text-align:right} .main_index .btn_wrap.btn_main .btn_line_blue {border:1px solid #086ac5; background-color:#fff; color:#086ac5; padding:13px 30px 12px;border-color:#4868eb;border-radius:3px;font-weight:700;font-size:13px;color:#333;box-shadow:0 4px 20px rgba(0,0,0,0.1); text-align:center} .main_index .btn_wrap.btn_main .btn_line_blue.btn_arrow + button {margin-left:10px} .main_index .btn_wrap.btn_main .btn_line_blue.btn_arrow::after {content:'>';padding-left:8px} .main_index .btn_wrap.btn_main::after {display:none} .main_index .contents {padding-bottom:0} .main_index .main_graybox {width:100%;background-color:#f7f7f9} .main_index .main_box .tit {padding:40px 0 0;font-size:28px;color:#333;line-height:1} .main_index .main_box + .main_box {margin-bottom:90px} .main_index .main_box + .main_box .tit {margin-top:35px} .main_index .btn_main {margin-top:20px;text-align:right} .main_index .btn_main .btn_line_blue {padding:14px 30px;border-color:#4868eb;border-radius:3px;font-weight:700;font-size:13px;color:#333;box-shadow:0 4px 20px rgba(0,0,0,0.1)} .main_index .btn_main .btn_line_blue.btn_arrow + button {margin-left:10px} .main_index .btn_main .btn_line_blue.btn_arrow::after {content:'>';padding-left:8px} .main_index .main_quick_wrap {background-color:#fff} .main_index .main_quick_wrap .icon_list.type01 {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:140px; margin:0 -10px} .main_index .main_quick_wrap .icon_list.type01 > li {padding:0 10px; margin:0} .main_index .main_quick_wrap .icon_list.type01 > li .icon_box .icon_name {padding-top:67px; font-size:13px} .main_index .main_card_wrap {position:relative; margin-top:7px} .main_index .main_card_wrap .swiper-container {padding:17px 0 16px; margin:-7px -41px 0} .msie .main_index .main_card_wrap .swiper-container {margin:-7px -41px 0 -43px} .main_index .main_card_wrap .nav-button-prev, .main_index .main_card_wrap .nav-button-next {position:absolute;top:140px; left:0;display:block;overflow:hidden;width:40px; height:40px; background:rgba(0,0,0,0.5);margin-top:-15px;z-index:10;overflow:hidden;background-image:none} .main_index .main_card_wrap .nav-button-next {left:auto; right:1px} .main_index .main_card_wrap .nav-button-prev::before, .main_index .main_card_wrap .nav-button-next::before {content:'';position:absolute;top:13px;left:9px;width:15px;height:15px;border-top:1px solid #fff; border-right:1px solid #fff;transform:rotate(45deg)} .main_index .main_card_wrap .nav-button-prev::before {left:16px; transform:rotate(-135deg)} .main_index .main_card_wrap .swiper-button-disabled {opacity:0.5} .main_index .main_card_wrap .swiper-slide {width:20%; text-align:center} .main_index .main_card_wrap .item {display:block} .main_index .main_card_wrap .item p {display:flex; width:149px; height:237px; margin:auto; overflow:hidden; justify-content:center; align-items:center;box-shadow:5px 5px 20px 0 rgba(0,0,0,0.4); border-radius:10px} .main_index .main_card_wrap .item strong {display:block;width:150px; margin:auto; margin-top:17px;font-size:15px;line-height:22px;color:#333;text-align:center} .main_index .main_card_wrap .item span {color:#333} .main_index .main_card_wrap .item img {max-width:238px; max-height:238px} .main_index .main_card_wrap .item img.rotate {transform:rotate(90deg)} .main_index .main_card_wrap .item img.rotate_revert {transform:rotate(270deg)} .msie .main_index .main_card_wrap .item img.rotate {margin-left:-44px} .main_index .main_finance_wrap {position:relative; margin-top:15px; padding:0 2px 25px} .main_index .main_finance_wrap .swiper-container {padding:5px 0 15px; overflow:visible; margin:0 -12px} .main_index .main_finance_wrap .swiper-wrapper:after {content:''; display:block; clear:both} .main_index .main_finance_wrap .swiper-wrapper .swiper-slide {float:left;width:20%;padding:0 10px} .main_index .main_finance_wrap .swiper-wrapper .swiper-slide:last-child {margin-right:0} .main_index .main_finance_wrap .nav-button-prev, .main_index .main_finance_wrap .nav-button-next {position:absolute;top:calc(290px / 2); left:0;display:block;overflow:hidden;width:40px; height:40px; background:rgba(0,0,0,0.5);margin-top:-15px;z-index:10;overflow:hidden;background-image:none} .main_index .main_finance_wrap .nav-button-next {left:auto; right:0} .main_index .main_finance_wrap .nav-button-prev::before, .main_index .main_finance_wrap .nav-button-next::before {content:'';position:absolute;top:13px;left:9px;width:15px;height:15px;border-top:1px solid #fff; border-right:1px solid #fff;transform:rotate(45deg)} .main_index .main_finance_wrap .nav-button-prev::before {left:13px; transform:rotate(-135deg)} .main_index .main_finance_wrap .swiper-button-disabled {opacity:0.5} .main_index .main_finance_wrap .item {display:block;height:160px;padding:16px 20px 0px;background-color:#fff;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,0.2)} .main_index .main_finance_wrap .item strong {display:block; font-size:18px;color:#333;line-height:1.4;font-weight:700} .main_index .main_finance_wrap .item span {display:block; font-size:16px;color:#111;line-height:1.4} .main_index .main_finance_wrap .item .img_area {width:56px;height:48px;margin-bottom:16px;text-align:center;line-height:48px} .main_index .main_finance_wrap .item .img_area img {width:50px} .main_index .main_notice_wrap {padding:35px 0; background-color:#fff} .main_index .main_notice li {position:relative; padding:0 30px} .main_index .main_notice li + li:before {content:''; position:absolute; left:0; top:5px; display:block; width:1px; height:52px; background-color:#ddd} .main_index .main_notice p strong {display:block;margin-bottom:14px;font-weight:700;font-size:18px;color:#333} .main_index .main_notice p span {font-size:14px;color:#333} .main_index .main_notice .main_morelink {position:absolute;top:5px;right:30px;padding-right:14px} .main_index .main_notice .main_morelink::after {content:'';display:block;position:absolute;right:2px;top:6px;width:8px;height:8px;border:1px solid #333;border-bottom:none;border-right:none;transform:rotate(135deg)} .SH_submain .expend_wrap.bg_gray {padding:33px 0 60px; background-color:#f7f7f9} .SH_submain .contents {padding-bottom:0; padding-top:10px} hr.division {display:block; position:relative; margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%); margin-top:0px; margin-bottom:0px; padding:0; height:8px; border-top:1px solid #ddd; background-color:#eee; background-color:rgba(238, 238, 238, 1.0)} hr.division::before {content:''; display:block; position:absolute; z-index:0; left:calc(-50vw + 50%); top:0; width:100vw; height:8px} .submain_favorite {width:1080px; margin:0 auto} .submain_favorite .tit_wrap {margin-top:25px} .submain_favorite ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end} .submain_favorite li {display:block; width:90px; margin:0 10px; text-align:center} .submain_favorite li a {display:block; width:100%} .submain_favorite li span {display:block; padding-top:50px; font-size:15px; color:#333; line-height:1.3} .submain_favorite .icon_list.favorite {padding:0 0 30px} .submain_favorite .icon_list.favorite .icon_box {background-size:50px auto} .submain_favorite .icon_list.favorite > li .icon_box .icon_name {padding:64px 0 20px;font-size:15px} .submain_grayBox {display:block; width:100%; background:#7a8198; padding:8px 30px 8px 30px; color:#fff; border-radius:5px; margin:15px 0} .submain_grayBox .conts {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .submain_grayBox .txt {display:block; font-size:15px} .submain_grayBox .number {display:inline-block; font-weight:700; font-size:23px; margin-left:10px} .submain_grayBox .number em {margin-left:2px; font-weight:400; font-size:15px} .submain_grayBox button {padding:10px} .submain_grayBox button span {color:#fff; display:inline-block; margin-right:5px} .submain_grayBox button:after {content:''; display:inline-block; width:11px;height:11px; border:solid #fff; border-width:2px 2px 0 0; transform:rotate(45deg)} .submain_mypage .sm_inner{width:1080px;margin:0 auto;padding:46px 0 0} .submain_mypage .sm_inner .left{float:left} .submain_mypage .sm_inner .right{float:right} .submain_mypage .sm_inner .mySub_top .left.accordion_header {width:394px} .submain_mypage .sm_inner .mySub_top .left.accordion_header .icon_preview {position:absolute; left:0; top:0; width:73px; height:73px; overflow:hidden} .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn{display:none;position:absolute;top:31px;right:0;width:37px;height:30px;padding:0;border:none;z-index:9;opacity:0} .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn:after{content:'';position:absolute;top:50%;left:50%;display:block;width:14px;height:14px;margin:-8px 0 0 -10px;border:solid #111;border-width:2px 2px 0 0;transform:rotate(45deg)} .submain_mypage .sm_inner .mySub_top .left.accordion_header .sinceDate {overflow:visible} .submain_mypage .sm_inner .mySub_top .left.accordion_header .sinceDate > span {display:inline-flex; overflow:hidden} .submain_mypage .sm_inner .mySub_top {margin-top:-14px} .submain_mypage .sm_inner .mySub_top .userLevel{color:#111;font-size:28px;line-height:1.2} .submain_mypage .sm_inner .mySub_top .userLevel em{font-weight:700} .submain_mypage .sm_inner .mySub_top .userLevel b{color:#996600;font-weight:400;cursor:pointer} .submain_mypage .sm_inner .mySub_top .userLevel b a {display:inline-block} .submain_mypage .sm_inner .mySub_top .recent_date{display:block;margin-top:3px;color:#999;font-size:13px} .submain_mypage.SH_submain .btn_tooltip{margin-left:2px} .submain_mypage.SH_submain .btn_tooltip span::after{width:18px;height:18px;line-height:19px} .submain_mypage .mySub_top .right{float:left;width:355px;margin-left:45px} .submain_mypage .mySub_top .right.accordion_body{display:block} .submain_mypage .mySub_top .right .barCode{display:none} .submain_mypage .mySub_top .right .links{display:inline-block;width:112px;vertical-align:top} .submain_mypage .mySub_top .right .links button{position:relative;display:block;width:100%;padding:0 14px 0 26px;color:#333;font-size:16px;line-height:32px;text-align:left;margin-bottom:1px} .submain_mypage .mySub_top .right .links button:before{content:'';display:block;position:absolute;top:5px;left:1px;width:18px;height:21px;background:url(/pconts/images/contents/mypage/ico_links.gif) no-repeat} .submain_mypage .mySub_top .right .links button:after{content:'';display:block;position:absolute;top:50%;right:7px;width:8px;height:8px;margin-top:-5px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg)} .submain_mypage .mySub_top .right .links button em{position:relative;display:inline-block;padding-left:3px;color:#4868e1;font-weight:700} .submain_mypage .mySub_top .right .links button.link02:before{background-position:0 -21px} .submain_mypage .mySub_top .right .links button.link03:before{background-position:0 -42px} .submain_mypage .mySub_mid{margin-top:24px} .submain_mypage .mySub_mid .tab_type01{overflow:inherit} .submain_mypage .mySub_mid .tab_wrap{position:relative} .submain_mypage .mySub_mid .tab_wrap::before{content:'';display:block;position:absolute;left:calc(-50vw + 50%);top:0;width:100vw;height:100%;background:#f7f7f9;z-index:0} .submain_mypage .mySub_mid .tab_cont{position:relative;padding:60px 0 50px} .submain_mypage .mySub_mid .tab_cont .inner{padding:45px 50px;background:#fff;border-radius:8px;box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17);-webkit-box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17)} .submain_mypage .mySub_mid .tab_cont .inner .top:after, .mySub_mid .tab_cont .inner .btm:after{content:'';display:block;clear:both} .submain_mypage .mySub_mid .tab_cont .my_amount{position:relative;float:left;width:455px} .submain_mypage .mySub_mid .tab_cont .my_amount + .my_amount{float:right;margin-left:70px} .submain_mypage .mySub_mid .tab_cont .titCont{position:relative;border-bottom:1px solid #ddd;padding-bottom:15px;color:#111;font-size:24px;font-weight:700;line-height:1.3} .submain_mypage .mySub_mid .tab_cont .titCont:after{content:""; display:block; clear:both} .submain_mypage .mySub_mid .tab_cont .titCont .date:after{content:'';position:relative;top:2px;display:inline-block;width:1px;height:12px;background:#ddd;margin-left:7px;margin-right:5px} .submain_mypage .mySub_mid .tab_cont .titCont .standard{position:relative; padding-right:20px; cursor:pointer} .submain_mypage .mySub_mid .tab_cont .titCont .standard:after{content:'';display:block;position:absolute;top:50%;right:10px;width:8px;height:8px;margin-top:-4px;border:solid #666;border-width:1px 1px 0 0;transform:rotate(45deg)} .submain_mypage .mySub_mid .tab_cont a.titCont{display:inline-block;padding-right:20px} .submain_mypage .mySub_mid .tab_cont a.titCont:after{content:'';display:block;position:absolute;top:50%;right:0;width:12px;height:12px;margin-top:-7px;border:solid #4868e1;border-width:2px 2px 0 0;transform:rotate(45deg)} .submain_mypage .mySub_mid .tab_cont .titCont em{position:relative;display:inline-block} .submain_mypage .mySub_mid .tab_cont .titCont em:before{content:'';display:block;position:absolute;bottom:1px;left:0;right:0;height:10px;background:rgba(72, 104, 225, 0.3)} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list{margin-top:17px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li{width:100%;margin-top:16px;line-height:1;text-align:right} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li:after{content:'';display:block;clear:both} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em{float:left;display:inline-block;font-size:16px;font-weight:700;line-height:20px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em{float:left;display:inline-block;font-size:16px;font-weight:700;line-height:20px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em{float:left;display:inline-block;font-size:16px;font-weight:700;line-height:20px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong, .mySub_mid .tab_cont .my_amount .amount_list li > p button{flex:1.2;color:#333;font-size:20px;font-weight:700;text-align:right} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong span i{font-size:20px;font-weight:700} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong span.txt i{font-weight:400} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong span.txt.num i{font-weight:700} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li p strong + span, .mySub_mid .tab_cont .my_amount .amount_list li > p button + span{display:inline-block;padding-left:3px;font-size:18px;font-weight:400} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p{position:relative;display:inline-block} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p button{position:relative;display:inline-block;font-size:20px;font-weight:700} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p button + span{padding-right:17px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li > p button + span:after{content:'';display:block;position:absolute;top:5px;right:3px;width:9px;height:9px;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(45deg)} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong.ing{color:#333;font-size:15px;font-weight:400} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em .btn_tooltip{margin-left:5px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span{display:inline-block;position:relative;padding-left:15px;color:#111;font-size:13px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span:before{content:'';display:block;position:absolute;top:0;left:8px;top:0;width:1px;height:12px;margin-top:4px;background:#ddd} .submain_mypage .mySub_mid .tab_cont .my_amount .btn_cont{margin-top:25px;text-align:center} .submain_mypage .mySub_mid .tab_cont .inner .btn_wrap{margin-top:19px;text-align:center} .submain_mypage .mySub_mid .tab_cont .inner .btn_wrap button{margin-top:8px} .submain_mypage .mySub_mid .tab_cont .inner .btn_wrap .btn + .btn{margin-left:4px} .submain_mypage .mySub_mid .tab_cont .inner .btm{margin-top:45px} .submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .amount_list li em{color:#111} .submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .titCont a:first-child{position:relative; display:inline-block; padding-right:16px; cursor:pointer} .submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .titCont a:first-child:after{content:'';display:block;position:absolute;top:50%;right:0;width:12px;height:12px;margin-top:-6px;border:solid #333;border-width:2px 2px 0 0;transform:rotate(45deg)} .submain_mypage .mySub_mid .tab_cont .my_amount.my_benefit .titCont .standard:after {display:none} .submain_mypage .mySub_mid .tab_cont .titCont .txt{display:block;padding-top:10px;color:#111;font-size:13px;font-weight:400} .submain_mypage .mySub_mid .tab_cont .mycard_usage{float:right;width:455px} .submain_mypage .mySub_mid .tab_cont .my_amount.amount_money .amount_list li em{color:#333;font-weight:700} .submain_mypage .mySub_mid .tab_cont .my_amount.my_limit .titCont a:first-child{position:relative; display:inline-block; padding-right:16px; cursor:pointer} .submain_mypage .mySub_mid .tab_cont .my_amount.my_limit .titCont a:first-child::after{content:'';display:block;position:absolute;top:50%;right:0;width:12px;height:12px;margin-top:-6px;border-top:2px solid #333;border-right:2px solid #333;;transform:rotate(45deg)} .submain_mypage .mySub_mid .tab_cont .my_amount.major_account .titCont a:first-child{position:relative; display:inline-block} .submain_mypage .mySub_mid .tab_cont .my_amount.major_account .titCont a:last-child{position:absolute;top:-2px;right:-4px;z-index:10} .submain_mypage .mySub_mid .tab_cont .titCont .accountInfo{position:relative; display:inline-block; padding-right:20px; font-weight:normal; font-size:15px; color:#111; cursor:pointer} .submain_mypage .mySub_mid .tab_cont .titCont .accountInfo:after{content:'';display:block;position:absolute;top:50%;right:10px;width:10px;height:10px;margin-top:-6px;border-top:1px solid #666;border-right:1px solid #666;transform:rotate(45deg)} .submain_mypage.SH_submain .tab_cont .my_amount.major_account .btn_tooltip{position:absolute; top:10px; left:90px; z-index:10} .submain_mypage .mySub_mid .tab_cont .my_amount.month_list .titCont p:first-child{position:relative; display:inline-block; padding-right:16px; cursor:pointer} .submain_mypage .mySub_mid .tab_cont .my_amount.month_list .titCont p:first-child:after{content:'';display:block;position:absolute;top:50%;right:0;width:12px;height:12px;margin-top:-6px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)} .submain_mypage .mycard_usage .list{padding-top:10px; padding-bottom:10px} .submain_mypage .mycard_usage .list li{position:relative;display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;padding:2px 0 2px 35px;line-height:30px;-webkit-box-align:flex-end; -ms-flex-align:flex-end; align-items:flex-end} .submain_mypage .mycard_usage .list li:before{content:'';display:block;position:absolute;top:50%;left:0;width:27px;height:27px;margin-top:-15px;background-repeat:no-repeat;background-size:contain} .submain_mypage .mycard_usage .list li.category_1:before{background-image:url(/pconts/images/contents/mypage/franchise_category_1.png)} .submain_mypage .mycard_usage .list li.category_2:before{background-image:url(/pconts/images/contents/mypage/franchise_category_2.png)} .submain_mypage .mycard_usage .list li.category_3:before{background-image:url(/pconts/images/contents/mypage/franchise_category_3.png)} .submain_mypage .mycard_usage .list li.category_4:before{background-image:url(/pconts/images/contents/mypage/franchise_category_4.png)} .submain_mypage .mycard_usage .list li.category_5:before{background-image:url(/pconts/images/contents/mypage/franchise_category_5.png)} .submain_mypage .mycard_usage .list li.category_6:before{background-image:url(/pconts/images/contents/mypage/franchise_category_6.png)} .submain_mypage .mycard_usage .list li.category_7:before{background-image:url(/pconts/images/contents/mypage/franchise_category_7.png)} .submain_mypage .mycard_usage .list li.category_8:before{background-image:url(/pconts/images/contents/mypage/franchise_category_8.png)} .submain_mypage .mycard_usage .list li.category_9:before{background-image:url(/pconts/images/contents/mypage/franchise_category_9.png)} .submain_mypage .mycard_usage .list li.category_A:before{background-image:url(/pconts/images/contents/mypage/franchise_category_A.png)} .submain_mypage .mycard_usage .list li.category_B:before{background-image:url(/pconts/images/contents/mypage/franchise_category_B.png)} .submain_mypage .mycard_usage .list li.case02:before{background-position:-32px 0} .submain_mypage .mycard_usage .list li.case03:before{background-position:-64px 0} .submain_mypage .mycard_usage .list li.case04:before{background-position:-96px 0} .submain_mypage .mycard_usage .list li .shop_name{overflow:hidden;flex:2.5;color:#111;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap} .submain_mypage .mycard_usage .list li .right_l{flex:1.7;text-align:right} .submain_mypage .mycard_usage .list li .num{display:inline-block;vertical-align:middle} .submain_mypage .mycard_usage .list li .sum{display:inline-block;min-width:100px;padding-left:14px;color:#111;font-size:20px;font-weight:700;vertical-align:middle} .submain_mypage .mycard_usage .list li .sum + span{display:inline-block;padding-left:3px;font-size:18px;font-weight:400;vertical-align:middle} .submain_mypage .mycard_usage .list + .btn_wrap{margin-top:14px} .submain_mypage .my_advance .mylifmit_info_wrap{margin-top:22px} .submain_mypage .mySub_mid .tab_cont .my_amount.my_loan{margin-top:36px} .submain_mypage .month_list .amount_list + .marker_refer{margin-top:13px;font-size:13px} .submain_mypage .mySub_btm{margin-top:55px;padding:0 50px} .submain_mypage .mySub_btm .recent_list{overflow:hidden;position:relative;z-index:10} .submain_mypage .mySub_btm .recent_list .titCont{border-bottom:0 none; margin-bottom:15px; padding-bottom:0} .submain_mypage .mySub_btm .titCont{position:relative;color:#111;font-size:24px;font-weight:700;line-height:1} .submain_mypage .mySub_btm .titCont{display:inline-block;padding-right:20px;cursor:pointer} .submain_mypage .mySub_btm .titCont a {display:block} .submain_mypage .mySub_btm .titCont a:after{content:'';display:block;position:absolute;top:50%;right:0;width:12px;height:12px;margin-top:-6px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)} .submain_mypage .mySub_btm .titCont + .mymain_usage{margin-top:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .submain_mypage .mySub_btm .usage_item .usage_info .title_area{width:calc(100% - 165px)} .submain_mypage .mySub_btm .usage_item .usage_info .texts_area{width:auto; padding-right:30px} .submain_mypage .mySub_btm .smallsum_list{margin-top:50px} .submain_mypage .smallsum_list .small_sum{margin-top:25px;color:#333;font-size:18px;text-align:right} .submain_mypage .smallsum_list .small_sum b{font-size:20px} .submain_mypage .smallsum_list .small_sum + .btn_cont{margin-top:50px;text-align:center} .submain_mypage .mySub_btm .mymain_usage + .btn_wrap{margin-top:30px;text-align:center} .submain_mypage .mySub_btm .complete_box + .btn_wrap{margin-top:30px;text-align:center} .submain_mypage .tooltip_tit{margin-bottom:16px;color:#111;font-size:17px;font-weight:700;line-height:1} .submain_mypage .noData_list{display:block;overflow:hidden;position:relative;padding:0 0 35px 0} .submain_mypage .noData_list p{overflow:hidden;position:relative;width:80%;height:10px;margin-top:10px;background:#ddd} .submain_mypage .noData_list .tit{width:35%;height:16px;margin:0 0 20px} .submain_mypage .noData_list p span{position:absolute;top:0;left:-100%;width:100%;height:100%;animation-name:noData_gra;animation-duration:6s;animation-delay:1s;animation-iteration-count:infinite; background-image:linear-gradient(to right, transparent, #cbd0d2 ,transparent); -webkit-background-image:linear-gradient(to right, #ddd, #cbd0d2, #ddd); } .submain_mypage .noData_list p.tit span{animation-duration:5s;animation-delay:0} @keyframes noData_gra{ 0% {left:-100%} 25% {left:0} 50% {left:100%} 75% {left:0} 100% {left:-100%} } .submain_benefit.SH_submain .expend_wrap.bg_gray {padding-bottom:40px} .submain_benefit .h_wrap .h_title24 a.more::after {content:'';display:inline-block;width:13px;height:13px;margin-left:5px; margin-bottom:2px; border-top:2px solid #333; border-right:2px solid #333; transform:rotate(45deg)} .submain_benefit_myshop {margin:15px 0 40px 0; padding:20px 10px; color:#fff; border-radius:5px; background:#5e7def; box-shadow:2px 2px 22px -2px rgba(51, 51, 51, 0.17)} .submain_benefit_myshop ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align: center} .submain_benefit_myshop li {flex:1; text-align: center} .submain_benefit_myshop li > span {position:relative;  display:inline-block; line-height:30px; padding-left:50px} .submain_benefit_myshop li > a {position:relative; display:inline-block; font-size:28px; font-weight:700; margin-left:20px} .submain_benefit_myshop li > a::after {content: ''; display:inline-block; position:absolute; left:0; bottom:7px; width:100%; border-bottom:1px solid #fff} .submain_benefit_myshop li > em {display:inline-block; margin-left:2px} .submain_benefit_myshop li > span:before {content: ''; display:inline-block; width:40px; height:30px; position:absolute; left:0; bottom:2px} .submain_benefit_myshop li:nth-child(1) > span:before {background:url('/pconts/images/main/benefit/ico_myshop01.png') no-repeat; background-size:auto 30px} .submain_benefit_myshop li:nth-child(2) > span:before {background:url('/pconts/images/main/benefit/ico_myshop02.png') no-repeat; background-size:auto 30px} .submain_benefit_myshop li:nth-child(3) > span:before {background:url('/pconts/images/main/benefit/ico_myshop03.png') no-repeat; background-size:auto 30px} .submain_benefit_point {overflow:hidden; display:block; width:100%; position:relative} .submain_benefit_point .info {display:inline; position:absolute; left:0; left:0; font-size:16px; padding-top:10px} .submain_benefit_point .btn_area {display:block; text-align:right; padding-bottom:0px} .submain_benefit_point .btn_area li {display:inline-block; position: relative} .submain_benefit_point .btn_area li:not(:last-child):after {content:''; display:inline-block; position: absolute; right:0; top:5px; width:1px; height:75px; background-color:#e0e0e0} .submain_benefit_point .btn_area a {display:block; width:100px; min-height:100px; text-align:center; margin:0 10px; font-size:16px; color:#333; padding-top:60px} .submain_benefit_point .btn_area li:nth-child(1) a {background:url('/pconts/images/main/benefit/ico_point01.png') no-repeat center top; background-size:50px auto} .submain_benefit_point .btn_area li:nth-child(2) a {background:url('/pconts/images/main/benefit/ico_point02.png') no-repeat center top; background-size:50px auto} .submain_benefit_point .btn_area li:nth-child(3) a {background:url('/pconts/images/main/benefit/ico_point03.png') no-repeat center top; background-size:50px auto} .submain_benefit .event_subVisual .event_cont .link{padding:0 40px} .submain_benefit .sub_txt{padding:10px 0 40px 0} .submain_benefit .benefit.event_bnr.event_subVisual .link:after{right:30px} .submain_benefit .submain_grayBox{padding:4px 30px 4px 30px; margin:30px 0 0 0} .submain_benefit .icon_list.favorite{padding-bottom:10px} .submain_benefit .point_txt{padding-top:55px} .submain_benefit .point_txt .h_title24{margin-bottom:0} .submain_benefit .event_subVisual .event_cont .label{left:20px} .benefit.event_bnr.event_subVisual {background:linear-gradient(to right,rgba(104, 64, 172, 1.0), rgba(80, 33, 159, 1.0)) no-repeat; margin-top:30px} .benefit.event_bnr.event_subVisual .link:after {content:''; position:absolute; width:190px; height:130px; right:0px; bottom:0; background:url('/pconts/images/main/benefit/img_banner.png') no-repeat; background-size:auto 100%} .benefit_login.event_bnr.event_subVisual {border:1px solid #ccc; background:#fff} .benefit_login.event_bnr .event_cont, .benefit_login.event_bnr .event_cont a {color:#333} .benefit_login.event_bnr .event_cont .label {border:1px solid #ccc; color:#111} .benefit_login.event_bnr.event_subVisual .link:after {content:''; position:absolute; width:275px; height:125px; right:5px; bottom:0; background:url('/pconts/images/main/benefit/img_banner_login.png') no-repeat; background-size:auto 100%} .submain_finance .sm_inner{width:1080px;margin:0 auto;padding:0 0 0} .submain_finance .expend_wrap.sm_gray{padding:60px 0 40px} .submain_finance .sm_group.cash_service {margin-top:40px} .submain_finance .sm_group{position:relative;margin-top:60px} .submain_finance .sm_group .sm_title a{display:inline-block;color:#000;font-size:24px;font-weight:700;line-height:1} .submain_finance .sm_group .sm_title .subTit{display:inline-block;position:relative;padding:0 23px 0 21px;color:#111;font-size:20px;font-weight:400;line-height:25px;vertical-align:middle} .submain_finance .sm_group .sm_title .subTit:before{content:'';display:block;position:absolute;top:2px;left:10px;width:1px;height:20px;background:#ddd} .submain_finance .sm_group .sm_title .subTit:after{content:'';display:block;position:absolute;top:50%;right:3px;width:13px;height:13px;margin-top:-7px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)} .submain_finance .smTxt{display:block;margin-top:6px;font-weight:normal;font-size:16px;line-height:23px;color:#111} .submain_finance .sm_group .event_subVisual{margin-top:18px} .submain_finance .finance_quick {background-color:#48a7dc} .submain_finance .sm_loanlist {display:flex; flex-wrap:wrap; margin-top:20px; margin-bottom:-10px} .submain_finance .sm_loanlist li{width:50%; margin:10px 0} .submain_finance .sm_loanlist li .link_cont{position:relative;display:block;padding-left:70px} .submain_finance .sm_loanlist li strong{position:relative;display:inline-block;padding-right:15px;color:#333;font-size:18px;line-height:1;font-weight:400} .submain_finance .sm_loanlist li strong:after{content:'';display:block;position:absolute;top:50%;right:0;width:9px;height:9px;margin-top:-4px;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(45deg)} .submain_finance .sm_loanlist li span{display:block;margin-top:5px} .submain_finance .sm_loanlist.loan_long li.link01 {background:url('/pconts/images/main/finance/ico_cardloan01.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_long li.link02 {background:url('/pconts/images/main/finance/ico_cardloan02.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_long li.link03 {background:url('/pconts/images/main/finance/ico_cardloan03.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_long li.link04 {background:url('/pconts/images/main/finance/ico_cardloan04.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_standard li.link01 {width:100%;background:url('/pconts/images/main/finance/ico_creditloan01.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_standard li.link02 {background:url('/pconts/images/main/finance/ico_creditloan02.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_standard li.link03 {background:url('/pconts/images/main/finance/ico_creditloan03.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_standard li.link04 {background:url('/pconts/images/main/finance/ico_creditloan04.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_loanlist.loan_standard li.link05 {background:url('/pconts/images/main/finance/ico_creditloan05.png') no-repeat left center; background-size:50px auto} .submain_finance .sm_line{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border:solid #ddd;border-width:1px 0 0;text-align:center} .submain_finance .sm_line .inner{position:relative;width:1080px;margin:0 auto;padding:47px 0 40px;text-align:left} .submain_finance .sm_line .inner:before{content:'';position:absolute;top:0;left:calc(-50vw + 50%);width:100vw;height:7px;background:#eee} .submain_finance .sm_line .inner ul{display:table;width:100%;table-layout:fixed} .submain_finance .sm_line .inner ul li{position:relative;display:table-cell;width:100%} .submain_finance .sm_line .inner .sm_etclist li+li .link_cont{padding-left:20px} .submain_finance .sm_line .inner ul li .link_cont{display:block} .submain_finance .sm_line .inner ul li .link_cont strong{position:relative;display:inline-block;color:#000;font-weight:700} .submain_finance .sm_line .inner .sm_etclist li .link_cont strong{padding-right:19px;font-size:21px} .submain_finance .sm_line .inner .sm_etclist li .link_cont strong:after{content:'';display:block;position:absolute;top:50%;right:0;width:10px;height:10px;margin-top:-6px;border:solid #333;border-width:2px 2px 0 0;transform:rotate(45deg)} .submain_finance .sm_line .inner ul li .link_cont span{display:block;margin-top:5px} .submain_finance .sm_line .inner ul li .link_cont em span {display:inline;font-weight:400} .submain_finance .sm_line .inner .sm_tellist{margin-top:15px} .submain_finance .sm_line .inner .sm_tellist li .link_cont{margin-left:20px;padding:17px 20px;border:2px solid #eee;border-radius:5px} .submain_finance .sm_line .inner .sm_tellist li:first-child .link_cont{margin-left:0} .submain_finance .sm_line .inner .sm_tellist li .link_cont strong{font-size:18px} .submain_finance .sm_line .inner .sm_tellist li .link_cont em{position:absolute;top:50%;right:20px;color:#111;font-size:20px;font-weight:700;transform:translateY(-50%)} .submain_finance .sm_line .inner.favo_group{padding-bottom:32px;text-align:right} .submain_finance .favo_group .favoTit{color:#333;font-size:24px;font-weight:700;text-align:left} .submain_finance .sm_line .inner.favo_group .favo_list{display:inline-block;width:540px} .submain_finance .sm_line .inner.favo_group .favo_list li{float:left;width:25%} .submain_finance .sm_line .inner.favo_group .favo_list li a{position:relative;display:block;padding-top:60px;color:#333;line-height:1;text-align:center} .submain_finance .favo_group .favo_list li a:before{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:40px;background:url(/pconts/images/contents/finance/bg_favoList.jpg) no-repeat; background-size:40px auto} .submain_finance .favo_group .favo_list li.link02 a:before{background-position:0 -40px} .submain_finance .favo_group .favo_list li.link03 a:before{background-position:0 -80px} .submain_finance .favo_group .favo_list li.link04 a:before{background-position:0 -120px} .submain_finance .loan_credit_area{padding:33px 40px;margin-bottom:40px;font-size:16px;line-height:29px} .submain_finance .loan_credit_area .para{margin-top:5px} .submain_finance .cash_service_info{margin-top:20px;padding:25px 160px;border-radius:10px;background:#fff;box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17);-webkit-box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17)} .submain_finance .cash_service_info ul{display:table;width:100%;table-layout:fixed} .submain_finance .cash_service_info ul li{display:table-cell;width:100%;color:#4868e1} .submain_finance .cash_service_info ul li+li{color:#111;text-align:right} .submain_finance .cash_service_info ul li strong{display:inline-block;padding-left:18px;font-size:24px;font-weight:700;line-height:1} .submain_finance .cash_service_info ul li strong span{font-size:15px;font-weight:400} .submain_finance .cash_service_info .bar{overflow:hidden;height:12px;margin-top:12px;border-radius:12px;background:#e1e1e1} .submain_finance .cash_service_info .bar span{display:inline-block;height:12px;border-radius:12px;background:#4868e1;vertical-align:top} .submain_finance .sm_group button.btn_loan{position:absolute;top:32px;right:0;display:inline-block;height:24px;padding-right:20px;color:#333;font-size:18px;line-height:24px} .submain_finance .sm_group button.btn_loan:after{content:'';display:block;position:absolute;top:7px;right:3px;width:9px;height:9px;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(45deg)} .submain_finance .cash_service_info.loan_service ul li{text-align:center} .finance_quick {position:relative; display:block; overflow:hidden} .finance_quick .event_inner {height:100%; background-color:rgb(98, 125, 218)} .finance_quick .event_cont {position:relative; display:block; height:100%; margin:0 auto} .finance_quick .event_cont, .finance_quick .event_cont a {color:#fff} .finance_quick .event_cont .cont, .finance_quick .event_cont .link {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; height:100%; align-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; z-index:1} .finance_quick .event_cont .tit {display:block; width:100%; font-size:24px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .finance_quick .event_cont .txt {display:block; width:100%; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .finance_quick .event_cont .label {display:inline-flex; flex:none; width:auto; height:28px; margin-top:13px; padding:2px 16px 0 16px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:14px; border:1px solid #fff; color:#fff; font-size:13px; font-weight:700} .finance_quick .event_cont .img {display:block; height:100%; position:absolute; top:50%; transform:translateY(-50%); overflow:hidden} .finance_quick {height:150px; border-radius:10px} .finance_quick .event_cont .img {width:230px; height:230px} .finance_quick .event_cont .link {padding:0 40px} .finance_quick .event_cont.skin_light {border:1px solid #ddd; border-radius:10px} .finance_quick .swiper-controls {position:absolute; left:100px; bottom:30px; width:auto; padding:0 35px} .finance_quick .swiper-button-prev {left:10px} .finance_quick .swiper-button-next {right:10px} .finance_quick .swiper-controls.is_played .swiper-button-play {display:none} .finance_quick .swiper-controls.is_played .swiper-button-pause {display:block} .finance_quick .swiper-controls.is_stoped .swiper-button-play {display:block} .finance_quick .swiper-controls.is_stoped .swiper-button-pause {display:none} .finance_quick .swiper-pagination-fraction {margin:0 5px 0 0} .finance_quick.img_right .event_cont .img {right:40px} .finance_quick.img_left .event_cont .img {left:40px} .finance_quick.img_right .event_cont .link {padding-right:296px} .finance_quick.img_left .event_cont .link {padding-left:296px; text-align:right} .submain_finance .submain_favorite .icon_list.favorite{padding-bottom: 10px} .submain_card .sm_inner{width:1080px;margin:0 auto} .submain_card .expend_wrap.bg_gray.sm_gray {padding:54px 0 40px} .submain_card .sm_group {margin-bottom:54px} .submain_card .sm_group:nth-last-of-type(2) {margin-bottom:0px} .submain_card .sm_group .h_title24{margin-bottom:10px} .submain_card .swiperArea{text-align:left} .submain_card .swiperArea .swiper-container{overflow:visible;margin-left:-25px} .submain_card .swiperArea .swiper-slide{float:left;width:25%;padding-left:25px} .submain_card .sm_life_swiper .swiper-container{padding-top:3px} .submain_card .sm_life_swiper .swiper-slide a{position:relative;overflow:hidden;display:block;height:290px;background:#fff;box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17);-webkit-box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17)} .submain_card .sm_life_swiper .swiper-slide a strong{position:absolute;top:0;left:0;display:block;width:100%;color:#fff;font-size:24px;font-weight:700;text-align:center;line-height:70px;z-index:2} .submain_card .sm_life_swiper .swiper-slide a figure{z-index:1} .submain_card .sm_life_swiper .swiper-slide a .card_info{display:block;width:100%;height:124px;padding:20px 25px;background:#fff;z-index:2} .submain_card .sm_life_swiper .swiper-slide a .card_info .card_name{display:block;margin-bottom:5px;color:#333;font-size:20px;font-weight:700} .submain_card .sm_life_swiper .swiper-slide a .card_info .card_dec{display:block;font-size:18px;line-height:1.3} .submain_card .sm_best_swiper {margin-bottom:-6px} .submain_card .sm_best_swiper .swiper-container{padding-top:2px} .submain_card .sm_best_swiper .swiper-slide a {display:block} .submain_card .sm_best_swiper figure {display:flex; justify-content:center; align-items:center; height:160px} .submain_card .sm_best_swiper figure img {width:100%; max-width:252px; max-height:252px;border-radius:10px;box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17);-webkit-box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17)} .submain_card .sm_best_swiper figure img.rotate {width:auto; height:200%; transform:rotate(-90deg);border-radius:10px;box-shadow:-2px -3px 24px 2px rgba(51, 51, 51, 0.17);-webkit-box-shadow:-2px -3px 24px 2px rgba(51, 51, 51, 0.17)} .submain_card .sm_best_swiper .card_name{overflow:hidden;display:block;min-height:27px;max-height:55px;margin-top:12px;color:#333;font-size:18px;font-weight:400} .submain_card .sm_benefit_list{display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:5px} .submain_card .sm_benefit_list li{width:12.5%} .submain_card .sm_benefit_list li a {display:block; width:100%; height:100%; padding-top:62px;color:#333;text-align:center} .submain_card .sm_benefit_list li.ico01 {background-image:url('/pconts/images/main/card/ico_benefit01.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico02 {background-image:url('/pconts/images/main/card/ico_benefit02.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico03 {background-image:url('/pconts/images/main/card/ico_benefit03.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico04 {background-image:url('/pconts/images/main/card/ico_benefit04.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico05 {background-image:url('/pconts/images/main/card/ico_benefit05.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico06 {background-image:url('/pconts/images/main/card/ico_benefit06.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico07 {background-image:url('/pconts/images/main/card/ico_benefit07.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico08 {background-image:url('/pconts/images/main/card/ico_benefit08.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .sm_benefit_list li.ico09 {background-image:url('/pconts/images/main/card/ico_benefit09.png');background-repeat:no-repeat;background-position:center top; background-size:50px auto} .submain_card .cardFind_swiper [class^='nav-button'] {display:none} .submain_card .sm_benefit_kind{display:table;width:100%;margin-top:23px;margin-bottom:20px;border-top:1px solid #ddd;table-layout:fixed} .submain_card .sm_benefit_kind li{display:table-cell;width:100%} .submain_card .sm_benefit_kind li a{display:block;line-height:62px;color:#333} .submain_card .sm_benefit_kind li a strong{font-size:16px} .submain_card .sm_benefit_kind li a span{position:relative;display:inline-block;padding:0 17px 0 25px} .submain_card .sm_benefit_kind li a span:before{content:'';display:block;position:absolute;top:24px;left:12px;width:1px;height:13px;background:#ddd} .submain_card .sm_benefit_kind li a span:after{content:'';display:block;position:absolute;top:50%;right:2px;width:8px;height:8px;margin-top:-5px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg)} .submain_card .sm_card_banner{border:1px solid #ccc} .submain_card .event_bnr.sm_card_banner .event_cont .link {padding-left:38px} .submain_card .event_bnr.sm_card_banner .event_cont .tit{color:#333} .submain_card .event_bnr.sm_card_banner .event_cont .txt{z-index:1;color:#333;font-size:16px} .submain_card .event_bnr.sm_card_banner .event_cont .label{color:#111;border-color:#ccc} .submain_card .sm_line{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border:solid #ddd;border-width:1px 0 0;text-align:center} .submain_card .sm_line .inner{position:relative;width:1080px;margin:0 auto;padding:40px 0;text-align:left} .submain_card .sm_line .inner:before{content:'';position:absolute;top:0;left:calc(-50vw + 50%);width:100vw;height:7px;background:#eee} .submain_card .sm_line .inner ul{display:table;width:100%;table-layout:fixed} .submain_card .sm_line .inner ul li{position:relative;display:table-cell;width:100%} .submain_card .sm_line .inner.favo_group{padding-bottom:40px;text-align:right} .submain_card .favo_group .favoTit{color:#333;font-size:24px;font-weight:700;text-align:left} .submain_card .sm_line .inner.favo_group .favo_list{display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end} .submain_card .sm_line .inner.favo_group .favo_list li{width:100px} .submain_card .sm_line .inner.favo_group .favo_list li a{position:relative;display:block;padding-top:60px; margin-left:5px; color:#333;line-height:1;text-align:center} .submain_card .favo_group .favo_list.sm_card li a:before{content:'';display:block;position:absolute;top:0;left:calc(50% - 20px); width:40px;height:40px; background:url(/pconts/images/contents/card/bg_favoList_m.jpg) no-repeat; background-size:40px auto} .submain_card .favo_group .favo_list.sm_card li.link02 a:before{background-position:0 -40px} .submain_card .favo_group .favo_list.sm_card li.link03 a:before{background-position:0 -80px} .submain_card .favo_group .favo_list.sm_card li.link04 a:before{background-position:0 -120px} .submain_card .sm_card_swiper:before{content:'';display:block;position:absolute;top:88px;left:100px;width:284px;height:284px;border-radius:50%;background:#eee;z-index:1} .submain_card .sm_card_swiper .card_swiper{max-width:100%;padding-top:23px;margin-bottom:-6px} .submain_card .sm_card_swiper .swiper-slide{position:relative;width:100%;min-height:339px;padding-left:580px;text-align:left} .submain_card .sm_card_swiper .swiper-slide a{display:block} .submain_card .sm_card_swiper .swiper-slide .img{position:absolute;top:0;left:0;width:480px;height:320px;padding-top:60px;text-align:center} .submain_card .sm_card_swiper .swiper-slide .img img{position:relative;width:320px;z-index:2;box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17);-webkit-box-shadow:-2px 3px 24px 2px rgba(51, 51, 51, 0.17);border-radius:11px} .submain_card .sm_card_swiper .swiper-slide .img.vertical img {box-shadow:14px 3px 24px 2px rgba(51, 51, 51, 0.17);-webkit-box-shadow:14px 3px 24px 2px rgba(51, 51, 51, 0.17);transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)} .submain_card .sm_card_swiper .swiper-slide .sm_card_info a{display:block} .submain_card .sm_card_swiper .swiper-slide .sm_card_info strong{display:block;margin-top:-5px;margin-bottom:15px;padding-right:90px;color:#111;font-size:38px;line-height:1.3} .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt{color:#111;font-size:20px} .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type {font-weight:700; margin-right:7px} .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type ~ .type {margin-left:20px} .submain_card .card_swiper [class^='nav-button']{top:145px} .submain_card .card_swiper .swiper-container{padding-bottom:37px} .submain_card .card_swiper .nav-button-prev{left:30px} .submain_card .card_swiper .nav-button-next{right:auto;left:422px} .submain_card .card_swiper .swiper-controls{position:absolute;bottom:0;width:480px;text-align:center; margin-top:-5px;z-index:1} .submain_card .card_swiper .swiper-pagination{display:inline-block;position:static; width:auto;margin-top:14px} .submain_card .card_swiper .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:5px} .submain_card .card_swiper .swiper-button-play {display:none;display:inline-block;position:relative;width:24px;height:24px;margin-right:0;vertical-align:middle} .submain_card .card_swiper .swiper-button-play:before {content:'';display:block;position:absolute;left:8px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #333;border-right:8px solid transparent} .submain_card .card_swiper .swiper-button-pause {display:inline-block;position:relative;width:24px;height:24px;margin-right:0;vertical-align:middle} .submain_card .card_swiper .swiper-button-pause:before, .submain_card .card_swiper .swiper-button-pause:after {content:'';display:block;position:absolute;left:9px;top:7px;width:2px;height:10px;background-color:#333} .submain_card .card_swiper .swiper-button-pause:before {border:0} .submain_card .card_swiper .swiper-button-pause:after {left:13px} .submain_card .card_swiper .swiper-controls.is_stoped .swiper-button-pause{display:none} .submain_card .card_swiper .swiper-controls.is_played .swiper-button-play{display:none} .submain_card .sm_card_swiper .card_benefit{margin-top:55px} .submain_card .sm_card_swiper .card_benefit li{position:relative;margin-top:25px;padding-left:50px;color:#333;font-size:18px;line-height:32px} .submain_card .sm_card_swiper .card_benefit li:before{content:'';display:block;position:absolute;top:0;left:0;width:32px;height:32px;background-size:32px auto} .submain_card .sm_card_swiper .card_benefit li.icon01:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_01.png)} .submain_card .sm_card_swiper .card_benefit li.icon02:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_02.png)} .submain_card .sm_card_swiper .card_benefit li.icon03:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_03.png)} .submain_card .sm_card_swiper .card_benefit li.icon04:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_04.png)} .submain_card .sm_card_swiper .card_benefit li.icon05:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_05.png)} .submain_card .sm_card_swiper .card_benefit li.icon06:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_06.png)} .submain_card .sm_card_swiper .card_benefit li.icon07:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_07.png)} .submain_card .sm_card_swiper .card_benefit li.icon08:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_08.png)} .submain_card .sm_card_swiper .card_benefit li.icon09:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_09.png)} .submain_card .sm_card_swiper .card_benefit li.icon10:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_10.png)} .submain_card .sm_card_swiper .card_benefit li.icon11:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_11.png)} .submain_card .sm_card_swiper .card_benefit li.icon12:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_12.png)} .submain_card .sm_card_swiper .card_benefit li.icon13:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_13.png)} .submain_card .sm_card_swiper .card_benefit li.icon14:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_14.png)} .submain_card .sm_card_swiper .card_benefit li.icon15:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_15.png)} .submain_card .sm_card_swiper .card_benefit li.icon16:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_16.png)} .submain_card .sm_card_swiper .card_benefit li.icon18:before {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_17.png)} .submain_card .sm_card_swiper .card_benefit li.icon19:before {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_18.png)} .submain_card .sm_card_swiper .card_benefit li.icon20:before{background-image:url(/pconts/images/contents/card/ico_card_benefit_m_19.png)} .submain_card .sm_card_swiper .card_benefit li.icon21:before {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_20.png)} .submain_card .sm_card_swiper .card_benefit li.icon17:before {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_21.png)} .submain_card .submain_favorite .icon_list.favorite {padding-bottom: 10px} .submain_life .expend_wrap.bg_gray {padding-top: 54px} .submain_life .myservice_btn.btn_more {display:block; text-align:center; margin:0 auto; color:#111; font-size:15px} .submain_life .myservice_btn.btn_more span::after {content:''; display:inline-block; width:12px; height:7px; margin-left:8px; background:url(/pconts/images/main/myservice/ico_more.png) no-repeat 0 0} .submain_life .line_badge {display:inline-block; font-size:13px; line-height:1.3; font-weight:700; padding:2px 7px 1px; border-radius:15px; background-color:#fff; vertical-align:middle} .submain_life .line_badge.orange {border:1px solid #f14b25; color:#f14b25} .submain_life .line_badge.gray {border:1px solid #333; color:#333} .submain_life .submain_favorite .icon_list.favorite{padding-bottom: 11px} .submain_myservice_box {display:block; position:relative; margin:0; padding:0} .submain_myservice_inner {display:block; overflow:hidden; position:relative; height:178px; margin:0; padding:0} .submain_myservice_box.is_opened .submain_myservice_inner {height:auto} .submain_myservice_life {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .submain_myservice_life li {width:calc(16.85% - 15px); text-align:center; margin-left:15px; margin-bottom:18px} .submain_myservice_life li:nth-child(1), .submain_myservice_life li:nth-child(7) {margin-left:0px} .submain_myservice_life li > a {display:block; border:1px solid #ccc; border-radius:7px; background-color:#fff; width:100%; height:165px} .submain_myservice_life li .icon:before {content:""; display:block; width:60px; height:60px; background-color:#fff; background-position:center center; background-size:50px auto; margin:20px auto 0} .submain_myservice_life li .name {padding-top:20px; padding-bottom: 3px; font-size:18px; color:#111; text-align:center} .submain_myservice_life .ico01:before {background:url('/pconts/images/main/myservice/ico_life01.png') no-repeat} .submain_myservice_life .ico02:before {background:url('/pconts/images/main/myservice/ico_life02.png') no-repeat} .submain_myservice_life .ico03:before {background:url('/pconts/images/main/myservice/ico_life03.png') no-repeat} .submain_myservice_life .ico04:before {background:url('/pconts/images/main/myservice/ico_life04.png') no-repeat} .submain_myservice_life .ico05:before {background:url('/pconts/images/main/myservice/ico_life05.png') no-repeat} .submain_myservice_life .ico06:before {background:url('/pconts/images/main/myservice/ico_life06.png') no-repeat} .submain_myservice_life .ico07:before {background:url('/pconts/images/main/myservice/ico_life07.png') no-repeat} .submain_myservice_life .ico08:before {background:url('/pconts/images/main/myservice/ico_life08.png') no-repeat} .submain_myservice_life .ico09:before {background:url('/pconts/images/main/myservice/ico_life09.png') no-repeat} .submain_myservice_life .ico10:before {background:url('/pconts/images/main/myservice/ico_life10.png') no-repeat} .submain_myservice_life .ico11:before {background:url('/pconts/images/main/myservice/ico_life11.png') no-repeat} .submain_myservice_life .ico12:before {background:url('/pconts/images/main/myservice/ico_life12.png') no-repeat} .submain_myservice_life + .h_wrap, .submain_myservice_list + .h_wrap {margin-top:40px} .submain_myservice_life + .submain_myservice_life {margin-top:15px} .submain_myservice_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:20px} .submain_myservice_list li {width:33.3333%;margin-top:40px} .submain_myservice_list li:nth-child(1), .submain_myservice_list li:nth-child(2), .submain_myservice_list li:nth-child(3) {margin-top:0px} .submain_myservice_list li .tit {display:inline-block; font-size:18px; color:#333; margin-right:5px; vertical-align:middle} .submain_myservice_list li .txt {margin-top:3px; padding-right:20px} .submain_myservice_list li a::after {content:'';display:inline-block;width:8px;height:8px; margin-left:3px; border-top:1px solid #818181; border-right:1px solid #818181; transform:rotate(45deg)} .submain_myservice_list li .item {background-size:50px; padding-left:70px} .submain_myservice_list .care01 {background:url('/pconts/images/main/myservice/ico_care01.png') no-repeat} .submain_myservice_list .care02 {background:url('/pconts/images/main/myservice/ico_care02.png') no-repeat} .submain_myservice_list .care03 {background:url('/pconts/images/main/myservice/ico_care03.png') no-repeat} .submain_myservice_list .care04 {background:url('/pconts/images/main/myservice/ico_care04.png') no-repeat} .submain_myservice_list .care05 {background:url('/pconts/images/main/myservice/ico_care05.png') no-repeat} .submain_myservice_list .care06 {background:url('/pconts/images/main/myservice/ico_care06.png') no-repeat} .submain_myservice_list .care07 {background:url('/pconts/images/main/myservice/ico_care07.png') no-repeat} .submain_myservice_list .care08 {background:url('/pconts/images/main/myservice/ico_care08.png') no-repeat} .submain_myservice_list .care09 {background:url('/pconts/images/main/myservice/ico_care09.png') no-repeat} .submain_myservice_list .notice01 {background:url('/pconts/images/main/myservice/ico_notice01.png') no-repeat} .submain_myservice_list .notice02 {background:url('/pconts/images/main/myservice/ico_notice02.png') no-repeat} .submain_myservice_list .notice03 {background:url('/pconts/images/main/myservice/ico_notice03.png') no-repeat} .submain_myservice_list .notice04 {background:url('/pconts/images/main/myservice/ico_notice04.png') no-repeat} .submain_myservice_list .notice05 {background:url('/pconts/images/main/myservice/ico_notice05.png') no-repeat} .submain_myservice_list .notice06 {background:url('/pconts/images/main/myservice/ico_notice06.png') no-repeat} .submain_myservice_list .notice07 {background:url('/pconts/images/main/myservice/ico_notice07.png') no-repeat} .submain_myservice_list .notice08 {background:url('/pconts/images/main/myservice/ico_notice08.png') no-repeat} .myservice_billPay.event_bnr.event_subVisual {margin-top:30px; border:1px solid #ccc; background:#85818c} .myservice_billPay.event_bnr.event_subVisual .link:after {content:''; position:absolute; width:200px; height:130px; right:30px; bottom:0; background:url('/pconts/images/main/myservice/img_bill.png') no-repeat} .myservice_Pay.event_bnr.event_subVisual {margin-top:60px; border:1px solid #c6c6c6; background:#6fb3e1} .myservice_Pay.event_bnr.event_subVisual .link:after {content:''; position:absolute; width:270px; height:128px; right:30px; bottom:0; background:url('/pconts/images/main/myservice/img_bill.png') no-repeat; background-size:auto 128px} .submain_life_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap} .submain_life_list > li {width:33.3333%; margin-bottom:35px} .submain_life_list li .item {padding-left:70px; background-size:50px auto; background-position:left center} .submain_life_list li a {position:relative; display:inline-block; margin-bottom:2px; font-weight:700; color:#333; font-size:18px; padding-right:10px} .submain_life_list li a::after {content:'';display:inline-block;position: absolute; top:9px; right:0; width:8px;height:8px; border:solid #818181; border-width:1px 1px 0 0; transform:rotate(45deg)} .submain_life_list .ico01 {background:url('/pconts/images/main/life/ico_life01.png') no-repeat} .submain_life_list .ico02 {background:url('/pconts/images/main/life/ico_life02.png') no-repeat} .submain_life_list .ico03 {background:url('/pconts/images/main/life/ico_life03.png') no-repeat} .submain_life_list .ico04 {background:url('/pconts/images/main/life/ico_life04.png') no-repeat} .submain_life_list .ico05 {background:url('/pconts/images/main/life/ico_life05.png') no-repeat} .submain_life_list .ico06 {background:url('/pconts/images/main/life/ico_life06.png') no-repeat} .submain_life_list .ico07 {background:url('/pconts/images/main/life/ico_life07.png') no-repeat} .submain_life_list .ico08 {background:url('/pconts/images/main/life/ico_life08.png') no-repeat} .submain_life_list .ico09 {background:url('/pconts/images/main/life/ico_life09.png') no-repeat} .submain_arumin.event_bnr.event_subVisual {border:1px solid #ddd; background:#8a7198; margin:20px 0 0} .submain_arumin.event_bnr.event_subVisual .link:after {content:''; position:absolute; width:270px; height:128px; right:0px; bottom:0; background:url('/pconts/images/contents/life/img_submain_arumin.png') no-repeat; background-size:auto 128px} .submain_life .event_subVisual .event_cont .link {padding:0 40px} .submain_life .event_subVisual .event_cont .label {margin-top:16px} .submain_life .event_subVisual .event_cont .txt {font-size:16px} .submain_digital .contents {padding-top: 13px} .submain_digital_conts {position: relative; margin-top:6px; min-height:320px} .submain_digital_conts .cont {margin-left:540px; width:auto} .submain_digital_conts .cont > p {font-size:24px; letter-spacing:-1px} .submain_digital_conts .cont > p > strong {color:#333} .submain_digital_conts .cont .info {display:block; margin-top:5px; font-size:16px; line-height:25px} .submain_digital_conts .cont .txt_lg {display:block; font-size:20px; color:#333; margin:9px 0 40px} .submain_digital_conts .cont .info + .info {margin-top:20px} .submain_digital_conts .cont .info + .btn_wrap, .submain_digital_conts .cont > p + .btn_wrap {margin-top:34px} .submain_digital_conts .cont > p + .btn_wrap .btn + .btn{margin-left: 4px} .submain_digital_conts .cont .btn_wrap + .btn_wrap {margin-top:10px} .submain_digital_conts .cont .qrcode {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:24px; font-size:0} .submain_digital_conts .cont .qrcode_img {display:inline-block; width:100px; height:100px; margin-right: 20px} .submain_digital_conts .cont .qrcode_img img {display:block; margin:auto; width:100%; border:1px solid #ddd; border-radius:5px} .submain_digital_conts .cont .qrcode .txt { min-height:23px;text-align:center; margin-top:7px; font-size:15px} .submain_digital_conts .cont .qrcode .txt > span {display:block; height:100%; min-height:24px; margin-right:-10px;padding-left:20px; letter-spacing:-0.2px} .submain_digital_conts .cont .qrcode .android {background:url('/pconts/images/icon/btn_aos.png') no-repeat; background-size:auto 20px} .submain_digital_conts .cont .qrcode .ios {background:url('/pconts/images/icon/btn_ios_pc.png') no-repeat 0 50%} .submain_digital_app {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap: wrap; margin:-10px; padding:0} .submain_digital_app li {width:20%; padding:10px} .submain_digital_app li .item {background:#fff; padding:30px 25px; text-align:center; border-radius:10px; box-shadow:2px 2px 22px -2px rgba(51, 51, 51, 0.17)} .submain_digital_app li .item > p {padding-top:60px; font-weight: 700;font-size:16px; color:#333; margin-bottom:20px} .submain_digital_app li .ico01 {background:url('/pconts/images/contents/digital/ico_app01.png') no-repeat center top; background-size:50px auto} .submain_digital_app li .ico02 {background:url('/pconts/images/contents/digital/ico_app02.png') no-repeat center top; background-size:50px auto} .submain_digital_app li .ico03 {background:url('/pconts/images/contents/digital/ico_app03.png') no-repeat center top; background-size:50px auto} .submain_digital_app li .ico04 {background:url('/pconts/images/contents/digital/ico_app04.png') no-repeat center top; background-size:50px auto} .submain_digital_app li .ico05 {background:url('/pconts/images/contents/digital/ico_app05.png') no-repeat center top; background-size:50px auto} .submain_digital_app li .btn_wrap .btn {display:block; min-width:100%} .submain_digital_app li .btn_wrap .btn + .btn {margin-left:0px; margin-top:8px} .submain_digital_app li .btn_wrap .btn_line .android, .submain_digital_conts .btn_wrap .btn_line .android {background:url('/pconts/images/icon/btn_aos.png') no-repeat; background-size:auto 18px; padding-left:22px; margin-left:-3px} .submain_digital_app li .btn_wrap .btn_line .ios, .submain_digital_conts .btn_wrap .btn_line .ios {display:inline-block;min-height:24px;background:url('/pconts/images/icon/btn_ios_pc.png') no-repeat 0 50%;padding-left:30px; margin-left:-3px} .submain_digital_conts .btn_wrap .btn_line.pc_show {display:inline-block !important} .submain_digital_conts .btn_wrap .btn + .btn {margin-left:0px} .submain_digital_conts.ani_ico {position:relative;background:none} .submain_digital_conts.ani_ico::before {content:'';display:block;position:absolute;top:0;left:0;overflow:hidden;width:480px;height:320px} .submain_digital_conts.ani_ico.img01::before {background:url("/pconts/images/contents/digital/200428_img_dclub.png") center 0 no-repeat;background-size:480px auto; -webkit-animation: aniBg08 2.5s steps(16) infinite;animation:aniBg08 2.5s steps(16) infinite} .submain_digital_conts.ani_ico.img02::before {background:url("/pconts/images/contents/digital/img_mypay.png") center 0 no-repeat;background-size:480px auto;-webkit-animation: aniBg02 0.6s steps(8) infinite;animation:aniBg02 0.6s steps(8) infinite} .submain_digital_conts.ani_ico.img03::before {background:url("/pconts/images/contents/digital/img_invest.png") center 0 no-repeat;background-size:480px auto;-webkit-animation: aniBg03 1.5s steps(7) infinite;animation:aniBg03 1.5s steps(7) infinite} .submain_digital_conts.ani_ico.img04::before {background:url("/pconts/images/contents/digital/img_touchpay.png") center 0 no-repeat;background-size:480px auto;-webkit-animation: aniBg04 1s steps(6) infinite;animation:aniBg04 1s steps(6) infinite} .submain_digital_conts.ani_ico.img05::before {background:url("/pconts/images/contents/digital/img_facepay.png") center 0 no-repeat;background-size:480px auto;-webkit-animation: aniBg05 1.4s steps(22) infinite;animation:aniBg05 1.4s steps(22) infinite} .submain_digital_conts.ani_ico.img06::before {background:url("/pconts/images/contents/digital/img_timeline.png") center 0 no-repeat;background-size:480px auto;-webkit-animation: aniBg06 2.5s steps(20) infinite;animation:aniBg06 2.5s steps(20) infinite} .submain_digital_conts.ani_ico.img07::before {background:url("/pconts/images/contents/digital/img_fani.png") center 0 no-repeat;background-size:480px auto;-webkit-animation: aniBg07 1s steps(9) infinite;animation:aniBg07 1s steps(9) infinite} @keyframes aniBg02 { 0% { background-position:50% 0 } 100% { background-position:50% -2560px} } @keyframes aniBg03 { 0% { background-position:50% 0 } 100% { background-position:50% -2240px} } @keyframes aniBg04 { 0% { background-position:50% 0 } 100% { background-position:50% -1920px} } @keyframes aniBg05 { 0% { background-position:50% 0 } 100% { background-position:50% -7040px} } @keyframes aniBg06 { 0% { background-position:50% 0 } 100% { background-position:50% -6400px} } @keyframes aniBg07 { 0% { background-position:50% 0 } 100% { background-position:50% -2880px} } @keyframes aniBg08 { 0% { background-position:50% 0 } 100% { background-position:50% -5120px} } @keyframes aniBgMo02 { 0% { background-position:50% 0 } 100% { background-position:50% -1712px} } @keyframes aniBgMo03 { 0% { background-position:50% 0 } 100% { background-position:50% -1498px} } @keyframes aniBgMo04 { 0% { background-position:50% 0 } 100% { background-position:50% -1284px} } @keyframes aniBgMo05 { 0% { background-position:50% 0 } 100% { background-position:50% -4708px} } @keyframes aniBgMo06 { 0% { background-position:50% 0 } 100% { background-position:50% -4280px} } @keyframes aniBgMo07 { 0% { background-position:50% 0 } 100% { background-position:50% -1926px} } @keyframes aniBgMo08 { 0% { background-position:50% 0 } 100% { background-position:50% -3424px} } .submain_customer .contents {padding:55px 0 60px} .submain_favorite.customer li:nth-child(1) a {background:url('/pconts/images/main/customer/ico_favor01.png') no-repeat center top; background-size:40px auto} .submain_favorite.customer li:nth-child(2) a {background:url('/pconts/images/main/customer/ico_favor02.png') no-repeat center top; background-size:40px auto} .submain_favorite.customer li:nth-child(3) a {background:url('/pconts/images/main/customer/ico_favor03.png') no-repeat center top; background-size:40px auto} .submain_favorite.customer li:nth-child(4) a {background:url('/pconts/images/main/customer/ico_favor04.png') no-repeat center top; background-size:40px auto} .submain_customer .totalSrch_wrap {width:100%; margin:40px 0 60px 0} .submain_customer .totalSrch_wrap .submain_favorite {margin-bottom:30px} .submain_customer .search_box_type01 {margin-bottom:30px} .submain_customer .keyword_category_inner {height:45px} .submain_customer_qna {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-9px} .submain_customer_qna li {text-align:center; margin:0 9px; flex:1} .submain_customer_qna li > a {display:block; border:1px solid #ccc; border-radius:7px; width:100%; height:165px} .submain_customer_qna li .icon {background-color:#fff; background-position:center 30px; background-size:50px auto} .submain_customer_qna li .name {padding-top:105px; font-size:18px; color:#111; text-align:center} .submain_customer_qna .ico01 {background:url('/pconts/images/main/customer/ico_qna01.png') no-repeat} .submain_customer_qna .ico02 {background:url('/pconts/images/main/customer/ico_qna02.png') no-repeat} .submain_customer_qna .ico03 {background:url('/pconts/images/main/customer/ico_qna03.png') no-repeat} .submain_customer_qna .ico04 {background:url('/pconts/images/main/customer/ico_qna04.png') no-repeat} .submain_customer_qna .ico05 {background:url('/pconts/images/main/customer/ico_qna05.png') no-repeat} .submain_customer_qna .ico06 {background:url('/pconts/images/main/customer/ico_qna06.png') no-repeat} .submain_customer_info {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:10px} .submain_customer_info li {margin:0 20px; flex:1; text-align:center} .submain_customer_info li > a {display:block} .submain_customer_info li .icon::before {content:''; display:block; margin:0 auto; width:104px; height:104px; background-size:50px auto; background-color:#fff; border-radius:50%; background-position:center} .submain_customer_info li .name {margin-top:15px; font-size:18px; color:#111} .submain_customer_info .ico01::before {background:url(/pconts/images/main/customer/ico_info01.png) no-repeat} .submain_customer_info .ico02::before {background:url(/pconts/images/main/customer/ico_info02.png) no-repeat} .submain_customer_info .ico03::before {background:url(/pconts/images/main/customer/ico_info03.png) no-repeat} .submain_customer_info .ico04::before {background:url(/pconts/images/main/customer/ico_info04.png) no-repeat} .submain_customer_info .ico05::before {background:url(/pconts/images/main/customer/ico_info05.png) no-repeat} .submain_customer_info .ico06::before {background:url(/pconts/images/main/customer/ico_info06.png) no-repeat} .submain_customer_finance {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-20px; margin-bottom:40px} .submain_customer_finance li {width:calc(33.333% - 20px); margin-left:20px; margin-bottom:20px} .submain_customer_finance li a {display:block; border:1px solid #eee; padding:25px 30px; position:relative} .submain_customer_finance li a::after {content:'';display:inline-block; position:absolute; right:33px; top:calc(50% - 7px); width:15px;height:15px;margin-left:5px;border:solid #666; border-width:1px 1px 0 0; transform:rotate(45deg);opacity:0.4} .submain_customer_finance li .tit {font-size:20px; font-weight:700; color:#333} .submain_customer_finance li .txt {display:block;margin-top:3px;font-size:15px} .submain_callCenter {margin:60px 0} .submain_callCenter h4.h_title24 {display:inline-block} .submain_callCenter .txt {display:inline-block; position: relative} .submain_callCenter .info {margin-top:60px; margin-bottom:5px; font-size:22px; color:#333} .submain_callCenter .txt::after {content:''; display:block; width:104px; height:135px; position:absolute; bottom:0px; right:-130px; background-size:100px auto} .submain_callCenter .telLink {display:block; color:#5e7def; font-weight:900; font-size:32px; padding-bottom:20px} .submain_callCenter .tel_list {display:block; float:right; width:550px; margin-left:-10px} .submain_callCenter .tel_list li {margin-left:10px; margin-top:10px; width:calc(50% - 10px); float:left} .submain_callCenter .tel_list li a {display:block; padding:22px 25px; border:1px solid #eee; min-width:200px} .submain_callCenter .tel_list li a p {font-size:20px; color:#111} .submain_callCenter .tel_list li a span {font-size:20px; color:#111; font-weight:400} .submain_callCenter::after{content:'';display:block;width:100%;clear:both} .submain_customer_consumer {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:45px 0} .submain_customer_consumer li {width:33.33%; margin-bottom:60px} .submain_customer_consumer li:last-child {margin-bottom:0px} .submain_customer_consumer li .tit {display:inline-block; font-size:18px; color:#333; margin-right:5px} .submain_customer_consumer li .txt {margin-top:3px} .submain_customer_consumer li a::after {content:'';display:inline-block;width:8px;height:8px; margin-bottom:3px; border:solid #818181; border-width:1px 1px 0 0; transform:rotate(45deg)} .submain_customer_consumer li .item {padding-left:65px; background-size:45px auto} .submain_customer_consumer .ico01 {background:url('/pconts/images/main/customer/ico_consumer01.png') no-repeat} .submain_customer_consumer .ico02 {background:url('/pconts/images/main/customer/ico_consumer02.png') no-repeat} .submain_customer_consumer .ico03 {background:url('/pconts/images/main/customer/ico_consumer03.png') no-repeat} .submain_customer_consumer .ico04 {background:url('/pconts/images/main/customer/ico_consumer04.png') no-repeat} .submain_customer_consumer .ico05 {background:url('/pconts/images/main/customer/ico_consumer05.png') no-repeat} .submain_customer_consumer .ico06 {background:url('/pconts/images/main/customer/ico_consumer06.png') no-repeat} .submain_customer_consumer .ico07 {background:url('/pconts/images/main/customer/ico_consumer07.png') no-repeat} .submain_consumer_popList {border:1px solid #eee; padding:0px 20px} .submain_consumer_popList li {border-bottom:1px dashed #eee; padding:20px 0} .submain_consumer_popList li:last-child {border-bottom:none} .submain_consumer_popList li a {display:inline-block} .submain_consumer_popList li a::after {content:'';display:inline-block;width:19px;height:19px;margin-left:5px;margin-bottom:-4px;background:url(/pconts/images/icon/ico_outlink02.png) no-repeat center} .submain_consumer_popList li .item {padding-left:70px; background-size:auto 40px} .submain_consumer_popList .ico01 {background:url('/pconts/images/main/customer/ico_consumer_pop01.png') no-repeat} .submain_consumer_popList .ico02 {background:url('/pconts/images/main/customer/ico_consumer_pop02.png') no-repeat} .submain_consumer_popList .ico03 {background:url('/pconts/images/main/customer/ico_consumer_pop03.png') no-repeat} .submain_consumer_popList .ico04 {background:url('/pconts/images/main/customer/ico_consumer_pop04.png') no-repeat} .submain_consumer_popList .ico05 {background:url('/pconts/images/main/customer/ico_consumer_pop05.png') no-repeat} .submain_consumer_popList .ico06 {background:url('/pconts/images/main/customer/ico_consumer_pop06.png') no-repeat} .submain_consumer_popList .ico07 {background:url('/pconts/images/main/customer/ico_consumer_pop07.png') no-repeat} .submain_consumer_popList .ico08 {background:url('/pconts/images/main/customer/ico_consumer_pop08.png') no-repeat} .submain_topsClub .submain_premium .premium_visual {position:relative; margin-bottom:20px} .submain_topsClub .submain_premium .premium_visual .item {display:block; position:relative; height:295px; padding:0 40px; overflow:hidden; margin-top:20px} .submain_topsClub .submain_premium .premium_visual .item .cont {position:relative; z-index:20} .submain_topsClub .submain_premium .premium_visual .item .cont .tit {display:block; margin-bottom:25px} .submain_topsClub .submain_premium .premium_visual .item .cont .tit strong {line-height:48px; color:#111; font-size:47px; font-weight:700} .submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line {display:inline-block; position:relative} .submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line::after {content:''; display:block; position:absolute; left:0; right:-3px; bottom:3px; height:15px; background-color:#b9aa8e} .submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line span {position:relative; z-index:2} .submain_topsClub .submain_premium .premium_visual .item .cont .txt {display:block; font-size:18px; color:#333; font-weight:300} .submain_topsClub .submain_premium .premium_visual .item .cont .txt span {color:#8d743a; font-weight:700} .submain_topsClub .submain_premium .premium_visual .item .img {display:block; position:absolute; width:400px; height:293px; right:0; top:0; overflow:hidden; z-index:10} .submain_topsClub .submain_premium .premium_visual [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:40px;height:40px;z-index:10;overflow:hidden;background-color:rgba(0,0,0,0.5)} .submain_topsClub .submain_premium .premium_visual [class^='nav-button']::before {content:"";position:absolute;width:26px;height:26px;border-width:3px 3px 0 0;border-color:#fff;border-style:solid} .submain_topsClub .submain_premium .premium_visual .nav-button-prev {left:-45px} .submain_topsClub .submain_premium .premium_visual .nav-button-next {right:-45px} .submain_topsClub .submain_premium .premium_visual .swiper-button-disabled {opacity:0.3} .submain_topsClub .submain_premium .premium_visual .nav-button-prev::before {left:14px; top:7px; transform: rotate(-135deg)} .submain_topsClub .submain_premium .premium_visual .nav-button-next::before {left:2px; top:7px; transform: rotate(45deg)} .submain_topsClub .submain_premium .premium_visual .swiper-controls {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:40px; bottom:87px; width:auto} .submain_topsClub .submain_premium .premium_visual .swiper-controls.is_played .swiper-button-play {display:none} .submain_topsClub .submain_premium .premium_visual .swiper-controls.is_played .swiper-button-pause {display:inline-block} .submain_topsClub .submain_premium .premium_visual .swiper-controls.is_stoped .swiper-button-play {display:inline-block} .submain_topsClub .submain_premium .premium_visual .swiper-controls.is_stoped .swiper-button-pause {display:none} .submain_topsClub .submain_premium .premium_visual .swiper-pagination-fraction {display:inline-flex; position:relative; left:0; bottom:0; line-height:22px;width:auto; margin-right:5px; font-weight:800} .submain_topsClub .submain_premium .premium_visual .swiper-pagination-fraction span {display:inline-block; font-size:13px;color:#333} .submain_topsClub .submain_premium .premium_visual .swiper-button-pause {position:relative;display:inline-block;left:0;top:0; width:30px;height:20px;z-index:10;overflow:hidden} .submain_topsClub .submain_premium .premium_visual .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#333;border-style:solid} .submain_topsClub .submain_premium .premium_visual .swiper-button-play {position:relative;display:none;left:0;top:0; width:30px;height:20px;z-index:10;overflow:hidden} .submain_topsClub .submain_premium .premium_visual .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px; border-color:transparent transparent transparent #333; border-style:solid} .submain_topsClub .submain_premium .premium_visual .link{display:inline-flex; flex:none; width:auto; height:28px; padding:2px 16px 0 16px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:14px; border:1px solid #ccc; color:#111; font-size:13px; font-weight:700; z-index:10; background:#fff} .submain_topsClub .submain_banner {padding-bottom:0} .submain_topsClub .submain_banner .item {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:100px; padding:0 40px; border:1px solid #dddddd; background-color:#d2ccce; border-radius:8px} .submain_topsClub .submain_banner .item .cont .tit {color:#000; font-weight:700; font-size:24px} .submain_topsClub .submain_banner .item .cont .txt {color:#111; font-weight:300; font-size:16px} .submain_topsClub .submain_banner .item .label .label_more {display:inline-block; padding:1px 16px 0; color:#111; background-color:#fff; font-size:13px; height:26px; line-height:25px; border-radius:13px; font-weight:700} .submain_topsClub .submain_banner .helper {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:18px 0 60px 0} .submain_topsClub .submain_banner .helper .link {color:#111; font-size:15px; font-weight:300} .submain_topsClub .submain_banner .helper .link::after {content:''; display:inline-block; width:1px; height:10px; margin:0 9px; background:#666} .submain_topsClub .submain_banner .helper .link.more {display:inline-block; color:#333} .submain_topsClub .submain_banner .helper .link.more::after {content:''; display:inline-block; margin-left:3px; width:8px; height:8px; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg); background-color: transparent} .submain_topsClub .premium_coupon_list{margin-top:-14px} .submain_topsClub .event_subVisual{border:1px solid #ccc; margin:30px 0 10px 0} .submain_topsClub .event_subVisual .event_inner{background:#fff} .submain_topsClub .event_subVisual .event_cont a{color:#111} .submain_topsClub .event_subVisual .event_cont .label{color:#111; border:1px solid #ccc} .submain_topsClub .event_subVisual.img_right .event_cont .link{padding-left:40px} .submain_topsClub .event_bnr .event_cont .txt{font-size:16px; font-weight:400} .submain_topsClub .icon_list.favorite{padding-bottom:10px; font-weight:400} .submain_benefit .list01[data-type="card"] .event_info, .submain_topsClub .list01[data-type="card"] .event_info{height:386px} .submain_benefit .list01[data-type="card"] .event_info .cell1 .thumbnail, .submain_topsClub .list01[data-type="card"] .event_info .cell1 .thumbnail{height:252px} .submain_benefit .list01[data-type="card"] .event_info .text_cell, .submain_topsClub .list01[data-type="card"] .event_info .text_cell{padding:16px 20px} .submain_benefit .list01[data-type="card"] .event_info .cell2, .submain_topsClub .list01[data-type="card"] .event_info .cell2{margin-bottom:5px} .submain_benefit .list01.event_list[data-type="card"] ul > li, .submain_topsClub .list01.event_list[data-type="card"] ul > li{padding:10px 12px} .submain_service {display:flex; flex-wrap:wrap; margin:40px 0 10px 0; justify-content:space-between} .submain_service .service_inner {width:48.5%} .submain_service .service_inner .inner_cont {display:block; height:150px; background-color:#fff; border-radius:10px; overflow:hidden; box-shadow:2px 2px 22px -2px rgba(51, 51, 51, 0.17)} .submain_service .service_inner .inner_cont a {display:block; width:100%; height:150px; border-radius:10px; padding:30px 0 0 40px; background-repeat:no-repeat; background-position:center right; background-size:auto 250px} .submain_service .service_inner .inner_cont .tit {display:block; width:100%; font-size:20px; color:#333; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .submain_service .service_inner .inner_cont .txt {display:block; width:100%; font-size:16px; font-weight:400; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .submain_service .service_inner .inner_cont .label {display:inline-flex; flex:none; border:1px solid #ccc; color:#111; width:auto; height:28px; margin-top:13px; padding:2px 16px 0 16px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:14px; font-size:13px; font-weight:700} .submain_service .service_inner .inner_cont .tops01 {background-image:url(/pconts/images/contents/topsclub/img_tops_service.png)} .submain_service .service_inner .inner_cont .plus01 {background-image:url(/pconts/images/contents/topsclub/img_plus_service01.png)} .submain_service .service_inner .inner_cont .plus02 {background-image:url(/pconts/images/contents/topsclub/img_plus_service02.png)} .submain_service .service_inner .inner_cont .plus03 {background-image:url(/pconts/images/contents/topsclub/img_plus_service03.png)} .submain_service .service_inner .inner_cont .plus04 {background-image:url(/pconts/images/contents/topsclub/img_plus_service04.png)} .submain_service .service_inner .inner_cont .plus05 {background-image:url(/pconts/images/contents/topsclub/img_plus_service05.png)} .submain_topsClub.SH_submain .expend_wrap{padding-bottom:30px} .submain_service .service_inner .swiper_topsPlus {position:relative} .submain_service .service_inner .swiper_topsPlus [class^='nav-button'] {position:absolute;top:calc(50% - 28px);display:block;width:46px;height:58px;z-index:10;overflow:hidden; background-color:rgba(0,0,0,0.5)} .submain_service .service_inner .swiper_topsPlus [class^='nav-button']::before {content:"";position:absolute;width:15px;height:15px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid} .submain_service .service_inner .swiper_topsPlus .nav-button-prev {left:0px} .submain_service .service_inner .swiper_topsPlus .nav-button-next {right:0px} .submain_service .service_inner .swiper_topsPlus .swiper-button-disabled {opacity:0.3} .submain_service .service_inner .swiper_topsPlus .nav-button-prev::before {left:20px; top:20px; transform: rotate(-135deg)} .submain_service .service_inner .swiper_topsPlus .nav-button-next::before {left:10px; top:20px; transform: rotate(45deg)} .submain_service .service_inner .swiper_topsPlus .swiper-controls {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:140px; bottom:28px; width:auto} .submain_service .service_inner .swiper_topsPlus .swiper-controls.is_played .swiper-button-play {display:none} .submain_service .service_inner .swiper_topsPlus .swiper-controls.is_played .swiper-button-pause {display:inline-block} .submain_service .service_inner .swiper_topsPlus .swiper-controls.is_stoped .swiper-button-play {display:inline-block} .submain_service .service_inner .swiper_topsPlus .swiper-controls.is_stoped .swiper-button-pause {display:none} .submain_service .service_inner .swiper_topsPlus .swiper-pagination-fraction {display:inline-flex; position:relative; left:0; bottom:0; line-height:22px;width:auto; margin-right:5px; font-weight:800} .submain_service .service_inner .swiper_topsPlus .swiper-pagination-fraction span {display:inline-block; font-size:13px;color:#333} .submain_service .service_inner .swiper_topsPlus .swiper-button-pause {position:relative;display:inline-block;left:0;top:0; width:30px;height:20px;z-index:10;overflow:hidden} .submain_service .service_inner .swiper_topsPlus .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#333;border-style:solid} .submain_service .service_inner .swiper_topsPlus .swiper-button-play {position:relative;display:none;left:0;top:0; width:30px;height:20px;z-index:10;overflow:hidden} .submain_service .service_inner .swiper_topsPlus .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px; border-color:transparent transparent transparent #333; border-style:solid} .submain_topsClub .submain_premium .premium_level {padding-top:20px} .submain_topsClub .submain_premium .premium_level .tit {display:inline-block; position:relative; font-size:38px; line-height:48px; color:#000; font-weight:700} .submain_topsClub .submain_premium .premium_level .tit .name {color:#4868e1} .submain_topsClub .submain_premium .premium_level .tit .level {position:relative; display:inline-block; color:#8d743a} .submain_topsClub .submain_premium .premium_level .tit .level::before {content:''; display:block; position:absolute; left:0; bottom:2px; width:100%; height:3px; background-color:#8d743a} .submain_topsClub .submain_premium .premium_level .txt {margin:20px 0; color:#333; font-size:15px; font-weight:300; float:left} .submain_topsClub .submain_premium .premium_level .btn_box{float:left} .submain_topsClub .submain_premium .premium_level .top_btn_area:after{content:""; display:block; clear:both} .submain_topsClub .submain_premium .premium_level .top_btn_area{padding-top:25px} .submain_topsClub .submain_premium .premium_level .btn.blue{margin-left:215px} .submain_topsClub .submain_premium .premium_level .tooltip_link {display:block; position:absolute; left:100%; bottom:8px; margin-left:20px; height:33px; width:110px; line-height:33px; border-radius:5px; font-size:13px; font-weight:300; text-align:center; background-color: #8d743a; color:#fff} .submain_topsClub .submain_premium .premium_level .tooltip_link::before {content:''; display:block; position:absolute; right:100%; top:50%; margin-top:-6px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:8px solid #8d743a} .submain_topsClub .submain_premium .premium_level .tooltip_link > span {display:inline-block; position:relative; padding-right:12px} .submain_topsClub .submain_premium .premium_level .tooltip_link > span::after {content:''; position:absolute; right:0; top:50%; width:6px; height:6px; margin-top:-3px; border:1px solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg)} .submain_topsClub .jump_area{position:relative} .submain_topsClub .submain_premium .premium_info {position:relative; margin-top:35px; margin-bottom:40px} .submain_topsClub .submain_premium .premium_info .item {display:block; height:187px; padding:20px 25px 10px 25px; background-color:#fff; border-radius:8px; color:#333; box-shadow:5px 5px 20px 0 rgba(51,51,51,0.15)} .submain_topsClub .submain_premium .premium_info .item .tit {font-weight:300; font-size:18px; line-height:24px} .submain_topsClub .submain_premium .premium_info .item .tit::after {content:''; position:relative; top:-1px; display:inline-block; width:8px; height:8px; vertical-align:middle; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg)} .submain_topsClub .submain_premium .premium_info .item .tit .icon_box {width:50px; height:50px; margin-bottom:15px; background-size:50px auto} .submain_topsClub .submain_premium .premium_info .item .txt {margin-top:5px; font-weight:700; font-size:24px; text-align:right} .submain_topsClub .submain_premium .premium_info .item .txt small {font-weight:700; font-size:15px} .submain_topsClub .submain_premium .premium_info .item .txt small + .js_animate_won {margin-left:5px} .submain_topsClub .submain_premium .premium_info .item .txt small.js_txt{font-weight:400; float:left; line-height:48px; color:#111} .submain_topsClub .submain_premium .premium_info .swiper-button-prev, .submain_topsClub .submain_premium .premium_info .swiper-button-next {display:none !important} .submain_topsClub .submain_premium .premium_info .swiper-container {overflow:visible} .submain_topsClub .submain_premium .premium_info .swiper-wrapper {width:auto} .submain_topsClub .submain_eventList {padding:30px 0} .submain_topsClub .submain_eventList .h_wrap {margin-top:-6px} .submain_topsClub .submain_bestCoupone .h_wrap .more, .submain_topsClub .submain_eventList .h_wrap .more, .submain_service .service_inner .h_wrap .more {display:inline-block; position:relative; padding-right:20px} .submain_topsClub .submain_bestCoupone .h_wrap .more::after, .submain_topsClub .submain_eventList .h_wrap .more::after, .submain_service .service_inner .h_wrap .more::after {content:'';display:block;position:absolute;top:50%;right:0;width:13px;height:13px;margin-top:-7px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)} @media only screen and (min-width:1024px) { .main_index #header {position:relative} .main_index .event_subTop {position:fixed; left:0; top:0; width:100%} .main_index #header .header_banner, .main_index #header .header_top, .main_index #header .header_body {position:fixed; left:0; right:0; top:0; z-index:20} .main_index #header .header_body {z-index:10; top:40px} .main_index #header .header_body .headerBg_wrap {position:absolute; left:0; top:-40px; right:0; bottom:0; z-index:45; display:block} .main_index #header .header_body .headerBg {display:block; position: absolute; left:0; top:0; height:100%} .main_index #header .header_body .body_inner {position:relative; z-index:61;-webkit-box-align:center; -ms-flex-align:center; align-items:center} .main_index #header > .headerBg, .main_index #header .header_top, .main_index #header .header_body {transition:all 0.3s 0.3s ease} .main_index #header .header_body .headerBg.is_active {opacity:0} .main_index #header.is_scrolled .header_body .headerBg.is_active {opacity:1} .main_index .main_con {padding-top:239px; height:571px} .has_eventTopBnr .main_index #header .header_top {top:120px} .has_eventTopBnr .main_index #header > .headerBg {top:120px} .has_eventTopBnr .main_index #header .header_body {top:159px} .has_eventTopBnr .main_index #header .header_body .headerBg {height:(100% + 39px)} } @media only screen and (max-width:1023px) { .main_index .main_quick .icon_box.icon01 {background-image:url(/pconts/images/main/index/ico_icon01_m.png)} .main_index .main_quick .icon_box.icon02 {background-image:url(/pconts/images/main/index/ico_icon02_m.png)} .main_index .main_quick .icon_box.icon03 {background-image:url(/pconts/images/main/index/ico_icon03_m.png)} .main_index .main_quick .icon_box.icon04 {background-image:url(/pconts/images/main/index/ico_icon04_m.png)} .main_index .main_quick .icon_box.icon05 {background-image:url(/pconts/images/main/index/ico_icon05_m.png)} .main_index .main_quick .icon_box.icon06 {background-image:url(/pconts/images/main/index/ico_icon06_m.png)} .main_index .main_quick .icon_box.icon07 {background-image:url(/pconts/images/main/index/ico_icon07_m.png)} .main_index .main_quick .icon_box.icon08 {background-image:url(/pconts/images/main/index/ico_icon08_m.png)} .main_index .main_quick .icon_box.icon09 {background-image:url(/pconts/images/main/index/ico_icon09_m.png)} .main_index .main_quick .icon_box.icon10 {background-image:url(/pconts/images/main/index/ico_icon10_m.png)} .main_index .main_quick .icon_box.icon11 {background-image:url(/pconts/images/main/index/ico_icon11_m.png)} .main_index .main_quick .icon_box.icon12 {background-image:url(/pconts/images/main/index/ico_icon12_m.png)} .main_index .main_quick .icon_box.icon13 {background-image:url(/pconts/images/main/index/ico_icon13_m.png)} .main_index .main_quick .icon_box.icon14 {background-image:url(/pconts/images/main/index/ico_icon14_m.png)} .main_index .main_quick .icon_box.icon15 {background-image:url(/pconts/images/main/index/ico_icon15_m.png)} .main_index .main_quick .icon_box.icon16 {background-image:url(/pconts/images/main/index/ico_icon16_m.png)} .main_index .main_quick .icon_box.icon17 {background-image:url(/pconts/images/main/index/ico_icon17_m.png)} .main_index .main_quick .icon_box.icon18 {background-image:url(/pconts/images/main/index/ico_icon18_m.png)} .main_index .main_quick .icon_box.icon19 {background-image:url(/pconts/images/main/index/ico_icon19_m.png)} .main_index .main_quick .icon_box.icon20 {background-image:url(/pconts/images/main/index/ico_icon20_m.png)} .main_index .main_quick .icon_box.icon21 {background-image:url(/pconts/images/main/index/ico_icon21_m.png)} .main_index .main_quick .icon_box.icon22 {background-image:url(/pconts/images/main/index/ico_icon22_m.png)} .main_index .main_quick .icon_box.icon23 {background-image:url(/pconts/images/main/index/ico_icon23_m.png)} .main_index .main_quick .icon_box.icon24 {background-image:url(/pconts/images/main/index/ico_icon24_m.png)} .main_index .main_quick .icon_box.icon25 {background-image:url(/pconts/images/main/index/ico_icon25_m.png)} .main_index .main_quick .icon_box.icon26 {background-image:url(/pconts/images/main/index/ico_icon26_m.png)} .main_index .main_quick .icon_box.icon27 {background-image:url(/pconts/images/main/index/ico_icon27_m.png)} .main_index .main_quick .icon_box.icon28 {background-image:url(/pconts/images/main/index/ico_icon28_m.png)} .main_index .main_quick .icon_box.icon29 {background-image:url(/pconts/images/main/index/ico_icon29_m.png)} .main_index #header {height:466px} .main_index #header .header_inner {height:100%} .main_index #header .header_body {height:auto; padding-top:0} .main_index #header .header_body .head_title {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; margin:0; padding:10px 27px 0 27px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:60px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .main_index #header .header_body .head_title .util_mobile {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end} .main_index #header .header_body .head_title .util_mobile .btn_ico_all_menu {margin-left:17px} .main_index #header .header_body .head_title .util_mobile .btn_login {display:block; height:20px; padding:0 12px; border-radius:10px; border:1px solid #fff; font-size:10px; color:#fff} .main_index #header .header_body .body_inner {height:106px; overflow:visible} .main_index #header .header_body .body_inner .gnb_wrap {margin-top:auto; width:100%} .main_index #header .head_title .inside_title {height:21px} .main_index #header .head_title .inside_title a {top:0} .main_index #header .util_wrap {display:none} .main_index #container {padding-top:466px; overflow:hidden} .main_index .footer_wrap {padding-bottom:15px} .main_index .bg01 video {position:fixed} .main_index .ly_inner {width:100%;padding:0 20px} .main_index #header .gnb_linkbar {display:none} .main_index #header .gnb_wrap {width:100%; margin:0; margin-top:0; padding:0} .main_index #header .gnb_wrap .gnb_navi {padding-left:14px; padding-right:30px} .main_index #header .gnb_wrap .nav_area {width:100%; padding-left:0; padding-right:0} .main_index #header .gnb_wrap .nav_area .dep1 {width:auto; margin:0 0} .main_index #header .gnb_wrap .nav_area .dep1 > li {width:auto} .main_index #header .gnb_wrap .nav_area .dep1 > li > a {display:block; padding:2px 12px 0 13px; font-size:16px; line-height:38px; text-align:center} .main_index #header .gnb_wrap .nav_area .dep1 > li .allmenu_group {margin-top:52px} .main_index #header .gnb_wrap .gnb {position:absolute;top:50px} .main_index #header .gnb_wrap .gnb_slide_wrap {width:100%} .main_index #header .gnb_wrap .gnb_slide_wrap .swiper-container .swiper-wrapper .swiper-slide {margin-right:26px} .main_index #header .gnb_wrap .all_menu img {width:20px;height:18px !important} .main_index #header .gnb_wrap .gnb_member {top:0} .main_index #header .gnb_wrap .gnb_member ul li a {padding:0 8px} .main_index #header .gnb_wrap .nav_area:after {display:none} .main_index #header .gnb_wrap .swiper-button-prev, .main_index #header .gnb_wrap .swiper-button-next {display:block; top:0; height:40px; width:18px; margin:0; background:url('/pconts/images/main/index/gnb_next_m.png') no-repeat center center / 8px 13px} .main_index #header .gnb_wrap .swiper-button-prev {display:none !important; right:auto; left:0; transform:rotate(180deg)} .main_index #header .gnb_wrap .swiper-button-next {left:auto; right:10px} .main_index #header .util_wrap .login_area, .main_index #header .util_wrap .logout_area {display:block} .main_index h1.logo {display:inline-block;margin-bottom:0} .main_index h1.logo a {width:120px;height:21px} .main_index #header .gnb_wrap .gnb_member ul li a {height:21px} .main_index #header .gnb_wrap .gnb_member ul li a span {display:none} .main_index #header .main_con {position:absolute; left:0; bottom:0; width:100%; height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center} .main_index #header .main_con .gnb_wrap {display:block; position:absolute; bottom:0; left:0; width:100%} .main_index #header .main_con .gnb_wrap::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#eeeeee} .main_index #header .main_con .gnb_wrap .nav_area .dep1 li {color:#333333} .main_index #header .main_con .gnb_wrap .swiper-button-next {background:url('/pconts/images/main/index/gnb_next_m2.png') no-repeat center center / 8px 13px} .main_index #header .header_body .head_title {opacity:1} .main_index #header .gnb_wrap {display:block} .main_index #header .main_con .gnb_wrap {display:none} .main_index #header .header_body .head_title .util_mobile .search_btn {width:0; height:20px; margin-left:0; overflow:hidden} .main_index #header .header_body .head_title, .main_index #header .header_body .head_title .util_mobile .search_btn, .main_index #header .main_search, .main_index #container, .main_index #header .main_banner {transition:all 0.2s ease} .main_index #header.step-state1 .header_body .body_inner {overflow:visible} .main_index #header.step-state1 .main_search {opacity:0} .main_index #header.step-state1 .header_body .head_title .util_mobile .search_btn {width:20px; height:20px; margin-left:10px} .main_index #header.step-state1 .header_body .head_title .util_mobile .search_btn img {width:20px; height:20px} .main_index #header.step-state2 .gnb_wrap {display:none} .main_index #header.step-state2 .main_banner {bottom:40px} .main_index #header.step-state2 .main_con .gnb_wrap {display:block; background:#fff; padding:0;z-index:10} .main_index #header.step-state2 .header_body .head_title {opacity:0} .main_index #header.step-state2 .main_con .gnb_wrap {opacity:1; background:#fff; padding:0} .main_index .step-state3 .main_con {z-index:11} .main_index .main_con .main_search {position:relative; z-index:10; padding:0 25px} .main_index .main_con .main_search .input_wrap {max-width:100%; width:414px; margin:auto} .main_index .main_con .main_search .input_wrap input {height:35px;line-height:35px;font-size:15px; padding-left:30px} .main_index .main_con .main_search .input_wrap input:focus {padding-left:30px} .main_index .main_con .main_search .input_wrap input::placeholder{font-size:15px;color:rgba(255,255,255,0.3);line-height:35px} .main_index .main_con .main_search .input_wrap input::-webkit-input-placeholder{font-size:15px;color:rgba(255,255,255,0.3);line-height:35px} .main_index .main_con .main_search .input_wrap input::-moz-placeholder{font-size:15px;color:rgba(255,255,255,0.3);line-height:35px} .main_index .main_con .main_search .input_wrap input:-moz-placeholder{font-size:15px;color:rgba(255,255,255,0.3);line-height:35px} .main_index .main_con .main_search .input_wrap input::-ms-input-placeholde{font-size:15px;color:rgba(255,255,255,0.3);line-height:35px} .main_index .main_con .main_search .input_wrap input:-ms-input-placeholder{font-size:15px;color:rgba(255,255,255,0.3);line-height:35px} .main_index .main_con .main_search .input_wrap .search_btn {top:7px;bottom:8px;width:20px;height:20px} .main_index .main_con .main_search .input_wrap .link_bnr {width:50px; height:50px;top:-10px} .main_index .main_con .main_search .input_wrap.mo_only {display:block} .main_index .main_con .main_search .input_wrap.mo_only input {cursor: pointer} .main_index .main_con .main_search .input_wrap.pc_only {display:none} .main_index .main_con .main_search_word {width:100%;padding:9px 0 0;text-align:center} .main_index .main_con .main_search_word li {padding-right:0} .main_index .main_con .main_search_word li a {padding:8px 13px 7px;font-size:13px} .main_index .main_banner {height:110px;z-index:20} .main_index .main_banner .banner_area {min-width:320px;max-width:100%;width:414px;height:115px;margin:auto} .main_index .main_banner .slide_wrap [class^='nav-button'] {width:20px;height:20px;margin-top:-10px} .main_index .main_banner .slide_wrap [class^='nav-button']::before {content:'';width:10px;height:10px;top:5px} .main_index .main_banner .slide_wrap .nav-button-prev {left:2px} .main_index .main_banner .slide_wrap .nav-button-next {right:2px} .main_index .main_banner .slide_wrap .nav-button-prev::before {left:7px} .main_index .main_banner .slide_wrap .nav-button-next::before {left:2px} .main_index .main_banner .slide_wrap .swiper-slide a.item {height:115px} .main_index .main_banner .slide_wrap .swiper-slide a.item p {position:absolute;top:auto;bottom:52px;left:33px} .main_index .main_banner .slide_wrap .swiper-slide a.item p span {font-size:1.3rem} .main_index .main_banner .slide_wrap .swiper-slide a.item p strong {font-size:1.5rem} .main_index .main_banner .slide_wrap .swiper-pagination-fraction {left:calc(50% - 162px);bottom:17px} .main_index .main_banner .slide_wrap .swiper-button-pause {left:calc(50% - 130px);bottom:17px} .main_index .main_banner .slide_wrap .bg01 {background:url(/pconts/images/main/index/main_banner1_m.png) no-repeat center; background-size:auto 100%} .main_index .main_banner .slide_wrap .bg02 {background:url(/pconts/images/main/index/main_banner2_m.png) no-repeat center; background-size:auto 100%} .main_index .main_banner .slide_wrap .bg03 {background:url(/pconts/images/main/index/main_banner3_m.png) no-repeat center ; background-size:auto 100%}	 .main_index .main_quick {padding:23px 0} .main_index .main_quick .icon_list.favorite {display:flex; flex-wrap:wrap; height:auto; margin:-16px 0; padding-bottom:13px} .main_index .main_quick .icon_list.favorite > li {width:25%; padding:8px 0} .main_index .main_quick .icon_list.favorite > li .icon_box {background-size:30px auto} .main_index .main_quick .icon_list.favorite > li .icon_box:focus, .main_index .main_quick .icon_list.favorite > li .icon_box:hover {background-position:center 15px} .main_index .main_quick .icon_list.favorite > li .icon_box .icon_name {padding:54px 0 0; font-size:13px} .main_index .main_card_wrap {padding:0 10px} .main_index .main_card_wrap .swiper-container {overflow:visible; margin-left:0; margin-right:0; padding-bottom:0; padding-top:0; padding-right:10px} .main_index .main_card_wrap .swiper-slide {width:130px} .main_index .main_card_wrap .nav-button-prev, .main_index .main_card_wrap .nav-button-next {top:95px; width:30px; height:30px} .main_index .main_card_wrap .nav-button-prev::before, .main_index .main_card_wrap .nav-button-next::before {width:10px; height:10px; top:10px} .main_index .main_card_wrap .nav-button-prev::before {left:13px} .main_index .main_card_wrap .nav-buttozzzzzzzn-next::before {left:8px} .main_index .main_card_wrap .item {display:block;width:130px;overflow:hidden} .main_index .main_card_wrap .item p {width:114px; height:181px;box-shadow:4px 4px 10px rgba(0,0,0,0.3)} .main_index .main_card_wrap .item img {max-width:182px; max-height:182px} .main_index .main_card_wrap .item strong {width:115px; margin:8px auto 0 auto;font-size:1.3rem;text-align:left} .main_index .main_card_wrap .item span {display:block;font-size:1.1rem} .main_index .main_card_wrap .item img.rotate {width:auto; height:114px} body.msie .main_index .main_card_wrap .item img.rotate {margin-left:-33px} .btn_line_blue {border:1px solid #086ac5; background-color:#fff; color:#086ac5} .main_index .btn_wrap.btn_main {margin-top:14px; margin-bottom:10px; padding:0 20px;text-align:left;display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .main_index .btn_wrap.btn_main .btn_line_blue {width:48%} .main_index .btn_wrap.btn_main .btn_line_blue.btn_arrow + button {margin-left:2%} .main_index .main_finance_wrap {left:0;bottom:0; margin-top:1px; padding:0 20px; padding-bottom:0} .main_index .main_finance_wrap .swiper-container {overflow:visible; margin:0; margin-top:-5px; padding-bottom:20px} .main_index .main_finance_wrap .swiper-wrapper .swiper-slide {padding:0} .main_index .main_finance_wrap .swiper-slide {width:auto; min-width:100px} .main_index .main_finance_wrap .nav-button-prev, .main_index .main_finance_wrap .nav-button-next {display:block; top:58px; width:30px; height:30px} .main_index .main_finance_wrap .nav-button-prev::before, .main_index .main_finance_wrap .nav-button-next::before {width:10px; height:10px; top:10px} .main_index .main_finance_wrap .nav-button-prev::before {left:13px} .main_index .main_finance_wrap .nav-button-next::before {left:8px} .main_index .main_finance_wrap .item {height:110px;padding:13px;border-radius:4px;box-shadow:4px 4px 10px rgba(0,0,0,0.2)} .main_index .main_finance_wrap .item .img_area {width:30px;height:30px;margin-bottom:5px;line-height:1} .main_index .main_finance_wrap .item .img_area img {width:100%} .main_index .main_finance_wrap .item p {line-height:15px} .main_index .main_finance_wrap .item strong {display:block;font-size:13px} .main_index .main_finance_wrap .item span {font-size:13px} .main_index .main_notice_wrap {padding:30px 0} .main_index .main_notice {margin:-10px 0} .main_index .main_notice li {padding:10px 0} .main_index .main_notice li + li:before {display:none} .main_index .main_notice p strong {font-size:16px; margin-bottom:4px} .main_index .main_notice .main_morelink {top:14px;right:0;display:inline-block;line-height:20px} .main_index .col02 {-ms-flex-wrap:wrap; flex-wrap:wrap} .main_index .col02 > li {float:none;width:100%} .main_index .main_graybox .col02 > li::after {top:auto;bottom:0;left:0;width:100%;height:1px} .main_index .main_graybox .ly_inner {padding:0} .main_index .main_box .tit {padding:20px 20px 10px;font-size:1.6rem} .main_index .main_box + .main_box {margin-bottom:40px} } @media only screen and (max-width:1023px) { .SH_submain .contents {padding-top:0} .SH_submain .expend_wrap.bg_gray {padding:26px 20px 35px} .SH_submain .expend_wrap.bg_gray > .ly_inner {padding:0px}	 .submain_favorite {padding:0px 20px; width:100%} .submain_favorite ul {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between} .submain_favorite li {flex:1} .submain_favorite .tit_wrap {margin:20px 0 0} .submain_favorite .icon_list.favorite .icon_box {background-size:40px auto} .submain_favorite .icon_list.favorite > li .icon_box .icon_name {padding:45px 0 20px;font-size:1.3rem}	 .submain_customer_info li .name, .submain_customer_finance li .tit, .submain_customer_call li a p, .submain_customer_consumer li .tit, .submain_callCenter .tel_list li a p, .submain_callCenter .tel_list li a span, .submain_mypage .sm_inner .mySub_top .left .sinceDate {font-size:15px} .submain_callCenter .tel_list li a {padding:15px} .submain_customer_finance li .txt, .submain_customer_call li a span, .submain_customer_consumer li .txt {font-size:13px} .SH_submain .cardFind_swiper .swiper-wrapper {-ms-flex-wrap:nowrap; flex-wrap:nowrap} .SH_submain .cardFind_swiper .swiper-slide {flex:none; width:80px} .submain_mypage .event_subTop.my_subTop .event_cont .img{bottom:0} .submain_mypage .event_bnr.my_subTop .event_cont{width:auto} .submain_mypage .sm_inner{width:auto;padding:0} .submain_mypage .sm_inner .left, .sm_inner .right{float:inherit;width:auto} .submain_mypage .sm_inner .mySub_top{height:auto;padding:20px 20px 6px;background:#fff;margin-top:0} .submain_mypage .sm_inner .mySub_top .left{padding:0 0 30px 92px;min-height:80px;font-size:2rem;background-size:80px auto} .submain_mypage .sm_inner .mySub_top .userLevel{font-size:1.8rem} .submain_mypage .sm_inner .mySub_top .left .barCode{top:26px} .submain_mypage .sm_inner .mySub_top .left.accordion_header {width:100%} .submain_mypage .sm_inner .mySub_top .left.accordion_header .icon_preview {width:80px; height:80px} .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn{display:block;right:auto;left:50%;top:65px;margin-left:-18px;opacity:1} .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn:after{width:10px;height:10px;margin:-7px 0 0 -5px;transform:rotate(135deg);transition:0.2s} .submain_mypage .sm_inner .mySub_top .left.accordion_header button.acc_btn.on:after{margin-top:-3px;transform:rotate(-45deg)} .submain_mypage .mySub_top .right.accordion_body{display:none;width:100%;margin:0} .submain_mypage .mySub_top .right .barCode{display:block;width:auto;padding:0 38px;text-align:center} .submain_mypage .mySub_top .right .barCode .txt{display:block;color:#111;font-size:13px;line-height:1.7} .submain_mypage .mySub_top .right .barCode img{width:100%;height:44px} .submain_mypage .mySub_top .right .barCode .num{display:block;margin-top:5px;font-size:13px;text-align:center} .submain_mypage .mySub_top .right .barCode .txt{display:block;margin:0 0 5px} .submain_mypage .mySub_top .right .barCode img{width:100%;max-width:252px;height:auto} .submain_mypage .mySub_top .right .barCode .num{text-align:center} .submain_mypage .mySub_top .right .links{display:block;width:auto;margin:20px -5px 0;text-align:center} .submain_mypage .mySub_top .right .links button{display:inline-block;width:auto;margin:0 5px;padding-left:22px;font-size:1.5rem;line-height:2.8rem} .submain_mypage .mySub_top .right .links button:before{top:3px;background-image:url(/pconts/images/contents/mypage/ico_links_m.gif);background-size:auto 63px} .submain_mypage .mySub_mid{margin-top:0;padding:0 20px 0} .submain_mypage .mySub_mid .ly_inner{padding:0} .submain_mypage .mySub_mid .tab_wrap:before{display:none} .submain_mypage .mySub_mid .tab_cont{padding-top:0} .submain_mypage .mySub_mid .tab_cont .inner{padding:0;box-shadow:none} .submain_mypage .mySub_mid .tab_list{margin:0} .submain_mypage .mymain_tab .tab_list li{width:92px} .submain_mypage .mymain_tab .tab_list li a{height:36px;line-height:38px} .submain_mypage .mySub_mid .tab_cont .my_amount{float:inherit;width:auto;margin-top:38px} .submain_mypage .mySub_mid .tab_cont .my_amount + .my_amount{float:inherit;margin-left:0} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list{margin-top:19px} .submain_mypage .mySub_mid .tab_cont .titCont, .submain_mypage .mySub_mid .tab_cont .my_amount .titCont{font-size:1.8rem} .submain_mypage .mySub_mid .tab_cont .titCont .txt{padding-top:13px} .submain_mypage .mySub_mid .tab_cont .titCont>.date{bottom:17px} .submain_mypage.SH_submain .tab_cont .my_amount.major_account .btn_tooltip{position:absolute; top:6px; left:67px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li{margin-top:18px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em{font-size:1.6rem} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li.thisMonth em > span{display:inline-block;position:relative;padding:0 0 0 15px;color:#111;font-size:1.3rem} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li.thisMonth em > span:before{content:'';display:block;position:absolute;top:0;left:8px;top:0;width:1px;height:12px;background:#ddd} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span{display:block;padding:5px 0 0;text-align:left} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li em > span:before{display:none} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong.ing{font-size:1.5rem} .submain_mypage .mySub_mid .tab_cont .btn_cont .btn{height:40px;line-height:40px;font-size:1.3rem} .submain_mypage .mySub_mid .tab_cont .my_amount a.titCont{padding-right:18px} .submain_mypage .mySub_mid .tab_cont .my_amount .amount_list li strong, .mySub_mid .tab_cont .my_amount .amount_list li > button{font-size:2rem} .submain_mypage .mySub_mid .tab_cont .mycard_usage{float:inherit;width:auto;margin-top:38px} .submain_mypage .mycard_usage .list li .shop_name{width:100%;flex:7} .submain_mypage .mycard_usage .list li .right_l{flex:auto} .submain_mypage .mySub_mid .tab_cont .right{margin-top:37px} .submain_mypage .mycard_usage .list{border-bottom:1px solid #eee} .submain_mypage .mycard_usage .list li{padding:8px 0 8px 42px;border:none;line-height:24px} .submain_mypage .mycard_usage .list li:before{top:22px;width:23px;height:23px;background:url(/pconts/images/contents/mypage/ico_show_m.gif) no-repeat 0 0 / 100% auto} .submain_mypage .mycard_usage .list li.case02:before{background-position:-28px 0} .submain_mypage .mycard_usage .list li.case03:before{background-position:-56px 0} .submain_mypage .mycard_usage .list li.case04:before{background-position:-84px 0} .submain_mypage .mycard_usage .list li .shop_name{color:#111;font-size:15px} .submain_mypage .mySub_mid .tab_cont .inner .btn_wrap{margin-top:23px} .submain_mypage .my_advance .mylimit_info_wrap{margin-top:20px;padding:0} .submain_mypage .mySub_mid .tab_cont .inner .btn_wrap .btn_link{min-width:138px;margin:8px 2px 0;padding:0 10px} .submain_mypage .mySub_btm{margin-top:40px;padding:0} .submain_mypage .mySub_btm .usage_item .usage_info .title_area, .mySub_btm .usage_item .usage_info .texts_area, .submain_mypage .mySub_btm .usage_item .usage_info .texts_area{width:100%} .submain_mypage .mySub_btm .mymain_usage .btn_wrap{margin:0;text-align:right} .submain_mypage .mymain_usage + .btn_wrap{margin-top:20px;text-align:center} .submain_mypage .tooltip_tit{font-size:1.6rem} .submain_grayBox {margin-bottom:0} .submain_grayBox button span {position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important} .submain_benefit .event_list_swiper {padding-bottom:0} .submain_benefit_myshop {margin:15px 0 30px 0; padding-bottom:10px} .submain_benefit_myshop li > span {display:block; padding-left:0; padding-top:38px; font-size:13px; line-height:normal} .submain_benefit_myshop li > span:before {display:block; left:calc(50% - 20px); top:0px} .submain_benefit_myshop li > strong {margin-left:0} .submain_benefit_myshop li > em{font-size:13px} .submain_benefit .event_subVisual .event_cont .link{padding:22px 20px} .submain_benefit .benefit_login.event_bnr.event_subVisual .link:after{width:180px; height:100px; right:0} .submain_benefit .event_list_swiper{padding-top:0} .submain_benefit .h_wrap .h_title24{margin-bottom:4px} .submain_benefit .h_wrap .h_title24 a.more::after{width:10px; height:10px; margin-bottom:1px} .submain_benefit .h_wrap .h_title24 + span{margin-top:0; font-size:13px} .submain_benefit .submain_grayBox{padding:4px 20px 4px 20px; margin-top:20px} .submain_benefit_myshop li > a{margin-left:10px; font-size:24px} .submain_benefit .sub_txt{font-size:13px; padding:10px 0 30px 0} .submain_benefit_point .info {position:static; font-size:13px} .submain_benefit_point .pointBox {margin-bottom:0px} .submain_benefit_point .btn_area {text-align:center; margin-top:25px; margin-bottom:-5px; padding-bottom:0} .submain_benefit_point .btn_area a {width:auto; font-size:15px; min-height:82px} .submain_benefit_point .btn_area li:not(:last-child):after {height:64px; top:12px} .submain_benefit_point .btn_area li {width:calc(33.333% - 5px); padding-right:5px} .submain_benefit .benefit.event_bnr.event_subVisual .link:after{right:10px} .submain_benefit .icon_list.favorite > li .icon_box .icon_name{padding-top:50px} .submain_benefit .point_txt{padding-top:35px} .submain_benefit .benefit.event_bnr.event_subVisual{margin-top:20px} .submain_favorite.benefit li span {font-size:13px} .submain_benefit .icon_list.favorite > li .icon_box .icon_name {padding-bottom:0} .submain_benefit .submain_grayBox .number{margin-left:5px} .submain_benefit .icon_list.favorite{padding:20px 0 30px 0; font-weight:400} .benefit.event_bnr.event_subVisual .link:after {width:150px; height:130px} .benefit_login.event_bnr.event_subVisual .link:after {width:140px; height:80px} .submain_finance .sm_inner{width:auto;padding:0} .submain_finance .expend_wrap.sm_gray{padding-top:30px;padding-bottom:40px} .submain_finance .sm_gray{padding:30px 20px} .submain_finance .sm_group{margin-top:36px} .submain_finance .sm_loanlist {display:block} .submain_finance .sm_loanlist li{width:100%; margin:0;padding:18px 0;border-top:1px solid #eee} .submain_finance .sm_loanlist li:first-child{border-top:none} .submain_finance .sm_group .sm_title{position:relative;display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;font-size:1.8rem} .submain_finance .sm_group .sm_title em{font-size:1.8rem} .submain_finance .sm_group .sm_title .subTit{padding-right:20px;font-size:1.6rem} .submain_finance .smTxt{margin-top:3px;font-size:1.3rem;line-height:1.9rem} .submain_finance .sm_group .sm_title .subTit:after{width:10px;height:10px;margin-top:-5px;border-top-color:#111; border-right-color:#111} .submain_finance .cash_service_info{padding:25px 20px} .submain_finance .cash_service_info ul li strong{display:block;padding-left:0} .submain_finance .sm_group button.btn_loan{top:0;padding-right:13px;font-size:1.5rem} .submain_finance .sm_group button.btn_loan:after{top:7px;width:8px;height:8px} .submain_finance .cash_service_info.loan_service ul li{text-align:left} .submain_finance .sm_loanlist li strong{padding-right:13px;font-size:1.5rem} .submain_finance .sm_loanlist li strong:after{width:8px;height:8px;margin-top:-4px} .submain_finance .sm_loanlist li span{font-size:1.3rem} .submain_finance .sm_loanlist li .link_cont{padding-left:60px} .submain_finance .cash_service_info ul li button{margin-top:12px} .submain_finance .sm_line .inner{width:auto;padding:30px 20px 40px} .submain_finance .sm_line .inner .sm_etclist li .link_cont span{padding-right:20px} .submain_finance .sm_line .inner .sm_etclist li+li .link_cont{border-left:1px solid #eee} .submain_finance .sm_line .inner .sm_etclist li .link_cont strong{font-size:1.6rem;line-height:1.3} .submain_finance .sm_line .inner .sm_etclist li .link_cont strong:after{position:static;display:inline-block;width:8px;height:8px;margin:0 0 2px 7px;border-width:1px 1px 0 0} .submain_finance .sm_line .inner .sm_etclist li .link_cont span{font-size:1.3rem} .submain_finance .sm_line .inner .sm_tellist{display:block;margin-top:30px;margin-bottom:-10px} .submain_finance .sm_line .inner .sm_tellist li{display:block} .submain_finance .sm_line .inner .sm_tellist li .link_cont{margin:10px 0 0 0;border-width:1px} .submain_finance .sm_line .inner .sm_tellist li .link_cont strong{font-size:1.8rem} .submain_finance .sm_line .inner .sm_tellist li .link_cont span{font-size:1.3rem} .submain_finance .sm_line .inner .sm_tellist li .link_cont em{margin-top:0;font-size:2rem;line-height:1.2} .submain_finance .sm_line .inner .sm_tellist li .link_cont em span {font-size:1.6rem} .submain_finance .sm_line .inner .sm_tellist li:nth-child(1) .link_cont em{line-height:49px} .submain_finance .sm_line .inner.favo_group{text-align:center; padding-bottom:20px} .submain_finance .sm_line .inner.favo_group .favoTit{margin-bottom:16px;font-size:1.8rem} .submain_finance .sm_line .inner.favo_group .favo_list{width:auto} .submain_finance .sm_line .inner.favo_group .favo_list li{float:inherit;vertical-align:top;text-align:center} .submain_finance .sm_line .inner.favo_group .favo_list li a{display:table-cell;width:1000px;height:65px;padding-top:33px;line-height:1.2;text-align:center;vertical-align:middle} .submain_finance .favo_group .favo_list li a:before{width:30px;height:30px;margin-left:-15px;background-size:30px auto} .submain_finance .favo_group .favo_list li.link02 a:before{background-position:0 -30px} .submain_finance .favo_group .favo_list li.link03 a:before{background-position:0 -60px} .submain_finance .favo_group .favo_list li.link04 a:before{background-position:0 -90px} .submain_finance .loan_credit_area{margin-bottom:0;padding:24px 20px;line-height:2.5rem} .finance_quick .event_cont .tit {font-size:15px} .finance_quick .event_cont .txt {font-size:13px} .finance_quick .event_cont .label {height:22px; padding:1px 10px 0 10px} .finance_quick .event_close {width:35px; height:35px; background-size:35px auto} .finance_quick .swiper-button-prev, .finance_quick .swiper-button-next {height:30px; margin-top:-15px} .finance_quick .swiper-button-prev::before, .finance_quick .swiper-button-next::before {width:10px; height:10px;top:10px} .finance_quick .swiper-button-prev {left:-2px} .finance_quick .swiper-button-next {right:-9px} .finance_quick {height:180px} .finance_quick .event_cont .link {align-content:flex-start; padding:20px 20px 20px 20px} .finance_quick .event_cont .label {position:absolute; margin:0; bottom:24px} .finance_quick .event_cont .img {top:auto; bottom:-51px; transform:none} .finance_quick .swiper-controls {bottom:25px; left:65px} .finance_quick.img_right .event_cont .link {padding-right:20px} .finance_quick.img_left .event_cont .link {padding-left:20px} .finance_quick.img_left .event_cont .label {right:20px} .finance_quick.img_right .event_cont .img {right:-42px} .finance_quick.img_left .event_cont .img {left:10px} .finance_quick.img_right .event_cont .label {left:20px} .finance_quick .event_cont .img img {width:100%} .submain_finance .submain_favorite .list_wrap{margin-top:20px} .submain_card .sm_inner{width:auto;padding:0} .submain_card .expend_wrap.bg_gray.sm_gray {padding:26px 20px 40px} .submain_card .sm_group {margin-bottom:35px} .submain_card:before{display:none} .submain_card .sm_card_swiper:before{top:153px;left:50%;width:194px;height:194px;margin:-97px 0 0 -97px} .submain_card .sm_card_swiper .swiper-slide{min-height:auto;padding-left:0} .submain_card .sm_card_swiper .swiper-slide .img{position:static;width:auto;height:auto;padding:42px 50px} .submain_card .sm_card_swiper .swiper-slide .img img{width:218px;border-radius:8px} .submain_card .sm_card_swiper .swiper-slide .img.vertical img {box-shadow:14px 3px 24px -9px rgba(51, 51, 51, 0.17);-webkit-box-shadow:14px 3px 24px -9px rgba(51, 51, 51, 0.17)} .submain_card .card_swiper .swiper-controls {margin-top:0; width:100%} .submain_card .sm_card_swiper .card_swiper {padding-top:2px} .submain_card .sm_card_swiper .card_swiper [class^='nav-button']{top:auto;left:0;bottom:65%;margin-bottom:23px} .submain_card .sm_card_swiper .card_swiper .nav-button-next{left:auto;right:1px} .submain_card .sm_card_swiper .card_benefit li{flex:1;min-height:69px;margin:0;padding:37px 0px 0;font-size:1.3rem;text-align:center;line-height:1.3} .submain_card .sm_card_swiper .card_benefit li:before{position:absolute;top:0;left:50%;width:30px;height:30px;margin-left:-15px;background-size:30px auto} .submain_card .swiperArea .swiper-wrapper{display:-webkit-flex; display:-ms-flexbox; display:flex;margin-left:15px} .submain_card .swiperArea .swiper-slide{width:154px; padding-left:10px} .submain_card .sm_card_swiper .swiper-slide .sm_card_info{display:block;margin:16px 0 0;text-align:center} .submain_card .sm_card_swiper .swiper-slide .sm_card_info strong{margin:0;padding:0;font-size:1.6rem} .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt{font-size:1.3rem} .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type {font-weight:700; margin-right:3px} .submain_card .sm_card_swiper .swiper-slide .sm_card_info .txt.info .type ~ .type {margin-left:11px} .submain_card .sm_card_swiper .card_benefit{display:-webkit-flex; display:-ms-flexbox; display:flex;margin-top:13px} .submain_card .sm_life_swiper .swiper-slide a{height:167px} .submain_card .sm_life_swiper .swiper-slide a strong{font-size:1.3rem;line-height:3.4rem} .submain_card .sm_life_swiper .swiper-slide a .card_info{height:75px;padding:12px 12px} .submain_card .sm_life_swiper .swiper-slide a .card_info .card_name{margin-bottom:5px;font-size:1.3rem} .submain_card .sm_life_swiper .swiper-slide a .card_info .card_dec{overflow:hidden;height:30px;font-size:1.1rem;line-height:1.4;letter-spacing:-0.1px} .submain_card .sm_life_swiper .swiper-slide a figure img {width:100%; height:auto} .submain_card .sm_best_swiper .swiper-container {padding-top:5px} .submain_card .sm_best_swiper figure {height:92px} .submain_card .sm_best_swiper .card_name{height:38px;margin-top:7px;font-size:1.3rem} .submain_card .sm_benefit_list{-ms-flex-wrap:wrap; flex-wrap:wrap} .submain_card .sm_benefit_list li{flex:auto;width:25% !important} .submain_card .sm_benefit_list li a {padding-top:45px} .submain_card .sm_benefit_list li.ico01 {background-size:40px auto} .submain_card .sm_benefit_list li.ico02 {background-size:40px auto} .submain_card .sm_benefit_list li.ico03 {background-size:40px auto} .submain_card .sm_benefit_list li.ico04 {background-size:40px auto} .submain_card .sm_benefit_list li.ico05 {background-size:40px auto} .submain_card .sm_benefit_list li.ico06 {background-size:40px auto} .submain_card .sm_benefit_list li.ico07 {background-size:40px auto} .submain_card .sm_benefit_list li.ico08 {background-size:40px auto} .submain_card .sm_benefit_list li.ico09 {background-size:40px auto} .submain_card .cardFind_swiper [class^='nav-button']{position: absolute;display: block;width: 30px;height: 30px;z-index: 10;overflow: hidden;top:auto;left:-5px;bottom:50%;margin-bottom:-10px} .submain_card .cardFind_swiper [class^='nav-button']::before {content: "";position: absolute;top: 6px;left: 2px;width: 18px;height: 18px;border-width: 3px 3px 0 0;border-color: #333;border-style: solid} .submain_card .cardFind_swiper .nav-button-prev::before {left: 10px;transform: rotate(-135deg)} .submain_card .cardFind_swiper .nav-button-next{left:auto;right:-5px} .submain_card .cardFind_swiper .nav-button-next::before {transform: rotate(45deg)}	 .submain_card .sm_benefit_kind{display:block;border-top:none;margin-top:21px;margin-bottom:17px} .submain_card .sm_benefit_kind li{display:block} .submain_card .sm_benefit_kind li+li{border-top:1px solid #ddd} .submain_card .sm_benefit_kind li a {line-height:44px} .submain_card .sm_benefit_kind li a strong{font-size:1.6rem} .submain_card .sm_benefit_kind li a span{padding:0 18px 0 23px;font-size:1.3rem} .submain_card .sm_benefit_kind li a span:before {top:16px;left:12px;height:12px} .submain_card .sm_benefit_kind li a span:after{margin-top:-4px} .submain_card .event_bnr.sm_card_banner .event_cont .link {padding-left:20px} .submain_card .event_bnr.sm_card_banner.event_subVisual.img_right .event_cont .img {bottom:-24px} .submain_card .sm_line .inner{width:auto;padding:30px 20px 40px} .submain_card .sm_line .inner.favo_group{padding-bottom:30px} .submain_card .sm_line .inner.favo_group .favoTit{margin-bottom:16px;font-size:1.8rem} .submain_card .sm_line .inner.favo_group .favo_list{width:100%} .submain_card .sm_line .inner.favo_group .favo_list li{width:25%} .submain_card .submain_favorite {padding-top:15px} .submain_life .expend_wrap.bg_gray{padding-bottom: 40px} .submain_myservice_life{margin-bottom: 13px} .submain_myservice_life li {margin:0 4px 4px 0; margin-bottom:4px; flex:inherit; width:calc(33.3% - 4px)} .submain_myservice_life li > a {height:110px} .submain_myservice_life li .name {padding-top:5px; font-size:15px} .submain_myservice_life li .icon:before {width:36px; height:36px; background-size:36px auto; margin:14px auto 0} .submain_life .line_badge{font-size:9px; margin-top:0px} .submain_myservice_inner{height: auto} .submain_myservice_list {margin-top: -10px} .submain_myservice_list li {margin-top:0px} .submain_myservice_list li .tit {font-size:15px} .submain_myservice_list li .txt {font-size:13px} .submain_myservice_list li {flex:inherit; display:block; width:100%; border-bottom:1px solid #eee} .submain_myservice_list li:nth-child(1) {padding-top:0px} .submain_myservice_list li .item {padding:18px 0 18px 60px; background-position-y:center} .myservice_billPay.event_bnr.event_subVisual .link:after {width:115px; height:80px; background-size:auto 100%} .myservice_Pay.event_bnr.event_subVisual {margin-top: 20px} .myservice_Pay.event_bnr.event_subVisual .link:after {width:150px; height:80px; background-size:auto 80px} .submain_favorite.myservice li span {font-size:13px; padding-top:50px}	 .submain_life_list {display:inherit} .submain_life_list > li {width:100%; border-bottom:1px solid #eee; padding:26px 0; margin-bottom:0px} .submain_life_list li a {font-size:15px} .submain_life_list li a::after {top:6px} .submain_life_list li .txt li {font-size:13px} .submain_arumin.event_bnr.event_subVisual {margin:30px 0 0} .submain_arumin.event_bnr.event_subVisual .link:after {width:170px; height:98px; background-size:cover} .submain_life .event_subVisual {height:180px} .submain_life .event_subVisual .event_cont .label {left:20px} .submain_life .event_subVisual .event_cont .link {padding:20px 20px 22px} .submain_life .event_subVisual .event_cont .label {margin-top:0} .submain_life .event_subVisual .event_cont .txt {font-size:1.3rem} .submain_digital .visual_txt {margin-top: 40px} .submain_digital .visual_txt p{margin-bottom: -3px;font-size: 1.8rem !important; line-height:2.4rem} .submain_digital_conts {margin-top: 0} .submain_digital_conts .cont {width:100%; margin-left:0px; padding-top:240px} .submain_digital_conts.ani_ico::before {width:100%} .submain_digital_conts .cont > p {font-size:18px} .submain_digital_conts .cont .info {margin-top:5px} .submain_digital_conts .cont .info + .btn_wrap, .submain_digital_conts .cont > p + .btn_wrap {margin-top:25px} .submain_digital_conts .cont .qrcode {justify-content: center} .submain_digital_conts .cont .txt_lg {font-size:16px} .submain_digital_conts .cont .btn_wrap .btn_outlink {width:auto} .submain_digital_conts .btn_wrap .btn_line.pc_show {display:none !important} .submain_digital_conts .btn_wrap .btn + .btn {margin-left: 4px} .submain_digital_conts.ani_ico::before {height:214px} .submain_digital_conts.ani_ico.img01::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo08 2.5s steps(16) infinite;animation:aniBgMo08 2.5s steps(16) infinite} .submain_digital_conts.ani_ico.img02::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo02 0.6s steps(8) infinite;animation:aniBgMo02 0.6s steps(8) infinite} .submain_digital_conts.ani_ico.img03::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo03 1.5s steps(7) infinite;animation:aniBgMo03 1.5s steps(7) infinite} .submain_digital_conts.ani_ico.img04::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo04 1s steps(6) infinite;animation:aniBgMo04 1s steps(6) infinite} .submain_digital_conts.ani_ico.img05::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo05 1.4s steps(22) infinite;animation:aniBgMo05 1.4s steps(22) infinite} .submain_digital_conts.ani_ico.img06::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo06 2.5s steps(20) infinite;animation:aniBgMo06 2.5s steps(20) infinite} .submain_digital_conts.ani_ico.img07::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo07 1s steps(9) infinite;animation:aniBgMo07 1s steps(9) infinite} .submain_digital_app li {width:50%}	 .submain_digital_app li .item{padding-bottom: 20px} .submain_digital_app li .item > p{margin:6px -6px 20px;font-weight:700} .btn_wrap .btn.btn_link.m_show {display:inline-block !important} .submain_customer .contents {padding:35px 0 20px} .submain_customer .totalSrch_wrap {margin:10px 0 30px 0; padding-top:0px} .submain_customer .totalSrch_wrap .submain_favorite {margin-bottom:10px} .submain_customer .keyword_category_inner {height:142px} .submain_customer .keyword_category li .keyword {height:68px} .submain_customer .expend_wrap.bg_gray {padding:25px 20px 20px} .submain_customer_qna {margin-left:0;margin-bottom:10px} .submain_customer_qna li {margin:0 4px 4px 0; margin-bottom:4px; flex:inherit; width:calc(33.3% - 4px)} .submain_customer_qna li > a {height:105px} .submain_customer_qna li .name {font-size:15px; padding-top:60px} .submain_customer_qna li .icon {background-size:33px auto; background-position:center 16px} .submain_customer_call {margin-left:0}    .submain_customer_call li {width:calc(50% - 4px); flex:inherit; margin-left:4px; margin-bottom:4px} .submain_customer_call li a {padding:10px 15px}    .submain_callCenter .telLink {padding-bottom:15px; font-size:22px} .submain_customer_info li {margin:0; width:33.333%; flex:inherit} .submain_customer_info li .name {font-size:15px; margin:10px 0 15px 0} .submain_customer_info li .icon::before {background-size:auto 33px; width:67px; height:67px} .submain_callCenter {margin:25px 0 30px} .submain_callCenter .info {margin-top:15px; margin-bottom:0; font-size:1.5rem} .submain_callCenter .txt {display:block; width:100%; height:112px; overflow:hidden} .submain_callCenter .txt::after {width:74px;height:95px;bottom:-27px; right:0; background-size:100% auto}    .submain_callCenter .tel_list {float:none; width:calc(100% + 12px); margin-top:-6px; margin-left:-6px; z-index:1} .submain_callCenter .tel_list li {margin-left:6px;margin-top:6px} .submain_callCenter .tel_list li a {width:100%; min-width:auto} .submain_customer_finance {display:block; border:1px solid #eee; margin:0 0 35px 0; padding:0 20px} .submain_customer_finance li {width:100%; margin:0; border-top:1px dashed #eee} .submain_customer_finance li:first-child {border:none} .submain_customer_finance li a {border:none; padding:0; padding:15px 0px} .submain_customer_finance li a::after {width:12px;height:12px; right:15px} .submain_customer_consumer {margin:0} .submain_customer_consumer li {width:100%; border-bottom:1px solid #eee; margin-bottom:25px; padding-bottom:20px} .submain_customer_consumer li a::after {margin-bottom:0px} .submain_customer_consumer li:last-child {border-bottom:none; padding-bottom:0} .submain_customer_consumer li .item {padding-left:60px} .submain_benefit .submain_bestCoupone .premium_coupon_list{margin-bottom:26px} .submain_benefit .list01[data-type="card"] .event_info .cell1 .thumbnail, .submain_topsClub .list01[data-type="card"] .event_info .cell1 .thumbnail{height:100%} .submain_topsClub .event_subVisual.img_right .event_cont .link{padding-left:18px} .submain_topsClub .event_subVisual .event_cont .txt{font-size:13px} .submain_topsClub .premium_coupon_list{margin:0} .submain_topsClub .event_list_swiper{padding:0} .submain_topsClub .premium_coupon_list ul{padding-bottom:0} .submain_topsClub .premium_coupon_list ul li:first-child{margin-bottom:5px} .submain_topsClub .event_subVisual .event_cont .img{width:180px; height:180px} .submain_topsClub .premium_coupon_list .coupon_conts{margin-left:0} .submain_benefit .premium_coupon_list .coupon_down .button_type, .submain_topsClub .premium_coupon_list .coupon_down .button_type{right:calc(50% - 20px)} .submain_topsClub .submain_premium {padding-bottom:0} .submain_topsClub .submain_premium .premium_visual {margin-left:-27px; margin-right:-27px} .submain_topsClub .submain_premium .premium_visual .swiper-container {overflow:visible} .submain_topsClub .submain_premium .premium_visual .item {height:290px; padding:0 40px 25px 40px; margin-top:0} .submain_topsClub .submain_premium .premium_visual .item .img {right:-40px; top:auto; bottom:-10px; width:280px; height:210px} .submain_topsClub .submain_premium .premium_visual .item .img img {width:100%} .submain_topsClub .submain_premium .premium_visual .item .cont .tit{margin-bottom:10px} .submain_topsClub .submain_premium .premium_visual .item .cont .tit strong {font-size:24px; line-height:32px} .submain_topsClub .submain_premium .premium_visual .item .cont .tit .point_line::after {height:10px} .submain_topsClub .submain_premium .premium_visual .item .cont .txt {width:160px; font-size:16px} .submain_topsClub .submain_premium .premium_visual .swiper-controls {left:40px; bottom:110px} .submain_topsClub .submain_premium .premium_visual [class^='nav-button'] {width:30px; height:30px} .submain_topsClub .submain_premium .premium_visual [class^='nav-button']::before {width:15px; height:15px; border-width:2px 2px 0 0} .submain_topsClub .submain_premium .premium_visual .nav-button-prev {left:7px} .submain_topsClub .submain_premium .premium_visual .nav-button-next {right:7px} .submain_topsClub .submain_premium .premium_visual .nav-button-prev::before {left:10px} .submain_topsClub .submain_premium .premium_visual .nav-button-next::before {left:5px} .submain_topsClub .submain_premium .premium_level{padding:0} .submain_service .service_inner .swiper_topsPlus .swiper-controls {left:100px; bottom:50px} .submain_service .service_inner .swiper_topsPlus [class^='nav-button'] {top:50%; width:22px; height:30px; margin:-15px 0 0 0} .submain_service .service_inner .swiper_topsPlus [class^='nav-button']::before {width:9px;height:9px; top:10px; left:9px; border-width:1px 1px 0 0}	 .submain_service .service_inner .swiper_topsPlus [class^='nav-button-next']::before {left:4.5px} .submain_topsClub .submain_premium .premium_info .item{padding:20px} .submain_topsClub .submain_premium .premium_info .item .txt small + .js_animate_won{margin-left:2px; font-size:20px} .submain_topsClub .submain_premium .premium_visual .link{position:absolute; left:0; bottom:-40px; width:97px; height:22px; padding:1px 10px 0 10px} .submain_service .service_inner .inner_cont .label{height:20px; padding:1px 10px 0 10px} .submain_topsClub .icon_list.favorite{padding:20px 0 10px 0} .submain_topsClub .icon_list.favorite > li .icon_box .icon_name{padding-top:50px} .submain_service {display:block; margin-top:30px} .submain_service .service_inner {width:100%} .submain_service .service_inner + .service_inner {margin-top:30px} .submain_service .service_inner .inner_cont a {background-size:auto 150px; padding:25px 0 0 18px} .submain_service .service_inner .inner_cont .tit {font-size:15px} .submain_service .service_inner .inner_cont .txt {font-size:13px}	 .submain_topsClub .submain_banner .item {height:90px; padding:0 20px} .submain_topsClub .submain_banner .item .cont .tit {font-size:18px} .submain_topsClub .submain_banner .item .cont .txt {margin-top:3px; font-size:13px} .submain_topsClub .submain_banner .item .label .label_more {height:20px; line-height:18px; padding:2px 10px 0} .submain_topsClub .submain_banner .helper {margin:20px 0 40px 0} .submain_topsClub .submain_banner .helper .link {font-size:14px} .submain_topsClub .submain_bestCoupone .h_wrap .more, .submain_topsClub .submain_favorite .h_wrap .more, .submain_topsClub .submain_service .h_wrap .more, .submain_topsClub .submain_eventList .h_wrap .more {padding-right:16px} .submain_topsClub .submain_bestCoupone .h_wrap .more::after, .submain_topsClub .submain_favorite .h_wrap .more::after, .submain_topsClub .submain_service .h_wrap .more::after, .submain_topsClub .submain_eventList .h_wrap .more::after {width:10px;height:10px;margin-top:-6px;border-width:2px 2px 0 0} .submain_topsClub .submain_premium .premium_level .tit {font-size:24px; line-height:32px} .submain_topsClub .submain_premium .premium_level .tit .level::before {height:2px; bottom:0} .submain_topsClub .submain_premium .premium_level .txt {font-size:16px; float:none; margin-bottom:22px} .submain_topsClub .submain_premium .premium_level .btn_box{float:none; text-align:center} .submain_topsClub .submain_premium .premium_level .tooltip_link {position:relative; left:0; top:-1px; margin-left:12px; display:inline-block; width:93px; height:25px; line-height:25px} .submain_topsClub .submain_premium .premium_level .tooltip_link::before {margin-top:-6px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:5px solid #8d743a} .submain_topsClub .submain_premium .premium_level .btn.default {width:inherit; min-width:155px; margin-left:0; font-size:16px; padding:0 20px; height:48px; line-height:48px} .submain_topsClub .submain_premium .premium_level .top_btn_area{padding-top:0} .submain_topsClub .submain_premium .premium_info .item .tit{font-size:15px} .submain_topsClub .submain_premium .premium_info .item .txt{font-size:20px} .submain_topsClub .submain_premium .premium_info {position:relative; margin-top:40px; margin-bottom:40px} .submain_topsClub .submain_premium .premium_info .swiper-container {overflow:visible} .submain_topsClub .submain_premium .premium_info .swiper-slide {width:175px} .submain_topsClub .submain_premium .premium_info .swiper-button-prev, .submain_topsClub .submain_premium .premium_info .swiper-button-next {display:block; position:absolute; top:50%; width:22px; height:30px; margin:-15px 0 0 0; background:rgba(0,0,0,0.5)} .submain_topsClub .submain_premium .premium_info .swiper-button-prev::before, .submain_topsClub .submain_premium .premium_info .swiper-button-next::before {content:''; position:absolute; left:50%; top:50%; display:block; width:7px; height:12px; margin-left:-3px; margin-top:-6px; background:url(/pconts/images/icon/ico_eventList_nav.png) no-repeat center center / 100% 100%} .submain_topsClub .submain_premium .premium_info .swiper-button-prev {left:0} .submain_topsClub .submain_premium .premium_info .swiper-button-next {right:0} .submain_topsClub .submain_premium .premium_info .swiper-button-next::before {transform:rotate(-180deg)} .submain_topsClub .submain_favorite a span {padding-top:40px; font-size:13px} .submain_topsClub .submain_favorite li {margin:0; width:110px} .submain_benefit .list01[data-type="card"] .event_info, .submain_topsClub .list01[data-type="card"] .event_info{height:100%} .submain_benefit .list01[data-type="card"] .event_info .text_cell, .submain_topsClub .list01[data-type="card"] .event_info .text_cell{padding:12px 15px} .submain_topsClub .list01[data-type="card"] .event_info .info .date, .ico_date_wrap .event_info .cell3 .date, .submain_benefit .list01[data-type="card"] .event_info .info .date{margin-top:0} .submain_topsClub .submain_eventList{padding:30px 0} .submain_benefit .list01.event_list[data-type="card"] ul > li, .submain_topsClub .list01.event_list[data-type="card"] ul > li{padding:10px 7px} } @media only screen and (min-width:768px) { .main_index .main_finance_wrap .nav-button-prev, .main_index .main_finance_wrap .nav-button-next {display:none} } @media only screen and (min-width:768px) and (max-width:1023px) { .SH_submain .cardFind_swiper .swiper-slide {flex:none; width:11.11%} } @media only screen and (min-width:1024px) and (max-width:1100px) { .main.submain_finance .sm_line .inner, .main .ly_inner.full, .main .ly_inner, .main .sm_inner, .main .submain_favorite, .main #header .header_util, .main #header .header_body .body_inner {width:964px; padding-left:0; padding-right:0} .event_subTop .ly_inner {width:100%; padding:0} .event_subTop .event_cont {padding:0 50px} .event_subTop .event_cont .link {padding:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .event_subTop .event_cont .link .tit {width:auto} .event_subTop .event_cont .link .txt {width:auto; margin-left:20px; padding-right:5px} .event_subTop .swiper-button-prev, .event_subTop .swiper-button-next {width:24px; height:24px; margin-top:-11px} .event_subTop .swiper-button-prev {left:5px} .event_subTop .swiper-button-next {right:30px} .event_subTop .swiper-button-prev::before, .event_subTop .swiper-button-next::before {top:6px} .event_subTop .swiper-button-prev::before {left:8px} .event_subTop .swiper-button-next::before {left:3px} .event_subTop .swiper-controls {right:80px} .event_subTop .event_close_wrap {display:flex; width:32px; left:auto; right:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center} .event_subTop .event_close_wrap .event_close_check {display:none} .event_subTop .event_close_wrap .event_close {position:relative; top:0; width:30px; height:30px; right:0; background-image:url(/pconts/images/common/event_close_mo.png); background-size:18px auto} .main #header .gnb_wrap {margin-left:30px} .main #footer .tel_link_box ul li em {display:block} .main #header .gnb_wrap .nav_area:after {display:none} .main .tel_link_box ul li {width:auto; text-align:center} .main .tel_link_box ul li em {display:block} .main .tel_link_box li + li::before {display:block} .main #header .header_body .head_title {padding:0}	 .main #header .head_title .inside_title {width:141px} .main_index #header .header_top {display:block} .main_index #header.is_scrolled .header_body {padding-top:0} .main_index #header .header_body .util_wrap {margin-top:14px} .main_index #container {padding-top:0} .main_index .main_card_wrap .swiper-container {padding:17px 0 16px; margin:-7px -22px 0} .SH_submain #header .header_body .body_inner {height:88px} .SH_submain #header .header_body .head_title {display:block; float:left; margin-top:31px} .SH_submain #header .gnb_wrap {float:left; margin:26px 0 0 30px} .SH_submain #header .gnb_wrap .nav_area .dep1 {width:100%; transform:none} .SH_submain #header .gnb_wrap .nav_area .dep1 > li {position:relative;width:auto;font-weight:700;font-size:20px;color:#222} .SH_submain #header .gnb_wrap .nav_area .dep1 > li > a {display:block; padding:0 15px; line-height:40px} .SH_submain #header .util_wrap {width:60px; right:0; top:0; margin-top:35px} .submain_mypage .mySub_mid .tab_cont .mycard_usage, .submain_mypage .mySub_mid .tab_cont .my_amount {width:calc(50% - 35px)} .submain_card .sm_life_swiper .swiper-slide a {height:310px} .submain_digital_conts .cont > p + .btn_wrap .btn {margin:4px} .submain_digital_conts .cont .info + .btn_wrap, .submain_digital_conts .cont > p + .btn_wrap {display:flex; flex-wrap:wrap; margin:-4px} .submain_digital_conts .btn_wrap .btn_line {height:40px; line-height:38px; font-size:14px} .submain_customer .keyword_category.col6_3 li {width:16.666666%} .submain_customer .keyword_category li .keyword {height:44px} .submain_topsClub .submain_premium .premium_visual .nav-button-prev {left:-30px} .submain_topsClub .submain_premium .premium_visual .nav-button-next {right:-30px} .submain_benefit .list01[data-type="card"] .event_info, .submain_topsClub .list01[data-type="card"] .event_info {height:320px} .submain_benefit .list01[data-type="card"] .event_info .cell1 .thumbnail, .submain_topsClub .list01[data-type="card"] .event_info .cell1 .thumbnail {height:180px} } @media only screen and (max-width:1100px){ .h_title38 + .h_title24, .h_title38 + .h_title {margin-top:11px} .h_title38.gap30 + .h_title {margin-top:0} .h_title38.gap30 + .h_wrap {margin-top:21px} .h_title24 + .h_title {margin-top:12px} .h_title24 + .c_title, .h_title24 + .c_title_m15 {margin-top:12px} .h_title + .c_title, .h_title + .c_title_m15 {margin-top:7px} .h_wrap .h_title38 {margin-bottom:25px} .h_wrap .h_title34 {display:block} .h_wrap .h_title24 {margin-bottom:14px} .h_wrap .h_title, .h_wrap .c_title, .h_wrap .c_title_m15 {margin-bottom:10px} .h_title38.gap60_20 {margin-bottom:11px} .h_title38.gap30 {margin-bottom:11px} .h_title24.gap20_15 {margin-bottom:11px} .h_title24.gap30_16 {margin-bottom:12px} .h_title24.gap60_20 {margin-bottom:16px !important} .h_title24.gap60_30 {margin-bottom:26px !important} .h_title24 + div[data-ui~="text"] {margin-top:16px} .h_title24 + div[data-ui~="box"], .h_title24 + div[data-ui~="line"] {margin-top:26px} .h_title.gap20_15 {margin-bottom:10px} .h_title.gap30_15 {margin-bottom:11px} .h_title.gap30_16 {margin-bottom:11px} .h_title.gap30_34 {margin-bottom:29px} .h_title.gap40_30 {margin-bottom:25px} .h_title + div[data-ui~="icon"] {margin-top:25px} .c_title.gap20_15 {margin-bottom:10px} .c_title.gap30_15 {margin-bottom:10px} .c_title.gap30_16 {margin-bottom:11px} .c_title.gap30_34 {margin-bottom:29px} .c_title.gap40_30 {margin-bottom:25px} .c_title + div[data-ui~="box"] {margin-top:15px} .table_wrap.gap20 + .font_basic, .table_wrap.gap20 + .marker_refer {margin-top:-10px} .gap0_10{margin-bottom: 10px !important} .gap0_05{margin-bottom: 5px !important} .gap0_10{margin-bottom: 10px !important} .gap0_20{margin-bottom: 20px !important} .gap0_30{margin-bottom: 30px !important} .gap0_60{margin-bottom: 60px !important} .gap0_100{margin-bottom: 100px !important} .gap05 {margin-bottom:5px !important} .gap07_18 {margin-bottom:18px !important} .gap10 {margin-bottom:10px !important} .gap10_5 {margin-bottom:5px !important} .gap10_0 {margin-bottom:0px !important} .gap15_8 {margin-bottom:8px !important} .gap10_10 {margin-bottom:10px !important} .gap10_15 {margin-bottom:15px !important} .gap10_20 {margin-bottom:20px !important} .gap15_5 {margin-bottom:5px !important} .gap15_10 {margin-bottom:10px !important} .gap15_15 {margin-bottom:15px !important} .gap15_20 {margin-bottom:20px !important} .gap15_24 {margin-bottom:24px !important} .gap18_6  {margin-bottom:6px !important} .gap20 {margin-bottom:20px !important} .gap20_0{margin-bottom:0 !important} .gap20_5 {margin-bottom:5px !important} .gap20_10 {margin-bottom:10px !important} .gap20_15 {margin-bottom:15px !important} .gap20_20 {margin-bottom:20px !important} .gap20_30 {margin-bottom:30px !important} .gap20_40 {margin-bottom:40px !important} .gap25 {margin-bottom:25px !important} .gap25_0 {margin-bottom:0 !important} .gap25_15 {margin-bottom:15px !important} .gap25_20 {margin-bottom:20px !important} .gap25_90 {margin-bottom:90px !important} .gap26_13 {margin-bottom:13px !important} .gap30 {margin-bottom:30px !important} .gap30_0 {margin-bottom:0 !important} .gap30_10 {margin-bottom:10px !important} .gap30_15 {margin-bottom:15px !important} .gap30_16 {margin-bottom:16px !important} .gap30_20 {margin-bottom:20px !important} .gap30_34 {margin-bottom:34px !important} .gap30_40 {margin-bottom:40px !important} .gap30_47 {margin-bottom:47px !important} .gap32_9 {margin-bottom:9px !important} .gap35_25 {margin-bottom:25px !important} .gap35_30 {margin-bottom:30px !important} .gap36_26 {margin-bottom:26px !important} .gap40 {margin-bottom:40px !important} .gap40_10 {margin-bottom:10px !important} .gap40_20 {margin-bottom:20px !important} .gap40_30 {margin-bottom:30px !important} .gap40_50 {margin-bottom:50px !important} .gap40_60 {margin-bottom:60px !important} .gap50_25 {margin-bottom:25px !important} .gap50_30 {margin-bottom:30px !important} .gap54_27 {margin-bottom:27px !important} .gap55 {margin-bottom:55px !important} .gap55_10{margin-bottom: 10px !important} .gap55_16 {margin-bottom:16px !important} .gap55_25 {margin-bottom:25px !important} .gap55_35 {margin-bottom:35px !important} .gap60 {margin-bottom:60px !important} .gap60_0 {margin-bottom:0px !important} .gap60_20 {margin-bottom:20px !important} .gap60_30 {margin-bottom:30px !important} .gap60_37 {margin-bottom:37px !important} .gap60_40 {margin-bottom:40px !important} .gap60_50 {margin-bottom:50px !important} .gap60_100 {margin-bottom:100px !important} .gap65_33{margin-bottom: 33px !important} .gap70_0 {margin-bottom:0px !important} .gap70_40 {margin-bottom:40px !important} .gap72_50 {margin-bottom:50px !important} .gap75_27 {margin-bottom:27px !important} .gap80_30 {margin-bottom:30px !important} .gap80_40 {margin-bottom:40px !important} .gap80_60 {margin-bottom:60px !important} .gap85_30 {margin-bottom:30px !important} .gap90_0 {margin-bottom:0px !important} .gap90_30 {margin-bottom:30px !important} .gap90_40 {margin-bottom:40px !important} .gap90_50 {margin-bottom:50px !important} .gap90_60 {margin-bottom:60px !important} .gap95_25 {margin-bottom:25px !important} .gap100_30{margin-bottom: 30px !important} .gap100_40 {margin-bottom:40px !important} .gap100_50 {margin-bottom:50px !important} .gap100_60 {margin-bottom:60px !important} .gap100_0 {margin-bottom:0px !important} .gap120_40{margin-bottom:40px !important} .gaptm03_00 {margin-top:0 !important} .gapt00_20 {margin-top:20px !important} .gapt00_30 {margin-top:30px !important} .gapt00_40 {margin-top:40px !important} .gapt00 {margin-top:0px !important} .gapt0_7 {margin-top:7px !important} .gapt08_12 {margin-top:12px !important} .gapt0_25 {margin-top:25px !important} .gapt06_26 {margin-top:26px !important} .gapt10 {margin-top:10px !important} .gapt10_30 {margin-top:30px !important} .gapt14_0 {margin-top:0 !important} .gapt15_8 {margin-top:8px !important} .gapt15_10 {margin-top:10px !important} .gapt16_27 {margin-bottom:27px !important} .gapt20 {margin-top:20px !important} .gapt20_27 {margin-top:27px !important} .gapt25_0 {margin-top:0px !important} .gapt30 {margin-top:30px !important} .gapt30_0 {margin-top:0 !important} .gapt30_15 {margin-top:15px !important} .gapt30_20 {margin-top:20px !important} .gapt32_20 {margin-top:20px !important} .gapt35_20 {margin-top:20px !important} .gapt40_30 {margin-top:30px !important} .gapt50_30 {margin-top:30px !important} .gapt53_35 {margin-top:35px !important} .gapt60_20 {margin-top:20px !important} .gapt60_30 {margin-top:30px !important} .gapt60_40 {margin-top:40px !important} .gapt70_30 {margin-top:30px !important} .gapt70_40 {margin-top:40px !important} .gapt80_40 {margin-top:40px !important} .gapt90_30 {margin-top:30px !important} .gapt90_50 {margin-top:50px !important} .gapt90_60 {margin-top:60px !important} .gapt100_0 {margin-top:0px !important} .gapt100_30 {margin-top:30px !important} .gapt100_37 {margin-top:37px !important} .gapt100_50 {margin-top:50px !important} .gapt100_40 {margin-top:40px !important} .gapl08_0 {margin-left:0px !important} .gapl30 {margin-left:30px !important} .gapl165_0 {margin-left:0px !important} .gapl249_0 {margin-left:0 !important} .pd30_20 {padding:20px} .padt0_20{padding-top: 20px !important} .pdt0_30 {padding-top:30px !important} .pdt3 {padding-top:3px !important} .pdt10_0 {padding-top:0 !important} .pdt20_0 {padding-top:0 !important} .pdt20_20 {padding-top:20px !important} .pdt20_27 {padding-top:27px !important} .pdt20_30 {padding-top:30px !important} .pdt30_0 {padding-top:0 !important} .pdt30_20 {padding-top:20px !important} .pdt30_30 {padding-top:30px !important} .pdt35_20 {padding-top:20px !important} .pdt36_17 {padding-top:17px !important}	 .pdb40_30 {padding-top:30px !important} .pdb45_30 {padding-top:30px !important} .pdt50_20 {padding-top:20px !important} .pdt52_23 {padding-top:23px !important} .pdt53_0, .pdt60_0 {padding-top:0px !important} .pdt53_22 {padding-top:22px !important} .pdt55_27 {padding-top:27px !important} .pdt60_15 {padding-top:15px !important} .pdt60_20 {padding-top:20px !important} .pdt60_27 {padding-top:27px !important} .pdt60_30 {padding-top:30px !important} .pdt60_40 {padding-top:40px !important} .pdt40_30 {padding-top:30px !important} .pdt220_130 {padding-top:130px !important} .pdb15_10 {padding-bottom:10px !important} .pdb20_20 {padding-bottom:20px !important} .pdb20_18 {padding-bottom:18px !important} .pdb20_30 {padding-bottom:30px !important} .pdb30_0 {padding-bottom:0 !important} .pdb30_10 {padding-bottom:10px !important} .pdb30_20 {padding-bottom:20px !important} .pdb36_17 {padding-bottom:17px !important} .pdb60_40 {padding-bottom:40px !important} .pdb40_30 {padding-bottom:30px !important} .pdb60_30 {padding-bottom:30px !important} .pdb60_20 {padding-bottom:20px !important} .pdb100_0 {padding-bottom:0px !important} .pdb270_0 {padding-bottom:0px !important} .pdl10_0 {padding-left:0 !important} .pdl20_10 {padding-left:10px} .pdl30_10 {padding-left:10px} .pdl30_20 {padding-left:20px} .pdlr39_18 {padding:0 18px !important} .pd40_22 {padding:22px !important} .pd60_30 {padding:30px 0 !important} .pda20_0 {padding:0} .pda20_10 {padding:10px} .pda20_15 {padding:15px} .pda30_20 {padding:20px} .mgl20_10 {margin-left:10px} .gut20_0 {padding-left:0; padding-right:0} .gut20_20{padding-left:20px; padding-right:20px} .gut30_20 {padding-left:20px; padding-right:20px} .gut30_10 {padding-left:10px; padding-right:10px} }