@charset "utf-8"; @import url('contents_pc.css'); /* Pad Pro 1024_1366 (적용안되도록 조건추가) */ @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;} /* ========================================================================== TITLE ========================================================================== */ .h_title38 {font-size:1.9rem;} /* 모바일 :1.9rem */ .h_title24 {font-size:1.8rem;} /* 모바일 :1.8rem */ .h_title {font-size:1.6rem;} /* 모바일 :1.6rem */ .h_title.m_font_lg {font-size:1.8rem;} /* 모바일 :1.8rem */ .c_title {font-size:1.6rem;} /* 모바일 :1.6rem */ .c_title_m15 {font-size:1.5rem;} /* 모바일 :1.5rem */ .s_title {font-size:1.3rem;} /* 모바일 :1.3rem */ /* 컨텐츠 Heading */ .contents_heading {display:none;} /* ========================================================================== MARKER SERIES ========================================================================== */ /* 블릿요소 */ 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 {-ms-flex-wrap:wrap; flex-wrap:wrap;} */ .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;} /* .sh_agreement_select + .sh_agreement_select_cmt .marker_refer {width:100%;}_ */ /* 제목과 내용 묶음 */ .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;} /* ========================================================================== 입력폼 ========================================================================== */ /* label + input */ .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안에서 결과 화면 */ .form_ele .sch_result {padding:20px 15px;} .form_ele .sch_result .btn_del {top:13px; right:13px;} /* form_ele안에서 버튼이 있는 경우 */ .form_ele.has_btn .btn_wrap.btn_small {position:absolute;top:-5px;right:0;} /* form - only_right */ .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 - center_type */ .form_type.center_type {width:100%;} .form_type.center_type .form_ele .ele_tit {padding-bottom:10px;} /* radio table wrap */ .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 - type_grid */ .radio_wrap.type_grid .radio_btn input[type="radio"] + span em .tbm {width:100%;} /* check list */ .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;} /* checkbox - flex type */ .check_list.flex_row > li {margin:0;height:auto;} /* checkbox - flex type */ .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;} /* checkbox - box type */ .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;} /* checkbox - agreement */ .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;} /* ========================================================================== TABLE : 테이블 및 테이블 형식 ========================================================================== */ .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%;/*width:60%;word-break:break-all;*/} .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;}/* 20.02.25 모바일 상단 여백 이상으로 추가 */ .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 default */ .table_wrap table th, .table_wrap table td {padding:15px 15px;} /* df_list_col */ .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 */ .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 accordion */ .table_wrap table.col.acc tr:first-child th:last-child {padding-bottom:10px;} /* MO 일때 스타일 변경 */ .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 ========================================================================== */ /* list_group */ .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_headnote02 */ .list_group .list_headnote02 {display:block;padding:0 0 10px;} .list_group .list_headnote02 .left_area {margin-bottom:15px;} /* 공지뉴스 - 리스트형 .notice_news */ .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 > *:last-child:not(.badge_area) {max-width:100%;} */ .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;} /* 공지뉴스 - 카드형 .notice_news */ .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_info - 카드형 스와이프 */ .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%;} /* 개인정보 : .user-info*/ .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;} /* .apply-info */ .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%; } /* simple_item */ .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;} /* form_download */ .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;} /* pay_info */ .list01[data-type="list"] .pay_info .cell2 > div {display:block; min-width:auto; vertical-align:top;} /* payment_info */ .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;} /* donate_item */ .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;} /* donate_item02 */ .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 line없는 리스트형태 (고객센터 서브메인 공지사항) */ .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 쉐도우 리스트 */ .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 dl dt dd 는 기존 태그를 위한 정의. */ .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_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 .usage_info .title_area */ .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_item04 */ .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 */ .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;} /* .finance_info */ .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%;} /* .event_info */ .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;} /* .event_info - 카드형 */ .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.event_list[data-type="card"] .event_info .text_cell {/*height:112px;*/} /* 고정사이즈 오브젝트형 .list01.event_list[data-type="card"] .event_info {height:262px;} .list01.event_list[data-type="card"] .event_info .cell1 {height:153px;} */ .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; /*line-height:12px;*/} /*이벤트 리스트 수정 20.02.19*/ .list01[data-type="card"] .event_info .info .date {font-size:13px; margin-top:0;} /*이벤트 리스트 수정 20.02.19*/ .list01.event_list[data-type="card"] .event_info .cell1 .thumbnail {height:156px;} /* 100% 수정 */ .list01.event_list[data-type="card"] .event_info .cell1 .thumbnail img {} .list01.event_list[data-type="card"] + .btn_wrap {margin-top:40px;} /* .evtapply_info */ .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_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 */ .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 a[role="button"].acc_btn.big {padding-right:0;padding-left:10px;font-size:18px;} */ .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_body .area {padding-right:0;padding-left:0;} */ .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;} /* 유의사항 폰트사이즈 15 유지 */ .accordion_wrap .accordion_body .area .marker_hyphen > li .font_basic {font-size:15px !important;} /* 유틸리티 Important 대응 15 적용 */ .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_wrap.accor_type01 .area {margin:20px 0;} */ /* 20.02.28 아코디언 공통 여백 처리로 인해 주석 - 틀어질 시 조은지 에게 연락바람 */ .accordion_header button.acc_btn:after, .accordion_header a[role="button"].acc_btn:after {left:calc(100% - 19px);} /* accordion faq */ .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_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 */ .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 {} .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 .radio_wrap .radio_default > span:after, .accordion_wrap.type04 .accordion_header .check_wrap .check_default > span:after {top:50%;margin-top:-7px;} */ .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_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;} .accordion_wrap.type06 .accordion_header .usage_item .price_info {} /* Gallery S Type */ .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 .card_item_type1 .accordion_header .card_exp {position:static; top:auto; right:auto; bottom:right; margin-top:-15px; padding-bottom:15px; text-align:right; transform:translateY(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;} /* flag */ .accordion_wrap.flag button.acc_btn {padding-left:80px;padding-right:45px;line-height:20px;word-break:break-all;} /* 아코디언 약관 full type */ .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.line_gray .check_agree{margin-top:0;} */ .full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span + span.sub_info_txt{font-size:1.5rem;}/*11.15 추가*/ .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 */ .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;} /*모바일 19*/ /* 약관 2020.01.31 */ /* reset */ .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;} /* 소득정보 증명구분 선택 여백 수정 20.03.02 */ .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 ========================================================================== */ /* Tab Type01 */ .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 Sticky */ .tab_type01.has_sticky:before, .tab_type01.has_sticky .tab_sticky {height:52px;} /* Tab Type02 */ .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_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_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;} /* ========================================================================== VIEW ========================================================================== */ .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-image:url(/pconts/images/common/bg_penguin02_m.png); 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-image:url(/pconts/images/common/bg_penguin_m.png); 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:url(/pconts/images/common/bg_penguin.png) no-repeat 50% 50%;background-size:100%; opacity:1;} .complete_body.type02 {background-image:url(/pconts/images/common/bg_penguin03_m.png); 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;} /* 20.02.28 공통 간격 수정으로 padding-top 삭제 */ .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_ling 정렬 */ .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 {height:122px;} .card_swiper .card_img img {width:194px; height:auto;} .card_swiper .card_img img.rotate {width:auto; height:194px;} .card_swiper .card_tit span {width:auto;} */ /* 사이즈수정 */ .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;} /* 2020.02.24 삭제 .complete_page .banner_area, .complete_page .btn_area {padding-bottom:10px;} .complete_page .banner_area + .btn_area {margin-top:10px;} */ /* ========================================================================== ICON ========================================================================== */ .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;} /* Tops Club */ .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*/ .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;}/* 20.02.24 카드리스트 뱃지 공통 작업 - 문제시 카드스크럼 담당 퍼블에게 연락 */ .badge_wrap span.best_badge{font-size: 0.9rem;padding:5px 6px;border-radius: 12px;}/* 20.02.24 카드리스트 뱃지 공통 작업 - 문제시 카드스크럼 담당 퍼블에게 연락 */ .badge_wrap span.cash_badge{font-size: 0.9rem;padding:5px 6px;border-radius: 12px;}/* 20.02.24 카드리스트 뱃지 공통 작업 - 문제시 카드스크럼 담당 퍼블에게 연락 */ .badge_wrap span.line_badge{font-size: 1.3rem;} /* ========================================================================== FLOW STEP ========================================================================== */ .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;} /* ========================================================================== POPUP ========================================================================== */ /* 20200114 추가 */ .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%;} /* .pop_wrap.point_filter_pop .popup .pop_cont {flex:none;} 스크롤안됨 */ /* popup_type01 */ .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;} /* Alert, Confirm 팝업 */ .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 Layer */ .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;} /* PC : 양쪽 사이드 => Mobile : 위아래로 */ .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 + .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 */ .map_area {height:215px;} /* Card Box */ .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 bar */ .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;} /* 완료 animation */ .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%;} /*.list01.event_list[data-type="card"] .event_info {height:44vw;}*/ .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) { /*.list01.event_list[data-type="card"] .event_info {height:57vw;}*/ .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;}/* 높이때문에 정렬 틀어지는 경우 */ } /* 2022.08.01 404에러 페이지 아이콘 변경 */ .complete_page.type_error .complete_body.ani_ico.img04::before {top:80px;width:158px;height:158px;margin-left:-79px;background:url(' /pconts/images/dx/landing/visual_error.png') no-repeat center top / 100%;animation:none;} @media only screen and (max-width: 1100px) { .complete_page.type_error .complete_body.ani_ico.img04::before {top:40px !important;} }