@charset "utf-8";
/* ==========================================================================
   TITLE
========================================================================== */
.h_title38 {display:block; position:relative; font-weight:700;font-size:38px;color:#111;} /* 모바일 :1.9rem */
.h_title34 {display:block; position:relative; font-weight:700;font-size:34px;line-height:1.3;color:#111;}
.h_title28 {display:block; position:relative; font-weight:700;font-size:28px;color:#111;} /* 모바일 :1.8rem */
.h_title24 {display:block; position:relative; font-weight:700;font-size:24px;color:#111;} /* 모바일 :1.8rem */
.h_title {display:block; position:relative; font-weight:700;font-size:20px;color:#333;} /* 모바일 :1.6rem */
.c_title {display:block; position:relative; font-weight:700;font-size:16px;color:#333;} /* 모바일 :1.6rem */
.c_title_m15 {display:block; position:relative; font-weight:700;font-size:15px;color:#333;} /* 모바일 :1.5rem */
.s_title {display:block; position:relative; font-weight:700;font-size:13px;color:#111;} /* 모바일 :1.3rem */
/* .h_title span::before {content:''; display:inline-block; width:1px; height:11px; margin: 0 8px 0 12px; background-color:#ddd;} */
/* 위에 내용 쓸려면 span에 bar 클래스를 쓰던 해서 하세요. 안그러면 span 테그 쓰신분들 앞에 전부 막대기 생겨요. */

.h_wrap {display:table; table-layout:fixed; position:relative; width:100%; margin:0; padding:0;}
.h_wrap > h3, .h_wrap > h4, .h_wrap > p {display:inline-block; position:relative;}
.h_wrap .sub_title {display:block; position:relative; margin:0 0 36px; font-weight:400; font-size:18px; color:#111;}
.h_wrap .sub_title.has_border {margin-bottom:76px;}
.h_wrap .sub_title.has_border:after {content:''; display:block; width:98px; height:2px; margin:30px 0 0; background-color:#333;}
.h_wrap .right_text {float:right; position:relative;}
.h_wrap .right_text.with_h24 {padding-top:11px;}
.h_wrap .h_title24 + span {margin-top:-14px; display:block; font-size:16px; color:#111;} /* 타이틀 밑 설명문구 */ 

/* 컨텐츠 Heading */
.contents_heading {display:block;margin-top:33px;}
/* .contents_heading .h_title38 {font-size:34px;} 다자인가이드 폰트사이즈 축소요청 >> 다시 원복 */

/* ==========================================================================
   MARKER SERIES
========================================================================== */
/* 테이블 내에 블릿 간격 table_wrap에 선언 */
.tb_marker [class^=marker_] > li + li {margin-top:0;}
/* 블릿 요소 dot */
p.marker_dot, ul.marker_dot > li, ol.marker_dot > li {display:block; position:relative; margin:0; padding:0 0 0 12px; color:#111;}
p.marker_dot::before, .marker_dot > li::before {content:''; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:50%; background-color:#111;}
P.marker_dot + .marker_dot, .marker_dot > li + li {margin-top:7px;}
p.marker_dot.color_A, ul.marker_dot.color_A > li, ol.marker_dot.color_A > li {color:#111}
p.marker_dot.color_A::before, .marker_dot.color_A > li::before {background-color:#111}
p.marker_dot.color_B, ul.marker_dot.color_B > li, ol.marker_dot.color_B > li {color:#333}
p.marker_dot.color_B::before, .marker_dot.color_B > li::before {background-color:#333}
p.marker_dot.Small, ul.marker_dot.Small > li, ol.marker_dot.Small > li {font-size:13px; padding-left:7px; line-height:20px;}
p.marker_dot.Small, ul.marker_dot.Small > li +li , ol.marker_dot.Small > li + li {margin-top:8px;}
p.marker_dot.Small::before, .marker_dot.Small > li::before {width:2px; height:2px; border-radius:0;}
P.marker_dot.Mid, ul.marker_dot.Mid > li, ol.marker_dot.Mid > li {font-size:16px;}
P.marker_dot.Mid::before, .marker_dot.Mid > li::before {top:10px}
p.marker_dot.Large, ul.marker_dot.Large > li, ol.marker_dot.Large > li {font-size:18px;}
P.marker_dot.Large::before, .marker_dot.Large > li::before {top:11px}
/* 블릿요소 hyphen */
p.marker_hyphen, span.marker_hyphen, ul.marker_hyphen > li, ol.marker_hyphen > li {display:block; position:relative; margin:0; padding:0 0 0 14px; color:#111;}
p.marker_hyphen::before,span.marker_hyphen::before, .marker_hyphen > li::before {content:''; display:block; position:absolute; left:0; top:9px; width:6px; height:1px; border-radius:50%; background-color:#111;}
p.marker_hyphen + .marker_hyphen, .marker_hyphen > li + li {margin-top:7px;}
p.marker_hyphen.color_A, span.marker_hyphen.color_A, ul.marker_hyphen.color_A > li, ol.marker_hyphen.color_A > li {color:#111}
p.marker_hyphen.color_A::before,span.marker_hyphen.color_A::before, .marker_hyphen.color_A > li::before {background-color:#111}
p.marker_hyphen.color_B,span.marker_hyphen.color_B, ul.marker_hyphen.color_B > li, ol.marker_hyphen.color_B > li {color:#333}
p.marker_hyphen.color_B::before,span.marker_hyphen.color_B::before, .marker_hyphen.color_B > li::before {background-color:#333}
p.marker_hyphen.Small, span.marker_hyphen.Small, ul.marker_hyphen.Small > li, ol.marker_hyphen.Small > li {font-size:13px; padding-left:10px; line-height:20px;}
p.marker_hyphen.Small, span.marker_hyphen.Small, ul.marker_hyphen.Small > li +li , ol.marker_hyphen.Small > li + li {margin-top:8px;}
p.marker_hyphen.Small::before, span.marker_hyphen.Small:before, .marker_hyphen.Small > li::before {width:5px; border-radius:0;}
P.marker_hyphen.Mid, span.marker_hyphen.Mid, ul.marker_hyphen.Mid > li, ol.marker_hyphen.Mid > li {font-size:16px;}
P.marker_hyphen.Mid::before, span.marker_hyphen.Mid::before, .marker_hyphen.Mid > li::before {top:11px}
p.marker_hyphen.Large, span.marker_hyphen.Large, ul.marker_hyphen.Large > li, ol.marker_hyphen.Large > li {font-size:18px;}
P.marker_hyphen.Large::before, span.marker_hyphen.Large::before, .marker_hyphen.Large > li::before {top:12px}
/* 블릿요소 당구장 */
p.marker_refer, span.marker_refer, ul.marker_refer > li{display:block; position:relative; margin:0; padding:0 0 0 19px; color:#111;}
span.marker_refer {display:inline-block;}
p.marker_refer::before, span.marker_refer::before, .marker_refer > li::before {content:'※'; display:block; position:absolute; left:0; top:0px; color:#111;}
p.color_red.marker_refer::before, span.color_red.marker_refer::before, .marker_refer.color_red > li::before {content:'※'; display:block; position:absolute; left:0; top:0px; color:#f14b25}
p.marker_refer + .marker_refer, .marker_refer > li + li {margin-top:7px;}
p.marker_refer.color_A, ul.marker_refer.color_A > li {color:#111}
p.marker_refer.color_B, ul.marker_refer.color_B > li {color:#333}
p.marker_refer.Small, ul.marker_refer.Small > li {font-size:13px; padding-left:15px; line-height:20px;}
P.marker_refer.Mid, ul.marker_refer.Mid > li {font-size:16px; padding-left:20px;}
p.marker_refer.Large, ul.marker_refer.Large > li {font-size:18px; padding-left:21px;}
/*불릿요소 숫자  */
p.marker_number, span.marker_number, ul.marker_number > li, ol.marker_number > li{display:block; position:relative; margin:0; padding:0 0 0 19px; color:#111;}
p.marker_number .number, span.marker_number .number, .marker_number > li .number {position:absolute;left:0;top:0px;color:#111;}
span.marker_number {display:inline-block;}
p.marker_number + .marker_number, .marker_number > li + li {margin-top:7px;}
p.marker_number.color_A, ul.marker_number.color_A > li {color:#111}
p.marker_number.color_B, ul.marker_number.color_B > li {color:#333}
p.marker_number.color_B .number, span.marker_number.color_B .number, .marker_number.color_B > li .number {color:#333}
p.marker_number.Small, ul.marker_number.Small > li {font-size:13px; padding-left:15px; line-height:20px;}
p.marker_number.Small.double, ul.marker_number.Small > li.double {padding-left:22px;} /* 두자리 수 일 때 추가 */
P.marker_number.Mid, ul.marker_number.Mid > li {font-size:16px; padding-left:20px;}
p.marker_number.Large, ul.marker_number.Large > li {font-size:18px; padding-left:21px;}
p.marker_number_x2, span.marker_number_x2, ul.marker_number_x2 > li, ol.marker_number_x2 > li {display:block; position:relative; margin:0; padding:0 0 0 38px; color:#111;}
p.marker_number_x2 .number, span.marker_number_x2 .number, .marker_number_x2 > li .number {position:absolute;left:0;top:0px;color:#111;}
span.marker_number_x2 {display:inline-block;}
p.marker_number_x2 .number, span.marker_number_x2 .number, .marker_number_x2 > li .number {position:absolute;left:0;top:0px;color:#111;}
p.marker_number_x2 + .marker_number_x2, .marker_number_x2 > li + li {margin-top:7px;}
p.marker_number_x2.color_A, ul.marker_number_x2.color_A > li {color:#111}
p.marker_number_x2.color_B, ul.marker_number_x2.color_B > li {color:#333}
p.marker_number_x2.Small, ul.marker_number_x2.Small > li {font-size:13px; padding-left:15px; line-height:20px;}
P.marker_number_x2.Mid, ul.marker_number_x2.Mid > li {font-size:16px; padding-left:20px;}
p.marker_number_x2.Large, ul.marker_number_x2.Large > li {font-size:18px; padding-left:21px;}
p.marker_number.XLarge, ul.marker_number.XLarge > li {padding-left:27px;}
p.marker_number.XLarge .number, ul.marker_number.XLarge > li > p > .number {left:-27px;}
p.marker_number.XLarge .h_title > .number, ul.marker_number.XLarge .h_title > .number,
p.marker_number.XLarge .h_title24 > .number, ul.marker_number.XLarge .h_title24 > .number {color:#111;}
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:15px;}
p.marker_number.XLarge .two , ul.marker_number.XLarge > li.two {padding-left:36px;}
p.marker_number.XLarge .two .number, ul.marker_number.XLarge > li.two .number {left:-36px;}
.marker_number.indent_sm > li {padding-left:8px; text-indent:-8px;}
.marker_number.indent_sm > li li {text-indent:0;}
/* 불릿요소 가나다 */
p.marker_txt, span.marker_txt, ul.marker_txt > li{display:block; position:relative; margin:0; padding:0 0 0 23px; color:#111;}
p.marker_txt.more1, span.marker_txt.more1, ul.marker_txt.more1 > li {padding-left:28px;}
span.marker_txt {display:inline-block;}
p.marker_txt .txt, span.marker_txt .txt, .marker_txt > li .txt {position:absolute;left:0;top:0px;}
p.marker_txt + .marker_txt, .marker_txt > li + li {margin-top:7px;}
p.marker_txt.color_A, ul.marker_txt.color_A > li {color:#111}
p.marker_txt.color_B, ul.marker_txt.color_B > li {color:#333}
p.marker_txt.Small, ul.marker_txt.Small > li {font-size:13px; padding-left:21px; line-height:20px;}
P.marker_txt.Mid, ul.marker_txt.Mid > li {font-size:16px; padding-left:25px;}
p.marker_txt.Large, ul.marker_txt.Large > li {font-size:18px; padding-left:27px;}
p.marker_txt.XLarge, ul.marker_txt.XLarge > li {padding-left:27px;}
p.marker_txt.XLarge .txt, ul.marker_txt.XLarge > li .txt {left:-27px;}
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:15px;}
p.marker_txt.XLarge .two , ul.marker_txt.XLarge > li.two {padding-left:36px;}
p.marker_txt.XLarge .two .txt, ul.marker_txt.XLarge > li.two .txt {left:-36px;}
/* 블릿 조합 */
.marker_dot li > .marker_hyphen, .marker_hyphen li > .marker_dot,
.marker_dot li > .marker_refer, .marker_hyphen li > .marker_refer,
.marker_dot li > .marker_number, .marker_hyphen li > .marker_number {margin-top:4px;}
.marker_dot li > .marker_hyphen li + li, .marker_hyphen li > .marker_dot li + li,
.marker_dot li > .marker_refer li + li, .marker_hyphen li > .marker_refer li + li,
.marker_dot li > .marker_number li + li, .marker_hyphen li > .marker_number li + li {margin-top:5px;}
ul.marker_refer > li > .marker_hyphen{margin-top:5px}
ul.marker_refer > li > .marker_hyphen li{margin-top:3px}
/* 블릿타이틀 조합 간격 */
.marker_wrap {display:block; position:relative; margin:0; padding:0;}
.marker_wrap .s_title +.marker_dot, .marker_wrap .s_title +.marker_hyphen, .marker_wrap .s_title +.marker_number,
.marker_wrap .c_title +.marker_dot, .marker_wrap .c_title +.marker_hyphen, .marker_wrap .c_title +.marker_number {margin-top:20px;}
.marker_wrap .marker_dot + .s_title, .marker_wrap .marker_hyphen + .s_title, .marker_wrap .marker_number + .s_title,
.marker_wrap .marker_dot + .c_title, .marker_wrap .marker_hyphen + .c_title, .marker_wrap .marker_number + .c_title {margin-top:40px;}

/* 블릿 버튼 조합 간격 */
/* .marker_dot + .btn_wrap {padding-left:12px;}
.marker_dot.Small + .btn_wrap {padding-left:7px;} */
.s_title + .marker_dot.Small {margin-top:16px;}
.marker_dot.Small + .s_title {margin-top:20px;}

.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,
.sh_agreement .table_scroll_area + .c_title,
.sh_agreement .bg_gray + .c_title,
.sh_agreement .btn_wrap + .c_title,
.sh_agreement .link_group + .c_title,
.sh_agreement .s_title {margin-top:20px;margin-bottom:13px;}
.sh_agreement .text + .c_title  {margin-top:20px;}
.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,
.sh_agreement .dl_agree + .h_title,
.sh_agreement .link_group + .h_title,
.sh_agreement .bg_gray + .h_title,
.sh_agreement .btn_wrap + .h_title {margin-top:80px;}
.sh_agreement .text + .h_title {margin-top:80px;}
.sh_agreement .font_md + .c_title {margin-top:40px;}
.sh_agreement .h_title + .font_basic,
.sh_agreement .h_title + .c_title,
.sh_agreement .h_title + .marker_number {margin-top:25px;margin-bottom:15px;}
.sh_agreement .table_wrap + .c_title,
.sh_agreement .h_title24 + .h_title,
.sh_agreement .h_title24 + .marker_number,
.sh_agreement .h_title24 + .font_basic,
.sh_agreement [class^="marker_"] + .bg_gray {margin-top:20px;}
.sh_agreement .table_wrap + .c_title,
.sh_agreement .h_title24 + .c_title {margin-bottom:13px;}
.sh_agreement .font_basic + [class^=marker_],
.sh_agreement .font_basic + .link_group {margin-top:10px;}
.sh_agreement [class^="marker_"] [class^="marker_"] + .bg_gray,
.sh_agreement [class^="marker_"] > li > .bg_gray,
.sh_agreement [class^=marker_] + .btn_wrap {margin:15px 0;}
.sh_agreement [class^=marker_] [class^=marker_] {margin-top:7px;}

.sh_agreement .marker_number li,
.sh_agreement .marker_txt > li,
.sh_agreement .marker_number.indent > li,
.sh_agreement .marker_txt.indent > li,
.sh_agreement .marker_txt li > .marker_number.indent li {text-indent:-18px;}
.sh_agreement .marker_number li p,
.sh_agreement .marker_txt > li p {text-indent:0;}
.sh_agreement .marker_dot > li {text-indent:0;}
.sh_agreement .marker_dot + .marker_number li {text-indent:0;}
.sh_agreement .marker_hyphen li {text-indent:0;}
.sh_agreement .marker_number li table {text-indent:0;}
.sh_agreement .marker_number li > .marker_number,
.sh_agreement .marker_txt li > .marker_txt {margin-top:8px; margin-bottom:12px;} 
.sh_agreement .marker_number li > .marker_dot li {text-indent:0;} 
.sh_agreement .marker_txt li > .marker_number li,
.sh_agreement [class^="marker_"] > li [class^="marker_"] + .bg_gray,
.sh_agreement [class^="marker_"] > li > .bg_gray,
.sh_agreement .marker_number li ul.marker_dot {text-indent:0;} 
.sh_agreement + .btn_wrap {margin:80px 0 0;}
.sh_agreement .marker_number li > .marker_txt li > .marker_number li {text-indent:inherit;}
.sh_agreement [class^="marker_"] > li [class^="marker_"] + .bg_gray .btn_wrap {margin-bottom:0;}
.sh_agreement .dl_agree dt {display:block; position:relative; margin:20px 0 13px; font-weight:700; font-size:16px; color:#333;}
.sh_agreement .dl_agree dd {}
.sh_agreement .indent0 {text-indent:0;}
.sh_agreement .marker_txt > li {padding-left:18px;}
/* 개인정보보호센터 */
.sh_agreement.personal_info .h_title24 + [class^="marker_"],
.sh_agreement.personal_info .h_title24 + .btn_wrap,
.sh_agreement.personal_info .h_title24 + .font_basic,
.sh_agreement.personal_info .h_title + [class^="marker_"],
.sh_agreement.personal_info .h_title + .btn_wrap,
.sh_agreement.personal_info .h_title + .font_basic {margin-top:10px;} /* 10px 차감 */
.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:80px;} /* 10px 차감 */
.sh_agreement.personal_info .h_title,
.sh_agreement.personal_info .marker_number + .h_title {margin-top:60px;}
.sh_agreement.personal_info .marker_txt li > .marker_number > li {padding:0;}
.sh_agreement.personal_info .marker_number > li .btn_wrap {margin-bottom:0;}
.sh_agreement.personal_info .marker_number > li > .c_title {margin-top:20px;margin-bottom:13px;}
.sh_agreement.personal_info .h_title + .table_wrap {margin-top:15px;}

.sh_agreement_select {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.sh_agreement_select label {padding:0 18px 0 0; font-weight:700; font-size:16px; color:#111;}
.sh_agreement_select .select_wrap {flex:0 0 auto; width:360px; height:44px;}
.sh_agreement_select .select_wrap + .btn_wrap {margin-left:8px;}
.sh_agreement_select + .sh_agreement_select_cmt {margin:18px 0 0;}
.sh_agreement_select + .sh_agreement_select_cmt:after {content:''; display:block; clear:both;}
.sh_agreement_select + .sh_agreement_select_cmt .marker_refer {float:right;}
.sh_agreement_select .btn.rectangle {min-width:114px; height:44px; margin-left:8px; line-height:42px;}

.sh_agreement .link_group > li + li {margin-top:7px;}

.sh_faq {position:relative; z-index:1;}
.sh_faq .marker_number > li,
.sh_faq .marker_txt > li {text-indent:-18px;}
.sh_faq .marker_number > li p,
.sh_faq .marker_number > li table,
.sh_faq .marker_number > li .marker_dot > li,
.sh_faq .marker_number > li .marker_hyphen > li,
.sh_agreement .marker_number li .btn_wrap {text-indent:0;}
.sh_agreement .marker_number li .btn_wrap {margin-top:8px; margin-bottom:12px;}
.sh_agreement .marker_number li .bg_gray .btn_wrap {margin-bottom:0;}
.sh_faq [class^="marker_"] [class^="marker_"] {margin-top:8px; margin-bottom:12px;}
.sh_faq .cancle_flow > li {position:relative; margin:0 0 34px;}
.sh_faq .cancle_flow > li:after {content:''; display:block; position:absolute; bottom:-19px; left:50%; width:14px; height:14px; margin-left:-7px; border-top:2px solid #ddd; border-right:2px solid #ddd; transform:rotate(135deg) skew(2deg, 2deg);}
.sh_faq .cancle_flow > li:last-child {margin-bottom:0;}
.sh_faq .cancle_flow > li:last-child:after {content:none;}
.sh_faq .cancle_flow > li .in_block {display:inline-block;}
.sh_faq .img_area {width:100%;padding:30px 0;background-color:#fff;border:1px solid #eee;text-align:center;}

/* .table_wrap.gap20 + .font_basic,
.table_wrap.gap20 + .marker_refer {margin-top:-15px;} */

.sh_agreement_select + .sh_agreement.personal_info {margin-top:55px;}
.sh_agreement.personal_info p.font_basic + .h_title24 {margin-top:53px;}
.sh_agreement.personal_info p.marker_dot .depth_3 {display:inline-block;padding-top:10px;padding-left:20px;} 
.sh_agreement.personal_info a[href^="mailto:"],
.sh_agreement.personal_info a[href^="http"]:not(.btn) {color:#4868e1;}
.sh_agreement .help_box {border:1px solid #ccc;padding:10px;text-indent:0;margin:10px 0;}
.sh_agreement.personal_info [class^="marker_"] > li p.font_basic {margin-left:-3px;}
.sh_agreement.personal_info .table_wrap.row th {vertical-align:top;}
.sh_agreement.personal_info .table_wrap [class^="marker_"] {color:#333;}

/* 제목과 내용 묶음 */
.text_group + .text_group {margin-top:54px;}

/* ==========================================================================
   회색배경 영역
========================================================================== */
.expend_wrap {display:block; position:relative; margin:0; padding:0;}
.expend_wrap::before {content:''; display:block; position:absolute; z-index:0; left:calc(-50vw + 50%); top:0; width:100vw; height:100%;}
.expend_wrap.bg_lightgray::before {background-color:#f2f4f8; background-color:rgba(242, 244, 248, 1.0)}
.expend_wrap.bg_gray::before {background-color:#f7f7f9; background-color:rgba(247, 247, 249, 1.0)}
.expend_wrap.bg_gray01::before {background-color:#fafafa; background-color:rgba(250, 250, 250, 1.0);}
.expend_wrap.bg_prim::before {background-color: #086ac5;background-color: rgba(8, 106, 197, 1.0);}
.expend_wrap.bg_prim01::before {background-color: #4868e1;background-color: rgb(72, 104, 225, 1.0);}
.expend_wrap.bg_darkprim::before {background-color:#081350;background-color:rgba(8, 19, 80, 1.0);}
.expend_wrap>* {position:relative; z-index:1;}
.is_kaypadNumber .expend_wrap>* {position:initial;}
.ly_inner.expend_wrap {margin-left:auto;margin-right:auto;}
/* .expend_wrap + .btn_wrap {margin-top:40px;} */

/* ==========================================================================
   입력폼 디자인
========================================================================== */
/* label + input */
.form_tit {display:block;margin-top:-6px;font-size:20px;color:#4e5b68;}
.form_tit span {font-weight:400;}
.form_tit + .form_ele {margin-top:54px;}
.form_type,
.form_type.expend_wrap {padding:60px 0;}
.form_type.no_pdt {padding-top:0;}
.form_type .form_ele.mh_auto {min-height:auto;}
.pop_cont .form_type {padding:30px 0;} /* 팝업 안에서는 padding값 변경 */
.form_ele.top_line {border-top:1px solid #ddd;}
/*
.form_type .tab_wrap .tab_cont {display:none;}
.form_type .tab_wrap .tab_cont.current {display:block;}
*/
.form_type.type01 {padding:0 0 60px 0;}
.form_type .form_type_tit {margin:60px 0 30px; font-weight:700; font-size:20px; color:#111;}
.form_type .form_ele {position:relative;padding-left:250px;}
.form_type .form_ele:after{content:'';clear:both;display:block;width:100%;}
.form_type .form_ele.sm {padding-left:222px;}
.form_type .form_ele .btn_question {vertical-align:middle;}
.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:16px;} /* 2020.01.21 공통가이드 수정 */
.form_type .form_ele + .form_ele.con_only, .form_type .form_ele.hide + .form_ele {margin-top:0;}
/* .form_type .form_ele.hide + .form_ele {margin-top:0;} */

.form_type .form_ele + .form_ele.type06 {margin-top:10px;}
.form_type .sec {display:block;}
.form_type .sec.current, .form_type .sec.prev {display:block;}
.form_type .form_ele + .h_wrap,
.form_type .sec .h_wrap {margin-top:60px;}
.form_type .form_ele_group {margin-top:16px;} /* 2020.01.21 공통가이드 수정 */
.form_type .form_ele .ele_tit {position:absolute;left:0;top:0;width:250px;padding-top:10px;}
.form_type .form_ele .ele_tit label,
.form_type .form_ele .ele_tit .label,
.form_type .form_ele .ele_tit .txt {font-weight:700;font-size:16px;color:#111;/*line-height:44px;*/line-height:1.63;}
.form_type .form_ele .ele_tit label span.text_xsm {display:block;margin-top:-5px;color:inherit;}
.form_type .form_ele .ele_tit .btn_guide {margin-left:2px;}
.form_type .form_ele .ele_txt {font-size:15px; padding-top:10px;}
.form_type .form_ele.ext_date {margin-top:0 !important;}
/* .form_type .form_ele.ext_date .ele_tit {top:37px;} */
.form_type .form_ele .col02 {/*overflow:hidden;*/margin:0 -4px;}
.form_type .form_ele .col02::after {content:''; display:block; clear:both;}
.form_type .form_ele .col02 > div {float:left;width:50%;padding:0 4px;}
.form_type .form_ele .col02.type02 > div{width:calc(100% - 508px);}
.form_type .form_ele .col02.type02 > div + div{width:calc(100% - 310px);}
.form_type .radio_wrap.type_btn .radio_btn input[type="radio"] + span,
.form_type .check_wrap.type_btn .check_btn input[type="checkbox"] + span {background-color:#fff;}
.form_type .form_ele.type04 {padding-left:0;}
.form_type .form_ele.type04 .ele_tit {display:block;position:relative;width:auto;}
.form_type .form_ele.type06 {margin-top:-5px;}
.form_type .form_ele.type06 .ele_tit {padding-top:0;}
.form_type .form_ele.type06 .ele_tit + .font_basic {padding-top:1px;}
.form_type .form_ele.terms .ele_tit {padding-top:15px;}
.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_ele.accordion_wrap {margin-top:5px;}
.form_type .form_ele.accordion_wrap .ele_tit {position:relative;float:left;margin-left:-250px;white-space:nowrap;}
.form_type .form_ele.accordion_wrap .ele_tit label span {font-weight:400;}
.form_type .form_ele.accordion_wrap .accordion_header button.acc_btn,
.form_type .form_ele.accordion_wrap .accordion_header a[role="button"].acc_btn {padding-top:23px;padding-bottom:24px;}
.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 {content:'';position:absolute;left:auto;right:2px;top:17px;width:9px;height:9px;border:0;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.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 {top:22px;transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-webkit-transform:translateY(0) rotate(-45deg);}
.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 {padding-top:18px;padding-bottom:19px;}
.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 {right:17px;top:12px;}
.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:17px;}
.form_type .form_ele .form_txt {padding-top:10px;margin-bottom:-6px;font-size:18px;color:#000;}
.form_type .form_ele .form_txt02 {padding-top:10px;color:#111;line-height:1.53;}

.form_type .form_ele .accordion_body .radio_wrap.type_btn.type_grid + .input_wrap {margin-top:4px;}
.form_type .form_ele.date_swipe_wrap .ele_tit {margin-top:-1px;padding-top:0;}
.form_type .form_ele.date_swipe_wrap .font_md {margin-top:-4px;}
.form_type .btn_wrap.btn_foot {margin-bottom:0;}


/* form - only_right */
.form_wrap {width:100%;height:44px;}
.form_type.only_right {float:right;min-width:50%;padding:0;}
.form_type.only_right .form_ele {padding-left:125px;}
.form_type.only_right .form_ele .ele_tit {width:125px;padding-left:27px;}
.form_type.only_right .flex_row .select_wrap {width:360px;}
.form_type.only_right .flex_row .select_wrap + .btn_wrap {padding-left:8px;padding-top:2px;}

/* form - form_type02 */
.form_type.form_type02 .form_ele + .form_ele,
.form_type.form_type02 .form_ele + form,
.form_type.form_type02 .form_ele + .tab_wrap,
.form_type.form_type02 .tab_wrap + .form_ele,
.form_type.form_type02 .sec + .sec {margin-top:60px;}
.form_type.form_type02 .form_ele,
.form_type.form_type02 .form_ele.sm {padding-left:0;}
.form_type.form_type02 .form_ele .ele_tit {display:block;position:static;width:auto;padding-top:0;padding-bottom:10px;}
.form_ele .select_wrap .ui_select .ui_select_btn .ui_select_value {text-overflow:ellipsis;white-space:nowrap;}

/* form - center_type */
.form_type.center_type {width:400px;margin:0 auto;}
.form_type.center_type .form_ele {padding:0;}
.form_type.center_type .form_ele .ele_tit {position:static;width:100%;padding-top:0;padding-bottom:5px;}
.form_type.center_type.wide_type {width:auto;}


/* Form Type - Custom*/
.form_ele .jumin_type {overflow:hidden;}
.form_ele .jumin_type > div, .form_ele .jumin_type span {float:left;}
.form_ele .jumin_type span {display:block;width:26px;height:44px;line-height:44px;color:#999;text-align:center;}
.form_ele .jumin_type .first {width:174px;}
.form_ele .jumin_type .last {width:195px;}
.form_ele .jumin_type .last .input_wrap {float:left;width:73px;}
.form_ele .jumin_type.type02 .last .input_wrap {width:100%;}
.form_ele .jumin_type .last .masking {float:left;display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;width:100px;height:44px;padding:17px 12px;line-height:44px;}
.form_ele .jumin_type .last .masking span {display:inline-block;width:10px;height:10px;line-height:0;border-radius:50%;background-color:#111;vertical-align:middle;}
.form_ele .jumin_type .last .masking span + span {margin-left:4px;}
.form_ele .jumin_type .last input {padding:0 8px}
.form_ele .jumin_type .last input[type='text']:focus,
.form_ele .jumin_type .last input[type='text'].focused,
.form_ele .jumin_type .last input[type='tel']:focus,
.form_ele .jumin_type .last input[type='tel'].focused {padding:0 9px;}
.form_ele .phone_type .select_wrap {margin-top:8px;} /* 2020.01.21 공통가이드 수정 */
/* 주민번호  - 뒷자리 올 마스킹 */
.form_ele .jumin_type.all_masking .first {width:calc(100% - 166px);}
.form_ele .jumin_type.all_masking .last {width:140px;}
.form_ele .jumin_type.all_masking .last .masking {width:120px; padding-left:0;}

.form_type .inner_check_wrap{padding:4px 0 5px;}
.form_type .inner_check_wrap .check_default,
.form_type .inner_check_wrap .check_default + .check_default{margin:5px 45px 5px 0;}

/* radio - type grid */
.radio_wrap.type_grid {display:block; width:100%;}
.radio_wrap.type_grid ul.flex_row {display:-webkit-flex; display:-ms-flexbox; display:flex;width:auto;}
.radio_wrap.type_grid ul li {display:-webkit-flex; display:-ms-flexbox; display:flex;margin:0 !important;float:none !important;}
.radio_wrap.type_grid label {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;}
.radio_table_wrap .radio_wrap .radio_btn {display:table;}
.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:auto;min-height:44px;padding:6px 5px 5px;}
.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;}
.radio_wrap.type_grid .radio_btn.type02 {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span {padding:11px 14px 9px 14px;text-align:left;vertical-align:top;}
.radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em {display:block;line-height:1.56;}
.radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em span {display:block;margin-bottom:1px;font-size:13px;}
.radio_wrap.type_grid .radio_btn.type03 input[type="radio"] + span{text-align:left;padding-left:10px;padding-right:10px;}
.radio_wrap.type_grid .radio_btn.type03 input[type="radio"] + span em{display:inline;}
.radio_wrap.type_grid .radio_btn.type04 input[type="radio"] + span{padding:9px 10px !important;}
.radio_wrap.type_grid .radio_btn.type04 input[type="radio"]:checked + span{padding:8px 9px !important;}
.radio_wrap.type_grid .radio_btn.type05 input[type="radio"] + span {padding:11px 14px 9px 14px;text-align:left;vertical-align:top;}
.radio_wrap.type_grid .radio_btn.type05 input[type="radio"] + span em {display:block;line-height:1.56;}
.radio_wrap.type_grid .radio_btn.type05 input[type="radio"] + span em span {display:block;margin-bottom:1px;font-size:13px;}
.radio_wrap.type_grid .radio_btn.type05 input[type="radio"]:checked + span {padding:10px 13px 8px 13px;vertical-align:top;}

.radio_wrap.type_grid .ico {display:inline-block;width:50px;height:50px;margin-top:0;background-color:#eee;vertical-align:top;}
/* .radio_wrap.type_grid li .radio_btn input[type="radio"] + span {padding-bottom:8px;}  이것때문에 깨진다면 얘기해주세요. - 우현주 */
.radio_wrap.type_grid .ico + em {padding:7px 0 0;}
.radio_wrap.type_grid .ico.ico_state01{background:url(/pconts/images/icon/ico_state01.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state02{background:url(/pconts/images/icon/ico_state02.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state03{background:url(/pconts/images/icon/ico_state03.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state04{background:url(/pconts/images/icon/ico_state04.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state05{background:url(/pconts/images/icon/ico_state05.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state06{background:url(/pconts/images/icon/ico_state06.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state07{background:url(/pconts/images/icon/ico_state07.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state08{background:url(/pconts/images/icon/ico_state08.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state09{background:url(/pconts/images/icon/ico_state09.png) no-repeat left top / 50px;}
/* form_ele안에서 결과 화면 */
.form_ele .sch_result {display:block; position:relative; width:100%; padding:20px 30px; border-radius:3px; background:#fff;}
.form_ele .sch_result p {color:#333;}
.form_ele .sch_result .btn_del {position:absolute; top:14px; right:14px;}
/* form_ele안에서 버튼이 있는 경우 */
.form_ele.has_btn .btn_wrap.btn_small {margin-bottom:8px;}
/* radio - type ul */
.radio_wrap.radio_ul {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.radio_wrap.radio_ul li {width:100%;}
.radio_wrap.radio_ul label {width:100%;}
.radio_wrap.radio_ul li + li label span {width:100%; border-top:1px solid #eee;}
.radio_wrap.radio_ul .radio_default input[type="radio"] + span{width:100%; padding:36px 0 36px 55px; line-height:1.3;}
.radio_wrap.radio_ul .radio_default input[type="radio"] + span:before {top:50%; margin-top:-13px;}
.radio_wrap.radio_ul .radio_default input[type="radio"]:checked + span:after {top:50%; margin-top:-7px;}
/* radio - type ul02 */
.radio_wrap.radio_ul2 {width:100%; padding:30px 20px; border-top:1px solid #bbb; border-bottom:1px solid #ddd;}
.radio_wrap.radio_ul2 li {width:100%;}
.radio_wrap.radio_ul2 li + li {margin-top:17px;}
.radio_wrap.radio_ul2 label {width:100%;}
.radio_wrap.radio_ul2 .radio_default input[type="radio"] + span{width:100%; padding:0 0 0 55px; line-height:1.3;}
.radio_wrap.radio_ul2 .radio_default input[type="radio"] + span:before {top:50%; margin-top:-13px;}
.radio_wrap.radio_ul2 .radio_default input[type="radio"]:checked + span:after {top:50%; margin-top:-7px;}
/* tab type02와 동일한 radio */
.radio_tab_wrap {display:block; position:relative; width:100%; margin:0; padding:0;}
.radio_tab_wrap ul {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0; flex-direction:row;}
.radio_tab_wrap ul > li {display:block; position:relative; min-height:100%; margin:0 -2px 0 0; padding:0; flex:1 1 auto;}
.radio_tab_wrap ul > li + li {margin-left:-2px;}
.radio_tab_wrap li label {display:table; position:relative;width:100%; height:100%; margin:0; padding:0; cursor:pointer; text-align:center;}
.radio_tab_wrap li input[type="radio"] {position:absolute; left:0; top:0; width:calc(100% - 1px); height:100%; opacity:0.01; margin:0;}
.radio_tab_wrap li label input[type="radio"] + span {display:table-cell; position:relative; height:100%; margin:0; padding:16px 10px 15px 10px; border:solid #ddd 1px; background:#fff; font-size:18px; vertical-align: middle;}
/* .radio_tab_wrap li + li input[type="radio"] + span {border-left:none !important;} */
.radio_tab_wrap li input[type="radio"]:checked + span {border-color:#081350; background-color:#081350; color:#FFF; font-weight:700;}
.bg_gray .radio_tab_wrap li input[type="radio"] + span {background-color:#fff;}
.bg_gray .radio_tab_wrap li input[type="radio"]:checked + span {background-color:#081350; color:#FFF;}
/* tab type03와 동일한 radio */
.radio_tab_wrap02 {display:block; position:relative; width:100%; margin:0; padding:0;}
.radio_tab_wrap02 ul {overflow:hidden;}
.radio_tab_wrap02 ul > li {position:relative;width:auto;height:auto;margin-right:13px;}
.radio_tab_wrap02 li label {display:block;position:relative;width:100%; height:100%; margin:0; padding:0; cursor:pointer; text-align:center;}
.radio_tab_wrap02 li input[type="radio"] {position:absolute; left:0; top:0; width:1px; height:1px; opacity:0;}
.radio_tab_wrap02 li label input[type="radio"] + span {display:block;padding:5px;font-weight:400;font-size:18px;}
.radio_tab_wrap02 li input[type="radio"]:checked + span {font-weight:700;color:#4868e1;}
.radio_tab_wrap02 li input[type="radio"]:checked + span:before {content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#4868e1;}

/* tab 형태 체크박스 리스트 theme_blue */
.check_wrap.theme_blue {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0; flex-direction: row;}
.check_wrap.theme_blue label {display:block; position:relative; min-height:100%; margin:0; padding:0; flex:1; margin:0; padding:0; cursor:pointer; text-align:center;}
.check_wrap.theme_blue input[type="checkbox"] {position:absolute; left:0; top:0; width:1px; height:1px; opacity:0;}
.check_wrap.theme_blue label input[type="checkbox"] + span {display:block; position:relative; height:100%; margin:0; padding:8px 10px 7px 10px; border:solid #ddd 1px;background:#fff; font-size:18px; vertical-align: middle;border-right:0;}
.check_wrap.theme_blue label:last-child input[type="checkbox"] + span {border-right:1px solid #ddd;}
.check_wrap.theme_blue input[type="checkbox"]:checked + span {color:#4868e1;}
.check_wrap.theme_blue input[type="checkbox"]:checked + span::before {content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 3px);height:calc(100% + 2px);border:2px solid #4868e1;z-index:5;}
.check_wrap.theme_blue label:first-child input[type="checkbox"] + span,
.check_wrap.theme_blue label:first-child input[type="checkbox"] + span::before {border-radius:8px 0 0 8px;}
.check_wrap.theme_blue label:last-child input[type="checkbox"] + span,
.check_wrap.theme_blue label:last-child input[type="checkbox"] + span::before {border-radius:0 8px 8px 0;}

/* checkbox - type table (ico 있는 타입) */
.check_table_wrap {overflow:hidden;}
.check_table_wrap .check_wrap{display:block;margin:-4px 0 0 -4px;}
.check_table_wrap .check_wrap .check_btn {display:table;width:33.33%;padding:4px 0 0 4px;}
.check_table_wrap .check_wrap .check_btn + .check_btn {margin-left:0;}
.check_table_wrap .check_wrap .check_btn input[type="checkbox"] {width:100%;min-width:90px;height:100%;}
.check_table_wrap .check_wrap .check_btn input[type="checkbox"] + span {display:table-cell;width:100%;height:69px;padding:6px 5px 5px;vertical-align:middle;}
.check_table_wrap .check_wrap .check_btn input[type="checkbox"] + span strong {display:block;font-size:16px;line-height:25px;}
.check_table_wrap .check_wrap .ico {display:inline-block;width:39px;height:39px;margin-top:8px;background-color:#eee;vertical-align:top;}
.check_table_wrap .check_wrap .ico + strong {padding:6px 0 3px;}
/* checkbox - type grid */
.check_wrap.type_grid {display:block; width:100%;}
.check_wrap.type_grid ul li {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.check_wrap.type_grid label {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;}
.check_table_wrap .check_wrap .check_btn {display:table;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + 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:auto;padding:6px 5px 5px;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + span em {display:-webkit-flex; display:-ms-flexbox; display:flex;font-size:16px;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;}
.check_wrap.type_grid .ico {display:inline-block;width:39px;height:39px;margin-top:8px;background-color:#eee;vertical-align:top;}
.check_wrap.type_grid .ico + em {padding:6px 0 3px;}
/* checkbox - type ul */
.check_list {margin-right:-4px;margin-top:-4px;}
.check_list > li {position:relative;float:left;width:130px;height:114px;margin-right:4px;margin-top:4px;}
.check_list > li .icon_box {border-radius:3px;background-color:#fff;background-position:center 14px;background-size:39px;cursor:pointer;}
.check_list > li .icon_box .check_txt {display:block;padding:68px 0 25px;border:1px solid #bbb;border-radius:3px;font-weight:700;font-size:15px;color:#111;text-align:center;line-height:1.3;}
.check_list > li .icon_box .check_txt.row02 {padding:59px 0 15px;}
.check_list > li .icon_box input[type="checkbox"],
.check_list > li .icon_box input[type="radio"] {position:absolute;left:0;top:0;z-index:1;opacity:0;margin:0;padding:0;cursor:pointer;}
.check_list > li .icon_box input[type="checkbox"]:checked + .check_txt,
.check_list > li .icon_box input[type="radio"]:checked + .check_txt {padding:67px 0 24px;border:2px solid #4868e1;color:#4868e1;}
.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:58px 0 14px;}
/* checkbox - flex type */
.check_list02 > li {position:relative;text-align:center;}
.check_list02 label {display:table;width:100%;height:100%;}
.check_list02 label span {display:table-cell;position:relative;width:100%;height:114px;padding:60px 10px 10px;border:1px solid #bbb;border-radius:3px;background-color:#fff;font-weight:700;vertical-align:middle;}
.check_list02 label span.row02{padding:51px 0 15px;line-height:20px;}
.check_list02 label span:before {content:'';display:inline-block;position:absolute;left:50%;top:14px;width:40px;height:40px;background-color:#bbb;transform:translateX(-50%);}
.check_list02 label input[type="checkbox"],
.check_list02 label input[type="radio"] {position:absolute;left:0;top:0;z-index:1;width:100%;;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;}
.check_list02 label input[type="checkbox"]:checked + span,
.check_list02 label input[type="radio"]:checked + span {padding:59px 10px 9px;border:2px solid #4868e1;color:#4868e1;}
.check_list02 label input[type="checkbox"]:checked + span.row02,.check_list02 label input[type="radio"]:checked + span.row02 {padding:51px 0 15px}
.check_list02 label input[type="checkbox"]:checked + span:before,
.check_list02 label input[type="radio"]:checked + span:before {top:13px;}
/* checkbox - box type */
.check_list03{text-align:center;}
.check_list03 ul{padding:1px 0 0 1px;}
.check_list03 ul:after{content:'';display:block;width:100%;}
.check_list03 ul > li{position:relative;float:left;width:33.33%;}
.check_list03 ul > li.col3{width:25%;}
.check_list03 ul > li.col6{width:50%;}
.check_list03 label {display:block;width:100%;height:100%;}
.check_list03 label span {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;height:62px;padding:10px;margin:-1px 0 0 -1px;border:1px solid #ddd;background-color:#fff;color:#333;-webkit-box-align:center; -ms-flex-align:center; align-items:center;align-content:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.check_list03 label input[type="checkbox"],
.check_list03 label input[type="radio"] {position:absolute;left:0;top:0;z-index:1;width:100%;;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;}
.check_list03 label input[type="checkbox"]:checked + span,
.check_list03 label input[type="radio"]:checked + span {z-index:2;border:2px solid #4868e1;font-weight:700;}

/* iconbox */
.icon_box {display:block;width:100%;height:100%;}
.icon_box.icon13 {background:url(/pconts/images/icon/ico_icon13.png) no-repeat;}
.icon_box.icon14 {background:url(/pconts/images/icon/ico_icon14.png) no-repeat;}
.icon_box.icon15 {background:url(/pconts/images/icon/ico_icon15.png) no-repeat;}
.icon_box.icon16 {background:url(/pconts/images/icon/ico_icon16.png) no-repeat;}
.icon_box.icon17 {background:url(/pconts/images/icon/ico_icon17.png) no-repeat;}
.icon_box.icon18 {background:url(/pconts/images/icon/ico_icon18.png) no-repeat;}
/* checkbox - agreement */
.check_wrap.type_agree.all {margin-bottom:10px;}
.check_wrap.type_agree {position:relative; display:block; width:100%; background:#fff;}
.check_wrap.type_agree:not(:first-of-type) {margin-top:-1px;}
.check_wrap.type_agree + .agree_check_dl {margin-top:-1px;}
.check_wrap.type_agree .check_agree {position:relative; display:block; width:100%; height:29px; line-height:29px; font-size:14px; color:#333;}
.check_wrap.type_agree .btn_check_pop {display:block; position:absolute; right:0; top:0; width:50px; height:100%; background:url(/pconts/images/common/slide_dd_arr.png) no-repeat center center;}
.check_wrap.type_agree .btn_check_pop.btn_txt {position:absolute;right:20px;top:0px;background:none;font-size:13px;text-decoration:underline;color:#111;}
.check_wrap.type_agree .check_agree input[type="checkbox"] + span {width:100%; padding:0 31px 0 55px;} 
.check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {content:''; display:block; position:absolute; left:29px; top:50%; width:7px; height:10px; margin:-8px 0 0 -4px; border-right:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);} 
.check_wrap.type_agree .check_agree input[type="checkbox"]:checked + span:before {/*border-color:#a3b3f0;*/border-color:#4868e1;}
.check_wrap.type_agree .check_agree.check_all {height:53px; border:1px solid #ddd; font-size:16px; font-weight:700; line-height:51px;}
.check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before {left:27px;width:9px; height:15px; margin:-10px 0 0 -4px; border-right:3px solid #b2b2b2; border-bottom:3px solid #b2b2b2;border-radius: 1px;}
.check_wrap.type_agree .check_agree.check_all input[type="checkbox"]:checked + span:before {border-color:#4868e1;}
.check_wrap.type_agree .check_agree.check_all.line_more {height:auto;min-height:53px;}
.check_wrap.type_agree .check_agree.check_all.line_more span {padding-top:14px;line-height:25px;}
.check_wrap.type_agree .check_agree.check_all.line_more input[type="checkbox"] + span:before {margin-top:0;top:16px;}
.check_wrap.type_agree .check_agree.check_all.h_auto {height:auto;line-height:20px;padding-top:15px;padding-bottom:15px;}
.check_body .check_wrap.type_agree .btn_check_pop.btn_txt {width:auto;position:absolute;right:20px;top:0px;background:none;font-size:13px;text-decoration:underline;color:#111;}
.check_wrap.type_agree.all .check_agree.check_all {border:none;}
.check_wrap.type_agree.all .check_agree input[type="checkbox"] + span {border:1px solid #ddd;}
.check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span {border-color:none; background-color:#4868e1; color:#fff;}
.check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span:before {border-color:#fff;}

.check_wrap.type_agree_txt {display:block; position:relative; margin:0; padding:0; border:solid #ddd 1px;}
.check_wrap.type_agree_txt .check_agree {display:block; position:relative; min-height:20px; margin:0; padding:15px 0;}
.check_wrap.type_agree_txt .check_agree + .check_agree {border-top:solid #ddd 1px;}
.check_wrap.type_agree_txt .check_agree input[type="checkbox"] + span {padding-left:55px; font-size:16px; color:#333;}
.check_wrap.type_agree_txt .check_agree input[type="checkbox"] + span::before {content:'';position:absolute; left:37px; top:10px; width:9px; height:15px; margin:-10px 0 0 -4px; border-right:3px solid #b2b2b2; border-bottom:3px solid #b2b2b2; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.check_wrap.type_agree_txt .check_agree input[type="checkbox"]:checked + span:before {border-color:#4868e1;}

/* agreement group */
.agreement_group.type_gap .check_wrap.type_acc + .accordion_check,
.agreement_group.type_gap .accordion_check + .accordion_check {margin-top:15px;}
.accordion_wrap.accordion_check dt {margin-top:16px;}

.check_wrap .single input[type="checkbox"] + span {padding-left:30px; background-color:transparent;}
.check_wrap .single input[type="checkbox"] + span:before {content:'';display:block; position:absolute; left:3px; top:50%; width:7px; height:10px; margin:-8px 0 0 0; border-right:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.check_wrap .single input[type="checkbox"]:checked + span:before {border-right:2px solid #4868e1; border-bottom:2px solid #4868e1;}
/* agree */
.agree_check_dl .has_link {position:relative;}
.agree_check_dl .has_link .btn_check_pop {display:block; position:absolute; right:0; top:0; width:50px; height:100%; background:url(/pconts/images/common/slide_dd_arr.png) no-repeat center center;}
.agree_check_dl .has_link .btn_check_pop.btn_txt {width:auto; height:100%; right:20px;top:0;font-size:13px;text-decoration:underline;color:#111;background:none;}
.agree_check_dl .check_body {padding:15px 0; border:1px solid #ddd; border-top:none; background:#fff;}
/* checkbox - agreement,accordion */
.accordion_wrap.accordion_check {display:block;position:relative;}
.accordion_wrap.accordion_check dd {padding:16px 0;border:1px solid #eee;border-top:none;background:#fff;}
.accordion_wrap.accordion_check .accordion_header .btn_acc_check {display:block;position:absolute;overflow:hidden;width:56px;height:53px;top:0;right:0;background:url(/pconts/images/common/slide_dl_arr02.png) center no-repeat;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);z-index:1;}
.accordion_wrap.accordion_check .accordion_header .btn_acc_check span {display:block; position: relative; text-indent:-999px;}
.accordion_wrap.accordion_check .accordion_header .btn_acc_check.on {top:0;right:0;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);}
.accordion_wrap.accordion_check dd ol,
.accordion_wrap.accordion_check dd .list_wrap,
.accordion_wrap.accordion_check dd .con {position:relative; padding-left:60px;}
.accordion_wrap.accordion_check dd .con .go_detail_area {margin:20px 0 0; padding:0 16px 0 0; text-align:right;}
.accordion_wrap.accordion_check dd ol.text_type02,
.accordion_wrap.accordion_check dd .list_wrap.text_type02,
.accordion_wrap.accordion_check dd .con.text_type02 {font-weight:400; font-size:14px; color:#333;}
.accordion_wrap.accordion_check dd ol li{margin-top:3px; font-size:13px; color:#333; line-height:1.53;}
.accordion_wrap.accordion_check dt:not(:first-of-type) {margin-top:-1px;}
.accordion_wrap.accordion_check dd .marker_number  {position:relative; padding:0 15px 0 60px;}

.accordion_wrap.accordion_check.small .accordion_header .check_wrap.type_acc .check_type3.check_all {height:auto;margin-bottom:6px; border:none;font-size:14px; line-height:1.2;}
.accordion_wrap.accordion_check.small .accordion_header.inner {margin-top:0;}
.accordion_wrap.accordion_check.small .accordion_header .check_wrap.type_acc .check_type3.check_all input[type="checkbox"] + span:before {content: '';display:block;position:absolute;left:-26px;top:50%;width:7px;height:10px;margin:-8px 0 0 -4px;border-right:2px solid #a3b3f0;border-bottom:2px solid #a3b3f0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.accordion_wrap.accordion_check.small .accordion_header .check_wrap.type_acc .check_type3.check_all input[type="checkbox"]:checked + span:before {border-color:#4868e1;}
.accordion_wrap.accordion_check.small .accordion_header .btn_acc_check {height:22px;background:url(/pconts/images/common/slide_dl_arr03.png) 50% 10px no-repeat / 12px auto;}
.accordion_wrap.accordion_check.small .accordion_body {padding:0 56px 10px 62px;border:none;font-size:14px;}
/* .accordion_wrap.accordion_check.small .accordion_header .btn_acc_check:before {content:'';display:block;position:absolute; left:50%; top:50%; width:7px; height:7px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} */
/* checkbox - agreement,accordion2 */
.check_wrap.type_acc {position:relative; display:block; width:100%; background:#fff;}
.check_wrap.type_acc .check_type3 {position:relative; display:block; width:100%; height:auto; /*line-height:29px;*/ font-size:14px; color:#333;}
.check_wrap.type_acc .check_type3:last-child {padding-bottom:0;}
.accordion_body > .check_wrap.type_acc .check_type3 input[type="checkbox"] + span:before {top:4px;margin:0 0 0 7px;} /* 자식구조가 아니면 상위 아코디언에 상속받음 */
.check_wrap.type_acc .btn_check_pop {display:block; position:absolute; right:0; top:0; overflow:hidden; width:50px; height:100%; background:url(/pconts/images/common/slide_dd_arr.png) no-repeat center center;}
.check_wrap.type_acc .btn_check_pop span {display:block; position:relative; width:100%; height:100%; text-indent:-999px;}
.check_wrap.type_acc .btn_check_pop.btn_txt {position:absolute; top:3px; right:20px; width:auto; background:none; font-size:13px; text-decoration:underline; color:#111;}
.check_wrap.type_acc .btn_check_pop.btn_txt span{text-indent:0;}
.check_wrap.type_acc .check_type3.check_all {height:53px; font-size:16px; font-weight:400; line-height:51px;}
.check_wrap.type_acc .check_type3.check_all.type02 {font-weight:700;}
.check_wrap.type_acc .check_type3.check_all:after,
.check_wrap.type_acc .check_type3.check_all.type02:after {display:none;}
.check_wrap.type_acc .check_type3.check_all input[type="checkbox"] + span {display:block; border:1px solid #ddd;}
.check_wrap.type_acc .check_type3 input[type="checkbox"] + span {display:block; padding:0px 38px 0px 55px;}
.check_wrap.type_acc .check_type3 input[type="checkbox"] + span:before {content:''; display:block; position:absolute; left:18px; top:50%; width:7px; height:10px; margin:-8px 0 0 -4px; border-right:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);} 
.text_info .check_wrap.type_acc .check_type3 input[type="checkbox"] + span:before {content:''; display:block; position:absolute; left:18px; top:0; width:7px; height:10px; margin:4px 0 0 -4px; border-right:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);} 
.check_wrap.type_acc .check_type3 input[type="checkbox"]:checked + span:before {border-color: #086ac5;}
.check_wrap.type_acc .check_type3.check_all input[type="checkbox"] + span:before {left:16px;width:9px; height:15px; margin:-10px 0 0 7px; border-right:3px solid #bbb; border-bottom:3px solid #bbb;}
.check_wrap.type_acc .check_type3.check_all input[type="checkbox"]:checked + span:before {border-color: #086ac5;}
.check_wrap.type_acc.all .check_type3.check_all input[type="checkbox"]:checked + span {border-color:transparent; background-color:#4868e1; color:#fff;}
.check_wrap.type_acc.all .check_type3.check_all input[type="checkbox"]:checked + span:before {border-color:#fff;}

.check_wrap.type_acc .check_type3.check_all.line_more {height:auto;min-height:53px;}
.check_wrap.type_acc .check_type3.check_all.line_more span {padding-top:14px; padding-bottom:14px;line-height:25px;}
.check_wrap.type_acc .check_type3.check_all.line_more input[type="checkbox"] + span:before {margin-top:0;top:16px;}
.check_wrap.type_acc .check_type3.check_all .text_xsm {position:relative;line-height:20px;}
.check_wrap.type_acc .check_type3.check_all span + .text_xsm {margin:-6px 0 13px;}
.check_wrap.type_acc .check_type3.check_all span.sub_info_txt {line-height: 1.5  !important;}
.check_wrap.type_acc .check_type3 + .info_txt {padding:10px 38px 0 55px;font-size:13px;color:#333;}
.check_wrap.type_acc .check_type3 + .info_txt > span {color:#333;}

/* 변경일선택 라디오 그룹 */
.day_sel .radio_wrap, 
.day_sel .check_wrap {display:inline-block;position:relative;}
.day_sel .radio_wrap label, 
.day_sel .check_wrap label {display:block;position:relative;float:left;cursor:pointer;}
.day_sel .radio_wrap input[type="radio"], 
.day_sel .check_wrap input[type="checkbox"] {position:absolute;left:0;top:0;width:100%;min-width:64px;height:44px;z-index:1;opacity:0;margin:0;padding:0;cursor:pointer;}
.day_sel .radio_wrap .radio_type2:first-child input[type="radio"] + span, 
.day_sel .check_wrap .check_type2:first-child input[type="checkbox"] + span {border-left:1px solid #bbb;}

.day_sel .radio_wrap .radio_type2 input[type="radio"] + span, 
.day_sel .check_wrap .check_type2 input[type="checkbox"] + span {
    position:relative;display:inline-block;min-width:90px;height:44px;padding-left:15px;padding-right:15px;
    border:1px solid #bbb;color:#111;border-radius:3px;line-height:44px;text-align:center;box-sizing:border-box;
}
.day_sel .radio_wrap .radio_type2 input[type="radio"]:checked + span, 
.day_sel .check_wrap .check_type2 input[type="checkbox"]:checked + span {border-color:#096ac5;color:#086ac5;}
.day_sel .radio_wrap.col05 .radio_type2 input[type="radio"], 
.day_sel .radio_wrap.col05 .radio_type2 input[type="radio"] + span {min-width:64px;}
.day_sel .radio_wrap .radio_type2 + .radio_type2, 
.day_sel .check_wrap .check_type2 + .check_type2 {margin-left:4px;}



/* 약관 2020.01.31 */

/*reset*/
.agreement_wrap .check_wrap.type_agree,
.agreement_wrap .accordion_wrap.accordion_check .accordion_body,
.agreement_wrap .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span {padding:0;border:none;background-color:transparent;}
.agreement_wrap .check_wrap.type_agree.all {margin-bottom:0;}
.agreement_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check {width:55px;height:60px;background:none;}
.agreement_wrap .accordion_wrap.accordion_check .accordion_header .check_wrap + .btn_acc_check:after {content:'';display:inline-block;width:12px;height:12px;margin-bottom:-4px;border:2px solid #666;border-left:none;border-top:none;transform:rotate(-135deg);-webkit-transform: rotate(-135deg);}
.agreement_wrap .agree_depth03 .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {display:none;}
.agreement_wrap .agree_check_group {padding:0;}
.agreement_wrap .accordion_wrap.accordion_check dt {margin-top:0;}

.agreement_wrap .all_acc .check_wrap.type_agree.all {display:block;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree {width:100%;min-height:55px;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span {display:block;width:100%;padding:14px 56px 14px 20px;border:1px solid #ddd;background-color:#fff;font-size:16px;font-weight:700;color:#333;line-height:1.6;box-sizing:border-box;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span {border-color:#4868e1;background-color:#4868e1;color:#fff;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span:before {display:none;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all + .btn_acc_check {width:55px;height:55px;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all + .btn_acc_check.check:after {border-color:#fff;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span + .btn_acc_check:after {border-color:#fff;}
.agreement_wrap .all_acc > .accordion_body {margin-top:10px;}
.agreement_wrap .agreement_inner > .accordion_wrap.accordion_check,
.agreement_wrap .agreement_inner .check_wrap.check_only {border-bottom:1px solid #ddd;}
.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree,
.agreement_wrap .agreement_inner .check_wrap.check_only .check_agree {width:100%;min-height:60px;height:auto;background:transparent;}
.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span,
.agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span {display:block;position:relative;width:100%;padding:16px 55px 16px 38px;font-size:16px;font-weight:700;color:#333;line-height:1.8;box-sizing:border-box;}
.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span:before,
.agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:before {content:'';display:inline-block;position:absolute;left:0;top:16px;width:28px;height:28px;margin:0;border:1px solid #ddd;border-radius:50%;background-color:transparent;}
.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span:before,
.agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"]:checked + span:before {border-color:#4868e1;background-color:#4868e1;}
.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span:after,
.agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span:after {content:'';display:inline-block;position:absolute;left:10px;top:21px;width:9px;height:15px;border-right:3px solid #bbb;border-bottom:3px solid #bbb;border-radius:1px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span:after,
.agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"]:checked + span:after {border-color:#fff;}

.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span > em,
.agreement_wrap .agreement_inner .check_wrap.check_only .check_agree input[type="checkbox"] + span > em {display:block;font-weight:400;font-size:13px;color:#111;}

.agreement_wrap .agreement_inner .accordion_header .check_wrap.type_agree.all.row02 .check_agree input[type="checkbox"] + span {padding-bottom:5px;}
.agreement_wrap .agree_depth02 .accordion_wrap.accordion_check .accordion_header .btn_acc_check {right:18px;width:22px;height:22px;}
.agreement_wrap .agree_depth02 .accordion_wrap.accordion_check .accordion_header .check_wrap + .btn_acc_check:after {width:10px;height:10px;border-width:1px;}
.agreement_wrap .agreement_inner .agree_depth02 {padding:10px 0 20px;}
.agreement_wrap .agreement_inner .accordion_body .check_agree {display:block;width:100%;}
.agreement_wrap .agreement_inner .agree_depth03 > .check_wrap .check_agree + .check_agree {margin-top:8px;}
.agreement_wrap .agreement_inner .agree_depth03 > .check_wrap .check_agree + .agree_check_group {margin-top:8px;}
.agreement_wrap .agreement_inner .agree_depth03 > .check_wrap .agree_check_group + .check_agree {margin-top:8px;}
.agreement_wrap .agreement_inner .accordion_body .check_agree input[type="checkbox"] + span {display:block;position:relative;width:100%;padding:0 64px 0 38px;}
.agreement_wrap .agreement_inner .agree_depth03 > .check_wrap .check_agree input[type="checkbox"] + span {padding-left:28px;}
.agreement_wrap .agreement_inner .accordion_body .check_agree input[type="checkbox"] + span:after {content:'';display:inline-block;position:absolute;left:10px;top:1px;width:9px;height:13px;border-right:2px solid #bbb;border-bottom:2px solid #bbb;border-radius:1px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.agreement_wrap .agree_depth03 > .check_wrap .check_agree input[type="checkbox"] + span:after {left:3px;}
.agreement_wrap .agreement_inner .accordion_body .check_agree input[type="checkbox"]:checked + span:after {border-color:#4868e1;}
.agreement_wrap .agreement_inner .accordion_body .btn_check_pop.btn_txt,
.agreement_wrap .agreement_inner .check_wrap.check_only .btn_check_pop.btn_txt {position:absolute;right:20px;top:0px;z-index:2;width:auto;font-size:13px;text-decoration:underline;color:#111;}
.agreement_wrap .agreement_inner .check_wrap.check_only .btn_check_pop.btn_txt {right:0;min-width:60px;height:60px;}
.agreement_wrap .agreement_inner .check_wrap > *:only-child.check_agree input[type="checkbox"] + span {padding-right:55px;}
.agreement_wrap .agreement_inner .agree_depth01 .check_wrap.check_only > *:only-child.check_agree input[type="checkbox"] + span {padding-right:20px;}
.agreement_wrap .agreement_inner .accordion_body .check_wrap + .check_wrap {margin-top:10px;}
.agreement_wrap .agreement_inner .agree_depth03,
.agreement_wrap .agreement_inner .agree_depth04 {padding:10px 0 0 38px;}
.agreement_wrap .agreement_inner .agree_depth03 p:not(.agree_view_all) {padding-right:55px;}
.agreement_wrap .agree_check_group {display:flex;padding-right:55px;}
.agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_agree {display:inline-block;width:auto;}
.agreement_wrap .agree_check_group .check_wrap > .check_agree + .check_agree,
.agreement_wrap .agree_check_group .radio_wrap > .radio_default + .radio_default {display:inline-block;margin:0 0 0 50px;}
.agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_wrap + .check_wrap {margin-top:0;}
.agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_agree input[type="checkbox"] + span {padding:0 0 0 28px;}
.agreement_wrap .agreement_inner .accordion_body .agree_check_group .check_agree input[type="checkbox"] + span:after {left:3px;}
.agreement_wrap .agree_check_group .radio_wrap.small_type .radio_default input[type="radio"]:checked + span:before {background-color:rgba(72, 104, 225, 1);}
.agreement_wrap .agree_view_all {position:relative;min-height:20px;}
.agreement_wrap .agree_view_all,
.agreement_wrap .agree_depth03 + .check_wrap,
.agreement_wrap .agree_tit + .check_wrap,
.agreement_wrap .agree_tit + .font_basic,
.agreement_wrap .font_basic + .check_wrap,
.agreement_wrap .check_wrap + .font_basic,
.agreement_wrap .agree_check_group + .font_basic,
.agreement_wrap .agree_depth02.no_check .txt_wrap + .txt_wrap {margin-top:10px;}
.agreement_wrap .marker_refer + .agree_tit,
.agreement_wrap .check_wrap + .agree_tit {margin-top:15px;}
.agreement_wrap .check_wrap + .marker_refer,
.agreement_wrap .font_basic + .marker_dot,
.agreement_wrap .font_basic + .marker_refer{margin-top:8px;}
.agreement_wrap .accordion_wrap +.h_wrap {margin-top:30px;}
.agreement_wrap .h_wrap .h_title {margin-bottom:5px;}
.agreement_wrap .h_wrap + .accordion_wrap.all_acc {margin-top:7px;}
.agreement_wrap .agree_tit {font-weight:700;color:#333;}
.agreement_wrap .agree_depth02.no_check {padding:10px 20px 20px 38px;}
.agreement_wrap .agree_depth02.no_check .txt_wrap {position:relative;padding-right:55px;}
.agreement_wrap .agree_depth02.no_check .txt_wrap .btn_check_pop.btn_txt {right:0;}
.agreement_wrap .agree_depth02.no_check .agree_view_all {padding:0;}
.agreement_wrap .agree_depth02 .accordion_wrap + .accordion_wrap {margin-top:10px;}
.agreement_wrap .agreement_inner .accordion_wrap.accordion_check dd .marker_number {padding: 0 15px 0 0;}
.agreement_wrap .agree_depth02.no_check .check_wrap .check_agree input[type="checkbox"] + span {padding-left:30px;}
.agreement_wrap .agree_depth02.no_check .check_wrap .check_agree input[type="checkbox"] + span:after {left:3px;}
.agreement_wrap .agree_depth02.no_check .agree_depth03,
.agreement_wrap .agree_depth02.no_check .agree_depth04 {padding-left:30px;}
.agreement_wrap .check_list_area .radio_wrap span {width:70px;height:30px;border:1px solid #bbb;background-color:#fff;border-radius:30px;font-weight:700;font-size:14px;text-align:center;line-height:30px;}
.agreement_wrap .check_list_area .radio_wrap input[type="radio"]:checked + span {border:2px solid #4868e1;color:#4868e1;line-height:28px;}
.agreement_wrap .check_list_area .tip {margin-top:25px;}
.agreement_wrap .check_list_area .date {margin-top:20px;}
.agreement_wrap .check_list_area .list .question {display:table; min-height:30px;}
.agreement_wrap .check_list_area .list .question.float_l {float:left;}
.agreement_wrap .check_list_area .list .question span {display:table-cell; height:100%; vertical-align:middle;}
.agreement_wrap .check_list_area .list .radio_wrap.float_r {float:right; width:auto;}
.agreement_wrap .check_list_area .list .radio_wrap.float_r label:first-of-type {margin-right:5px;}
.agreement_wrap .check_list_area .list + .list {margin-top:20px;}
.agreement_wrap .check_list_area .tip {margin-top:25px;}
.agreement_wrap .check_list_area .date {margin-top:20px; font-size:14px; color:#333;}
.agreement_wrap .check_list_area .writer {margin-top:5px; color:#333;}
/* 20.02.13 카드 - 직장/자택정보 자동입력 */
.pop_wrap .agreement_wrap .agreement_inner .check_wrap > *:only-child.check_agree input[type="checkbox"] + span span {display:block;float:left;width:64px;height:25px;}
/* //20.02.13 카드 - 직장/자택정보 자동입력 */


/* 인풋유형 */
.agreement_wrap .form_type .agreement_inner .accordion_body .agree_check_group .check_agree,
.agreement_wrap .form_type .agreement_inner .accordion_body .agree_check_group .radio_default {width:49%;}
.agreement_wrap .form_type .agree_check_group .check_wrap > .check_agree + .check_agree,
.agreement_wrap .form_type .agree_check_group .radio_wrap > .radio_default + .radio_default {margin:0;}
.agreement_wrap .form_type .agree_check_group .check_wrap .check_agree:first-child,
.agreement_wrap .form_type .agree_check_group .radio_wrap .radio_default:first-child,
.agreement_wrap .form_type .agree_check_group .check_wrap .check_agree:nth-child(2),
.agreement_wrap .form_type .agree_check_group .radio_wrap .radio_default:nth-child(2) {margin-bottom:8px;}
.agreement_wrap .form_type .check_list_area .list .question.float_l {float:none;}
.agreement_wrap .form_type .check_list_area .list .radio_wrap.float_r {float:none;margin-top:10px;}


/* 본인인증 타입2 */
.pesnAuth-small-size .tab_type02 {margin-top:30px}

/* 공통본인인증을 PC에서도 모바일 사이즈로 고정.*/
.pesnAuth-small-size {font-size: 15px;}
.pesnAuth-small-size .tab_type01 {width: 100%;}
/*.pesnAuth-small-size .ly_inner {width: 100%;padding: 0 20px;}*/
.pesnAuth-small-size .tab_type01 .tab_pull {height: 52px;}
/*.pesnAuth-small-size .tab_type01 .swiper-container {height: 52px;}*/
.pesnAuth-small-size .tab_type01 .tab_list01 {table-layout: auto;}
.pesnAuth-small-size .tab_type01 .tab_list01 li {width: auto;}
.pesnAuth-small-size .tab_type01 .tab_list01 li a {height: 50px;padding: 15px 20px;font-size: 17px;line-height: inherit;}
.pesnAuth-small-size .tab_type01 .tab_wrap {width: 100%;padding-top: 18px;padding-bottom: 18px;}
.pesnAuth-small-size .tab_type01 .tab_wrap .tab_cont {padding: 20px 0;}

/* .pesnAuth-small-size .btn.default {width: 100%;min-width: 100%;} */
.pesnAuth-small-size .btn_group {display: flex;}
.pesnAuth-small-size .btn_group .btn {min-width: inherit;padding: 0;flex: 1;}
.pesnAuth-small-size .btn_wrap button, .pesnAuth-small-size .btn_wrap a {padding: 0 20px!important;}
.pesnAuth-small-size .text_btn {font-size: 13px;}
.pesnAuth-small-size .text_btn.line {padding-right: 10px;}
.pesnAuth-small-size .text_btn {font-size: 13px;}
.pesnAuth-small-size .text_btn.line::before {content: '';position: absolute;display: block;height: 10px;right: 0;top: 20%;border-left: 1px solid #ccc;}
.pesnAuth-small-size .text_btn + .text_btn {padding-left: 5px;}

.pesnAuth-small-size .w_size01 {width:auto !important;}
.pesnAuth-small-size .form_type {padding: 28px 0 0;}
.pesnAuth-small-size .form_type .form_ele {padding-left: 0;}
.pesnAuth-small-size .form_type .form_ele .ele_tit {display: block;position: static;width: auto;padding-bottom: 10px;}
.pesnAuth-small-size .form_type .form_ele .ele_tit label {font-size: 16px;line-height: 20px;color: #333;}
.pesnAuth-small-size .form_type .form_ele + .form_ele,
.pesnAuth-small-size .form_type .form_ele + .tab_wrap,
.pesnAuth-small-size .form_type .tab_wrap + .form_ele {margin-top: 27px;}
.pesnAuth-small-size .w_650 .form_type .form_ele {padding-left: 0px;}
.pesnAuth-small-size .w_650 .form_type .form_ele .ele_tit {width: auto;}
/*.pesnAuth-small-size .form_ele .btn_question {width: 19px;height: 19px;margin-top: -4px;margin-left: 4px;font-size: 11px;line-height: 11px;}*/

.pesnAuth-small-size .accordion_wrap.accordion_check .accordion_header {padding: 0;}
.pesnAuth-small-size .accordion_header {padding: 0;}
.pesnAuth-small-size .radio_wrap, .pesnAuth-small-size  .check_wrap {display: flex;flex-wrap: wrap;}

.pesnAuth-small-size .join_con_text {padding:30px 0;}
.pesnAuth-small-size .join_con_text.minH350_lg {min-height:1px;}
/*
.pesnAuth-small-size .join_con_text .join_con_links .link {display:block;}
.pesnAuth-small-size .join_con_text .join_con_links .link:before {display:none;}
*/
/*.pesnAuth-small-size .ly_inner {padding: 0 20px;}*/
/* ==========================================================================
   TABLE : 테이블 및 테이블 형식
========================================================================== */
.df_list_wrap {display:table; width:100%; padding-top:10px;padding-bottom:25px;border-top:2px solid #000;border-bottom:1px solid #ddd;font-size:15px;text-align:left;overflow:hidden;}
.df_list_wrap .df_list {display:table-row-group; width:100%;}
.df_list_wrap .df_list .item_wrap {display:table-row;float:left;width:100%;}.df_list_wrap .df_list .item {float:left;/*min-height:43px;*/}
.df_list_wrap .df_list .item.tit {display:table-cell;width:220px;padding:16px 30px 0 30px; color:#111;box-shadow:none;border:0;border-radius:0;}
.df_list_wrap .df_list .item.con {display:table-cell;width:calc(50% - 220px);padding:16px 30px 0 0;color: #333;box-shadow:none;border:0;border-radius:0;}
.df_list_wrap .df_list .item.tit01 {display:table-cell;width:300px;padding:16px 30px 0 30px; color:#111;box-shadow:none;border:0;border-radius:0;}
.df_list_wrap .df_list .item.con01 {display:table-cell;width:calc(50% - 300px); text-align:right; padding:16px 30px 0 0;color: #333;box-shadow:none;border:0;border-radius:0; font-weight:700;}
.df_list_wrap.single .df_list .item.con {width:calc(100% - 220px);display:table-cell;}
.df_list_wrap.no_line {padding-top:0; padding-bottom:0; border:none;}
.df_list_wrap .df_list.type02 .item.tit {width:185px;}
.df_list_wrap .df_list.type02 .item.con {width:calc(100% - 185px);padding-left:0;}
.df_list_wrap .df_list.type03 .item.tit {width:90px;}
.df_list_wrap .df_list.type03 .item.tit {width:90px;}
.df_list_wrap .df_list.type04 .item.tit {width:50%;}
.df_list_wrap .df_list.type04 .item.con {width:50%;}
.df_list_wrap .df_list .item_wrap.form_ele .item {padding-top:15px;padding-bottom:5px;}
.df_list_wrap .df_list .item_wrap.form_ele .item.tit {padding-top:27px;}
.df_list_wrap .df_list.total_calc .item_wrap .item.tit{font-weight:700;}
.df_list_wrap .df_list.total_calc .item_wrap .item.con{font-size:30px;}
.df_list_wrap.wp_ln {border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.df_list_wrap.dd_point .df_list .item.con {font-size:16px; color:#333; font-weight: 700;}
.df_list_wrap + .font_sm {margin-top:17px;}
.df_list_wrap.no_topline {border-top:none;}
.df_list_wrap.tb_none {border-top:0;border-bottom:0;}
.df_list_wrap.vertical_type {padding:26px 0 25px;}
.df_list_wrap.vertical_type .item{margin-top:16px;padding:0 30px;}
.df_list_wrap.vertical_type .item:first-child {margin-top:0;}
.df_list_wrap.vertical_type .item dt{font-weight:400;color:#333;text-align:left;}

.form_type.w_size01 .df_list_wrap .df_list .item.tit {width:40%;}
.form_type.w_size01 .df_list_wrap .df_list .item.con {width:60%;}

.dl_wrap {display:table; table-layout:fixed; width:100%;font-size:15px;text-align:left;overflow:hidden;}
.dl_wrap.top_line {padding-top:16px; border-top:1px solid #000;}
.dl_wrap.top_line2 {padding-top:16px; border-top:2px solid #000;}
.dl_wrap.top_line_lightgray {border-color:#ddd;}
.dl_wrap.btm_line {padding-bottom:16px;border-bottom:1px solid #ddd;}
.dl_wrap.btm_lightline {padding-bottom:16px;border-bottom:1px solid #eee;}
.dl_wrap.cover_pd_type01 {padding-top:26px;padding-bottom:26px;}
.dl_wrap.con_align_right .item_wrap .con {text-align:right;}
.dl_wrap.no_padding {padding:0;}
.dl_wrap .df_list {display:table-row-group; width:100%;}
.dl_wrap .df_list .item_wrap {display:table-row;width:100%;}
.dl_wrap .df_list .item_wrap_tit {margin-bottom:10px;padding-left:30px;font-weight:700;color:#111;}
.dl_wrap .df_list .item_wrap + .item_wrap_tit {margin-top:45px;}
.dl_wrap .df_list .item {float:left;box-shadow:none;border-radius:0;border:0;}
.dl_wrap .df_list .item.tit {display:table-cell;width:220px;padding:7px 30px 0 30px;}
.dl_wrap .df_list .item.tit.wide {width:300px;}
.dl_wrap .df_list .item.con {display:table-cell;width:calc(50% - 220px);min-height:29px;padding:7px 30px 0 0;color:#333;}
.dl_wrap .df_list .item.tit.wide + .item.con{width:calc(50% - 300px);}
.dl_wrap .df_list .item.con.bold {font-weight:700; color:#333;}
.dl_wrap .df_list .item_wrap dd.con::after {content:' ';display:inline-block; clear:both;} /*ie*/
.dl_wrap .df_list .item_wrap dd.con button.text_link:last-child {margin-right:-4px;}
.dl_wrap.line_pd_type01 .df_list .item.tit {padding:20px 30px 0 30px;}
.dl_wrap.line_pd_type01 .df_list .item.con {padding:20px 30px 0 0;}
.dl_wrap.single .df_list .item.tit {width:40%}
.dl_wrap.single .df_list .item.con {width:60%;}
.dl_wrap .df_list .item_wrap:first-of-type dt,
.dl_wrap .df_list .item_wrap:first-of-type dd,
.dl_wrap.line_pd_type01 .df_list .item_wrap:first-of-type dt,
.dl_wrap.line_pd_type01 .df_list .item_wrap:first-of-type dd {min-height:22px;padding-top:0;}
.dl_wrap + .dl_wrap.top_line,
.dl_wrap + .dl_wrap.top_line2  {border-top:none;}

.dl_wrap.dl_onelist .df_list .item_wrap {float:left; width:50%;}
.dl_wrap.dl_onelist .df_list .item_wrap:after {content:''; display:block; clear:both;}
.dl_wrap.dl_onelist .df_list .item_wrap:nth-of-type(1) dt,
.dl_wrap.dl_onelist .df_list .item_wrap:nth-of-type(1) dd,
.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:0; min-height:22px;}
.dl_wrap.dl_onelist .df_list .item.con {width:calc(100% - 220px);}
.dl_wrap .dl_title {font-weight:700; font-size:15px; color:#333;}

.dl_wrap .df_list_both {padding:26px 30px 20px;}
.dl_wrap .df_list_both:after {content:''; display:block; clear:both;}
.dl_wrap .df_list_both .item_wrap {float:left; width:50%;}
.dl_wrap .df_list_both .item_wrap .tit {margin-bottom:5px;}
.dl_wrap .df_list_both .item_wrap .con {font-weight:700; font-size:24px; color:#333;}
.dl_wrap .df_list_both:not(:last-of-type) {border-bottom:1px solid #ddd;}


/*
    테이블태그 클래스 조합 정의
    모든 클래스는 table 태그 부모의 table_wrap 태그에 작성한다.

    형태
    col, row : 테이블 th scope 속성값 을 기준 
    acc : 아코디언 안으로 들어가는 기본 테이블

    선
    in_bdr : 테이블의 th,td 라인적용 클래스, 기본은 라인없음 
    wp_ln : table_wrap 에 상하 라인 (color ddd) 적용 클래스
    tb_none : 상하단 기본 border 삭제
    lr_none : 좌우측 기본 border 삭제

    색상
    th_bg : th 태그의 bacgorund-color 를 #f6f6f6; 변경, 기본은 색상없음

    정렬
    vt_t : th,td vertical-align top
    vt_m : th,td vertical-align middle
    vt_b : th,td vertical-align bottom
    th_c, td_c : th,td text-align center
    th_r, td_r : th,td text-align right
    th_l, td_l : th,td text-align left

    스크롤
    table_scroll_area : 스크롤 되어야 하는 테이블의 최상위 클래스    
*/
/* table default */
.table_wrap {border-top:2px solid #000;border-bottom:1px solid #ddd;overflow:hidden;}
.table_wrap caption {width:0;height:0;}
.table_wrap table {word-break:break-all;border-spacing:0px;border-collapse:collapse;table-layout:fixed;}
.table_wrap table th, 
.table_wrap table td {padding:15px 20px;border-bottom:0;}
.table_wrap table th {font-weight:400; color:#111;}
.table_wrap table td {color:#333;}
.table_wrap table tfoot th,
.table_wrap table tfoot td {background:#f6f6f6;}
.table_wrap table tbody th {color:#333;}
.table_wrap .icon_chk {display:inline-block;width:10px;height:7px;background:url(/pconts/images/common/check_on2.png) no-repeat 0 0;background-size:100% 100%;margin-left:5px;}
/* table border */
.table_wrap.wp_ln {border:1px solid #ddd;border-width:1px 0;}
.table_wrap.tb_none {border:0;}    
.table_wrap.tb_none.in_bdr table {border-bottom:1px solid #ddd;margin-top:0;}
.table_wrap.lr_none table,
.table_wrap.in_bdr table {width:calc(100% + 2px);margin:0 -1px;}
/* table row */
.table_wrap.row table {text-align:left;}
.table_wrap.row:not(.in_bdr) table th,
.table_wrap.row:not(.in_bdr) table td {padding:5px 20px;}
.table_wrap.row:not(.in_bdr) table tr:first-child th,
.table_wrap.row:not(.in_bdr) table tr:first-child td {padding-top:26px;} 
.table_wrap.row:not(.in_bdr) table tr:last-child th,
.table_wrap.row:not(.in_bdr) table tr:last-child td {padding-bottom:26px;} 
.table_wrap.row:not(.in_bdr) table tr + tr th,
.table_wrap.row:not(.in_bdr) table tr + tr td {padding-top:17px;}
.table_wrap.data_print table th, .table_wrap.data_print table td {padding:10px 8px;}
.table_wrap.lr_free table th, .table_wrap.lr_free table td {padding-left:8px; padding-right:8px; text-align:center;}
/* table line */
.table_wrap.in_bdr table {margin-top:-1px;}/* height:100%; 넣으신분 카톡주세요. */
.table_wrap.in_bdr table th,
.table_wrap.in_bdr table td {border:1px solid #ddd;border-bottom-width:0;}
.table_wrap.con_bdr table tbody tr {border-top:1px solid #ddd;border-bottom-width:0;}
/* table align */
.table_wrap.vt_t table th,
.table_wrap.vt_t table td,
.table_wrap table th.vt_t,
.table_wrap table td.vt_t {vertical-align:top;}
.table_wrap.vt_m table th,
.table_wrap.vt_m table td,
.table_wrap.thead_vt_m table thead th {vertical-align:middle;}
.table_wrap.vt_b table th,
.table_wrap.vt_b table td {vertical-align:bottom;}
.table_wrap.th_c table th,
.table_wrap.td_c table td {text-align:center; word-break:break-word;}
.table_wrap.th_r table th,
.table_wrap.td_r table td {text-align:right;}
.table_wrap.th_l table th,
.table_wrap.td_l table td,
.table_wrap.tbody_th_l table tbody th,
.table_wrap.tfoot_th_l table tfoot th {text-align:left;}
/* table bg */
.table_wrap.th_bg table th:not(.bg_white) {background-color:#f6f6f6;}
.table_wrap.th_bg.tbody_th_bg_white table tbody th {background-color:#fff;}
.table_wrap.th_bg.col tbody th {background-color:#fff;}
.table_wrap.th_bg tbody th.bg_gray01 {background-color:#fafafa;}
.table_wrap.td_bg_white td {background-color:#fff;}
/* table font */
.table_wrap.font_basic th {font-weight:400;}
.table_wrap.font_basic tbody td {color:#333;}
.table_wrap.pad_sm table td {padding-right:10px; padding-left:10px;}

.table_wrap .ele_confirm .btn.mid {margin:-11px 0 -11px 16px;padding:0 17px;font-weight:700;}
.table_wrap .ele_confirm.complete span {position:relative;padding-right:23px;}
.table_wrap .ele_confirm.complete span:after {content:'';display:block;position:absolute;right:0;top:-2px;width:11px;height:15px;border-right:2px solid #086ac5;border-bottom:2px solid #086ac5;transform:skew(-8deg) rotate(45deg);-webkit-transform:skew(-8deg) rotate(45deg);-ms-transform:skew(-8deg) rotate(45deg);}

.table_wrap.break_all table td {word-break:break-all;}

/* table scroll */
.table_scroll_area {width:100%;overflow:hidden;}
.table_bar_wrap {position:relative;height:4px;margin-top:20px;background:#ddd;overflow:hidden;border-radius:10px;}
.table_bar_wrap .bar {position:absolute;height:100%;background:#adadad;border-radius:10px;}
.table_scroll_area .mCSB_draggerContainer {display:none;}
.table_scroll_area .mCSB_horizontal.mCSB_inside>.mCSB_container {margin-bottom:0;}
/* df_list_col */
.df_list_col {display:-webkit-flex; display:-ms-flexbox; display:flex;padding:35px 0;word-break:break-all;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.df_list_col .item_wrap {flex:1;text-align:center;position:relative;}
.df_list_col .item_wrap:not(:last-child)::after {content:"";position:absolute;width:1px;height:50px;top:0;right:0;background:#ddd;}
.df_list_col .item_wrap .item:last-child {margin-top:7px;font-weight:700; color:#333;}
.df_list_col .item_wrap.fx0 {flex:0.5;}
.df_list_col .item_wrap.fx1 {flex:1;}
.df_list_col .item_wrap.fx2 {flex:2;}
.df_list_col .item_wrap.fx3 {flex:3;}
.df_list_col .item_wrap.fx2_4 {flex:2.4;}
.df_list_col .item_wrap.fx3_4 {flex:3.4;}
.df_list_col .item_wrap.center {flex:3;}
.df_list_col .item_wrap.center dt,
.df_list_col .item_wrap.center dd {margin-left:320px;}

.df_list_col_wrap {border-top:2px solid #000;border-bottom:1px solid #ddd;overflow:hidden;}
.df_list_col_wrap.ln_none .item_wrap::after,
.df_list_wrap.ln_none .item_wrap::after  {display:none;}
.df_list_col_wrap.tb_none {border:0;} 
.df_list_col_wrap.wp_ln {border:1px solid #ddd;border-width:1px 0;}
.df_list_col_wrap.inblock,
.df_list_col_wrap.inblock .df_list_col {display:block;}
.df_list_col_wrap.inblock .item_wrap {display:inline-block;flex:none}
.df_list_col_wrap.arrow_r {background:url(/pconts/images/contents/mypage/arrow_right_p.png) no-repeat 50% 50%;}
.df_list_col_wrap.justify_c [class^="df_list"] {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.df_list_col_wrap.justify_c [class^="df_list"] .item_wrap {flex:initial;display:block; min-width:130px;margin-right:48px;}
.df_list_col_wrap.MY047C03 [class^="df_list"] {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.df_list_col_wrap.MY047C03 [class^="df_list"] .item_wrap {flex:initial;display:block; min-width:130px;}
/* 아코디언 내부 table */
.table_wrap.acc table {border-top:1px solid #eee;}
.table_wrap.acc table th,
.table_wrap.acc table td {padding:10px;font-weight:400;}/* 아코디언내부용은 기본폰트사이즈 적용 font-size:13px; 삭제 */
.table_wrap.acc table th {color:#111;}
.table_wrap.acc table td {color:#333;}
.table_wrap.acc table thead tr:first-child th {padding-top:10px;}
.table_wrap .col01 {width:26%;}

/* 이중테이블 */
.table_sub_wrap.pad_md {padding:35px 25px;}

/* 테이블정보 */
.table_info {float:right;min-height:37px;margin-top:10px}
.c_title + .table_info {margin-top:0}




/* ==========================================================================
   LIST
========================================================================== */
/* list_group */
.list_group {display:block; position:relative; margin:0; padding:0;}
.list_group .list_headnote01 {padding:0 0 20px;}
.list_group .list_headnote01:after {content:''; display:block; clear:both;}
.list_group .list_headnote01 .left_area {float:left;}
.list_group .list_headnote01 .right_area {float:right;}
.list_group .list_headnote01 .right_area .select_wrap {min-width:130px;}
.list_group .list_headnote01 .count {position:relative; top:6px; font-size:15px; color:#111;}
.list_group .list_headnote01 .count .num {font-weight:700;}
.list_group .list_headnote01 .view_pattern {overflow:hidden; margin:0 -5px -5px 0;}
.list_group .list_headnote01 .view_pattern .view_card_pattern {display:block; position:relative; float:left; width:30px; height:30px; background:url(/pconts/images/common/ico_card_view_off.png) no-repeat 50% 50% / 20px 20px;}
.list_group .list_headnote01 .view_pattern .view_list_pattern {display:block; position:relative; float:left; width:30px; height:30px; background:url(/pconts/images/common/ico_list_view_off.png) no-repeat 50% 50% / 20px 20px;}
.list_group .list_headnote01 .view_pattern .view_card_pattern.is_selected {background-image:url(/pconts/images/common/ico_card_view_on.png);}
.list_group .list_headnote01 .view_pattern .view_list_pattern.is_selected {background-image:url(/pconts/images/common/ico_list_view_on.png);}
.list_group .list_headnote01 .right_area.has_sort {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.list_group .list_headnote01 .sort_type {display:block;  margin:0 25px -5px 0; overflow:hidden; line-height:30px;}
.list_group .list_headnote01 .sort_type li {display:block; float:left;}
.list_group .list_headnote01 .sort_type li +  li:before {display:inline-block; width:1px; height:10px; margin:0 9px; background:#bbb; content:"";}
.list_group .list_headnote01 .sort_type li a {color:#333;}
.list_group .list_headnote01 .sort_type li.current  a {color:#4868e1;}
.list_group .list01 .complete_body {padding-bottom:50px;}
.list_group .list01 > ul > li > .item {display:block; position:relative; margin:0; padding:0;}
/* list_headnote02 */
.list_group .list_headnote02 {display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0 0 20px;}
.list_group .list_headnote02 .left_area {flex:1;}
.list_group .list_headnote02 .right_area {display:-webkit-flex; display:-ms-flexbox; display:flex;text-align:left;-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.list_group .list_headnote02 .sort_type {display:block; width:100%; text-align:right; margin-bottom:-10px; overflow:hidden;}
.list_group .list_headnote02 .sort_type li {display:inline-block;}
.list_group .list_headnote02 .sort_type li +  li:before {display:inline-block; width:1px; height:10px; margin:0 9px; background:#bbb; content:"";}
.list_group .list_headnote02 .sort_type li.current a {color:#4868e1;}
.list_group .list_headnote02 .sort_type::after {content:'';display:block; clear:both;}

/* 공지뉴스 : 리스트형 [data-type="list"] .notice_news */
.list01[data-type="list"] {display:block; position:relative; margin:0; padding:0; border-top:1px solid #bbb;}
.list01[data-type="list"].bdt_none {border-top-width:0;}
.list01[data-type="list"] ul > li {border-bottom:1px solid #eee;}
.list01[data-type="list"] ul > li > .item {display:block; position:relative; width:100%; margin:0; padding:0;}
.list01[data-type="list"] ul > li > .total {padding:28px 0; text-align:right;}
.list01[data-type="list"] ul > li > .total strong {display:inline-block; margin-left:10px; font-size:24px; color:#333;}
.list01[data-type="list"] .notice_news {padding:36px 0;}
.list01[data-type="list"] .notice_news:after {content:''; display:block; clear:both;}
.list01[data-type="list"] .notice_news .cell1 {position:relative; float:right; width:calc(100% - 80px); padding:0 0 0 60px;}
.list01[data-type="list"] .notice_news .cell2 {display:none;}
.list01[data-type="list"] .notice_news .cell3 {position:relative; float:left; width:80px;}
.list01[data-type="list"] .notice_news .title_area {display:inline-block; max-width:calc(100% - 55px); vertical-align:text-top;}
.list01[data-type="list"] .notice_news .title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:700; font-size:16px; color:#333; vertical-align:middle;}
.list01[data-type="list"] .notice_news .badge_area {margin:0 0 0 4px; line-height:1; vertical-align:-2px;}
.list01[data-type="list"] .notice_news .info {display:inline-block;}
.list01[data-type="list"] .notice_news .info .date {display:inline-block; font-weight:400; font-size:15px; color:#999; vertical-align:middle;}
/* 공지뉴스 : 카드형 [data-type="card"] .notice_news */
.list01[data-type="card"] > ul {display:block; position:relative; margin:-10px; padding:0;}
.list01[data-type="card"] > ul:after {content:''; display:block; clear:both;}
.list01[data-type="card"] > ul > li {float:left; width:33.33%; padding:10px;}
.list01[data-type="card"] > ul > li > .item {display:block; position:relative; margin:0; padding:0;}
.list01[data-type="card"] .notice_news {position:relative; height:202px; padding:26px 28px; border:1px solid #ddd; border-radius:6px; box-shadow:2px 2px 22px -2px rgba(51, 51, 51, 0.17);}
/* .list01[data-type="card"] .notice_news:hover {border:2px solid #4868e1;} */
.list01[data-type="card"] .notice_news:hover:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; border:2px solid #4868e1; border-radius:6px;}
.list01[data-type="card"] .notice_news .cell1 {margin:0 0 16px;}
.list01[data-type="card"] .notice_news .cell2 {position:relative; margin:0 0 14px;}
.list01[data-type="card"] .notice_news .cell3 {position:absolute;left:0;bottom:20px;width:100%;padding:0 28px;}
.list01[data-type="card"] .notice_news .title_area {display:inline-block; max-width:100%; vertical-align:text-top;}
.list01[data-type="card"] .notice_news .title {display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:52px; font-weight:700; font-size:18px; line-height:1.5; color:#333; word-wrap:break-word;}
.list01[data-type="card"] .notice_news .badge_area {position:absolute;bottom:23px;left:100px;margin:0 0 0 4px; line-height:1; vertical-align:-2px;}
.list01[data-type="card"] .notice_news .para {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:42px; font-weight:400; font-size:15px; line-height:1.4; color:#111; word-wrap:break-word;}
.list01[data-type="card"] .notice_news .info {display:inline-block;}
.list01[data-type="card"] .notice_news .info .date {display:inline-block; font-weight:400; font-size:15px; color:#999; vertical-align:middle;}
.list01[data-type="card"] .notice_news .info .badge {vertical-align:middle;}
.list01[data-type="card"] .notice_news .cell3.line_cell:before {content:'';display:block;padding-top:14px;border-top:1px solid #ddd;}
.list01[data-type="card"] .notice_news .info + .state {float:right;width:50px;height:22px;background-color:#999;border-radius:22px;color:#fff;font-weight:700;font-size:14px;text-align:center;line-height:22px;}
.list01[data-type="card"] .notice_news .info + .state.on {background-color:#4e5468;}
.list01[data-type="card"] .notice_news .btn_wrap {z-index:1;}
/* 개인정보 : .user-info*/
.list01[data-type="list"] .user_info {display:block; position:relative; margin:0; padding:36px 30px;}
.list01[data-type="list"] .user_info:after {content:''; display:block; clear:both;}
.list01[data-type="list"] .user_info .cell1 {float:left; width:140px;}
.list01[data-type="list"] .user_info .cell2 {float:left; width:calc(100% - 140px); padding:0 0 0 55px;}
.list01[data-type="list"] .user_info .date {font-weight:400; font-size:15px; color:#111;}
.list01[data-type="list"] .user_info .title {display:block; float:left; width:calc(100% - 110px); font-weight:700; font-size:15px; color:#111;}
.list01[data-type="list"] .user_info .info {position:relative; float:right; width:auto; font-weight:700; font-size:16px; color:#333; text-align:right;}

/* 카드타입 - 기본형 */
.card_list01[data-type="card"] > ul {display:block; position:relative; margin:-10px; padding:0;}
.card_list01[data-type="card"] > ul:after {content:''; display:block; clear:both;}
.card_list01[data-type="card"] > ul > li {padding:10px;}
.card_list01[data-type="card"] > ul > li .item {padding:26px 28px; border:1px solid #ddd; border-radius:6px; box-shadow:2px 2px 24px -2px rgba(51, 51, 51, 0.17);}
.card_list01[data-type="card"] .payment_info {display:table; width:100%; position:relative; margin:0; padding:0;}
.card_list01[data-type="card"] .payment_info span,
.card_list01[data-type="card"] .payment_info strong {display:table-cell;vertical-align:middle;}
.card_list01[data-type="card"] .payment_info .date {min-width:auto;}
.card_list01[data-type="card"] .payment_info .bank {min-width:250px;}
.card_list01[data-type="card"] .payment_info .bank:empty::before{display:none;}
.card_list01[data-type="card"] .payment_info .bank::before {content:''; display:inline-block; margin:0 5px; width:1px; height:12px; background-color:#e0e0e0;}
.card_list01[data-type="card"] .payment_info .title {width:100%; font-size:16px; color:#333;}
.card_list01[data-type="card"] .payment_info .state {min-width:70px; text-align:right;}
.card_list01[data-type="card"] .payment_info .state.normal::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#1abe54;}
.card_list01[data-type="card"] .payment_info .state.cancel::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#f14b25;}
.card_list01[data-type="card"] .payment_info .state.complete::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#333;}

/* .apply-info */
.list01[data-type="list"] .apply_info {display:block; position:relative; margin:0; padding:36px 0;}
.list01[data-type="list"] .apply_info:after {content:''; display:block; clear:both;}
.list01[data-type="list"] .apply_info .cell1 {float:left; width:140px;}
.list01[data-type="list"] .apply_info .cell2 {float:left; width:calc(100% - 140px); padding:0 0 0 55px;}
.list01[data-type="list"] .apply_info .date {font-weight:400; font-size:15px; color:#111;}
.list01[data-type="list"] .apply_info .title {display:block; float:left; width:calc(100% - 110px); font-weight:700; font-size:16px; color:#333;}
.list01[data-type="list"] .apply_info .title .state_badge {display:inline-block; position: relative; top:-1px; height:20px; margin-left:10px; padding:0 11px; border-radius:8px; background:#4868e1; font-size:13px; font-weight:400; color:#fff; line-height:20px;}
.list01[data-type="list"] .apply_info .title .state_badge.end {background:#999;}

/* .pay-info */
.list01[data-type="list"] .pay_info {display:block; position:relative; margin:0; padding:28px 0;}
.list01[data-type="list"] .pay_info:after {content:''; display:block; clear:both;}
.list01[data-type="list"] .pay_info .cell1 {float:left; width:140px; font-weight:700; font-size:16px; color:#333;}
.list01[data-type="list"] .pay_info .cell2 {float:left; width:calc(100% - 140px); text-align:right; vertical-align:top;}
.list01[data-type="list"] .pay_info .cell2 > div {display:inline-block; min-width:150px; vertical-align:top;}
.list01[data-type="list"] .pay_info strong {color:#333; font-size:16px;}
.list01[data-type="list"] .pay_info .price span {display:block; margin-top:5px;}

/* .finance_info */
.list01[data-type="list"] .finance_info {display:block; position:relative; margin:0; padding:37px 0;}
.list01[data-type="list"] .finance_info:after {content:''; display:block; clear:both;}
.list01[data-type="list"] .finance_info .name {float:left; width:166px;}
.list01[data-type="list"] .finance_info > div span {font-size:16px; font-weight:700; color:#333;}
.list01[data-type="list"] .finance_info .tel_no {float:left; width:140px;}
.list01[data-type="list"] .finance_info .site_nm {float:left; width:calc(100% - 306px);}
.list01[data-type="list"] .finance_info .site_nm span {font-weight:400; color:#111;}

/* .event_info - 리스트형 */
.list01.event_list[data-type="list"] + .btn_wrap {margin-top:60px;}
.list01[data-type="list"] .event_info {display:block; position:relative; margin:0; padding:37px 0;}
.list01[data-type="list"] .event_info:after {content:''; display:block; clear:both;}
.list01[data-type="list"] .event_info .cell1 {display:none;}
.list01[data-type="list"] .event_info .cell2 {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; float:right; width:calc(100% - 75px); padding:0 30px 0 97px;}
.list01[data-type="list"] .event_info .cell2 .badge {display:inline-block; height:20px; padding:0 8px; border:1px solid #333; border-radius:9px; font-size:13px;}
.list01[data-type="list"] .event_info .cell2 .badge.type01 {border-color:#c29b34; color:#c29b34;}
.list01[data-type="list"] .event_info .cell2 .badge.type02 {border-color:#f23168; color:#f23168;}
.list01[data-type="list"] .event_info .cell2 .badge.type03 {border-color:#9428c7; color:#9428c7;}
.list01[data-type="list"] .event_info .cell2 .badge.type04 {border-color:#599800; color:#599800;}
.list01[data-type="list"] .event_info .cell2 .title {display:inline-block; width:calc(100% - 73px); margin-left:17px; font-size:16px; font-weight:700; color:#333; word-break:break-all;}
.list01[data-type="list"] .event_info .cell3 {position:relative; float:left; width:75px;}
.list01[data-type="list"] .event_info .cell3 .date {display:inline-block; font-weight:400; vertical-align:middle; font-size:13px; color:#111; display:inline-block; padding-left: 22px; background: url(/pconts/images/contents/topsclub/tops_time_icon.png) no-repeat 0 40%; margin-top:5px; background-size: 16px;}
/* .event_info - 카드형 */
.list01.event_list[data-type="card"] + .btn_wrap {margin-top:70px;}
.list01.event_list[data-type="card"] ul {display:block; position:relative; margin:-10px -12px; padding:0;}
.list01.event_list[data-type="card"] ul:after {content:''; display:block; clear:both;}
.list01.event_list[data-type="card"] ul > li {float:left; width:25%; padding:10px 10.5px;}
.list01.event_list[data-type="card"] ul > li > .item {display:block; position:relative; margin:0; padding:0;}
.list01.event_list[data-type="card"] .event_info .cell1 .thumbnail {background-color:transparent !important;}
/* .event_info - 카드형 스와이프 */
.event_list_swiper .swiper-button-prev,
.event_list_swiper .swiper-button-next {display:none;}
.event_list_swiper .swiper-container {overflow:visible;}
.event_list_swiper .swiper-wrapper {display:block; width:auto;}

/* 이벤트 리스트 전체 수정 20.02.19 */
.list01[data-type="card"] .event_info {height:364px; /*padding:26px 28px;*/ overflow:hidden; border-radius:6px; box-shadow:2px 2px 22px -2px rgba(51, 51, 51, 0.17);}
.list01[data-type="card"] .event_info .text_cell {padding:16px 20px; background:#fff;}
.list01[data-type="card"] .event_info .cell1 .thumbnail {display:-webkit-flex; display:-ms-flexbox; display:flex; height:230px; overflow:hidden; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.list01[data-type="card"] .event_info .cell1 .thumbnail img {flex:none; width:100%;}
.list01[data-type="card"] .event_info .cell2 .badge {display:inline-block; height:20px; margin-bottom:10px; padding:0 8px; border:1px solid #333; border-radius:9px; font-size:13px;}
.list01[data-type="card"] .event_info .cell2 .badge.type01 {border-color:#c29b34; color:#c29b34;}
.list01[data-type="card"] .event_info .cell2 .badge.type02 {border-color:#f23168; color:#f23168;}
.list01[data-type="card"] .event_info .cell2 .badge.type03 {border-color:#9428c7; color:#9428c7;}
.list01[data-type="card"] .event_info .cell2 .badge.type04 {border-color:#599800; color:#599800;}
.list01[data-type="card"] .event_info .title {display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:46px; font-size:18px; line-height:23px; color:#333; word-wrap:break-word; font-weight:400;}
.list01[data-type="card"] .event_info .info {display:inline-block;}
.list01[data-type="card"] .event_info .info .date {display:inline-block; font-weight:400; vertical-align:middle; font-size:15px; color:#999; display:inline-block; padding-left: 22px; background: url(/pconts/images/contents/topsclub/tops_time_icon.png) no-repeat 0 2px; margin-top:5px; background-size: 16px;}

/* .evtapply_info */
.list01[data-type="list"] .evtapply_info {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:27px 0;}
.list01[data-type="list"] .evtapply_info .cell1 {display:-webkit-flex; display:-ms-flexbox; display:flex; width:160px; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.list01[data-type="list"] .evtapply_info .cell1 .apply_date {font-size:13px;}
.list01[data-type="list"] .evtapply_info .cell2 {width:calc(100% - 160px); padding-right:30px;}
.list01[data-type="list"] .evtapply_info .title {display:block; width:100%; font-size:16px; font-weight:700; color:#111; word-break:break-all;}
.list01[data-type="list"] .evtapply_info .cell2 .evt_date {font-size:13px;}
.list01[data-type="list"] .evtapply_info .cell2 .status {font-size:13px; color:#4868e1;}
.list01[data-type="list"] .evtapply_info .cell2 .status.end {color:#f14b25;}
.list01[data-type="list"] .evtapply_info .cell2 .status.win {color:#111;}
.list01[data-type="list"] .evtapply_info .cell2 .badge_win {display:inline-block; position:absolute; height:22px; bottom:20px; right:30px; padding:0 14px; border-radius:11px; font-size:13px; background:#f32359; color:#fff; line-height:22px;}

/* cardapply_info */
.list01[data-type="list"] .cardapply_info {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:22px 0;}
.list01[data-type="list"] .cardapply_info .cell1 {width:70%;}
.list01[data-type="list"] .cardapply_info .cell1 .tit {font-size:16px; font-weight:700; color:#111;}
.list01[data-type="list"] .cardapply_info .cell1 .date {margin-top:5px; font-size:13px;}
.list01[data-type="list"] .cardapply_info .cell2 {width:30%; text-align:right;}


/* 항상 한 개씩 */
.list01[data-type="card"].one > ul {margin:0;}
.list01[data-type="card"].one > ul > li {width:100%; padding:0;}

/* 카드 타입
.list01[data-type="card"] > ul.cardList_type01 li {float:none;  width:auto;}
.list01[data-type="card"] > ul.cardList_type01 .item > ul > li {position:relative; margin-top:30px; width:100%; border:1px solid #ddd; border-radius:6px; padding:26px 0px; box-shadow:2px 2px 24px -2px rgba(51, 51, 51, 0.17);}
.list01[data-type="card"] > ul.cardList_type01 .item > ul > li:nth-child(1) {margin-top:0px;}
.list01[data-type="card"] .cardList_type01 .item div + div {border-top:1px solid #ddd; padding-top:26px; margin-top:26px;}
.list01[data-type="card"] .cardList_type01 .item .contArea {padding-left:30px;}
.list01[data-type="card"] .cardList_type01 .item .contArea strong {display:inline-block; font-weight:700; font-size:16px; color:#111;}
.list01[data-type="card"] .cardList_type01 .item .contArea span {display:inline-block; margin-left:40px; font-weight:400; font-size:16px; color:#111;}
 */

 /* simple_item */
.list_group .list01 .simple_item {display:table;position:relative;width:100%;height:100px;color:#333;}
.list_group .list01 .simple_item > div {display:table-cell;vertical-align:middle;}
.list_group .list01 .simple_item .date {min-width:130px;line-height:1;}
.list_group .list01 .simple_item .date .badge.new {margin-left:5px;}
.list_group .list01 .simple_item.type01 .date {min-width:180px;}
.list_group .list01 .simple_item.type02 .date {min-width:215px;}
.list_group .list01 .simple_item.type03 .date {min-width:180px;}
.list_group .list01 .simple_item .state {min-width:70px;line-height:1;text-align:right;}
.list_group .list01 .simple_item.type02 .state {min-width:100px;}
.list_group .list01 .simple_item .tit {width:100%;font-size:16px;word-break:break-all;-ms-word-break:break-all;}
.list_group .list01 .simple_item .tit a {display:inline-block; font-size:16px; color:#111; font-weight:700;}

 /* form_download */
.list_group .list01 .form_download {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; padding:35px 0;}
.list_group .list01 .form_download .date {position:absolute; top:50%; left:0; width:170px; line-height:1; transform:translateY(-50%);}
.list_group .list01 .form_download .date .badge.new {margin-left:5px;}
.list_group .list01 .form_download .tit {flex:1 1 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 390px 0 170px; font-weight:700; font-size:16px; color:#333; text-align:left; word-break:break-all; -ms-word-break:break-all;}
.list_group .list01 .form_download .btn_wrap {position:absolute; top:50%; right:0; width:390px; margin:-2px; line-height:1; text-align:right; transform:translateY(-50%);}
.list_group .list01 .form_download .btn_wrap .btn {min-width:0; width:70px; margin:2px;}
.list_group .list01 .form_download.download_item_one {-ms-flex-wrap:wrap; flex-wrap:wrap;}
.list_group .list01 .form_download.download_item_one .tit {padding:0 85px 0 170px;}
.list_group .list01 .form_download.download_item_one .btn_wrap {width:auto;}
.list_group .list01 .form_download.download_item_one .pop_detail {width:100%; margin:3px 0 0; padding:0 0 0 170px;}
.list_group .list01 .form_download.download_item_one .pop_detail button {padding:0 2px 0 0; font-weight:700; font-size:15px; color:#333;}
.list_group .list01 .form_download.download_item_one .pop_detail button:after {content:''; display:inline-block; width:8px; height:8px; margin:0 0 0 -1px; border-top:1px solid #333; border-right:1px solid #333; vertical-align:1px; transform:rotate(45deg);}

/* type-board (e.g. 푸터 이용약관리스트) */
.list01[data-type="list"] .type-board {position:relative; padding:36px 0;}
.list01[data-type="list"] .type-board .title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; width:100%; padding:0 70px 0 0; font-weight:700; font-size:16px; color:#333;}
.list01[data-type="list"] .type-board .title:after {content:''; position:absolute; top:50%; right:2px               ; width:10px; height:10px; margin-top:-5px; border-top:1px solid #797979; border-right:1px solid #797979; transform:rotate(45deg);}

/* list02 추가 */
.list02 {display:block; position:relative; margin:0; padding:0; border-top:2px solid #000; border-bottom:1px solid #ddd;}
.list_group .list02 > ul > li +li {border-top:1px solid #ddd;}
.list_group .list02 > ul > li > .item {display:block; position:relative; margin:0; padding:0;}
.list02.apt_only_block > ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.list02.apt_only_block > ul > li {width:50%;}
.list02.apt_only_block > ul > li:nth-child(1n) {border-right:1px solid #ddd;}

/* list03 추가 */
.list03 {display:block; position:relative; margin:0; padding:0; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.list03[data-type="list"] ul > li > .item {display:block; position:relative; width:100%; margin:0; padding:0;}

/* list04 line없는 리스트형태 (고객센터 서브메인 공지사항) */
.list04 {display:block; position:relative; padding:0;}
.list04[data-type="list"] ul > li > .item {display:block; position:relative; width:100%; margin:0; padding:0; height:48px; line-height:48px;}
.list04[data-type="list"] .date {position:absolute; left:0; top:0; width:100px; color:#111; font-size:15px;}
.list04[data-type="list"] .title {display:inline-block; float:left; max-width:60%; height:48px; padding-left:120px; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; color:#333; font-size:16px;}
.list04[data-type="list"] .badge {float:left; margin-top:14px;}
.list04[data-type="list"] .badge + .badge {margin-left:5px;}

/* 썸네일 리스트 */
.thumb_list {display:block; width:100%;}
.thumb_list .list {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:-60px -32px 0 -32px; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.thumb_list .list li {width:25%; padding:60px 32px 0 33px;}
.thumb_list .list li .item {display:block; }
.thumb_list .list li .thumbnail {box-shadow:0px 10px 30px 0px rgba(0,0,0,0.2)}
.thumb_list .list li .thumbnail img{width:100%; height:auto;}
.thumb_list .list li .tit {margin-top:30px; font-size:16px; font-weight:700; color:#111; text-align:center; line-height:0.9;}

/* 이용내역 : .usage_item  dl dt dd 는 기존 태그를 위한 정의. */
.usage_item {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; margin:0; padding:25px 0;}
.usage_item .usage_info,
.usage_item dl {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% - 265px); flex-wrap:wrap;}
.usage_item .usage_info .title_area,
.usage_item dl dt {width:calc(100% - 245px); padding:0 10px 0 0; font-weight:700; font-size:16px; line-height:24px; color:#111;}
.usage_item .usage_info .title_area .link,
.usage_item dl dt a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; vertical-align:top;}
.usage_item .usage_info .texts_area,
.usage_item dl dd {align-self:center; width:245px; font-weight:400; font-size:15px; line-height:24px; color:#111;}
.usage_item .usage_info .texts_area.wide {width:350px;}
.usage_item .usage_info .texts_area .date,
.usage_item dl dd .date {display:inline-block; position:relative; padding:0 16px 0 0;}
.usage_item .usage_info .texts_area .date:empty,
.usage_item dl dd .date:empty {display:none;}
.usage_item .usage_info .texts_area .date:not(:last-of-type):after,
.usage_item dl dd .date:after{content:''; display:inline-block; position:relative; top:1px; right:-10px; width:1px; height:13px; background-color:#e6e6e6;}
.usage_item [class$="_line"]::before {content:'';position:absolute; top:4px; width:1px; height:13px; background-color:#e6e6e6;}
.usage_item .usage_info .texts_area .left_line {padding: 0 0 0 16px;}
.usage_item .usage_info .texts_area .left_line::before {left:6px;}
.usage_item .usage_info .texts_area .right_line {padding: 0 16px 0 0;}
.usage_item .usage_info .texts_area .right_line::before {right:6px;}
.usage_item .usage_info .texts_area .info,
.usage_item dl dd .info {display:inline-block; position:relative;}
.usage_item .usage_info .texts_area .country,
.usage_item .usage_info dd .country {display:inline-block; margin:3px 0 0;}
.usage_item .price_info {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; align-self:center; position:relative; width:265px; padding:0 135px 0 0; text-align:right;}
.usage_item .price_info .price {position:relative; font-weight:700; font-size:16px; line-height:24px; color:#333;}
.usage_item .price_info .price > a,
.usage_item .price_info .price > span {display:inline-block; position:relative;}
.usage_item .price_info .price.font_b > span > span {font-weight:900;}
.usage_item .price_info .price.del {color:#999;}
.usage_item .price_info .price.del > a:before,
.usage_item .price_info .price.del > span:before {content:''; display:block; position:absolute; left:-3px; top:calc(50% - 2px); width:calc(100% + 5px); border-top:solid #999 1px;}
.usage_item .price_info .price.del:after {content:'취소됨'; position:absolute; z-index:0; font-size:1px; color:transparent;}
.usage_item .price_info .osprice {display:inline-block; margin:3px 0 0; font-weight:400; font-size:13px; color:#111;}
.usage_item .price_info .btn_wrap,
.usage_item .price_info .pricetext_area {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.usage_item .price_info .btn_wrap .btn + .btn {margin-top:3px;}
.usage_item .usage_info .texts_area .card:before,
.usage_item .usage_info .texts_area .ico_card_logo {background-repeat:no-repeat; background-position:50% 50%;}
.usage_item .price_info .price .state.trans_ing,
.usage_item .price_info .price .state.trans_no,
.usage_item .price_info .price .state.trans_end {display:block; font-size:13px; color:#111;}
.usage_item .price_info .price .state.trans_ing::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#1abe54;}
.usage_item .price_info .price .state.trans_no::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#f14b25;}
.usage_item .price_info .price .state.trans_end:before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#333;}
.usage_item.type03 .check_wrap {width:initial;}

 /* donate_item */
.list_group .list03 ul li + li {border-top:1px solid #ddd;}
.list_group .list03 .donate_item {display:block;position:relative;width:100%;height:110px;padding:25px 30px;}
.list_group .list03 .donate_item .tit strong {font-size:16px;color:#111;}
.list_group .list03 .donate_item .detail_sec {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:10px;}
.list_group .list03 .donate_item .detail_sec .donate_detail {display:-webkit-flex; display:-ms-flexbox; display:flex;width:50%;}
.list_group .list03 .donate_item .detail_sec .donate_detail + .donate_detail {margin-left:60px;}
.list_group .list03 .donate_item .detail_sec .donate_detail dt {width:50%;}
.list_group .list03 .donate_item .detail_sec .donate_detail dd {width:50%; font-size:16px; color:#333; text-align:right;}
.list_group .list03 .donate_item .detail_sec .donate_detail dd span {font-weight:700;}

/* donate_item02 */
.list_group .list03 .donate_item02 {display:block;position:relative;width:100%;height:142px;padding:25px 30px;}
.list_group .list03 .donate_item02 .date {display:block;position:relative;}
.list_group .list03 .donate_item02 .detail_sec {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.list_group .list03 .donate_item02 .detail_sec .cel1 {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:calc(100% - 260px);align-self:center; overflow:hidden;}
.list_group .list03 .donate_item02 .detail_sec .cel1 p {font-weight:700; font-size:16px; color:#111;}
.list_group .list03 .donate_item02 .detail_sec .cel1 .donate_type {margin-left:60px;}
.list_group .list03 .donate_item02 .detail_sec .cel2 {width:260px;text-align:right;}
.list_group .list03 .donate_item02 .detail_sec .cel2 p {font-size:20px; color:#111;}
.list_group .list03 .donate_item02 .detail_sec .cel2 p .amount {font-weight:700;}
.list_group .list03 .donate_item02 .receipt {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;margin-top:20px;}
.list_group .list03 .donate_item02 .receipt span {display:inline-block;position:relative;}
.list_group .list03 .donate_item02 .receipt .receipt_satus {margin-left:20px;color:#333;}
.list_group .list03 .donate_item02 .receipt .receipt_satus:before {display:block; position:absolute; width:1px; height:12px; top:50%; left:-10px; margin-top:-6px; background:#ddd; content:"";}

/* ico_card_logo */
.ico_card_logo {display:inline-block; position:relative; text-indent:-9999px; width:30px; height:24px; background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle; text-align:left;}
.ico_card_logo.ct01 {background-image:url(/pconts/images/contents/mypage/img_card_k01.png); background-size:100% auto;} /* VISA */
.ico_card_logo.ct02 {background-image:url(/pconts/images/contents/mypage/img_card_k02.png); background-size:100% auto;} /* MASTER */
.ico_card_logo.ct03 {background-image:url(/pconts/images/contents/mypage/img_card_k03.png); background-size:100% auto;} /* AMEX */
.ico_card_logo.ct04 {background-image:url(/pconts/images/contents/mypage/img_card_k04.png); background-size:100% auto;} /* JCH */
.ico_card_logo.ct05 {background-image:url(/pconts/images/contents/mypage/img_card_k05.png); background-size:100% auto;} /* RJS */
.ico_card_logo.ct06 {background-image:url(/pconts/images/contents/mypage/img_card_k06.png); background-size:100% auto;} /* Local */
.ico_card_logo.ct07 {background-image:url(/pconts/images/contents/mypage/img_card_k07.png); background-size:100% auto;} /* UnionPay */
.ico_card_logo.ct08 {background-image:url(/pconts/images/contents/mypage/img_card_k08.png); background-size:100% auto;} /* S& */
.ico_card_logo.ct09 {background-image:url(/pconts/images/contents/mypage/img_card_k09.png); background-size:100% auto;} /* BC */
/* 이용내역2 : .usage_item.type02 */
.usage_item.type02 .price_info {padding-right:0;}
.pop_cont .usage_item.type02 .price_info, 
.pop_cont .usage_item .usage_info {width:auto;}

/* 영문거래확인서 : .usage_item.type03 */
.usage_item.type03 {height:auto;}
.usage_item.type03 .usage_info .title_area {width:calc(100% - 265px);padding-left:35px;}
.usage_item.type03 .usage_info .check_wrap .texts_area,
.usage_item.type03 .usage_info .radio_wrap .texts_area {display:inline-block; width:300px;}
.usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span,
.usage_item.type03 .usage_info .radio_wrap .radio_default input[type="radio"] + span {line-height:24px;box-shadow:none;outline:none;overflow:visible;}
.usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"]:checked + span,
.usage_item.type03 .usage_info .radio_wrap .radio_default input[type="radio"]:checked + span {color:#111; box-shadow:none;outline:none;}
.usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"]:focus + span,
.usage_item.type03 .usage_info .radio_wrap .radio_default input[type="radio"]:focus + span {box-shadow:none;outline:none;}
.usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"]:focus + span::before,
.usage_item.type03 .usage_info .radio_wrap .radio_default input[type="radio"]:focus + span::before {border-radius:50%; box-shadow:0 0 0 2px rgba(72,104,225,0.5);}
.usage_item.type03 .price_info {padding-right:0;}
.usage_item.type03 .usage_info.type02 .title_area {padding-left:35px;}
/* 이용내역4 : .usage_item.type04 */
.usage_item.type04 .usage_info .title_area, 
.usage_item.type04 dl dt {width:calc(100% - 190px);}
.usage_item.type04 .usage_info .texts_area, 
.usage_item.type04 dl.type04 dd {width:190px;}
.usage_item.type04 .price_info {padding-right:0;}
.usage_item.type04 .price_info .txt_area {font-size:13px;}
.usage_item.type04 .price_info .txt_area > span {display:inline-block;}
.usage_item.type04 .price_info .txt_area .price_num {margin-left:6px;}

/* 교통카드 이용내역 : .usage_transport */
.usage_transport {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; padding:26px 0;}
/* .usage_transport .cell1 {}
.usage_transport .cell2 {} */
.usage_transport .location_info {display:block; position:relative; margin:0; padding:0;}
.usage_transport .location_info .location {display:block;position:relative; padding:0 0 0 12px; font-weight:700; font-size:16px; color:#111;text-align:left;}
.usage_transport .location_info .location:before {content:''; position:absolute; top:9px; left:0; z-index:1; width:5px; height:5px; border-radius:50%; background-color:#fff; border:1px solid #086ac5;}
.usage_transport .location_info .location .date {display:inline-block; margin:0 0 0 5px; font-weight:400; font-size:13px; color:#111; vertical-align:middle;}
.usage_transport .location_info .location .place {display:inline-block; position:relative; padding:0 0 0 14px; font-weight:400; font-size:13px; color:#111;}
.usage_transport .location_info .location .place:before {content:''; display:block; position:absolute; top:2px; left:5px; width:1px; height:12px; background-color:#ccc;}
.usage_transport .location_info .arrival {margin:25px 0 0;}
.usage_transport .location_info .departure:after {content:''; position:absolute; top:10px; left:2px; bottom:-35px; z-index:0; width:1px; border-left:1px dotted #086ac5;}
.usage_transport .location_info .departure:only-child:after {content:none;}
.usage_transport .detail_info {display:block; position:relative; margin:0; padding:0; text-align:right;}
.usage_transport .detail_info .means_area {display:block;margin:0 0 13px;}
.usage_transport .detail_info .means_area .means_tag {display:inline-block; height:20px; border:1px solid #999; border-radius:20px; padding:0 6px; font-weight:400; font-size:13px; line-height:20px; color:#111; vertical-align:middle;}
.usage_transport .detail_info .means_area .means_num {display:inline-block; font-weight:400; font-size:13px; line-height:20px; color:#111; vertical-align:middle;}
.usage_transport .detail_info .texts_area {font-weight:400; font-size:15px; line-height:24px; color:#111;}
.usage_transport .detail_info .texts_area .ico_card_logo {text-align:left;}
.usage_transport .detail_info .texts_area .price {display:inline-block; margin:0 0 0 12px; font-weight:700; font-size:18px; color:#333;}
/* 모바일 교통카드 이용내역 : .usage_transport.type02 */
.usage_transport.type02 .card_info {font-weight:400; font-size:16px; line-height:24px; color:#333;}
.usage_transport.type02 .card_info .date {display:inline-block; position:relative; padding:0 16px 0 0;}
.usage_transport.type02 .card_info .date:after {content:''; display:block; position:absolute; right:6px; top:4px; width:1px; height:13px; background-color:#e6e6e6;}
.usage_transport.type02 .card_info .info_user {display:inline-block;}
.usage_transport.type02 .card_info .ico_card_logo {display:inline-block;}
.usage_transport.type02 .card_info .info_num {display:inline-block;}
.usage_transport.type02 .detail_info .means_area {margin-bottom:5px;}
.usage_transport.type02 .detail_info .texts_area .info{display:inline-flex; flex-flow:column wrap;}
.usage_transport.type02 .detail_info .texts_area .info .price {margin:0 0 3px; font-weight:700;}
.usage_transport.type02 .detail_info .texts_area .info .pay_date {font-weight:400; font-size:16px; color:#111;}
/* 주소목록 : .addr_item */
.addr_item {display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:top; position:relative; margin:0; padding:15px 0;}
.addr_item .addr_wrap {width:calc(100% - 90px);  -webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;}
.addr_item .addr_wrap .title_area em {font-weight:700; color:#111;}
.addr_item .addr_wrap .title_area em:before {display:inline-block; width:1px; height:13px; margin:0 10px; background:#ddd; content:"";}
.addr_item .addr_wrap .title_area em:first-child::before {display:none;}
.addr_item .addr_wrap .addr_info dt,
.addr_item .addr_wrap .addr_info dd {display:inline-block; font-size:13px;}
.addr_item .addr_wrap .tel_no {font-size:13px;}
.addr_item .btn_wrap {width:90px; height:100%; -webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;}
/* 주소목록 : .addr_item.only_block */
.addr_item.only_block {padding:15px 20px;}
.addr_item.only_block .btn_wrap{flex:1;}
/* 아코디언 */
.accordion_wrap.btm_line {border-bottom:1px solid #eee;}
.accordion_wrap.btm_line01 {border-bottom:1px solid #ddd;}
.accordion_header {position:relative;padding:0;}
.accordion_wrap.acc_gap20 dt {margin-top:20px;}
.accordion_wrap .accordion_headnote {display:block; position:relative; margin:0; padding:0;}
.accordion_wrap .accordion_headnote:after {content:''; display:block; clear:both;}
.accordion_wrap .accordion_headnote .left_area {float:left;}
.accordion_wrap .accordion_headnote .count {display:inline-block; margin:0 0 15px; font-weight:400; font-size:13px; color:#111;}
.accordion_wrap .accordion_headnote .count .num {font-weight:700; color:#111;}
.accordion_header button.acc_btn.no_line,
.accordion_header a[role="button"].acc_btn.no_line {border-top:none;}
.accordion_header button.acc_btn,
.accordion_header a[role="button"].acc_btn {display:block;position:relative;width:100%;padding:14px 20px 16px;border-top:1px solid #ddd;font-weight:700;font-size:16px;color:#111;line-height:1;text-align:left;}
.accordion_header button.acc_btn.medium,
.accordion_header a[role="button"].acc_btn.medium {padding-top:19px;padding-bottom:19px;font-size:20px;}
.accordion_header button.acc_btn.big,
.accordion_header a[role="button"].acc_btn.big {padding-top:39px;padding-bottom:39px;font-size:20px;}
.accordion_header button.acc_btn.on,
.accordion_header a[role="button"].acc_btn.on {border-top:1px solid #333333;}
.accordion_header button.acc_btn:after,
.accordion_header a[role="button"].acc_btn:after {content:'';position:absolute;left:calc(100% - 44px);top:21px;width:0;height:0;border-top:4px solid #333333;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_header button.acc_btn.medium:after,
.accordion_header a[role="button"].acc_btn.medium:after,
.accordion_header button.acc_btn.big:after,
.accordion_header a[role="button"].acc_btn.big:after {content:'';position:absolute;left:calc(100% - 47px);top:50%;width:16px;height:16px; margin-top:-20px; border-top:none;border-left:none;border-right:1px solid #666;border-bottom:1px solid #666;transform:translateY(50%) rotate(45deg);-o-transform:translateY(50%) rotate(45deg);-ms-transform:translateY(50%) rotate(45deg);-webkit-transform:translateY(50%) rotate(45deg);transform-origin:center;}
/* .accordion_header button.acc_btn.on:after,
.accordion_header a[role="button"].acc_btn.on:after {transform: translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);} */
.accordion_header button.acc_btn.on:after,
.accordion_header a[role="button"].acc_btn.on:after {transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.accordion_header button.acc_btn.medium.on:after,
.accordion_header a[role="button"].acc_btn.medium.on:after,
.accordion_header button.acc_btn.big.on:after,
.accordion_header a[role="button"].acc_btn.big.on:after {margin-top:-10px; margin-top:-11px; border-right:2px solid #333;border-bottom:2px solid #333;transform:translateY(50%) rotate(225deg);-o-transform:translateY(50%) rotate(225deg);-ms-transform:translateY(50%) rotate(225deg);-webkit-transform:translateY(50%) rotate(225deg);}
.accordion_header + .input_wrap.date_type {clear:both;}
.accordion_header button.acc_btn.medium > .date,
.accordion_header a[role="button"].acc_btn.medium > .date {display:block;margin-top:15px;font-weight:400;font-size:15px;color:#111;}

.accordion_body {display:none;padding:0;}
.accordion_body.block {display:block;}
.accordion_body .area {padding:18px 20px 20px;}
.accordion_body .area:nth-child(2) .img_list li:nth-child(1n+3) {margin-bottom:0;}
.accordion_body .area.border_bottom {border-bottom:1px solid #eee;}
.accordion_body .area .title {margin-top:16px;margin-bottom:16px;font-weight:700;font-size:16px;color:#333333;}
.accordion_body .area .title ~ .title {margin-top:40px;}
.accordion_body:nth-of-type(1) .area .title {margin-top:20px;}
.accordion_body .area .marker_dot > li {font-weight:400; font-size:13px; color:#111;}
.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_body .area .marker_dot + .title {margin-top:40px;}
.accordion_body .area p.small {font-size:15px;}
.accordion_body .area .sub_title,
.accordion_body .area .sub_title ~ .sub_title,
.accordion_body .area .title + .sub_title {margin-top:16px;margin-bottom:16px;font-weight:700;font-size:15px;color:#333333;}
.accordion_body .area .inner > .sub_title {margin-top:0;}
.accordion_body .area .marker_dot.Small + .sub_title,
.accordion_body .area .marker_hyphen.Small + .sub_title {margin-top:20px;}
.accordion_body .area .para {margin:12px 0; font-weight:700; font-size:16px; color:#111;} /* 여신 심의필 폰트사이즈 16로 변경 */
.accordion_body .area.medium .para {font-size:16px;}
.accordion_body .area .para.first {margin-top:0;}
.accordion_body:nth-of-type(1) .area.medium .title:first-child{margin-top:15px}
.accordion_body .area.medium .marker_dot li{font-size:15px}
.accordion_body .area .img_list {margin-top:49px;}
.accordion_body .area .img_list li {position:relative;float:left;width:200px;height:125px;margin-bottom:60px;padding-top:70px;line-height:18px;text-align:center;}
.accordion_body .area .img_list li:not(:last-child):before {content:'';position:absolute;top:53px;right:0;width:1px;height:72px;background-color:#dddddd;}
.accordion_body .area .img_list li:not(:last-child):after {content:'';position:absolute;top:10px;right:-16px;width:33px;height:33px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;transform:rotate(54deg) skew(20deg);}
.accordion_body .area .img_list li.icon_card {background:url(/pconts/images/contents/finance/ico_card.png) no-repeat 50% 5px;background-size:62px auto;}
.accordion_body .area .img_list li.icon_input {background:url(/pconts/images/contents/finance/ico_input.png) no-repeat 50% 0;background-size:58px auto;}
.accordion_body .area .img_list li.icon_mobile_certi {background:url(/pconts/images/contents/finance/ico_mobile_certi.png) no-repeat 50% 2px;background-size:49px auto;}
.accordion_body .area .img_list li.icon_deposit {background:url(/pconts/images/contents/finance/ico_deposit.png) no-repeat 50% 7px;background-size:62px auto;}
.accordion_body .area .img_list li.icon_consultant {background:url(/pconts/images/contents/finance/ico_consultant.png) no-repeat 50% 0;background-size:62px auto;}
.accordion_body .area .img_list li.icon_sms {background:url(/pconts/images/contents/finance/ico_sms.png) no-repeat 50% 0;background-size:47px auto;}
.accordion_body .area .img_list li.icon_agreement {background:url(/pconts/images/contents/finance/ico_agreement.png) no-repeat 50% 0;background-size:58px auto;}
.accordion_body .area.addpad {padding:50px 20px 50px;}
.accordion_body.period {margin-top:10px;}
.accordion_header.on + .accordion_body {display:block;}
.agree_info {padding-left:62px;}
.accordion_wrap.mgt90 {margin-top:90px;}
.accordion_wrap.accordion_check {display:block;position:relative;}
.accordion_wrap.accordion_check:first-of-type .accordion_header {margin-top:0;}
.accordion_wrap.accordion_check dd {padding:16px 0;border:1px solid #ddd;border-top:none;background:#fff;}
.accordion_check .accordion_header .btn_acc_check {display:block;position:absolute;width:56px;height:53px;top:0;right:0;background:url(/pconts/images/common/slide_dl_arr02.png) center no-repeat;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);z-index:1;}
.accordion_check .accordion_header .btn_acc_check.on {top:-1px;right:1px;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);}
.accordion_wrap.bottom_guide {display:block; position:relative; margin:0; padding:0;}
.accordion_wrap.bottom_guide .accordion_header .toggle_btn {display:inline-block; position:relative; min-height:21px; margin:0; padding:0 30px 0 0; font-size:16px; font-weight:700;}
.accordion_wrap.bottom_guide .accordion_header .toggle_btn::after {content:'';display:block; position:absolute; right:0; top:50%; width:20px; height:20px; margin-top:-10px; border:solid #666 1px; border-radius:50%; background:url(/pconts/images/common/acco_arrow_bottom.png) no-repeat 50% 6px; background-size:8px 6px; transform:rotate(180deg);}
.accordion_wrap.bottom_guide .accordion_header .toggle_btn.on::after {transform:rotate(0deg); background-position:50% 5px;}
.accordion_wrap.bottom_guide dt + dd {margin-top:15px;}
.accordion_wrap.bottom_guide dd + dt {margin-top:30px;}
.accordion_header.radio_type label.acc_type01 {display:inline-block; position:relative; width:100%; height:100%; cursor:pointer;}
.accordion_header.radio_type label.acc_type01 input {position:absolute; z-index:1; left:0; top:0; opacity:0; margin:0; padding:0; cursor:pointer;}
.accordion_header.radio_type label.acc_type01 input + .radio_img {display:inline-block; position:absolute; left:10px; top:2px; width:26px; height:26px;}
.accordion_header.radio_type label.acc_type01 input + .radio_img:before {content:''; position:absolute; display:block; width:26px; height:26px; border:1px solid #ddd; border-radius:50%;}
.accordion_header.radio_type label.acc_type01 input + .radio_img:after {content:''; position:absolute; display:none; width:14px; height:14px;}
.accordion_header.radio_type label.acc_type01 input[type="radio"]:checked + .radio_img:after {display:block; position:absolute; left:6.5px; top:6px; width:14px; height:14px; border-radius:50%; background:#086ac5;}
.accordion_header.radio_type label.acc_type01 .date {margin-left:46px; padding-left:0;}
.accordion_header.radio_type .acc_type01 + .toggle_btn {position:absolute; top:calc(50% - 12px); right:23px; width:24px; height:24px;}
.accordion_header.radio_type .acc_type01 + .toggle_btn.arrow_updn:after {top:0; right:0;}
.accordion_header.radio_type label.acc_type01 .card_divisioin {margin-left:46px; padding-right:50px; font-weight:700; font-size:18px;}
.accordion_body .marker_dot4 + .btn.roundline03 {margin-top:10px; left:10px;}
/* accordion faq */
.accordion_wrap.faq {border-bottom:1px solid #ddd;}
.accordion_wrap.faq .toggle_btn {padding:24px 80px 26px;font-size:20px;color:#333;line-height:1.6;}
.accordion_wrap.faq .toggle_btn::before {content:'';position:absolute;top:30px;left:30px;width:14px;height:21px;background:url(/pconts/images/common/ico_q.png) no-repeat center;}
.accordion_wrap.faq .accordion_header button.acc_btn:after,
.accordion_wrap.faq .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 9px;transform:rotate(180deg);}
.accordion_wrap.faq .accordion_header button.acc_btn.on {border-color:#ddd;}
.accordion_wrap.faq .accordion_header button.acc_btn.on:after,
.accordion_wrap.faq .accordion_header a[role="button"].acc_btn.on:after {transform:rotate(0);}
.accordion_wrap.faq .accordion_body .inner {position:relative;padding:24px 80px;}
.accordion_wrap.faq .accordion_body .inner::before {content:'';position:absolute;top:30px;left:30px;width:16px;height:19px;background:url(/pconts/images/common/ico_a.png) no-repeat center;}
.accordion_wrap.faq .accordion_body .inner .text_area {font-size:15px;color:#111;line-height:2;}
.accordion_wrap.faq .accordion_body .inner .text_area li {margin-bottom:15px;}
.accordion_wrap.faq .accordion_body .inner .text_area li:last-child {margin-bottom:0;}
/* faq_answer */
.faq_answer p.para {font-weight:400; font-size:16px; color:#111;}
.faq_answer p.para + .number_list,
.faq_answer p.para + .faq_marker_wap,
.faq_answer p.para + p.para,
.faq_answer p.para + p.marker_refer {margin-top:15px;}
.faq_answer .number_list li .tit {display:block; margin:0 0 8px; font-weight:700; color:#333;}
.faq_answer .number_list li {margin:0 0 13px; font-weight:400; font-size:16px; color:#111;}
.faq_answer .number_list li:last-child {margin-bottom:0;}
.faq_answer p.tit {display:block; margin:0 0 8px; font-weight:700; color:#333;}
.faq_answer .faq_marker_wap + .faq_marker_wap {margin-top:8px;}
/* 아코디언 type02 예)보상신청서작성, 좌측에 라디오, 우측에 아코디언버튼 */
.accordion_wrap.type02 .accordion_header {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; border-top:1px solid #ddd;}
.accordion_wrap.type02 .accordion_header .cell1 {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; position:relative; padding-right:93px;}
.accordion_wrap.type02 .accordion_header .radio_wrap,
.accordion_wrap.type02 .accordion_header .check_wrap {width:100%;}
.accordion_wrap.type02 .accordion_header .radio_wrap .radio_default,
.accordion_wrap.type02 .accordion_header .check_wrap .check_default {width:100%; padding:30px 0; font-weight:700; font-size:16px; color:000;}
.accordion_wrap.type02 .accordion_header .acc_btn {position:absolute; top:0; right:0; z-index:1; width:84px; height:100%; border-top:0;}
.accordion_wrap.type02 .accordion_header .acc_btn:after {top:calc(50% - 4px); width:13px; height:8px; border:none; background:url(/pconts/images/common/slide_dl_arr01_off.png) no-repeat 50% 50% / 100% auto;}
.accordion_wrap.type02 .accordion_header.on .acc_btn.on {border-top:0;}
.accordion_wrap.type02 .accordion_header.on .acc_btn.on:after {top:calc(50% - 4px); background-image:url(/pconts/images/common/slide_dl_arr01_on.png);    transform: rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);}
.accordion_wrap.type02 .accordion_header .acc_btn.medium:after {content:'';position:absolute;left:34px;top:50%;width:16px;height:16px;margin-top:-20px;border-top:none;border-left:none;border-right:1px solid #666;border-bottom:1px solid #666;transform:translateY(50%) rotate(45deg);-o-transform:translateY(50%) rotate(45deg);-ms-transform:translateY(50%) rotate(45deg);-webkit-transform:translateY(50%) rotate(45deg);transform-origin:center;background-image:none;}
.accordion_wrap.type02 .accordion_header .acc_btn.medium.on:after {margin-top:-8px;border-top:none;border-left:none;border-right:2px solid #333;border-bottom:2px solid #333;background-image:none;transform:translateY(50%) rotate(225deg);-o-transform:translateY(50%) rotate(225deg);-ms-transform:translateY(50%) rotate(225deg);-webkit-transform:translateY(50%) rotate(225deg);}

/* 아코디언 type02 예)거래 내역, 카드사용 날짜, 본인, 카드로고, 번호, 타이틀, 금액 */
.accordion_wrap.type02 .accordion_header .usage_item {width:100%; height:88px; padding-right:40px;}
.accordion_wrap.type02 .accordion_header .usage_item .price_info {padding-right:0;}
.accordion_wrap.type02 .accordion_header .usage_item + .acc_btn {width:30px;padding-left:0;padding-right:0;}
.accordion_wrap.type02 .accordion_header .usage_item + .acc_btn:after {left:auto;right:0;}
/* .accordion_wrap.type03 */
.accordion_header button.acc_btn.no_line,
.accordion_header a[role="button"].acc_btn.no_line {border-top:none;}
.accordion_wrap.type03 .accordion_header {border-top:2px solid #666;}
.accordion_wrap.type03 .text_wrap {width:100%; height:100%; }
.accordion_wrap.type03 .text_wrap {position:relative; padding:19px 0 19px 30px;}
.accordion_wrap.type03 .text_wrap.side_btn {float:left; width:calc(100% - 50px); height:100%;}
.accordion_wrap.type03 .text_wrap.side_btn + button {float:right; width:50px; height:68px;}
.accordion_wrap.type03 .text_wrap .loan_name {font-weight:700;font-size:20px; color:#111;}
.accordion_wrap.type03 .text_wrap .card_number {margin-left:4px;color:#111;}

/* .accordion_wrap.type04 */
.accordion_wrap.type04 {border-top:2px solid #333;}
.accordion_wrap.type04.top_line {border-top:1px solid #ddd;}
.accordion_wrap.type04 .accordion_header {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; border-top:1px solid #ddd;}
.accordion_wrap.type04 dl:first-of-type .accordion_header {border-top:none;}
.accordion_wrap.type04 .text_wrap {width:100%; height:100%; padding:19px 30px;}
.accordion_wrap.type04 .text_wrap .lef_cont {display:inline-block; width:calc(50% - 30px); font-size:16px; color:#111;}
.accordion_wrap.type04 .text_wrap .rig_cont {display:inline-block; width:50%; text-align:right; font-size:20px; color:#111;}

/* .accordion_wrap.type04 .accordion_header.on {border-top:2px.accordion_wrap.type04 .accordion_header.side_btn .text_bind solid #333;} */
.accordion_wrap.type04 .accordion_header .cell1 {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; position:relative;min-height:66px; padding-right:50px;}
.accordion_wrap.type04 .accordion_header .radio_wrap,
.accordion_wrap.type04 .accordion_header .check_wrap {width:100%;}
.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default span,
.accordion_wrap.type04 .accordion_header .radio_wrap .check_default span {position:relative;}
.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default,
.accordion_wrap.type04 .accordion_header .check_wrap .check_default {width:calc(100% - 10px); margin-left:10px; padding:20px 0; font-weight:700; font-size:16px; color:#111;}
.accordion_wrap.type04 .accordion_header .acc_btn {position:absolute; top:0; right:0; z-index:1; width:50px; height:100%; border-top:0;}
.accordion_wrap.type04 .accordion_header .acc_btn:after {top:calc(50% - 4px); width:13px; height:8px; border:none; background:url(/pconts/images/common/slide_dl_arr02.png) no-repeat 50% 50%; transform:rotate(180deg);}
.accordion_wrap.type04 .accordion_header.on .acc_btn.on {border-top:0;}
.accordion_wrap.type04 .accordion_header.on .acc_btn.on:after {top:calc(50% - 4px); transform:rotate(0);}
.accordion_wrap.type04 .accordion_header .acc_btn.medium:after {content:'';position:absolute;left:calc(100% - 33px);top:50%;width:16px;height:16px;margin-top:-20px;border-top:none;border-left:none;border-right:1px solid #666;border-bottom:1px solid #666;transform:translateY(50%) rotate(45deg);-o-transform:translateY(50%) rotate(45deg);-ms-transform:translateY(50%) rotate(45deg);-webkit-transform:translateY(50%) rotate(45deg);transform-origin:center;background-image:none;}
.accordion_wrap.type04 .accordion_header .acc_btn.medium.on:after {margin-top:-8px;border-top:none;border-left:none;border-right:2px solid #333;border-bottom:2px solid #333;transform:translateY(50%) rotate(225deg);-o-transform:translateY(50%) rotate(225deg);-ms-transform:translateY(50%) rotate(225deg);-webkit-transform:translateY(50%) rotate(225deg);}

.accordion_wrap.type04 .accordion_header .text_bind {display:inline-block;position:relative;width:calc(100% + 50px);padding:22px 0 22px 270px;font-weight:700; color:#333;}
.accordion_wrap.type04 .accordion_header .text_bind .back {display:inline-block;position:relative;width:100%;}
.accordion_wrap.type04 .accordion_header .text_bind .back .back_info {display:inline-block;line-height:1;font-size:16px;}
.accordion_wrap.type04 .accordion_header .text_bind .back .back_money {display:inline-block;position:absolute;right:0; top:-3px;padding-right:30px;font-weight:400;font-size:20px;line-height:26px;}
.accordion_wrap.type04 .accordion_header .text_bind .back .back_money span {font-weight:700;}
.accordion_wrap.type04 .accordion_header .text_bind .front {display:block; position:absolute; left:30px;top:20px;font-weight:400;font-size:15px;line-height:26px;color:#111;}

.accordion_wrap.type04 .accordion_header.side_btn .text_bind {display:inline-block;position:relative;width:100%;padding:22px 0 22px 270px;font-weight:700; color:#333;}

.accordion_wrap.type04 .accordion_header .text_bind.title_only {padding-left:30px;font-size:16px;}

.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind {display:inline-block;position:relative;width:100%;padding:0 0 0 270px;}
.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back {display:inline-block;position:relative;width:100%;min-height:17px;}
.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back .back_info {display:inline-block;line-height:1;}
.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back .back_money {display:inline-block;position:absolute;right:0; top:0;padding-right:35px;font-weight:400;font-size:20px;}
.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .back .back_money span {font-weight:700;}
.accordion_wrap.type04 .accordion_header .radio_wrap .radio_default .text_bind .front {position:absolute; left:35px;top:1px;font-weight:400;font-size:15px;}

.accordion_wrap.type04 > .no_data {padding:30px 10px; text-align:center; border-bottom:1px solid #ddd;}

/* .accordion_wrap.type06 */
.accordion_wrap.type06 {border-top:1px solid #eee;}
.accordion_wrap.type06 .accordion_header {border-bottom:1px solid #eee;}
.accordion_wrap.type06 .accordion_header .usage_item {padding-right:30px;}
.accordion_wrap.type06 .accordion_header .usage_item .usage_info {}
.accordion_wrap.type06 .accordion_header .usage_item .price_info {padding-right:0;}
.accordion_wrap.type06 .accordion_header .acc_btn {position:absolute; top:0; right:0; width:30px; height:100%; padding:0; border-top:0;}
.accordion_wrap.type06 .accordion_header .acc_btn:after {left:auto; right:2px; top:50%; width:9px; height:9px; margin-top:-8px; border-bottom-width:0; border-left-width:0; border-top:2px solid #333; border-right:2px solid #333; transform:rotate(135deg) skew(1deg, 1deg);}
.accordion_wrap.type06 .accordion_header.on .acc_btn:after {transform:rotate(315deg)}



/* Gallery S Type */
.new_accordion_wrap .accordion_header button.acc_btn, .new_accordion_wrap .accordion_header a[role="button"].acc_btn {padding:30px 20px 28px;border:0;font-size:16px;text-align:center;color:#333;}
.new_accordion_wrap .accordion_header button.acc_btn:after, .new_accordion_wrap .accordion_header a[role="button"].acc_btn:after{display:inline-block;position:static;margin-left:8px;border-top:5px solid #666;border-bottom:5px solid none;vertical-align:middle;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);}
.new_accordion_wrap .accordion_header button.acc_btn.on, .new_accordion_wrap .accordion_header a[role="button"].acc_btn.on {border:0;}
.new_accordion_wrap .accordion_header button.acc_btn.on:after, .new_accordion_wrap .accordion_header a[role="button"].acc_btn.on:after{margin-bottom:-2px;transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-webkit-transform:translateY(-50%) rotate(-180deg);}
.new_accordion_wrap .accordion_body{padding-top:16px;}
.new_accordion_wrap .accordion_body p{}
.new_accordion_wrap .accordion_body p + p{margin-top:7px;}


.accordion_body .area.state_area.pd_type01 {padding:0 30px 20px;}
.accordion_body .area.state_area.pd_type02 {padding:16px 0 16px;}
.state_area {padding:30px; background-color:#f6f6f6; background-color:rgba(246, 246, 246, 1); border-radius:0 0 7px 7px;}
.state_area.no_bg {background-color:transparent;}
.state_area .state_list {overflow:hidden; border:0;}
.state_area .state_list + .state_list {margin-top:6px;}
.state_area .state_list dt {float:left; width:40%; color:#111;}
.state_area .state_list dd {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:right; width:60%; padding:0; border:0; background-color:transparent; font-weight:700; color:#333; text-align:right;}

/* 아코디언 flag */
.accordion_wrap.flag button.acc_btn {padding-left:80px;padding-right:100px;}
.accordion_wrap.flag .flag {
    position: absolute;
    top: 50%;
    left: 13px;
    display: inline-block;
    margin-right: 15px;
    padding: 0 13px;
    font-size: 14px;
    line-height: 22px;
    background: #f32359;
    color: #fff;
    border-radius: 25px;
    vertical-align: top;
    transform: translateY(-50%);
}
.accordion_wrap.flag .flag.save {background:#4868e1;}
.accordion_wrap.flag .flag.free {background:#599800;}
.accordion_wrap.flag .flag.discount {background:#f32359;}


/* 아코디언 약관 full type */
.full_terms .check_wrap.type_agree.all {margin-bottom:16px;}
.full_terms .check_wrap.type_agree .check_agree {height:auto;line-height:1.53;}
.full_terms .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span {min-height:53px;padding-top:15px;padding-bottom:12px;line-height:1.53;}
.full_terms .check_wrap.type_agree.all .check_agree input[type="checkbox"] + span:before {top:27px;}
.full_terms .check_wrap.type_agree .check_agree input[type="checkbox"] + span {line-height:1.53;}
.full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span {padding-top:15px;padding-bottom:12px;}
.full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span + span.sub_info_txt  {margin-top: -8px;padding: 0 31px 12px 55px;font-size: 15px;font-weight: 400;color: #333;}/* 11.15 추가*/
.full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span > span.sub_info_txt {display:block;margin-top:3px;padding-bottom:1px;font-weight:400;font-size:15px;color:inherit;}
.full_terms .check_wrap.type_agree.line_gray {border:1px solid #ddd;}
.full_terms .check_wrap.type_agree.line_gray p {padding-left:55px;padding-right:31px;padding-bottom:0;font-weight:400;font-size:13px;color:#333;}
.full_terms .check_wrap.type_agree.line_gray p:not(:first-of-type) {margin-top:9px;}
.full_terms .check_wrap.type_agree.line_gray p:last-child {margin-bottom:16px;}
.full_terms .check_wrap.type_agree.line_gray .marker_hyphen, .full_terms .check_wrap.type_agree.line_gray .marker_number {padding-left:55px;padding-right:31px;}
.full_terms .check_wrap.type_agree.line_gray p + .marker_hyphen, .full_terms .check_wrap.type_agree.line_gray p + .marker_number {margin-top:9px;}
.full_terms .check_wrap.type_agree.line_gray .marker_hyphen li {padding-right:31px;padding-bottom:0;font-weight:400;font-size:13px;color:#333}
.full_terms .check_wrap.type_agree.line_gray .marker_hyphen li + li {margin-top:0;}
.full_terms .check_wrap.type_agree.line_gray label + p {margin-top:-12px}
.full_terms .check_wrap.type_agree.line_gray .check_agree.check_all.line_none {border:none;}
.full_terms .check_wrap.type_agree.line_gray .check_agree.check_all.line_none + p {margin-top:0;}
/*
.full_terms .check_wrap.type_agree.line_gray .check_agree input[type="checkbox"] + span {min-height:53px;padding-top:15px;padding-bottom:16px;line-height:1.53}
.full_terms .check_wrap.type_agree.line_gray .check_agree input[type="checkbox"] + span:before {top:26px}
*/
.full_terms .check_wrap.type_agree.line_gray .check_agree{margin:15px 0 17px;}
.full_terms .check_wrap.type_agree.line_gray .check_agree input[type="checkbox"] + span {line-height:1.53}
.full_terms .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {top:11px;}
.full_terms .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before{top:27px;}
.full_terms > .accordion_header {margin-bottom:16px;}
.full_terms > .accordion_header .check_wrap.type_agree.all {margin-bottom:0;}
.full_terms .accordion_wrap + .accordion_wrap,
.full_terms .accordion_wrap + .check_wrap.type_agree,
.full_terms .check_wrap.type_agree + .accordion_wrap,
.full_terms .check_wrap.type_agree + .check_wrap.type_agree {margin-top:16px;}
.full_terms .accordion_body .check_wrap.type_agree + .check_wrap.type_agree {margin-top:12px;}
.full_terms .accordion_body p:not(.marker_refer) {padding:5px 31px 0 55px;font-weight:400;font-size:13px;color:#333;}
.full_terms .accordion_body p + p,
.full_terms .accordion_body p + .marker_hyphen{margin-top:4px;}
.full_terms .accordion_body .marker_hyphen,
.full_terms .accordion_body .marker_dot{padding-left:55px;padding-right:31px;}
.full_terms .accordion_body .marker_dot.Small:first-child{margin-top:4px;}
.full_terms .accordion_body .marker_dot.side_btn{padding-right:20px;}
.full_terms .accordion_body .marker_dot.side_btn li{padding-right:60px;}
.full_terms .accordion_body .marker_dot.side_btn li button{position:absolute;right:0;top:0;color:#111;text-decoration:underline;}
.full_terms .accordion_body .pd_lr{margin-left:55px;margin-right:31px;}
.full_terms .accordion_body p + p.agree_view_all{margin-top:9px;}
.full_terms .accordion_body p + p.agree_view_all{margin-top:13px;}
.full_terms .accordion_body p + .check_wrap.type_agree {margin-top:12px;}
.full_terms .accordion_body p.type01 {padding:2px 20px 0;color:#000;}
.full_terms .accordion_body p.type02 {padding-top:2px;font-size:15px;line-height:1.33;color:#333;}
.accordion_body p.agree_view_all,
.full_terms .accordion_body p.agree_view_all{text-align:right;padding:0 20px 0 55px;}
.accordion_body p.agree_view_all a,
.accordion_body p.agree_view_all button,
.full_terms .accordion_body p.agree_view_all a,
.full_terms .accordion_body p.agree_view_all button{font-weight:400;font-size:13px;color:#111;text-decoration:underline;}
.accordion_body p.agree_view_all button span,
.full_terms .accordion_body p.agree_view_all button span{position:relative;}
.full_terms .check_wrap.type_agree + p.agree_view_all {margin-top:13px;}
.accordion_wrap.accordion_check dd.type01{padding-top:16px;padding-bottom:16px;}
.accordion_wrap.accordion_check .accordion_body.type01 .accordion_header .btn_acc_check {height:21px;background:none;line-height:21px;text-align:center;}
.accordion_wrap.accordion_check .accordion_body.type01 .accordion_header .btn_acc_check:before {content:'';display:inline-block;position:relative;top:3px;right:2px;width:9px;height:9px;border-top:1px solid #bbb;border-right:1px solid #bbb;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.accordion_wrap.accordion_check .accordion_body.type01 .accordion_header .btn_acc_check.on:before {right:-1px;}
.accordion_wrap.accordion_check .accordion_body.type01 .accordion_wrap + .accordion_wrap {margin-top:12px;}
.agree_check_group{margin-top:-1px;padding:1px 0 12px 33px;}
.agree_check_group:after{content:'';display:block;clear:both;}
.agree_check_group .check_wrap.type_agree{float:left;width:50%;}
.agree_check_group.type01{padding-left:6px;}

.agree_check_group.type01 .check_wrap.type_agree{float:left;width:auto;margin-left:-6px;}
.full_terms .accordion_body .agree_check_group .check_wrap.type_agree, 
.full_terms .accordion_body .agree_check_group .check_wrap.type_agree + .check_wrap.type_agree{margin-top:7px;}
.agree_check_group .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding-left:48px;}
.full_terms .check_wrap.type_agree.line_gray.type01 {border:1px solid #ddd;}
.full_terms .check_wrap.type_agree.line_gray.type01 label{border-bottom:1px solid #ddd;}
.full_terms .check_wrap.type_agree.line_gray.type01 p {padding-left:55px;padding-right:31px;padding-bottom:0;font-weight:400;font-size:13px;color:#333;}
.full_terms .check_wrap.type_agree.line_gray.type01 p:not(:first-of-type) {margin-top:9px;}
.full_terms .check_wrap.type_agree.line_gray.type01 p:last-child {margin-bottom:16px;}
.full_terms .check_wrap.type_agree.line_gray.type01 label + p {margin-top:17px}
.full_terms .check_wrap.type_agree.line_gray.type01 .check_agree input[type="checkbox"] + span {min-height:51px;padding-top:15px;padding-bottom:14px;line-height:1.53}
.full_terms .check_wrap.type_agree.line_gray.type01 .check_agree input[type="checkbox"] + span:before {top:26px}
.full_terms .check_wrap.type_agree.sub_txt .check_agree input[type="checkbox"] + span {padding-left:122px;color:#111;}
.full_terms .check_wrap.type_agree.sub_txt .check_agree input[type="checkbox"] + span span {width:67px;margin-left:-67px;}
.full_terms .terms_tit {margin:27px 0 14px;font-weight:700;font-size:16px;color:#111;}
.full_terms .accordion_body .check_wrap.type_agree.side_btn .check_agree input[type="checkbox"] + span {padding-right:80px;}
.full_terms .accordion_body .check_wrap.type_agree.side_btn button {position:absolute;right:20px;top:1px;font-size:13px;color:#111;text-decoration:underline;}
.full_terms .sub_terms{padding:8px 0 0 31px;}
.full_terms .sub_terms .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding-left:45px;}
.full_terms .add_desc_box{overflow:hidden;position:relative;padding:26px 0 20px;margin:26px 20px -16px;border-top:1px solid #ddd;}
.full_terms .add_desc_box.open{padding-bottom:54px;}
.full_terms .add_desc_box::after{content:'';display:block;width:100%;clear:both;}
.full_terms .add_desc_box .float_l{width:50%;padding:0 2px;}
.full_terms .add_desc_box .radio_wrap.type_btn{display:block;width:auto;margin:0 -2px;}
.full_terms .add_desc_box .radio_wrap .radio_btn{width:100%;}
.full_terms .add_desc_box .radio_wrap, .full_terms .add_desc_box .radio_wrap label{vertical-align:top;}
.full_terms .add_desc_box .radio_wrap.type_btn .radio_btn input[type="radio"]{width:100%;}
.full_terms .add_desc_box .inner_radio_wrap {display:none;position:absolute;left:2px;right:2px;top:59px;}
.full_terms .accordion_body .add_desc_box p{padding:0;font-size:15px;line-height:1.53;color:#111;}
.full_terms .accordion_body .add_desc_box p + .radio_wrap {margin-top:15px;}
.full_terms .accordion_header button.acc_btn, .full_terms .accordion_header a[role="button"].acc_btn{padding:19px 20px 16px;border:1px solid #ddd;background-color:#fff;font-weight:400;font-size:16px;}
.full_terms .accordion_header button.acc_btn:after, .full_terms .accordion_header a[role="button"].acc_btn:after{content:'';display:block;position:absolute;left:auto;right:0;top:0;overflow:hidden;width:54px;height:51px;top:0;right:0;padding:0;margin:0;border:0;background:url(/pconts/images/common/slide_dl_arr02.png) center no-repeat;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);z-index:1;}
.full_terms .accordion_header button.acc_btn.on, .full_terms .accordion_header a[role="button"].acc_btn.on{border:1px solid #ddd;}
.full_terms .accordion_header button.acc_btn.on:after, .full_terms .accordion_header a[role="button"].acc_btn.on:after{transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);}
.full_terms .accordion_body.type02 {padding:9px 19px 16px;border:1px solid #ddd;border-top:none;background:#fff;}
.full_terms .accordion_body.type02 p{padding-left:0;padding-right:0;font-size:15px;color:#333;}
.full_terms .accordion_body.type02 .sub_terms{padding-left:0;padding-right:0;}
.full_terms .accordion_body.type02 .sub_terms p{font-size:13px;color:#111;}
.full_terms .accordion_body.type02 .radio_wrap.small_type {margin:-6px 0 -3px;}
.full_terms .accordion_body.type02 .radio_wrap.small_type .radio_default{margin:4px 45px 4px 0;}
.full_terms .accordion_body.type02 .radio_wrap.small_type .radio_default + .radio_default{margin:4px 45px 4px 0;}
.full_terms .accordion_wrap.accordion_check .accordion_header .btn_acc_check {width:56px;height:100%;background-position:center calc(100% - 23px);}
.full_terms .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on {top:0;right:0;background-position:center 23px;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);}

/* 아코디언 카드형 */
.accordion_wrap.card_type > dl {border:1px solid #ddd; border-radius:6px; box-shadow:2px 2px 15px -2px rgba(51, 51, 51, 0.17);overflow:hidden}/*배경색 인라인 처리 안 됨 수정 20.02.19*/
.accordion_wrap.card_type > dl + dl {margin-top:20px;}
.accordion_wrap.card_type .accordion_header button.acc_btn,
.accordion_wrap.card_type .accordion_header a[role="button"].acc_btn {border-top:0;}
.accordion_wrap.card_type .accordion_header .acc_btn {padding:36px 30px; font-weight:700; font-size:16px; color:#111;}
.accordion_wrap.card_type .accordion_header .acc_btn .divide_bar {display:inline-block; width:1px; height:12px; margin:0 4px; background-color:#111; vertical-align:-1px;}
.accordion_wrap.card_type .accordion_header button.acc_btn.medium:after,
.accordion_wrap.card_type .accordion_header a[role="button"].acc_btn.medium:after {left:auto;right:33px;}

/* 아코디언 카드형 - 카드재발급 신청내역 */
.card_request_info {display:block; position:relative; margin:0; padding:36px 30px; background-color:#f6f6f6;}
.card_request_list {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.card_request_list + .card_request_list {margin-top:8px;}
.card_request_list dt {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:140px; font-weight:400; font-size:15px; color:#111;}
.card_request_list dd {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:calc(100% - 140px); padding:0 0 0 10px; font-weight:700; font-size:16px; color:#111;}

/* 아코디언 카드형 체크박스, 라디오 */
.card_inquiry_list > .item {border:1px solid #ddd;border-radius:7px;box-shadow:0 5px 16px rgba(69,82,94,0.17);} 
.card_inquiry_list > .item + .item {margin-top:20px;}
.card_inquiry_list.accordion_wrap .accordion_header {border-top:0;}
.card_inquiry_list .accordion_header.on + .accordion_body {border-top:1px solid #eee;}
.card_inquiry_list .accordion_header .cell1 {padding:0;}
.card_inquiry_list .accordion_header .card_head {width:100%;padding:34px 0px 34px 30px;font-weight:700;font-size:16px;}
.card_inquiry_list .accordion_header button.acc_btn {padding:14px 30px 16px;}
.card_inquiry_list .item .accordion_header .check_wrap.card_head label,
.card_inquiry_list .item .accordion_header .radio_wrap.card_head label {padding:0;}
/* .card_inquiry_list .state_area {border-radius:0 0 7px 7px;} */
.card_inquiry_list .radio_wrap .radio_default input[type="radio"] + span, 
.card_inquiry_list .check_wrap .check_default input[type="checkbox"] + span {padding-left:51px;}
.card_inquiry_list .head_tit {width:100%;}
.card_inquiry_list .head_tit .txt01 {color:#111;}
.card_inquiry_list .head_tit .txt02 {display:inline-block;margin-left:36px;font-weight:400;font-size:15px;color:#111;}
.card_inquiry_list .radio_wrap .head_tit .txt02,
.card_inquiry_list .check_wrap .head_tit .txt02 {padding:0;}
.card_inquiry_list .head_tit .txt03 {float:right;}
.card_inquiry_list .head_tit .txt04 {display:inline-block;margin-left:40px;font-weight:700;font-size:16px;color:#111;}
.card_inquiry_list .head_tit .date {display:inline-block; width:200px; font-weight:400;font-size:15px;color:#111;}
.card_inquiry_list .head_tit .date .cancel {position:relative; display:inline-block; color:#999;}
.card_inquiry_list .head_tit .date .cancel::before {content:''; display:block; position:absolute; left:-3px; top:calc(50% - 2px); width:calc(100% + 5px); border-top:solid #999 1px;}
.card_inquiry_list .head_tit .date .cancel_date::before {content:'';display:inline-block;width:1px;height:11px;margin:0 8px 0 12px;background-color:#ddd;}
.card_inquiry_list .head_tit .user_name,
.card_inquiry_list .head_tit .card_name {display:inline;word-break:break-all;-ms-word-break:break-all;}
.card_inquiry_list .head_tit .card_name {margin-left:0;}
.card_inquiry_list .head_tit .user_name::after {content:'';display:inline-block;width:1px;height:11px;margin:0 10px 0 10px;background-color:#ddd;}
.card_inquiry_list .head_tit .txt01 .card_name::before {background-color:#111;}
.card_inquiry_list .accordion_body .area {padding:26px 30px;}
.card_inquiry_list .state_area .state_list dt {width:143px;}
.card_inquiry_list .state_area .state_list dd {float:left;font-size:16px;color:#111;text-align:left;}
.card_inquiry_list .inner_form {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:10px 30px;border-top:1px solid #eee;}
.card_inquiry_list .inner_form .form_ele {position:relative;padding-left:137px;}
.card_inquiry_list .inner_form .form_ele .ele_tit {position:absolute;left:0;top:50%;width:137px;margin-top:-11px;font-weight:700;font-size:16px;color:#333;}
.card_inquiry_list .inner_form .form_ele .radio_wrap,
.card_inquiry_list .inner_form .form_ele .check_wrap {vertical-align:top;}
.card_inquiry_list .inner_form .form_ele p.color_red {font-size:16px;}
.card_inquiry_list .accordion_header .card_exp {position:absolute; top:50%; right:93px; transform:translateY(-50%);}
.card_inquiry_list .accordion_header .radio_wrap .card_exp,
.card_inquiry_list .accordion_header .check_wrap .card_exp {right:0;}
.card_inquiry_list .accordion_header .card_exp .card_exp_n {font-weight:400; font-size:15px; color:#f14825;}
/* .card_inquiry_list .card_item_type1 .accordion_header .card_head {padding-right:100px;} */
.card_inquiry_list .card_item_type1 .accordion_header .card_head .txt02 {max-width:500px; vertical-align:top;}
.card_inquiry_list .radio_wrap.card_head,
.card_inquiry_list .check_wrap.card_head {padding-right:0;}
.card_inquiry_list .state_list.type02 > li {display:inline-block;}
.card_inquiry_list .state_list.type02 > li + li:before {content:'';display:inline-block;width:1px;height:10px;margin-right:12px;background-color:#ddd;}
.card_inquiry_list .state_list.type02 > li > span,
.card_inquiry_list .state_list.type02 > li > strong,
.card_inquiry_list .state_list.type02 > li > strong {display:inline-block;margin-right:8px;font-size:16px;}
.card_inquiry_list.no_acc .accordion_header .cell1 {padding-right:34px;}


/* 필터 바 */
.reportlist_filter_wrap {display:block; position:relative; width:100%; height:42px; margin:0; padding:0;}
.reportlist_filter_wrap.wide {height:125px; padding:15px 0;}
.reportlist_filter_wrap .filter_list {display:table; position:relative; height:42px; margin:0; padding:0;}
.reportlist_filter_wrap .filter_list li {display:table-cell; position:relative; margin:0; padding:0 30px 0 0px; font-size:13px; color:#FFF; vertical-align:middle;}
/* .reportlist_filter_wrap .filter_list li::before {content:''; display:block; position:absolute; left:0; top:calc(50% - 1px); width:2px; height:1px; background-color:#FFF;} */
.reportlist_filter_wrap .filter_toggle {display:block; position:absolute; right:0; top:0; width:42px; height:42px; background:url(/pconts/images/contents/mypage/reportlist_filter.png) no-repeat 50%; background-size:20px 18px; font-size:1px; color:transparent;}
.reportlist_filter_wrap.wide .filter_toggle {top:initial; bottom:0;}
.reportlist_filter_wrap.bg_white .filter_list li {padding-left:0;color:#333;}
.reportlist_filter_wrap.bg_white .filter_list li::before {display:none;}
.reportlist_filter_wrap.bg_white {padding:0;border:1px solid #ddd;border-width:1px 0;}
.reportlist_filter_wrap.bg_white .filter_toggle {background-image:url(/pconts/images/contents/mypage/reportlist_filter_02.png);}
.reportlist_filter_wrap.bg_white.bottom_none {border-bottom:none}
.tab_type01.swiper_tab + .reportlist_filter_wrap.bg_white {border:0;}

/* 아코디언 그림자 간격 */
.accordion_wrap.interval_shadow .accordion_header button.acc_btn {border-top:0;}
.accordion_wrap.interval_shadow > dl {margin-top:40px;border:1px solid #ddd;border-radius:9px;box-shadow:1px 2px 24px #e8e9eb;overflow:hidden;}

/* badge */
.badge {display:inline-block; vertical-align:middle;}
.badge.new {width:18px; height:18px; border-radius:50%; background-color:#4868e1; font-size:13px; line-height:18px;  color:#fff; text-align:center;} /* 새 글 */
.badge.new::before {content:'N';}
.badge.announce {width:18px; height:18px; border-radius:50%; background:#f14b25 url(/pconts/images/common/ico_badge_announce.png) no-repeat 50% 50% / 9px 9px;} /* 긴급공지 */
.badge.emer {width:5px; height:5px; margin:0 0 0 3px; border-radius:5px; background-color:#f14b25; vertical-align:text-top;}

/* card swiper */
.card_swiper .card_badge.ct01,
.card_statement.membership .card_name.ct01 span:before,
.usage_item dd .card.ct01:before,
.usage_item .left .card.ct01:before {background-image:url(/pconts/images/contents/mypage/img_card_k01.png);}
.card_swiper .card_badge.ct02,
.card_statement.membership .card_name.ct02 span:before,
.usage_item dd .card.ct02:before,
.usage_item .left .card.ct02:before {background-image:url(/pconts/images/contents/mypage/img_card_k02.png);}
.card_swiper .card_badge.ct03,
.card_statement.membership .card_name.ct03 span:before,
.usage_item dd .card.ct03:before,
.usage_item .left .card.ct03:before {background-image:url(/pconts/images/contents/mypage/img_card_k03.png);}
.card_swiper .card_badge.ct04,
.card_statement.membership .card_name.ct04 span:before,
.usage_item dd .card.ct04:before,
.usage_item .left .card.ct04:before {background-image:url(/pconts/images/contents/mypage/img_card_k04.png);}
.card_swiper .card_badge.ct05,
.card_statement.membership .card_name.ct05 span:before,
.usage_item dd .card.ct05:before,
.usage_item .left .card.ct05:before {background-image:url(/pconts/images/contents/mypage/img_card_k05.png);}
.card_swiper .card_badge.ct06,
.card_statement.membership .card_name.ct06 span:before,
.usage_item dd .card.ct06:before,
.usage_item .left .card.ct06:before {background-image:url(/pconts/images/contents/mypage/img_card_k06.png);}
.card_swiper .card_badge.ct07,
.card_statement.membership .card_name.ct07 span:before,
.usage_item dd .card.ct07:before,
.usage_item .left .card.ct07:before {background-image:url(/pconts/images/contents/mypage/img_card_k07.png);}
.card_swiper .card_badge.ct08,
.card_statement.membership .card_name.ct08 span:before,
.usage_item dd .card.ct08:before,
.usage_item .left .card.ct08:before {background-image:url(/pconts/images/contents/mypage/img_card_k08.png);}
.card_swiper .card_badge.ct09,
.card_statement.membership .card_name.ct09 span:before,
.usage_item dd .card.ct09:before,
.usage_item .left .card.ct09:before {background-image:url(/pconts/images/contents/mypage/img_card_k09.png);}

/* card_swiper 관련 css - 삭제 해야함 */
/* 카드별이용한도 */
.switch {position:relative;display:inline-block;width:110px;height:36px;margin-top:2px;}
.switch input {position:absolute; left:0; top:0; z-index:1; width:100%;height:100%;opacity:0.05;border-radius:18px;margin:0;}
.switch .slider {position:absolute;top:0;left:0;right:0;bottom:0;z-index:2; overflow:hidden; background:#eee url(/pconts/images/contents/mypage/align_list.png) no-repeat 72px 50%;border-radius:34px;cursor:pointer;}
.switch .slider::before {content:"";position:absolute; width:59px;height:36px;border-radius:34px;-webkit-transition:.4s;transition:.4s;box-shadow: 3px 1px 5px #acacac; background:#4868e1 url(/pconts/images/contents/mypage/align_visual_on.png) no-repeat 50% 50%;}
.switch input:checked + .slider {background:#eee url(/pconts/images/contents/mypage/align_visual.png) no-repeat 17px 50%;}
.switch input:checked + .slider::before {-webkit-transform:translateX(50px); -ms-transform:translateX(50px);transform:translateX(50px);box-shadow: -3px 1px 5px #acacac; background-image:url(/pconts/images/contents/mypage/align_list_on.png);}
.switch_wrap.onoff_btn .switch {width:55px; height:30px;}
.switch_wrap.onoff_btn .switch .slider {background-image:none; background-color:#ddd;}
.switch_wrap.onoff_btn .switch .slider::before {width:26px; height:26px; border-radius:50%; background-image:none; background-color:#FFF; box-shadow:none;top:2px; left:2px;}
.switch_wrap.onoff_btn .switch input:checked + .slider {background-color:#4868e1;}
.switch_wrap.onoff_btn .switch input:checked + .slider::before {-webkit-transform:translateX(25px); -ms-transform:translateX(25px);transform:translateX(25px)}
.credit_card {position:absolute; right:0; z-index:5;}
.credit_card .switch .slider {background:#eee url(/pconts/images/contents/mypage/align_cal.png) no-repeat 72px 50%;}
.credit_card .switch .slider::before {left:0;background:#4868eb url(/pconts/images/contents/mypage/align_list_on2.png) no-repeat 50% 50%;}
.credit_card .switch input:checked + .slider {background:#eee url(/pconts/images/contents/mypage/align_list.png) no-repeat 17px 50%;}
.credit_card .switch input:checked + .slider::before {-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px); box-shadow: -3px 1px 5px #acacac; background-image:url(/pconts/images/contents/mypage/align_cal_on.png);}
/* 접근성1차조치 */
.switch input + .slider i {display:block; position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden;}
.switch input + .slider i.checked {display:none;}
.switch input + .slider i.unchecked {display:block;}
.switch input:checked + .slider i.checked {display:block;}
.switch input:checked + .slider i.unchecked {display:none;}
/* 카드이용내역 달력보기 */
.popup_type01.pop_calendar .pop_cont {padding:0;}
.popup_type01.pop_calendar .pop_cont .card_statement_list {padding:0 30px;}
.ui_calendar {padding:30px 30px 26px; background-color:#f2f4f8;}
.ui_calendar_head {text-align:center;}
.ui_calendar_title {display:inline-block; position:relative; padding:0 28px; vertical-align:top;}
.ui_calendar_title .text {float:left; font-weight:700; font-size:24px; line-height:1; color:#111;}
.ui_calendar_title .prev {position:absolute; top:0; left:0; width:24px; height:24px;}
.ui_calendar_title .prev:before {content:''; display:block; position:absolute; top:6px; left:9px; width:10px; height:10px; border-left:2px solid #111; border-bottom:2px solid #111; transform:rotate(45deg);}
.ui_calendar_title .next {position:absolute; top:0; right:0; width:24px; height:24px;}
.ui_calendar_title .next:before {content:''; display:block; position:absolute; top:6px; right:9px; width:10px; height:10px; border-left:2px solid #111; border-bottom:2px solid #111; transform:rotate(-135deg);}
.ui_calendar_body {margin:30px 0 0;}
.ui_calendar_box {display:block; position:relative; margin:0; padding:0;}
.ui_calendar_box .ui_calendar_weekName {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.ui_calendar_box .ui_calendar_weekName .txt {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; height:32px; font-weight:700; font-size:16px; color:#111; text-align:center;}
.ui_calendar_box .ui_calendar_weekName .cal_sun,
.ui_calendar_box .ui_calendar_days .cal_sun {color:#f14b25;}
.ui_calendar_box .ui_calendar_days .days_week {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.ui_calendar_box .ui_calendar_days .day_item {position:relative; -webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; width:14.28%; height:72px; padding:3px 3px 0; text-align:center;}
.ui_calendar_box .ui_calendar_days .day_item .cal_btn {position:relative; width:36px; height:36px; border-radius:50%; font-weight:700; font-size:16px; color:#111; z-index:10;}
.ui_calendar_box .ui_calendar_days .day_item.cal_today .cal_btn {border:1px solid #333; color:#333;}
.ui_calendar_box .ui_calendar_days .day_item.cal_selected .cal_btn {background-color:#4868e1; color:#fff !important;}
.ui_calendar_box .ui_calendar_days .day_item .cal_price,
.ui_calendar_box .ui_calendar_days .day_item .cal_case {display:block; margin:5px 0 0; font-weight:700; font-size:12px; line-height:1; color:#111; overflow:hidden;}
.ui_calendar_box .ui_calendar_days .day_item .cal_payday {display:block; margin:5px 0 0; font-weight:700; font-size:12px; line-height:13px; color:#086ac5;}
.ui_calendar_box .ui_calendar_days .day_item .cal_payday > span {display:block;}
.ui_calendar_box .ui_calendar_days .day_item.cal_selected .cal_case {color:#086ac5;}
.card_statement_list .report_usage_detail .header_sum .date {display:inline-block; font-weight:700; font-size:14px; color:#111;}
.card_statement_list .report_usage_detail .header_sum .sum {float:right;}
.ui_calendar_box .ui_calendar_days .day_item.prd::before {content:''; display:block; position:absolute; left:0; top:3px; width:100%; height:36px; background-color:#f1f3fd;}
.ui_calendar_box .ui_calendar_days .day_item.sat .cal_btn , .ui_calendar_box .ui_calendar_days .day_item.sun .cal_btn {color:#f14b25}
.ui_calendar_box .ui_calendar_days .day_item.prd.sat::before,
.ui_calendar_box .ui_calendar_days .day_item.prd.prd_E::before {width:80%; left:0; border-radius:0 18px 18px 0;}
.ui_calendar_box .ui_calendar_days .day_item.prd.sun::before,
.ui_calendar_box .ui_calendar_days .day_item.prd.prd_S::before {width:80%; left:initial; right:0; border-radius:18px 0 0 18px;}
.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 {width:52px; left:calc(50% - 26px); border-radius:18px !important;}
.ui_calendar_box .ui_calendar_days .day_item.prd.sun.prd_S::before {width:80%; left:calc(50% - 26px);  border-radius:18px 0 0 18px;}
.ui_calendar_box .ui_calendar_days .day_item.prd.sat.prd_E::before {width:80%px; right:calc(50% - 26px); border-radius:0 18px 18px 0;}
/* 신용_체크 카드 이용내역 */
.credit_card {position:absolute; right:0; z-index:5;}
.credit_card {}
.credit_card .switch .slider {background:#eee url(/pconts/images/contents/mypage/align_cal.png) no-repeat 72px 50%;}
.credit_card .switch .slider::before {left:0;background:#4868eb url(/pconts/images/contents/mypage/align_list_on2.png) no-repeat 50% 50%;}
.credit_card .switch input:checked + .slider {background:#eee url(/pconts/images/contents/mypage/align_list.png) no-repeat 17px 50%;}
.credit_card .switch input:checked + .slider::before {-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px); box-shadow: -3px 1px 5px #acacac; background-image:url(/pconts/images/contents/mypage/align_cal_on.png);}
.calendar_swiper {position:relative;display:none; margin-top:70px;}
.calendar_swiper .swiper-slide {width:70%}
.calendar_swiper .ui_calendar {margin:20px 0;background-color:#fff;box-shadow:1px 2px 22px #acacac;border-radius:5px;}
.calendar_swiper .ui_calendar_body {margin:60px 0 0;}
.calendar_swiper::before,
.calendar_swiper::after {content:"";position:absolute;top:0;left:0;z-index:10;width:70px;height:100%;background:url(/pconts/images/contents/mypage/calendar_gradient_left.png) repeat-y;}
.calendar_swiper::after {left:auto;right:0;background-image:url(/pconts/images/contents/mypage/calendar_gradient_right.png)}
.calendar_swiper .ui_calendar_head {position:absolute;top:50px;z-index:10;width:100%;text-align:center;}
.calendar_swiper .txt {position:relative;z-index:15;margin:10px 0 30px;font-size:34px;font-weight:700;}
.calendar_swiper .txt .cd_name {color:#4868eb;}
/* //card_swiper 관련 css - 삭제 해야함 */

/*  체크박스 리스트 */
.checkbox_list {display:block; position:relative; margin:0; padding:0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.checkbox_list ul.check_wrap {display:block; width:100%;}
.checkbox_list .check_wrap li {display:table; position:relative; width:100%; margin:0; padding:32px 0;}
.checkbox_list .check_wrap li + li {border-top:solid #eee 1px;}
.checkbox_list .check_wrap .check_default {display:table-cell; vertical-align:top; width:160px;}
.checkbox_list .check_wrap .check_default input[type="checkbox"] + span {padding-left:65px;}
.checkbox_list .check_wrap .info {display:table-cell;font-size:16px; font-weight:700; color:#333; vertical-align:top;}
.checkbox_list .check_wrap .info.bottom {vertical-align:bottom;}
.checkbox_list.shadow {border-top:0;border-bottom:0;}
.checkbox_list.shadow li {margin-top:30px;padding:0;border:1px solid #ddd;border-radius:9px;box-shadow:1px 2px 24px #e8e9eb;overflow:hidden;}
.checkbox_list.shadow li .check_default {position:relative;padding:35px 31px;}
.checkbox_list.shadow .check_wrap li + li {border-top:1px solid #ddd;}
.checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span {padding-left:51px;}
/* .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.item01:before {top:50%;left:-5px;transform:translateY(-50%);} 
.checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.item01:after {top:calc(50% + 8px);left:0;transform:translateY(calc(-50% - 8px));} */
.checkbox_list.shadow .check_wrap .check_default strong.color_black {display:inline-block; margin-right:20px;}

.checkbox_list.shadow .item02 {padding-left:44px;}
.checkbox_list ul.check_wrap li .underLine {margin-left:0px;}
.checkbox_list .line_wrap li .contArea + .contArea {border-top:1px solid #eee;}
.checkbox_list .line_wrap li .contArea {padding:26px;}
.checkbox_list .line_wrap li .contArea span {display: inline-block; margin-left:30px;}
/* .checkbox_list.shadow .check_wrap .check_default input[type="checkbox"] + span.pcvmid {position:static; padding-left:50px;} */
/*  radio 리스트 */
.radio_list {display:block; position:relative; margin:0; padding:0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.radio_list ul.radio_wrap {display:block; width:100%;}
.radio_list .radio_wrap > li {table-layout:fixed; display:table; position:relative; width:100%; margin:0; padding:32px 0;}
.radio_list .radio_wrap > li + li {border-top:solid #eee 1px;}
.radio_list .radio_wrap .radio_default {display:table-cell; vertical-align:top; width:160px;}
.radio_list .radio_wrap .radio_default input[type="radio"] + span {padding-left:65px;}
.radio_list .radio_wrap .info {display:table-cell;font-size:16px; font-weight:700; color:#333; vertical-align:top;}
.radio_list.shadow {border-top:0;border-bottom:0;}
.radio_list.shadow .radio_wrap > li {padding:0;border:1px solid #ddd;border-radius:9px;box-shadow:1px 2px 24px #e8e9eb;}

.radio_list.shadow .radio_wrap > li + li {margin-top:30px; border-top:1px solid #ddd;}
.radio_list.shadow .radio_wrap .radio_default input[type="radio"] + span {width:100%; padding:30px 31px 30px 82px;}
.radio_list.shadow .radio_default input[type="radio"] + span:before {top:50%; left:30px; margin-top:-13px;}
.radio_list.shadow .radio_default input[type="radio"] + span:after {top:50%; left:36px; margin-top:-7px;}

/*  radio 리스트 구조수정 추가 */
.radio_list.shadow.has_select .radio_wrap .radio_default {position:absolute; left:30px; top:50%; margin-top:-13px; width:26px; height:26px; z-index:20;}
.radio_list.shadow.has_select .radio_wrap .radio_default input[type="radio"] + span {position:absolute; left:0; top:0; padding:0; text-indent:-9999px; overflow:hidden;}
.radio_list.shadow.has_select .radio_wrap .radio_default input[type="radio"] + span:before {z-index:1; left:0;}
.radio_list.shadow.has_select .radio_wrap .radio_default input[type="radio"] + span:after {position:absolute;left:6px;z-index:2;display:block;width:14px;height:14px;content:"";}
.radio_list.shadow.has_select .radio_wrap .radio_default input[type="radio"]:checked + span:after {background:#4868e1;}
.radio_list.shadow.has_select .radio_wrap .detail_group {position:relative; z-index:10; width:100%; padding:30px 31px 30px 82px;}


.radio_list_group li:not(:last-of-type) {margin-bottom:16px;}

/* radio_input_mix = radio + input */
.radio_input_mix .radio_wrap {width:auto; margin-top:8px;}
.radio_input_mix .radio_wrap,
.radio_input_mix .input_wrap {float:left;}
.radio_input_mix .radio_wrap + .input_wrap {width:385px;margin-left:14px;}

/* 체크라디오박스 수직정렬 */
.radio_list .radio_default.vmid input + span::before,
.checkbox_list .check_default.vmid input + span::before {top:50%;left:-5px;/* ie11에서 밀림현상 발생 transform:translateY(-50%) */;} /* 레드마인 4551*/
.radio_list .radio_default.vmid input + span::after,
.checkbox_list .check_default.vmid input + span::after {top:calc(50% + 8px);left:0;/* ie11에서 밀림현상 발생 transform:translateY(calc(-50% - 8px)) */;}

/* 라디오 리스트 */
.radio_ul_bind {border-top:2px solid #333333;}
.radio_ul_bind li {padding:20px 30px;border-bottom:1px solid #ddd;}
.radio_ul_bind li .radio_wrap {width:100%;}
.radio_ul_bind li .radio_wrap label {width:100%;}
.radio_ul_bind li .radio_wrap input[type="radio"] + span {width:100%;}

.radio_ul_basic {border-top:1px solid #ddd;}
.radio_ul_basic li {padding:20px 0px; border-bottom:1px solid #eee;}
.radio_ul_basic li .radio_wrap {width:100%;}
.radio_ul_basic li .radio_wrap label {width:100%;}
.radio_ul_basic li .radio_wrap input[type="radio"] + span {width:100%; display:table; position: relative;}
.radio_ul_basic li .radio_wrap span > span {display:table-cell;}
.radio_ul_basic li .radio_wrap .date {position:absolute; left:45px; top:0;}
.radio_ul_basic li .radio_wrap .info {font-weight:700; color:#111; width:50%; padding-left:300px;}
.radio_ul_basic li .radio_wrap .rig_con {text-align:right;}
.radio_ul_basic li .radio_wrap .rig_con em {display:inline-block;}
.radio_ul_basic li .radio_wrap .rig_con em:nth-child(2)::before {content:''; display:inline-block; margin:0 7px; width:1px;height:12px;background-color:#ddd;}



/* ==========================================================================
   TAB
========================================================================== */
.tab_list a {display:block;}
.tab_list a,
.tab_list button {font:inherit;color:inherit;}
.tab_list button > span {position:relative;}
/* .tab_wrap {margin-top:10px;} */
.tab_wrap .tab_cont {display:none;}
.tab_wrap .tab_cont.current {display:block;}
/* Tab Type01 */
.ly_inner .tab_type01 {overflow:visible;}
.tab_type01 .tab_pull {position:relative;}
.tab_type01 > .tab_pull:before,
.tab_type01 .ly_inner > .tab_pull:before {content:'';position:absolute;bottom:0;left:calc(-50vw + 50%);width:100vw;height:1px;background-color:#ddd;}
.tab_type01.swiper_tab .tab_pull .swiper-button-next {width:40px; height:67px; right:-30px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_next.png') no-repeat 0 top}
.tab_type01.swiper_tab .tab_pull .swiper-button-prev {width:40px; height:67px; left:-30px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_prev.png') no-repeat 0 top}
.tab_type01.swiper_tab .tab_pull .swiper-button-disabled {display:none; opacity:0;}
/* 모바일앱 PC에서만 숨김 */
body.pc .mobile_card .tab_type01.swiper_tab .tab_pull .swiper-button-disabled {display:none !important;}
.tab_type01 .tab_list {display:-webkit-flex; display:-ms-flexbox; display:flex; height:auto;}
.tab_type01 .tab_list li {position:relative;width:auto;height:auto;}
.tab_type01 .tab_list li a,
.tab_type01 .tab_list li button {padding:20px 20px 19px;font-weight:700;font-size:20px;}
.tab_type01 .tab_list li.current:before {content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#081350;}
.tab_type01 .tab_list li.current a, 
.tab_type01 .tab_list li.current button {color:#081350;}
.tab_type01 .tab_wrap.swiper_tabCont .tab_cont {display:block; padding:0;}
.tab_type01 .tab_wrap.swiper_tabCont .swiper-wrapper {z-index:10;}
/* Tab Sticky */
.tab_type01.has_sticky {position:relative;}
.tab_type01.has_sticky:before {content:''; display:block; height:69px;}
.tab_type01.has_sticky .tab_sticky {position:absolute; left:0; top:0; z-index:10; width:100%; height:69px; background-color:#fff;}
.tab_type01.has_sticky.is_fixed .tab_sticky {position:fixed;}
/* Tab Type02 */
.tab_type02 > .tab_list {display:-webkit-flex; display:-ms-flexbox; display:flex;padding-top:1px;border-left:1px solid #ddd;}
.tab_type02 > .tab_list li {min-height:60px;margin-top:-1px;border:1px solid #ddd;border-left:0;background-color:#fff;text-align:center;flex:1;}
.tab_type02 > .tab_list li a,
.tab_type02 > .tab_list li button {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;height:100%;padding:16px 10px 15px;font-weight:400;font-size:18px;line-height:1.39;color:#333;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.tab_type02 > .tab_list li.current {position:relative;z-index:5;border-color:#081350;background-color:#081350;}
.tab_type02 > .tab_list li.current:before {content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;width:auto;height:auto;z-index:5;border-left:1px solid #081350;}
.tab_type02 > .tab_list li.current a,
.tab_type02 > .tab_list li.current button {font-weight:700;color:#fff; letter-spacing:-0.3px; word-break:break-word;}
.tab_type02 > .tab_list.col2 {flex-flow:row wrap;}
.tab_type02 > .tab_list.col2 li {flex:0 0 auto; width:50%;}
.tab_type02 > .tab_list.col3 {flex-flow:row wrap;}
.tab_type02 > .tab_list.col3 li {flex:0 0 auto; width:33.33%;}
.tab_type02 > .tab_list.col3_2 {flex-flow:row wrap;}
.tab_type02 > .tab_list.col3_2 li {flex:0 0 auto; width:33.33%;}
.tab_type02 > .tab_list.col4_2 {flex-flow:row wrap;}
.tab_type02 > .tab_list.col4_2 li {flex:0 0 auto;width:25%;}
.tab_type02 > .tab_list.col7_2 li {flex:0 0 auto; width:14.28%;}
.tab_type02 > .tab_list.col7_2 li:last-child {width:14.32%}
.tab_type02 > .tab_list.row2 li {min-height:81px;}

/* Tab Type03 */
.tab_type03 .tab_list {overflow:hidden;}
.tab_type03 .tab_list li {position:relative;width:auto;height:auto;margin-right:13px;}
.tab_type03 .tab_list li a,
.tab_type03 .tab_list li button {display:block;padding:5px;font-weight:400;font-size:18px;}
.tab_type03 .tab_list li.current:before {content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#4868e1;}
.tab_type03 .tab_list li.current a,
.tab_type03 .tab_list li.current button {font-weight:700;color:#4868e1;}
.tab_type03.swiper_tab .tab_pull:before {content:'';position:absolute;bottom:0;left:calc(-50vw + 50%);width:100vw;height:1px;background-color:#ddd;}
.tab_type03.swiper_tab .tab_pull .swiper-button-next {width:30px; height:36px; right:-30px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_next.png') no-repeat right center;}
.tab_type03.swiper_tab .tab_pull .swiper-button-prev {width:30px; height:36px; left:-30px; top:0; margin-top:0; background:url('/pconts/images/common/arw_tab_prev.png') no-repeat left center;}
.tab_type03.swiper_tab .tab_pull .swiper-button-disabled {display:none; opacity:0;}


/* Tab Type04 */
.tab_type04 > .tab_list {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.tab_type04 > .tab_list li {width:calc(25% - 4px); min-height:44px;margin-right:4px;border:1px solid #bbbbbb;border-radius:5px;background-color:#fff;text-align:center;flex:1;}
.tab_type04 > .tab_list li:nth-child(4n) {margin-right:0;}
.tab_type04 > .tab_list li:nth-child(n+5) {margin-top:8px;}
.tab_type04 > .tab_list li a,
.tab_type04 > .tab_list li button {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;height:100%;padding:10px 10px;font-weight:700;font-size:16px;line-height:1.39;color:#111;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.tab_type04 > .tab_list li.current {position:relative;z-index:5;border:2px solid #4868e1;}
.tab_type04 > .tab_list li.current a,
.tab_type04 > .tab_list li.current button {font-weight:700;color:#4868e1;}
.tab_type04 > .tab_list li.current:before {display:none;}
.tab_type04 > .tab_list.col2 {flex-flow:row wrap;}
.tab_type04 > .tab_list.col2 li {flex:0 0 auto; width:50%;}
.tab_type04 > .tab_list.col3 {flex-flow:row wrap;}
.tab_type04 > .tab_list.col3 li {flex:0 0 auto; width:33.33%;}
.tab_type04 > .tab_list.col3_2 {flex-flow:row wrap;}
.tab_type04 > .tab_list.col3_2 li {flex:0 0 auto; width:33.33%;}
.tab_type04 > .tab_list.col4_2 {flex-flow:row wrap;}
.tab_type04 > .tab_list.col4_2 li {flex:0 0 auto;}
.tab_type04 > .tab_list.col7_2 li {flex:0 0 auto; width:14.28%;}
.tab_type04 > .tab_list.col7_2 li:last-child {width:14.32%}
.tab_type04 > .tab_list.row2 li {min-height:81px;}


/* ==========================================================================
   VIEW
========================================================================== */
/*common*/
.guide_tit{font-size:25px;color:#000;margin:40px 0 20px;}
.guide_stit{font-size:18px;color:#000;margin:20px 0 10px 0;}
/* view */
.list_view .list_view_head {position:relative;padding:0 0 24px;}
.list_view .list_view_head .title {margin:0 0 6px;font-weight:700;font-size:24px;color:#333;}
.list_view .list_view_head .info .date {display:inline-block;margin:0 0 0 2px;font-size:15px;color:#111;}
.list_view .list_view_head .cell {position:absolute; right:0; bottom:24px;}
.list_view .list_view_head .consult_state {font-weight:400; font-size:15px; color:#4868e1;}
.list_view .list_view_head .right_area {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.list_view .list_view_body {padding:26px 0;border-top:1px solid #bbb;border-bottom:1px solid #eee;}
.list_view .list_view_body.has_answer {padding-bottom:0; border-bottom-width:0;}
.list_view .list_view_body.has_answer .txt_area {min-height:45px;}
.list_view .list_view_body .txt_area {min-height:180px; font-size:15px;color:#111;}
.list_view .list_view_body .txt_area:first-of-type {margin-top:0;}
.list_view .list_view_body .txt_area .tit {padding:12px 0 8px;font-weight:700;color:#333;}
.list_view .list_view_body .txt_area .tit:first-of-type {padding-top:0;}
.list_view .list_view_body .txt_area .tit + .marker_dot,
.list_view .list_view_body .txt_area .tit + .marker_refer,
.list_view .list_view_body .txt_area .tit + .marker_number {margin:0 0 0;}
.list_view .list_view_body .txt_area .marker_dot + .tit,
.list_view .list_view_body .txt_area .marker_refer + .tit,
.list_view .list_view_body .txt_area .marker_number + .tit {margin:2px 0 0;}
.list_view .list_view_body .txt_area .marker_dot + .marker_dot,
.list_view .list_view_body .txt_area .marker_dot + .marker_refer,
.list_view .list_view_body .txt_area .marker_dot + .marker_number,
.list_view .list_view_body .txt_area .marker_refer + .marker_dot,
.list_view .list_view_body .txt_area .marker_refer + .marker_refer,
.list_view .list_view_body .txt_area .marker_refer + .marker_number,
.list_view .list_view_body .txt_area .marker_number + .marker_dot,
.list_view .list_view_body .txt_area .marker_number + .marker_refer,
.list_view .list_view_body .txt_area .marker_number + .marker_number {margin:15px 0 0;}
.list_view .list_view_body .txt_area .text_link {margin:15px 0 0;}
.list_view .list_view_body .txt_area .txt_box01 {margin:16px 0; padding:20px 22px;}
.list_view .list_view_body .txt_area p + p {margin-top:8px;}
.list_view .list_view_body .gray_box {max-width:480px;}
.list_view .btn_wrap {margin:40px 0 0;text-align:center;}
.list_view_cont {min-height:150px;}
.badge_new {display:inline-block;width:18px;height:18px;margin-left:3px;border-radius:50%;background-color:#4868e1 !important;font-style:normal;font-size:13px;color:#fff;line-height:18px;vertical-align:text-top;text-align:center;}
.complete_body {position:relative; padding-top:190px;background:url(/pconts/images/common/bg_penguin02.png) no-repeat 50% 80px; background-size:112px auto; }
.complete_body .title {font-size:28px;font-weight:700;text-align:center;line-height:1.3;color:#111;}
.complete_body .sub_title {padding-top:18px;font-size:16px; text-align:center;color:#111;}
.complete_body .sub_title strong {font-weight:700;color:#333;}
.complete_body.type01 {padding-top:190px;background:url(/pconts/images/common/bg_penguin.png) no-repeat 50% 80px; background-size:112px auto; }
.complete_body.type01_op20 {padding-top:190px; background-image:none;}
.complete_body.type01_op20 span.bg {display:block; position:absolute; left:calc(50% - 56px); top:80px; width:112px; height:70px; background:url(/pconts/images/common/bg_penguin.png) no-repeat 50% 50%;background-size:100%; /*opacity:0.2;*/opacity:1;}
.complete_body.type01_op30 {padding-top:190px;background:url(/pconts/images/common/bg_penguin04.png) no-repeat 50% 80px; background-size:112px auto; }
.complete_body.type01_op40 {padding-top:190px;background:url(/pconts/images/common/bg_penguin06.png) no-repeat 50% 80px; background-size:113px auto; }
.complete_body.type02 {padding-top:190px;background:url(/pconts/images/common/bg_penguin03.png) no-repeat 50% 56px; background-size:120px auto; }
.complete_body.type02 .sub_title {padding-top:0; text-align:center;color:#111;}
.complete_body.kakao_ryan {padding-top:190px;background:url(/pconts/images/common/bg_kakao_ryan.png) no-repeat 50% 56px; background-size:120px auto; }
.complete_body.kakao_ryan .sub_title {margin:0;padding:2px;}
.complete_body.no_bg {padding-top:0; background:none;}
.complete_body .complete_info {display:block; width:600px; margin:auto; padding-top:60px; border-top:1px solid #eee; text-align:center;}
.complete_body .complete_info .detail_box {margin-top:30px;}
.complete_body .complete_info .detail_box p.detail_txt {margin-top:14px; font-size:16px;}
.complete_body .complete_info p.detail_txt {font-size:13px;}
.complete_body .complete_info02 {display:table;width:600px;margin:0 auto 90px;}
.complete_body .complete_info02 li {display:table-cell;width:200px;padding-left:30px;border-right:1px solid #ddd;}
.complete_body .complete_info02 li:last-child {border-right:0;}
.complete_body .complete_info02 li strong {display:block;height:40px;margin-bottom:15px;font-weight:400;line-height:1.3;color:#333}
.complete_body .complete_info03 {width:400px; margin:0 auto;}
.complete_body .complete_info04 {width:600px; margin:18px auto 0;}
.complete_body.center_type {text-align:center;}
.complete_body.center_type .center {display:inline-block; text-align:left;}

.complete_body .sub_box{width:410px;margin:0 auto 60px;padding-top:18px;}
.complete_body .sub_box.wsize01{width:475px;}
.complete_box {border-top:2px solid #000; border-bottom:1px solid #ddd;}
.complete_box.type02 {border-top:1px solid #bbb;}
.complete_box .complete_body.type02 {padding-bottom:65px;}

.visual_txt{position:relative; padding-bottom:25px;}
.visual_txt::before {content:"";display:block;position:absolute;width:96px;height:2px;left:0;bottom:0;background:#333;}
.visual_txt .txt_lg {font-weight:700;font-size:34px;line-height:1.4; color:#111;}
.visual_txt .font_lg05 {font-weight:700;font-size:28px;line-height:1.4; color:#111;}
.visual_txt .sub_txt {margin-top:15px;font-size:16px;color:#111;}
.visual_txt .sub_txt02 {margin-top:10px;font-size:16px;color:#111;}
.visual_txt .sub_txt03 {margin-top:8px;font-size:20px;color:#111;}
.visual_txt .sub_txt04 {margin-top:20px;font-size:18px;color:#111;}
.visual_txt .img_sec {position:absolute;top:0;right:66px;}
.visual_txt.no_line {padding-bottom:0;}
.visual_txt.no_line::before {display:none;}
.visual_txt.type02{padding-bottom:34px;}
.visual_txt.type02::before{width:83px;}
.visual_txt.type02 .sub_txt {margin-top:6px;font-size:16px;line-height:1.75;}
.border_boxing{padding:30px;border:1px solid #dddddd;}
.border_boxing .step_wrap li{display:inline-block;width:33%;padding:30px;}
.border_boxing .step_wrap li .step_cont_wrap{text-align:center;}
.border_boxing .step_wrap li .step_cont_wrap .num{padding:14px 0 0 15px;font-weight:700;font-size:20px;text-align:left;color:#111;}
.border_boxing .step_wrap li .step_cont_wrap .txt{padding:12px 0 0 15px;text-align:left;color:#111;}
/* 여신 관련 */
.loan_credit_list {margin-bottom:7px; font-size:16px; } /* 금융 : font-size:21px */
.loan_credit_list li + li {margin-top:7px;}
.loan_credit_list li .marker_dot li,
.loan_credit_list li .marker_hyphen li,
.loan_credit_list li .marker_number li {margin-top:5px}
.loan_credit_list li.wgt_md .marker_dot li,
.loan_credit_list li.wgt_md .marker_hyphen li,
.loan_credit_list li.wgt_md .marker_number li {font-weight:700;}
.loan_credit_list li.color_black .marker_dot li,
.loan_credit_list li.color_black .marker_hyphen li,
.loan_credit_list li.color_black .marker_number li {color:#111;}
.association_number {font-size:16px; color:#333;} /* 금융 : font-size:20px */
.loan_credit_area.small .loan_credit_list {font-size:15px;}
.loan_credit_area.small .association_number {font-size:15px;}
.loan_credit_list + .para {font-size:16px;}
.loan_credit_list + .association_number {color:#111;}

/* text_ling 정렬 */
.text_link_group {display:table; position:relative; margin:0 auto; padding:0;}
.text_link_group  li {display:inline-block; position:relative; margin:0 10px 10px 10px; padding:0; text-align:center;}

/* 계좌선택 */
.bank_wrap_box{position:relative;max-width:396px;}
.bank_wrap {position:relative;display:block;width:100%;background-color:#fff;border:1px solid #ddd;overflow:hidden;}
.bank_wrap .bank_name {display:block;float:left;width:50%;height:44px;padding-left:11px;padding-right:10px;}
.bank_wrap .bank_name [class^="icb_"] {display:inline-block;background-position-x:0;padding:13px 0 0 34px;background-size:24px;height:44px;line-height:normal;font-size:16px;}
.bank_wrap .bank_number {display:block;float:right;width:50%;height:44px;text-align:right;padding:0 12px;border:0;background-color:#fff;cursor:pointer;}
.bank_wrap .bank_number:focus {background-color:#fff;padding:0 12px;border:0;}
.bank_wrap.novalue .bank_name{display:none;}
.bank_wrap.novalue .bank_number{float:none;width:100%;height:42px;;line-height:40px;text-align:left;}
.bank_wrap.readonly, .bank_wrap.readonly input, .bank_wrap.readonly input:focus {background-color:#f6f6f6;cursor:default;}
.bank_wrap.side_btn .bank_number{padding-right:43px;}
.bank_wrap_box .btn_clear{display:block;}
.bank_wrap_box .novalue + .btn_clear{display:none;}

/* 카드스와이퍼 */
.card_swiper {position:relative;width:100%;max-width:481px;margin:0 auto 0;}
.card_swiper .tooltip_card_swiper {position:absolute;top:26px;left:50%;z-index:5;display:inline-flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center;padding:0 12px;text-align:center;background:#333;color:#fff;line-height:33px;transform:translateX(-50%);border-radius:4px;white-space:nowrap;}
.card_swiper .tooltip_card_swiper .tooltip_close {display:inline-block;margin-left:3px;margin-right:-4px;width:19px;height:19px;background:url(/pconts/images/contents/mypage/tooltip_close.png) no-repeat 50%;vertical-align:middle;}
.card_swiper .tooltip_card_swiper::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_swiper .chk,
.card_swiper .chk_icon_wrap {position:absolute;top:1px;left:50%;width:360px;z-index:4;max-width:360px;height:140px;margin:0; margin-left:-180px;}
.mobile .card_swiper .chk_icon_wrap:focus {outline:0;}
.card_swiper .chk_icon {position:absolute;bottom:-13px;left:50%;display:none;z-index:5;width:60px;height:60px;background:#fff url(/pconts/images/contents/mypage/card_chk.png) no-repeat 50%;border-radius:50%;box-shadow:5px 2px 15px #4a4949;transform:translateX(-50%);}
.card_swiper .chk:checked + .chk_focus + .chk_icon_wrap .chk_icon {display:block;}
.card_swiper .chk:checked + .chk_icon_wrap .chk_icon {display:block;}
.card_swiper .swiper-container {padding-bottom:50px; height:auto !important;border:0 !important;}
.card_swiper .swiper-slide {padding-top:2px;text-align:center;}
.card_swiper .item {position:relative;display:block;width:100%;padding:0 36px;text-align:center;cursor:pointer;}
.card_swiper .item.type02 .card_img {padding:0 24px;}
.card_swiper .item.type02 .card_tit p {font-size:26px;}
.card_swiper .item.type02 .card_number {font-size:20px;}
.card_swiper .chk {z-index:2; height:139px; border:0;}
.card_swiper .chk_focus {position:absolute; left:50%; top:1px; width:360px; height:139px; margin-left:-180px; border-radius:12px 12px 0 0;}
.card_swiper .chk:focus + .chk_focus {box-shadow:0 0 0 2px rgba(72,104,225, 0.5);}
.card_swiper .card_img {position:relative;z-index:3; margin:auto; width:360px; display:-webkit-flex; display:-ms-flexbox; display:flex;overflow:hidden; height:140px;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}/* box-shadow:-1px 20px 20px -3px #000; */
.card_swiper .card_img img {width:360px;height:auto;margin-bottom:-89px;}
.card_swiper .card_img.vt img {max-width:100%;width:290px;max-height:428px;margin-bottom:-265px;}
.card_swiper .card_img img.rotate {width:auto; height:360px; transform:rotate(-90deg);}/* box-shadow:-14px -1px 20px -3px #000; */
.card_swiper .card_img.default img {margin-bottom:-97px;}
.card_swiper .card_tit {display:block;margin-top:15px;font-size:16px;font-weight:700;}
.card_swiper .card_tit > span {display:block; position:relative; width:380px; margin:0 auto; /* overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}/* 카드명이 말줄임 되면 전체 카드명을 알 수 있는 길이 없습니다. */
.card_swiper .card_num {display:block;margin-top:10px;text-align:center;font-weight:400;}

.card_swiper .card_num .card_icon,
.card_swiper .card_num .card_user,
.card_swiper .card_num .card_number,
.card_swiper .card_num .card_num_all {display:inline-block;vertical-align:middle;}
.card_swiper .card_num .card_num_all {display:block;margin-left:12px;}
.card_swiper .card_num .card_icon {position:relative; width:32px; height:24px; top:-1px; overflow:hidden; background-repeat:no-repeat; background-position:50%; background-size:100% auto;}
.card_swiper .card_num .card_icon > span {display:block; width:100%; height:100%; text-indent:-999px;}
.card_swiper .card_num .card_icon.visa,
.card_swiper .card_num .card_icon.ct01 {background-image:url(/pconts/images/contents/mypage/img_card_k01.png);} /* VISA */
.card_swiper .card_num .card_icon.master,
.card_swiper .card_num .card_icon.ct02 {background-image:url(/pconts/images/contents/mypage/img_card_k02.png);} /* MASTER */
.card_swiper .card_num .card_icon.ct03 {background-image:url(/pconts/images/contents/mypage/img_card_k03.png);} /* AMEX */
.card_swiper .card_num .card_icon.ct04 {background-image:url(/pconts/images/contents/mypage/img_card_k04.png);} /* JCH */
.card_swiper .card_num .card_icon.ct05 {background-image:url(/pconts/images/contents/mypage/img_card_k05.png);} /* RJS */
.card_swiper .card_num .card_icon.ct06 {background-image:url(/pconts/images/contents/mypage/img_card_k06.png);} /* Local */
.card_swiper .card_num .card_icon.ct07 {background-image:url(/pconts/images/contents/mypage/img_card_k07.png);} /* UnionPay */
.card_swiper .card_num .card_icon.ct08 {background-image:url(/pconts/images/contents/mypage/img_card_k08.png);} /* S& */
.card_swiper .card_num .card_icon.ct09 {background-image:url(/pconts/images/contents/mypage/img_card_k09.png);} /* BC */

.card_swiper [class^='nav-button'] {position:absolute;top:118px;display:block;width:30px;height:30px;z-index:10;overflow:hidden;}
.card_swiper [class^='nav-button']::before {content:"";position:absolute;top:6px;left:2px;width:18px;height:18px;border-top:3px solid #333; border-right:3px solid #333;}
.card_swiper .nav-button-prev {left:1px;}
.card_swiper .nav-button-next {right:1px;}
.card_swiper .nav-button-prev::before {left:10px;transform: rotate(-135deg);}
.card_swiper .nav-button-next::before {transform: rotate(45deg);}
.card_swiper .swiper-button-disabled::before {border-color:#ddd;}
.card_swiper .swiper-pagination {margin-top:20px;}
.card_swiper .swiper-pagination-bullet {margin:0;width:8px;height:8px;opacity:1;background:#ddd;vertical-align:middle;}
.card_swiper .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:4px;}
.card_swiper .swiper-pagination-bullet-active {width:12px;height:12px;background:#fff;border:3px solid #333;}
.card_swiper.no_swiper .nav-button-prev,
.card_swiper.no_swiper .nav-button-next,
.card_swiper.no_swiper .swiper-pagination {display:none;}
.card_swiper .card_top_info {width:77%;height:25px;margin:0 auto 10px;text-align:left;}
.card_swiper .card_top_info .card_nickname,
.card_swiper .card_top_info .card_nickname_setting {display:inline-block;vertical-align:top;margin-top:1px;}
.card_swiper .card_top_info .card_nickname {font-size:16px;}
.card_swiper .card_top_info .card_nickname_setting {font-size:15px;margin-left:6px;}
.card_swiper .card_top_info .card_nickname_setting .text_link::after {top:7px;}
.card_swiper .card_top_info .card_nickname_setting .text_link::before {top:1px;}
.card_swiper .card_top_info .leader_card {position:relative;display:inline-block;width:25px;height:25px;margin-right:3px;}
.card_swiper .card_top_info .leader_card::after {content:"";position:absolute;top:0;left:0;width:25px;height:25px;background:url(/pconts/images/contents/mypage/leader_card_icon.png) no-repeat;background-size:25px;}
.card_select .btn.rectangle.next {width:350px;margin-top:10px;}
.pop_wrap.card_setting .form_ele .ele_tit {width:109px;}
.card_select {padding-top:0;text-align:center;}
.card_select .select_wrap {display:inline-block;width:350px;text-align:left;}
.card_select .select_wrap .ui_select[data-direction=up].is_active .ui_select_btn .ui_select_value {padding-top:10px;}
.card_select .select_wrap .ui_select .ui_select_btn .ui_select_value {min-height:44px;height:auto;padding-top:10px;padding-bottom:10px;}
.card_select .select_wrap .ui_select.is_active .ui_select_btn .ui_select_value:before {top:50%;margin-top:-3px;}
.card_select .select_wrap .ui_select .ui_select_value:before {top:50%;margin-top:-8px;}

/* 완료페이지 */
.complete_page .complete_body {margin-bottom:60px;}
.complete_page .banner_area .btn {margin-bottom:8px;}
.complete_page .banner_area .btn_wrap {margin-left:-2px;}
.complete_page .banner_area .btn_wrap .btn {margin:0 2px 8px;}
.banner_area.complete_bottom .btn {margin-bottom:8px;}
.banner_area.complete_bottom .btn_wrap {margin-left:-2px;}
.banner_area.complete_bottom .btn_wrap .btn {margin:0 2px 8px;}

/* 에러페이지 */
.complete_page.type_error .complete_body {padding-top:272px;}
.complete_page.type_error .complete_body.ani_ico.img04::before {top:130px; margin-top:0;}

/* 2020.02.24 삭제
.complete_page .banner_area + .btn_area {margin-top:30px;}
.complete_page .btn_area .btn {margin-bottom:8px;}
.complete_page .btn_area .btn_wrap {margin-left:-2px;}
.complete_page .btn_area .btn_wrap .btn {margin:0 2px 8px;}
*/

/* ==========================================================================
   ICON
========================================================================== */
.icon_box {display:block;width:100%;height:100%;background-size:50px auto;}
.icon_box.icon00::after {content:'';display:block;position:absolute;top:14px;left:50%;width:39px;height:39px;margin-left:-19px;background-color:#eee;}
.icon_box.icon01 {background:url(/pconts/images/icon/ico_icon01.png) no-repeat;}
.icon_box.icon02 {background:url(/pconts/images/icon/ico_icon02.png) no-repeat;}
.icon_box.icon03 {background:url(/pconts/images/icon/ico_icon03.png) no-repeat;}
.icon_box.icon04 {background:url(/pconts/images/icon/ico_icon04.png) no-repeat;}
.icon_box.icon05 {background:url(/pconts/images/icon/ico_icon05.png) no-repeat;}
.icon_box.icon06 {background:url(/pconts/images/icon/ico_icon06.png) no-repeat;}
.icon_box.icon07 {background:url(/pconts/images/icon/ico_icon07.png) no-repeat;}
.icon_box.icon08 {background:url(/pconts/images/icon/ico_icon08.png) no-repeat;}
/* .icon_box.icon09 {background:url(/pconts/images/icon/ico_icon09.png) no-repeat;} */
.icon_box.icon10 {background:url(/pconts/images/icon/ico_icon10.png) no-repeat;}
.icon_box.icon11 {background:url(/pconts/images/icon/ico_icon11.png) no-repeat;}
.icon_box.icon12 {background:url(/pconts/images/icon/ico_icon12.png) no-repeat;}
.icon_box.icon13 {background:url(/pconts/images/icon/ico_icon13.png) no-repeat;}
.icon_box.icon14 {background:url(/pconts/images/icon/ico_icon14.png) no-repeat;}
.icon_box.icon15 {background:url(/pconts/images/icon/ico_icon15.png) no-repeat;}
.icon_box.icon16 {background:url(/pconts/images/icon/ico_icon16.png) no-repeat;}
.icon_box.icon17 {background:url(/pconts/images/icon/ico_icon17.png) no-repeat;}
/* .icon_box.icon18 {background:url(/pconts/images/icon/ico_icon18.png) no-repeat;} */
.icon_box.icon19 {background:url(/pconts/images/icon/ico_icon19.png) no-repeat;}
.icon_box.icon20 {background:url(/pconts/images/icon/ico_icon20.png) no-repeat;}
.icon_box.icon21 {background:url(/pconts/images/icon/ico_icon21.png) no-repeat;}
.icon_box.icon22 {background:url(/pconts/images/icon/ico_icon22.png) no-repeat;}
.icon_box.icon23 {background:url(/pconts/images/icon/ico_icon23.png) no-repeat;} /* 장기카드대출(스피드론 외) > 이용절차 - 카드인증 */
.icon_box.icon24 {background:url(/pconts/images/icon/ico_icon24.png) no-repeat;} /* 장기카드대출(스피드론 외) > 이용절차 - 신청정보입력 */
.icon_box.icon25 {background:url(/pconts/images/icon/ico_icon25.png) no-repeat;} /* 장기카드대출(스피드론 외) > 이용절차 - 공인인증/본인명의 휴대폰인증 */
.icon_box.icon26 {background:url(/pconts/images/icon/ico_icon26.png) no-repeat;} /* 장기카드대출(스피드론 외) > 이용절차 - 신청완료 */
.icon_box.icon27 {background:url(/pconts/images/icon/ico_icon27.png) no-repeat;} /* 장기카드대출(스피드론 외) > 이용절차 - 대출금 입금 */
.icon_box.icon28 {background:url(/pconts/images/icon/ico_icon28.png) no-repeat;} /* 장기카드대출(마이너스대출 외) > 이용절차 - 본인계좌 약정 */
.icon_box.icon29 {background:url(/pconts/images/icon/ico_icon29.png) no-repeat;}
.icon_box.icon30 {background:url(/pconts/images/icon/ico_icon30.png) no-repeat;} /* 장기카드대출(할인예약서비스 신청) - 할인예약서비스 신청 */
.icon_box.icon31 {background:url(/pconts/images/icon/ico_icon31.png) no-repeat;} /* 장기카드대출(할인예약서비스 신청) - 신청 다음날 오전SMS발송 */
.icon_box.icon32 {background:url(/pconts/images/icon/ico_icon32.png) no-repeat;} /* 장기카드대출(할인예약서비스 신청) - 장기카드대출 신청 */
.icon_box.icon33 {background:url(/pconts/images/icon/ico_icon33.png) no-repeat;} /* 신용대출 > 즉시 대출 - 본인인증 */
.icon_box.icon34 {background:url(/pconts/images/icon/ico_icon34.png) no-repeat;} /* 신용대출 > 즉시 대출 - 한도조회 */
.icon_box.icon35 {background:url(/pconts/images/icon/ico_icon35.png) no-repeat;} /* 신용대출 > 즉시 대출 - 대출신청 */
.icon_box.icon36 {background:url(/pconts/images/icon/ico_icon36.png) no-repeat;} /* 신용대출 > 즉시 대출 - 상담원통화 후 대출금 입금 */
.icon_box.icon37 {background:url(/pconts/images/icon/ico_icon37.png) no-repeat;}
.icon_box.icon38 {background:url(/pconts/images/icon/ico_icon38.png) no-repeat;}
.icon_box.icon39 {background:url(/pconts/images/icon/ico_icon39.png) no-repeat;}
/* .icon_box.icon40 {background:url(/pconts/images/icon/ico_icon40.png) no-repeat;}
.icon_box.icon41 {background:url(/pconts/images/icon/ico_icon41.png) no-repeat;} */
.icon_box.icon42 {background:url(/pconts/images/icon/ico_icon42.png) no-repeat;}
.icon_box.icon43 {background:url(/pconts/images/icon/ico_icon43.png) no-repeat;}
.icon_box.icon44 {background:url(/pconts/images/icon/ico_icon44.png) no-repeat;}
.icon_box.icon45 {background:url(/pconts/images/icon/ico_icon45.png) no-repeat;}
.icon_box.icon46 {background:url(/pconts/images/icon/ico_icon46.png) no-repeat;}
.icon_box.icon47 {background:url(/pconts/images/icon/ico_icon47.png) no-repeat;}
.icon_box.icon48 {background:url(/pconts/images/icon/ico_icon48.png) no-repeat;}
.icon_box.icon49 {background:url(/pconts/images/icon/ico_icon49.png) no-repeat;}
.icon_box.icon50 {background:url(/pconts/images/icon/ico_icon50.png) no-repeat;}
.icon_box.icon51 {background:url(/pconts/images/icon/ico_icon51.png) no-repeat;}
.icon_box.icon52 {background:url(/pconts/images/icon/ico_icon52.png) no-repeat;}
.icon_box.icon53 {background:url(/pconts/images/icon/ico_icon53.png) no-repeat;}
.icon_box.icon54 {background:url(/pconts/images/icon/ico_icon54.png) no-repeat;}
.icon_box.icon55 {background:url(/pconts/images/icon/ico_icon55.png) no-repeat;} /* 자동차 담보대출 - 한도조회 및 상담신청 */
.icon_box.icon56 {background:url(/pconts/images/icon/ico_icon56.png) no-repeat;} /* 자동차 담보대출 - 상담원통화 */
.icon_box.icon57 {background:url(/pconts/images/icon/ico_icon57.png) no-repeat;} /* 자동차 담보대출 - 대출심사 */
.icon_box.icon58 {background:url(/pconts/images/icon/ico_icon58.png) no-repeat;} /* 자동차 담보대출 - 대출금입금 */
.icon_box.icon59 {background:url(/pconts/images/icon/ico_icon59.png) no-repeat;} /* 임대보증금대출 - 가능여부 조회 */
.icon_box.icon60 {background:url(/pconts/images/icon/ico_icon60.png) no-repeat;} /* 임대보증금대출 - 대출상담 */
.icon_box.icon61 {background:url(/pconts/images/icon/ico_icon61.png) no-repeat;} /* 임대보증금대출 - 대출실행 */
.icon_box.icon64 {background:url(/pconts/images/icon/ico_icon64.png) no-repeat;}
.icon_box.icon65 {background:url(/pconts/images/icon/ico_icon65.png) no-repeat;}
.icon_box.icon70 {background:url(/pconts/images/icon/ico_icon70.png) no-repeat;} 
.icon_box.icon71 {background:url(/pconts/images/icon/ico_icon71.png) no-repeat;}
.icon_box.icon72 {background:url(/pconts/images/icon/ico_icon72.png) no-repeat;}
.icon_box.icon73 {background:url(/pconts/images/icon/ico_icon73.png) no-repeat;}
.icon_box.icon74 {background:url(/pconts/images/icon/ico_icon74.png) no-repeat;}
.icon_box.icon75 {background:url(/pconts/images/icon/ico_icon75.png) no-repeat;}
.icon_box.icon76 {background:url(/pconts/images/icon/ico_icon76.png) no-repeat;}
.icon_box.icon77 {background:url(/pconts/images/icon/ico_icon77.png) no-repeat;}
.icon_box.icon78 {background:url(/pconts/images/icon/ico_icon78.png) no-repeat;}
.icon_box.icon79 {background:url(/pconts/images/icon/ico_icon79.png) no-repeat;}
.icon_box.icon80 {background:url(/pconts/images/icon/ico_icon80.png) no-repeat;}
.icon_box.icon81 {background:url(/pconts/images/icon/ico_icon81.png) no-repeat;}
.icon_box.icon82 {background:url(/pconts/images/icon/ico_icon82.png) no-repeat;}
.icon_box.icon83 {background:url(/pconts/images/icon/ico_icon83.png) no-repeat;}
.icon_box.icon84 {background:url(/pconts/images/icon/ico_icon84.png) no-repeat;}
.icon_box.icon85 {background:url(/pconts/images/icon/ico_icon85.png) no-repeat;}
.icon_box.icon86 {background:url(/pconts/images/icon/ico_icon86.png) no-repeat;}
.icon_box.icon95 {background:url(/pconts/images/icon/ico_icon95.png) no-repeat;}
.icon_box.icon96 {background:url(/pconts/images/icon/ico_icon96.png) no-repeat;}
.icon_box.icon97 {background:url(/pconts/images/icon/ico_icon97.png) no-repeat;}
.icon_box.icon98 {background:url(/pconts/images/icon/ico_icon98.png) no-repeat;}
.icon_box.icon99 {background:url(/pconts/images/icon/ico_icon99.png) no-repeat;}

.icon_box.icon100 {background:url(/pconts/images/icon/ico_icon100.png) no-repeat;}/* 공인인증서안내 > 유의사항*/
.icon_box.icon101 {background:url(/pconts/images/icon/ico_icon101.png) no-repeat;}
.icon_box.icon102 {background:url(/pconts/images/icon/ico_icon102.png) no-repeat;}
.icon_box.icon103 {background:url(/pconts/images/icon/ico_icon103.png) no-repeat;}
.icon_box.icon104 {background:url(/pconts/images/icon/ico_icon104.png) no-repeat;}
.icon_box.icon105 {background:url(/pconts/images/icon/ico_icon105.png) no-repeat;}
.icon_box.icon106 {background:url(/pconts/images/icon/ico_icon106.png) no-repeat;}

.icon_box.icon107 {background:url(/pconts/images/icon/ico_icon107.png) no-repeat;}
.icon_box.icon108 {background:url(/pconts/images/icon/ico_icon108.png) no-repeat;}
.icon_box.icon109 {background:url(/pconts/images/icon/ico_icon109.png) no-repeat;}
.icon_box.icon110 {background:url(/pconts/images/icon/ico_icon110.png) no-repeat;}
.icon_box.icon111 {background:url(/pconts/images/icon/ico_icon111.png) no-repeat;}
.icon_box.icon112 {background:url(/pconts/images/icon/ico_icon112.png) no-repeat;}
.icon_box.icon113 {background:url(/pconts/images/icon/ico_icon113.png) no-repeat;}
.icon_box.icon114 {background:url(/pconts/images/icon/ico_icon114.png) no-repeat;}
.icon_box.icon115 {background:url(/pconts/images/icon/ico_icon115.png) no-repeat;}
.icon_box.icon116 {background:url(/pconts/images/icon/ico_icon116.png) no-repeat;}

.icon_box.icon117 {background:url(/pconts/images/icon/ico_icon117.png) no-repeat;}
.icon_box.icon118 {background:url(/pconts/images/icon/ico_icon118.png) no-repeat;}
.icon_box.icon119 {background:url(/pconts/images/icon/ico_icon119.png) no-repeat;}
.icon_box.icon120 {background:url(/pconts/images/icon/ico_icon120.png) no-repeat;}
.icon_box.icon121 {background:url(/pconts/images/icon/ico_icon121.png) no-repeat;}
.icon_box.icon122 {background:url(/pconts/images/icon/ico_icon122.png) no-repeat;}
.icon_box.icon123 {background:url(/pconts/images/icon/ico_icon123.png) no-repeat;}
.icon_box.icon124 {background:url(/pconts/images/icon/ico_icon124.png) no-repeat;}
.icon_box.icon125 {background:url(/pconts/images/icon/ico_icon125.png) no-repeat;}
.icon_box.icon126 {background:url(/pconts/images/icon/ico_icon126.png) no-repeat;}
.icon_box.icon127 {background:url(/pconts/images/icon/ico_icon127.png) no-repeat;}
.icon_box.icon128 {background:url(/pconts/images/icon/ico_icon128.png) no-repeat;}
.icon_box.icon129 {background:url(/pconts/images/icon/ico_icon129.png) no-repeat;}
.icon_box.icon130 {background:url(/pconts/images/icon/ico_icon130.png) no-repeat;}
.icon_box.icon131 {background:url(/pconts/images/icon/ico_icon131.png) no-repeat;}
.icon_box.icon132 {background:url(/pconts/images/icon/ico_icon132.png) no-repeat;}
.icon_box.icon133 {background:url(/pconts/images/icon/ico_icon133.png) no-repeat;}
.icon_box.icon134 {background:url(/pconts/images/icon/ico_icon134.png) no-repeat;}
.icon_box.icon135 {background:url(/pconts/images/icon/ico_icon135.png) no-repeat;}

.icon_box.icon136 {background:url(/pconts/images/icon/ico_icon136.png) no-repeat;} /* 단기카드대출 > 신청완료(인출) */
.icon_box.icon137 {background:url(/pconts/images/icon/ico_icon137.png) no-repeat;} /* 장기카드대출 > 본인계좌 입금/약정 */

/* TopsClub */
.icon_box.icon140 {background:url(/pconts/images/contents/topsclub/ico_icon140.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon141 {background:url(/pconts/images/contents/topsclub/ico_icon141.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon142 {background:url(/pconts/images/contents/topsclub/ico_icon142.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon143 {background:url(/pconts/images/contents/topsclub/ico_icon143.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon144 {background:url(/pconts/images/contents/topsclub/ico_icon144.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon145 {background:url(/pconts/images/contents/topsclub/ico_icon145.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon146 {background:url(/pconts/images/contents/topsclub/ico_icon146.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon158 {background:url(/pconts/images/contents/topsclub/ico_icon158.png) no-repeat;} /* TopsClub > submain */
.icon_box.icon151 {background:url(/pconts/images/contents/topsclub/ico_icon151.png) no-repeat;} /* Tops Club > Tops Club 안내 > 그룹 Tops 가족합산 제도 */
.icon_box.icon152 {background:url(/pconts/images/contents/topsclub/ico_icon152.png) no-repeat;} /* Tops Club > Tops Club 안내 > 그룹 Tops 가족합산 제도 */
.icon_box.icon153 {background:url(/pconts/images/contents/topsclub/ico_icon153.png) no-repeat;} /* Tops Club > Tops Club 안내 > 그룹 Tops 가족합산 제도 */



.icon_box.icon147 {background:url(/pconts/images/icon/ico_icon147.png) no-repeat;} /* 카드상세 > 신용카드 > 큰수레 비즈니스, 큰수레 Simple+ */
.icon_box.icon148 {background:url(/pconts/images/icon/ico_icon148.png) no-repeat;} /* 카드상세 > 신용카드 > 큰수레 비즈니스, 큰수레 Simple+ */
.icon_box.icon149 {background:url(/pconts/images/icon/ico_icon149.png) no-repeat;} /* 카드상세 > 신용카드 > 큰수레 비즈니스, 큰수레 Simple+ */
.icon_box.icon150 {background:url(/pconts/images/icon/ico_icon150.png) no-repeat;} /* 카드상세 > 신용카드 > 큰수레 비즈니스, 큰수레 Simple+ */



.icon_box.icon154 {background:url(/pconts/images/icon/ico_icon154.png) no-repeat;} /* 친구에게 카드추천 >  신한카드 추천방법 팝업 */
.icon_box.icon155 {background:url(/pconts/images/icon/ico_icon155.png) no-repeat;} /* 친구에게 카드추천 >  신한카드 추천방법 팝업 */
.icon_box.icon156 {background:url(/pconts/images/icon/ico_icon156.png) no-repeat;} /* 친구에게 카드추천 >  신한카드 추천방법 팝업 */

.icon_box.icon157 {background:url(/pconts/images/icon/ico_icon157.png) no-repeat;}
.icon_box.icon158 {background:url(/pconts/images/icon/ico_icon158.png) no-repeat;}

.icon_list.btm_line {border-bottom:1px solid #eee;}
.icon_list.type01 {margin-right:-20px;margin-top:-20px;overflow:hidden;}
.icon_list.type01 > li {float:left;width:100px;height:100px;margin-right:20px;margin-top:20px;}
.icon_list.type01 > li .icon_box {background-position:center 16px;background-size:50px 50px;font-style:normal;}
.icon_list.type01 > li .icon_box .icon_name {display:block;padding:67px 0 14px;font-weight:700;font-size:15px;color:#333;text-align:center;line-height:1.3;}
.icon_list.type02 {margin-right:-12px;overflow:hidden;}
.icon_list.type02 > li {float:left;width:152px;height:149px;margin-right:12px;margin-bottom:12px;}
.icon_list.type02 > li > a {display:block;border:1px solid #ddd;border-radius:7px;background-color:#fff;}
.icon_list.type02 > li .icon_box {background-position:center 27px;background-size:50px;}
.icon_list.type02 > li .icon_box .icon_name {display:block;padding:80px 0 24px;font-size:13px;color:#333;text-align:center;line-height:1.3;}
.icon_list.type02 > li .icon_box .tel_num {display:block;margin-top:4px;font-weight:700;font-size:18px;}

.icon_list.type03 > li {float:left;width:132px;height:95px;margin-right:5px;margin-top:5px;}
.icon_list.type03 > li > a,
.icon_list.type03 > li > button,
.icon_list.type03 > li > label > input + span {position:relative;display:block;border:1px solid #ddd;border-radius:7px;background-color:#fff;}
.icon_list.type03 > li > label > input:not(:disabled) + span {cursor:pointer;}
.icon_list.type03 > li > label > input {position:absolute;left:-9999px;width:1px;height:1px;}
.icon_list.type03 > li > label > input:checked + span {border-color:#4868e1;border-width:2px;}
.icon_list.type03 > li > label > input:disabled + span {border-color:#dfdfdf;opacity:.5}
.icon_list.type03 > li .icon_box {background-position:center 16px;background-size:50px;}
.icon_list.type03 > li .icon_box .icon_name {display:block;padding:65px 0 10px;font-weight:700;font-size:15px;color:#333;text-align:center;line-height:1.3;}

.icon_list.type04 {border-bottom:1px solid #eee;}
.icon_list.type04 > li + li {border-top:1px solid #eee;}
.icon_list.type04 > li .item {position:relative;width:100%;height:100px;padding:26px 0 0 84px;}
.icon_list.type04 > li .item:before {display:block; position:absolute; top:50%; left:0; width:68px; height:68px; margin-top:-34px; border-radius:50%; background-color:#f2f4f8; content:"";}
.icon_list.type04 > li .item .tit {font-size:13px; color:#333;}
.icon_list.type04 > li .item .text {margin-top:5px;font-size:13px; color:#111;}

/* 자주찾는 메뉴 */ 
.icon_list.favorite {overflow:hidden; display:flex; padding-bottom:30px;} /*margin-right:-20px;margin-top:-20px;*/
.icon_list.favorite > li {width:100px;} /*margin-right:20px;margin-top:20px;*/
.icon_list.favorite > li .icon_box {background-position:center 0px;}
.icon_list.favorite > li .icon_box:focus,
.icon_list.favorite > li .icon_box:hover {background-position:center -150px;}
.icon_list.favorite > li .icon_box .icon_name {display:block;padding:55px 0 0;font-size:16px;color:#333;text-align:center;line-height:1.2;}

.icon_box.mypage01 {background:url(/pconts/images/icon/favorite/ico_mypage01.png) no-repeat;} /* 마이페이지 */
.icon_box.mypage02 {background:url(/pconts/images/icon/favorite/ico_mypage02.png) no-repeat;}
.icon_box.mypage03 {background:url(/pconts/images/icon/favorite/ico_mypage03.png) no-repeat;}
.icon_box.mypage04 {background:url(/pconts/images/icon/favorite/ico_mypage04.png) no-repeat;}
.icon_box.mypage05 {background:url(/pconts/images/icon/favorite/ico_mypage05.png) no-repeat;}
.icon_box.mypage06 {background:url(/pconts/images/icon/favorite/ico_mypage06.png) no-repeat;}
.icon_box.mypage07 {background:url(/pconts/images/icon/favorite/ico_mypage07.png) no-repeat;}
.icon_box.mypage08 {background:url(/pconts/images/icon/favorite/ico_mypage08.png) no-repeat;}

.icon_box.benefit01 {background:url(/pconts/images/icon/favorite/ico_benefit01.png) no-repeat;} /* 혜택 */
.icon_box.benefit02 {background:url(/pconts/images/icon/favorite/ico_benefit02.png) no-repeat;}
.icon_box.benefit03 {background:url(/pconts/images/icon/favorite/ico_benefit03.png) no-repeat;}
.icon_box.benefit04 {background:url(/pconts/images/icon/favorite/ico_benefit04.png) no-repeat;}
.icon_box.benefit05 {background:url(/pconts/images/icon/favorite/ico_benefit05.png) no-repeat;}

.icon_box.loan01 {background:url(/pconts/images/icon/favorite/ico_loan01.png) no-repeat;} /* 금융 */
.icon_box.loan02 {background:url(/pconts/images/icon/favorite/ico_loan02.png) no-repeat;}
.icon_box.loan03 {background:url(/pconts/images/icon/favorite/ico_loan03.png) no-repeat;}
.icon_box.loan04 {background:url(/pconts/images/icon/favorite/ico_loan04.png) no-repeat;}

.icon_box.card01 {background:url(/pconts/images/icon/favorite/ico_card01.png) no-repeat;} /* 카드 */
.icon_box.card02 {background:url(/pconts/images/icon/favorite/ico_card02.png) no-repeat;}
.icon_box.card03 {background:url(/pconts/images/icon/favorite/ico_card03.png) no-repeat;}
.icon_box.card04 {background:url(/pconts/images/icon/favorite/ico_card04.png) no-repeat;}

.icon_box.life01 {background:url(/pconts/images/icon/favorite/ico_life01.png) no-repeat;} /* 편의 */
.icon_box.life02 {background:url(/pconts/images/icon/favorite/ico_life02.png) no-repeat;}
.icon_box.life03 {background:url(/pconts/images/icon/favorite/ico_life03.png) no-repeat;}
.icon_box.life04 {background:url(/pconts/images/icon/favorite/ico_life04.png) no-repeat;}

.icon_box.tops01 {background:url(/pconts/images/icon/favorite/ico_tops01.png) no-repeat;} /* Tops Club */
.icon_box.tops02 {background:url(/pconts/images/icon/favorite/ico_tops02.png) no-repeat;}
.icon_box.tops03 {background:url(/pconts/images/icon/favorite/ico_tops03.png) no-repeat;}
.icon_box.tops04 {background:url(/pconts/images/icon/favorite/ico_tops04.png) no-repeat;}

.icon_box.center01 {background:url(/pconts/images/icon/favorite/ico_center01.png) no-repeat;} /* 고객센터 - 퀵메뉴 */
.icon_box.center02 {background:url(/pconts/images/icon/favorite/ico_center02.png) no-repeat;}
.icon_box.center03 {background:url(/pconts/images/icon/favorite/ico_center03.png) no-repeat;}
.icon_box.center04 {background:url(/pconts/images/icon/favorite/ico_center04.png) no-repeat;}
.icon_box.center05 {background:url(/pconts/images/icon/favorite/ico_center05.png) no-repeat;} /* 고객센터 - 서브메인 */
.icon_box.center06 {background:url(/pconts/images/icon/favorite/ico_center06.png) no-repeat;}
.icon_box.center07 {background:url(/pconts/images/icon/favorite/ico_center07.png) no-repeat;}




/* v1.0 가이드 수정됨 201191216
.icon_list.step {margin-top:-60px;}
.icon_list.step > li {position:relative;float:left;margin-top:60px;}
.icon_list.step > li::after {content:'';position:absolute;top:11px;right:0;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);}
.icon_list.step > li:last-child::after {display:none;}
.icon_list.step.col04 > li {width:25%;}
.icon_list.step.col05 > li {width:20%;}
.icon_list.step.col05 > li .icon_box .icon_name,
.icon_list.step.col06 > li .icon_box .icon_name {margin-bottom:0}
.icon_list.step.col06 > li {width:16.6%}
*/
/* v2.0 레이아웃 구조 변경 */
.icon_list.step {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:0 10px;}
.icon_list.step > li {position:relative;-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; padding:0 10px; padding-top:40px;}
.icon_list.step > li::after {content:'';position:absolute;top:54px;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);}
.icon_list.step > li:last-child::after {display:none;}
.icon_list.step.col02 > li {width:auto; flex-grow:0;}
.icon_list.step.col02 > li .icon_box {width:300px;}
.icon_list.step.col06 > li {width:33.333%;}
/* .icon_list.step.col06 > li:not(.flow):nth-child(3)::after {display:none;} */
.icon_list.step.col07 > li {width:25%;}
.icon_list.step.col07 > li ~ li:nth-child(4) {width:25%;}
/* .icon_list.step.col07 > li:nth-child(4)::after {display:none;} */

.icon_list.step > li .icon_box {padding:80px 0 0;background-position:center top;background-size:50px;text-align:center;}
.icon_list.step > li .icon_box .icon_step {display:block;margin-bottom:10px;font-weight:700;font-size:13px;color:#333;line-height:1;}
.icon_list.step > li .icon_box .icon_name {display:block;font-weight:700;font-size:16px;color:#333;line-height:1.3;}
.icon_list.step > li .icon_box .icon_txt {margin-top:8px;font-size:15px;color:#111;line-height:1.4;}
/* .accordion_body .icon_list.step > li .icon_box .icon_txt{font-size:13px;} */

/*badge*/
.badge_wrap span{background: #f32359;color: #fff;font-size: 13px;font-weight: 700;padding: 3px 12px;border-radius: 15px;}
.badge_wrap span.new_badge{background: #4868e1;}/* 20.02.24 카드리스트 색상 변경 - 문제시 카드스크럼 담당 퍼블에게 연락 */
.badge_wrap span.best_badge{background: #0d92be;}/* 20.02.24 카드리스트 색상 변경 - 문제시 카드스크럼 담당 퍼블에게 연락 */
.badge_wrap span.cash_badge{padding-top:4px;background: #9428c7;font-size:12px;}/* 20.02.24 카드리스트 색상 변경 및 한글폰트 사이즈 줄임 - 문제시 카드스크럼 담당 퍼블에게 연락 */
.badge_wrap span.line_badge{background: #fff;color:#111;font-size: 13px;font-weight: 700;padding: 1px 7px;border-radius: 15px;border: 1px solid #666;}
.badge_wrap span.line_badge.red{border-color: #f23168;color: #f23168;}
.badge_wrap span.line_badge.green{border-color: #599800;color: #599800;}
.badge_wrap span.line_badge.orange {border-color:#f14b25; color:#f14b25;}
.badge_wrap span.line_badge.premium {border-color:#111; color:#111 !important;}


/* ==========================================================================
   FLOW STEP
========================================================================== */
.has_flow_step {overflow:hidden;margin-bottom:23px;}
.has_flow_step .step_txt {float:left;font-size:24px;color:#111;font-weight:700;}
.has_flow_step .step_txt .explain {font-size:15px; font-weight:400;}
.flow_step {overflow:hidden;padding-top:5px;}
.flow_step ul {float:right;}
.flow_step ul li {position:relative;float:left;width:54px;height:24px;white-space:nowrap;}
.flow_step ul li::before {content:'';display:block;position:absolute;top:50%;left:18px;width:30px;border-top:1px solid #d7d7d7;}
.flow_step ul li:last-child {width:auto;}
.flow_step ul li:last-child::before {display:none;}
.flow_step ul li i {display:inline-block;position:relative;overflow:hidden;width:12px;height:12px;border-radius:50%;background-color:#d7d7d7;vertical-align:sub;text-indent:-9999px;}
.flow_step ul li span {display:none;padding:0 9px;font-size:16px;line-height:30px;}
.flow_step ul li.current i, .flow_step ul li.complete i {width:24px;height:24px;margin-left:-6px;background-color:#4868e1; vertical-align:top;}
.flow_step ul li.current i:before, .flow_step ul li.complete i:before {content:'';display:block;position:absolute;left:50%;top:50%;width:8px;height:12px;margin:-8px 0 0 -4px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.waterfall_step > li {position:relative;padding:25px 30px;border:1px solid #ddd;border-radius:7px;background-color:#fff;box-shadow:0 5px 16px rgba(51,51,51,0.17);}
.waterfall_step > li + li {margin-top:40px;}
.waterfall_step > li::after {content: '';position:absolute;left:50%;bottom:-16px;width:16px;height:16px;margin-left:-8px;border-top:none;border-left:none;border-right:2px solid #ddd;border-bottom:2px solid #ddd;transform:translateY(50%) rotate(45deg);-o-transform:translateY(50%) rotate(45deg);-ms-transform:translateY(50%) rotate(45deg);-webkit-transform:translateY(50%) rotate(45deg);transform-origin:center;}
.waterfall_step > li:last-child::after {display:none;}
.waterfall_step > li .h_title {margin-bottom:14px;}
/* ==========================================================================
   POPUP
========================================================================== */
/* 20200114 2.0 추가 */
/* Popup Display/Transition */
.pop_wrap {display:none;opacity:0; transition:all 0.3s ease;}/* 200207 z-index:100 추가 */
.pop_wrap .popup {opacity:0; transition:all 0.3s ease;}/* transform:translateY(-100px); */
.pop_wrap.is_visible {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.pop_wrap.is_active {opacity:1;}
.pop_wrap.is_active .popup {opacity:1; opacity:1;} /*  transform:translateY(0); */
/* Popup Layout */
.pop_wrap {position:fixed;left:0;right:0;top:0;bottom:0;padding:10px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;background:rgba(0,0,0,0.7);/*overflow:auto;*/z-index:1010;}
.pop_wrap > div {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.pop_wrap .popup {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:580px; background-color:#fff;}
.pop_wrap .popup .popup_dev {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.pop_wrap .popup .popup_dev.is_hidden {display:none;}
.pop_wrap .popup .pop_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;transition:all 0.25s ease;}
.pop_wrap .popup .pop_focus > span {display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
.pop_wrap .popup .pop_focus:focus {box-shadow:0 0 0 2px #4868e1;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont {overflow:hidden;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont,
.pop_wrap .popup .pop_btn {flex:none; overflow:hidden; position:relative; z-index:11;}
.pop_wrap .popup .pop_cont {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; overflow:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
.pop_wrap .popup .pop_cont .pop_sub_cont {overflow-y:auto;}
.pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple {padding:20px 0;}
.pop_wrap .popup .pop_cont .pop_sub_foot.btn_multiple .pop_btn:nth-child(1) {margin-bottom:20px;}
.pop_wrap .popup .btn_close, .pop_wrap .popup .btn_close2 {position:absolute; z-index:12;}
/* Popup Sized */
.pop_wrap.large .popup {width:980px; max-height:683px;}
.pop_wrap.large.type01 .popup {width:1100px; max-height:683px;}
.pop_wrap.medium .popup {width:720px; max-height:570px;}
.pop_wrap.small .popup {width:400px; max-height:430px;}
.pop_wrap.auto_h .popup {max-height:100%;}

/* 기본팝업 20200114 1.0 백업
.pop_wrap {display:none;position:fixed;left:0;right:0;top:0;bottom:0;padding:10px;background:rgba(0,0,0,0.7);z-index:60;}
.pop_wrap .popup {position:relative; width:580px; background-color:#fff;}
.pop_wrap .popup .pop_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.pop_wrap .popup .pop_head,
.pop_wrap .popup .pop_cont,
.pop_wrap .popup .pop_btn {position:relative; z-index:11;}
.pop_wrap .popup .btn_close {position:absolute; z-index:12;}
 */
/* 우편번호 팝업 */
.post_num_pop .btn.arrow span{font-size:18px;}
.post_num_pop .detail_confirm{padding-top:20px;}
.post_num_pop .radio_wrap.type_btn .radio_btn + .radio_btn{margin-left:7px;}
.post_num_pop.pop_wrap.medium .popup{min-height:875px;}
/* popup_type01 */
.popup_type01 {position:relative;max-width:100%;max-height:100%;margin:0 auto; background:#fff;margin-top:0 !important;}
.popup_type01 .btn_close, .popup_type01 .btn_close2 {display:block;position:absolute;right:20px;top:20px;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;}
.popup_type01.alert .btn_close {top:9px; right:10px;}
.popup_type01 .pop_head {flex:none; padding:26px 30px 26px 30px; text-align:left; background-color:#fff;}
.popup_type01 .pop_head.has_line {padding:22px 30px 22px 30px; margin-bottom:26px;}
.popup_type01 .pop_head h3 {min-height:31px;padding-right:30px;font-weight:700;font-size:24px;line-height:1.3; color:#111;}
.popup_type01 .pop_head.has_tab h3 {margin:0 0 25px;}
.popup_type01 .pop_head .explain {margin-top:11px;}
.popup_type01 .pop_cont {overflow-y:auto; overflow-x:hidden;padding:0 30px;}
.popup_type01 .pop_cont.type_visible {overflow:visible; z-index:20;}
.popup_type01 .pop_cont .pd_basic {padding-bottom:30px;}
.popup_type01 .pop_btn {padding:30px; text-align:center;}
.popup_type01 .pop_cont:after {content:'';display:block;}
.popup_type01 .pop_btn.pad_sm {padding:20px;}
.popup_type01.bg_gray {background-color:#f6f6f6;}
.popup_type01.bg_gray .pop_cont {padding-top:30px;}
.popup_type01.btn_none .pop_cont {padding-bottom:30px;}
.popup_type01 .pop_cont .bg_gray {margin:0 -30px;padding:0 30px;}
.popup_type01 .pop_cont .expend_wrap::before {left:0; width:100%;}
/* Small FullPopup */
.pop_wrap.mo_full {padding:0;}
.pop_wrap.mo_full .popup {max-height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.pop_wrap.mo_full .popup .pop_cont {flex-grow:1;}
/* Search Popup */
.pop_search .popup_type01 .pop_head .explain {margin-top:10px;}
/* Tab Popup */
.popup_type01 .pop_head.has_tab {padding-bottom:0;}
.popup_type01 .pop_head.has_tab .tab_type02 {margin-top:0px;}
.popup_type01 .pop_head.has_tab .tab_type01 .tab_pull:before {left:-30px; width:calc(100% + 60px);}
/* Tab Popup (Has Select: MOBFM046R06.html) */
.popup_type01 .pop_head.has_tab.has_select .tab_type01 {margin-top:0px;}
/* Alert, Confirm 팝업 */
.pop_wrap.pop_alert .popup_type01,
.pop_wrap.pop_confirm .popup_type01 {width:400px; padding-top:44px;} /* 크기가 동일하지만 팝업성격이 달라서 구분함 */
.pop_wrap.pop_alert .popup_type01 .pop_btn,
.pop_wrap.pop_confirm .popup_type01 .pop_btn {display:-webkit-flex; display:-ms-flexbox; display:flex;  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-top:24px;}
.pop_wrap.pop_alert .popup_type01 .pop_cont, 
.pop_wrap.pop_confirm .popup_type01 .pop_cont {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; text-align:center; min-height:60px; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.pop_wrap.pop_alert .popup_type01 .pop_msg, 
.pop_wrap.pop_confirm .popup_type01 .pop_msg {width:100%; font-size:20px; color:#111111;}
.pop_wrap.pop_alert.type02 .popup_type01 .pop_tit {margin-bottom:20px; font-size:24px; color:#111;}
/* Tooltip Default */
.tooltip {position:relative; display:inline-flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center;padding:0 12px;font-size:13px;text-align:center;background:#333;color:#ddd;line-height:33px;border-radius:4px;}
.tooltip .tooltip_close {display:inline-block;width:19px;height:19px;margin-left:3px;margin-right:-4px;background:url(/pconts/images/contents/mypage/tooltip_close.png) no-repeat 50%;vertical-align:middle;}
.tooltip::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%);}

/* Tooltip Buttons */
.text_btn.question {height:22px; line-height:22px; font-size:16px; font-weight:700;}
.text_btn.question span {display:block; width:22px; height:22px; font-size:13px; text-align:center; border:solid #696969 1px; border-radius:50%; background-color:#FFF; box-sizing: border-box;}
.text_btn.feel {height:22px; line-height:22px; font-size:16px; font-weight:700;}
.text_btn.feel span {display:block; width:22px; height:22px; font-size:13px; text-align:center; border:solid #696969 1px; border-radius:50%; background-color:#FFF; box-sizing: border-box;}
/* Tooltip Layer */
.tooltip_wrap {display:none;position:absolute;left:0;top:0;z-index:10;width:400px;border-radius:8px;background-color:#fff;box-shadow:0 0 29px rgba(0, 0, 0, 0.25);}
.tooltip_wrap .tooltip_focus {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.tooltip_wrap .tooltip_box {position:relative;height:100%;}
.tooltip_wrap .tooltip_head {padding:26px 30px 14px;}
.tooltip_wrap .tooltip_head h3 {font-size:20px;line-height:28px;color:#111111; font-weight:700;}
.tooltip_wrap .tooltip_cont {padding:25px 30px;}
.tooltip_wrap .btn_close {display:-webkit-flex; display:-ms-flexbox; display:flex; overflow:hidden; position:absolute; right:0; top:0; width:39px; height:39px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.tooltip_wrap .btn_close span {display:block; position:relative; width:13px; height:13px; text-indent:-9999px; overflow:hidden;}
.tooltip_wrap .btn_close span:before, .tooltip_wrap .btn_close span:after {content:'';display:block;position:absolute;left:-2px;top:50%;width:17px;height:1px;margin-top:-1px;background-color:#000;}
.tooltip_wrap .btn_close span:before {transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.tooltip_wrap .btn_close span:after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
/* Popover */
.popover_wrap {display:none; position:absolute; z-index:100; background-color:#fff; opacity:0; transform:translateY(50px); transition:all 0.2s ease;}
.popover_wrap.is_active {opacity:1; transform:translateY(0);}
.popover_focus {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:10; text-indent:-9999px; overflow:hidden;}
.popover_type01 {position:relative; z-index:20; display:block; width:330px; height:400px; padding:20px; box-shadow:0 0 57px 0 rgba(0,0,0,0.25);} /* 445px */
.popover_type01::before {content:''; position:absolute; display:block; left:50%; margin-left:-3px; top:-3px; width:6px; height:3px; background:url(/pconts/images/common/arw_popover.png);}
.popover_type01 .popover_cont {overflow-x:hidden; overflow-y:auto;}
.popover_type01 .popover_foot {text-align:center; padding:30px 0 7px 0;}
.popover_type01 .mCSB_scrollTools {right:-6px;}
.popover_type01 .mCSB_scrollTools .mCSB_draggerRail {width:4px;}
.popover_type01 .mCSB_inside > .mCSB_container {margin-right:0;}

/* cont_wrap */
.cont_wrap + .cont_wrap {margin-top:85px;}
.cont_wrap + .cont_wrap_tit20,
.cont_wrap_tit20 + .cont_wrap_tit20 {margin-top:55px;}
.cont_sub_wrap + .cont_sub_wrap {margin-top:25px;}

/* PC : 양쪽 사이드 => Mobile : 위아래로  */
.both_divide {width:100%;}
.both_divide .divide {display:-webkit-flex; display:-ms-flexbox; display:flex; width:50%; float:left; word-break:break-all;}
.both_divide .divide:nth-of-type(1) {width:calc(50% - 10px); }
.both_divide .divide:nth-of-type(2) {width:calc(50% - 10px); margin-left:20px;}
.both_divide.fixed_none .divide {width:auto;margin:0;}
.both_divide label {-webkit-box-flex:1; -ms-flex:1; flex:1; margin-right:24px;}/* 20.02.28 flex1로 변경 */
.both_divide input[type="radio"] + span.rdo_area {display:block;width:100%;height:100%;border:1px solid #bbb;border-radius:5px;background-color:#fff;padding:20px;}
.both_divide input[type="radio"]:checked + span.rdo_area {border:2px solid #4868e1;padding:19px;color:#4868e1;}
/* .both_divide input[type="radio"] + span.rdo_area:before {content:'';display:block;width:48px;height:48px;margin-bottom:20px;background:url(/pconts/images/contents/finance/radio_type_box_default.png) no-repeat 0 0;} */ /*20.02.28 아이콘 삭제 */
.both_divide input[type="radio"]:checked + span.rdo_area:before {background-image:url(/pconts/images/contents/finance/radio_type_box_checked.png)}
.both_divide input[type="radio"] + span.rdo_area span {display:block;}
.both_divide input[type="radio"] + span.rdo_area span.title {font-weight:700;}
.both_divide label:last-child {margin-right:0;}

/* keyword_search_box */
.keyword_search_box:after {content:'';display:block;clear:both;}
.keyword_search_box .right_area {float:right;}
.keyword_search_box .input_wrap.search_type {width:360px;}

.search_box_type01:after {content:''; display:block; clear:both;}
.search_box_type01 .input_wrap.search_type {float:right; width:490px; background:url('/pconts/images/common/ico_search.png') no-repeat 0 50% / 24px 24px;}
.input_wrap.search_type {display:block; position:relative; margin:0; padding:0 0 0 23px; border-bottom:2px solid #414141;}
.input_wrap.search_type input {width:100%; height:52px; padding:0 35px 0 8px; border:0; font-weight:700; font-size:20px; line-height:52px;}
.input_wrap.search_type input::placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input::-webkit-input-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input::-moz-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input:-moz-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input::-ms-input-placeholde{font-weight:400; font-size:20px;}
.input_wrap.search_type input:-ms-input-placeholder{font-weight:400; font-size:20px;}
.input_wrap.search_type input ~ .btn_clear {right:0;}
.input_wrap.search_type .btn_input_search {display:block; position:absolute; top:0; right:0; width:52px; height:52px; margin:0; padding:0; background:url('/pconts/images/icon/ico_search_type01.png') no-repeat 100% 50%; text-indent:-9999px;}

/* pc만 있는 화면 id="wrap"에 넣어주는 클래스 */
.only_pc {overflow-x:hidden; min-width:1100px;}

.flex_box {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.flex_box.flex_equal .flex_item {flex:1 1 0;}
.flex_box.flex_equal .flex_item:nth-child(1) {background-color:yellow}
.flex_box.flex_equal .flex_item:nth-child(2) {background-color:green}
.flex_box.flex_equal .flex_item:nth-child(3) {background-color:blue}

/* Map Area */
.map_area {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; height:217px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:gray; color:#fff;}
.map_area.hide {display:none;}

/* Card Box */
.card_box {display:block; position:relative; margin:0; padding:26px 28px; border:1px solid #ddd; border-radius:6px; box-shadow:2px 2px 24px -2px rgba(51, 51, 51, 0.17);}
.card_box .card_box_head {display:block; position:relative; margin:0 0 18px; padding:0;}
.card_box .card_box_head .card_box_title {font-weight:700; font-size:20px; color:#111;}

/* tel_link */
.tel_link {font-weight:700; color:#333;}

/* 진행바 가이드 */
.pop_cont .select_wrap.progress_index + .guide_con {padding-top:60px;}
.select_wrap.progress_index {display:none;z-index:12;height:45px;}
.select_wrap.progress_index.current {display:block;}
.select_wrap.progress_index .btn_select {display:inline-block;position:relative;width:100%;height:42px;border-top:none;padding-left:30px;background-color:#fff;font-weight:700;font-size:16px;line-height:42px;color:#333;}
.select_wrap.progress_index .btn_select:after {content:'';display:block;position:absolute;position:absolute;top:0;right:4px;width:42px;height:42px;background:url(/pconts/images/common/ico_list_select.png) no-repeat 50% 50% / 11px auto; transform:rotate(180deg);}
.select_wrap.progress_index .btn_select.focused:after {transform:rotate(0deg);}
.select_wrap.progress_index .btn_select:focus {border-left:none; border-right:none; border-bottom:solid #ddd 1px;}
.select_wrap.progress_index .btn_select.focused {border:none;}
.select_wrap.progress_index .list_selectbox {display:none;position:absolute;left:0;top:44px;width:100%;border:none;background-color:#fff; box-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);}
.select_wrap.progress_index .list_selectbox li {height:43px;}
.select_wrap.progress_index .list_selectbox li + li {border-top:solid #ddd 1px;height:44px;}
.select_wrap.progress_index .list_selectbox li .option {display:inline-block;width:100%;height:43px; line-height:44px; color:#333; font-size:16px; font-weight:700; padding:0 30px;}
.select_wrap.progress_index .list_selectbox li .option:hover, .select_wrap.progress_index .list_selectbox li .option:focus {background-color:#FFF; color:#333;}
.select_wrap.progress_index .progress_bar {display:block; position:absolute; left:0; top:41px; width:100%; height:3px; background-color:#f0f0f0;}
.select_wrap.progress_index .progress_bar .bar {display:block; position:absolute;left:0; top:0; width:0; height:3px; background-color:#4766dd; font-size:1px; color:transparent;} 

/* gage bar */
.gage_group .both_side .form_group {float:left;width:50%;}
.gage_group .both_side .form_group:first-of-type  {padding-right:15px;}
.gage_group .both_side .form_group:last-of-type  {padding-left:15px;}
.gage_group .both_side .form_group label {display:inline-block;}
.gage_group .gage_wrap {position:relative; padding-top:10px;}
.gage_group .gage_wrap .key_tooltip {position:absolute; left:50%; top:-50px; width:520px; height:0; overflow:hidden; margin-left:-260px; border-radius:20px; line-height:40px; text-align:center; background-color:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);opacity:0;}
.gage_group .gage_wrap .key_tooltip:focus {opacity:1; height:auto ;}
.gage_group .gage_wrap .gage_bar {position:relative; overflow:hidden;width:100%;height:10px;border-radius:5px;background-color:#ddd;}
.gage_group .gage_wrap .gage_bar .bar {display:block;position:absolute;top:0;height:10px; background-color:#4868e1; pointer-events:none;}
.gage_group .gage_wrap.single .gage_bar .bar {width:100%; right:100%; transform:translateX(0%);}
.gage_group .gage_wrap.multi .gage_bar .bar {left:0; right:0;}
.gage_group .gage_wrap .gage_text {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.gage_group .gage_wrap .gage_text > span {display:inline-flex; width:1px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.gage_group .gage_wrap .gage_text > span:first-child {-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-start;}
.gage_group .gage_wrap .gage_text > span:last-child {-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}
.gage_group .gage_wrap .gage_text > span > span {display:block; font-size: 13px;}
_:-ms-input-placeholder, :root .gage_group .gage_wrap .gage_text > span > span {margin-left: -10px;}/*ie hack*/
.gage_group .gage_wrap .circle_btn {position:absolute;top:0;width:30px;height:30px;border-radius:50%;background-image:linear-gradient(to top, rgba(84,113,224, 1.0) 40%, rgba(100,133,254,1));}
.gage_group .gage_wrap .circle_btn.start {left:0; margin-left:-15px;}
.gage_group .gage_wrap .circle_btn.end {right:0; margin-right:-15px;}
.gage_group .both_side .form_group.float label,
.gage_group .both_side .form_group.float .input_wrap {float:left;}
.gage_group .both_side .form_group.float label {display:inline-block; width:45px;line-height:44px;color:#111;}
.gage_group .both_side .form_group.float .input_wrap {width:calc(100% - 45px);}
.gage_group .range {display:none; position:absolute; left:0; top:0; height:30px; width:100%; clip:rect(0,0,1px,1px)}
.gage_group .range:focus + .gage_area:before {content:''; display:block; height:30px; position:absolute; left:0; top:0; height:30px; width:100%; box-shadow:0 0 0 2px rgba(72,104,225, 0.5);}

/* 캠페인설문조사 */
.survey_campain .survey_head {margin-bottom:25px;}
.survey_campain .survey_cont .title {margin-bottom:10px; font-size:16px; color:#333; font-weight:700;}
.survey_campain .survey_cont .btn_wrap {margin-top:40px;}

/* 자동로그아웃 팝업 */
.pop_autoLogout {padding-top:68px; padding-bottom:30px;}
.pop_autoLogout .complete_body {margin-bottom:25px;}
.pop_autoLogout .complete_body.type01 {padding-top:95px; background-position:50% 0;}
.pop_autoLogout .complete_body.type01 .title {font-size:24px;}
.pop_autoLogout .complete_body.type01 .sub_title {font-size:15px;}
.pop_autoLogout .complete_body.type01 .sub_title + .sub_title {padding-top:5px;}
.pop_autoLogout.is_completed .complete_body.type01 {background:none; padding-top:0;}

/* 주소 선택 */
.text_addr {display:block;overflow-y:auto;width:100%;height:80px;padding:14px;font-size:16px;line-height:24px;color:#999;border:1px solid #dddddd;background-color:#fff;box-sizing:border-box;}
.text_addr.side {width:calc(100% - 85px);}
.text_addr.check {color:#333;}
.text_addr.readonly {background-color:#e6e6e6;}
.text_addr.error {border:2px solid #ff0000;}

.text_etc {display:block;width:100%;height:44px;padding:0 14px;font-weight:400;font-size:16px;line-height:42px;color:#999;border:1px solid #dddddd;background-color:#fff;box-sizing:border-box;}
.text_etc.check {color:#333;}
.text_etc.readonly {background-color:#e6e6e6;}
.text_etc.error {border:2px solid #ff0000;}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
/* 임시 로딩바 - 시작 */
#__flying_partition__ .progress {position:fixed;top:50%;left:50%;min-width:100px;z-index:1100;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
#__flying_partition__ .progress .ico_morse {overflow:hidden;margin:0 auto;width:100px;height:100px;position:relative;background:url("/pconts/images/common/ani_loading.png") center 0 no-repeat;background-size:100px auto;-webkit-animation: morseCode 3s steps(38) infinite;animation:morseCode 3s steps(38) infinite;}
#__flying_partition__ .progress .txt_info {display:none;overflow:hidden;width:100%;margin-top:13px;font-size:15px;color:#f6f6f6;text-align:center;white-space:nowrap;}
#__flying_partition__ .layer_dimmed {display:none;overflow:hidden;position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.60);}

@-webkit-keyframes morseCode {
	0% { 
		background-position:50% 0
	}
	100% {
		background-position:50% -3800px
	}
}
@keyframes morseCode {
	0% {
		background-position:50% 0
	}
	100% {
		background-position:50% -3800px
	}
}
/* 임시 로딩바 - 끝 */

/* 완료 animation */
.complete_body.ani_ico {position:relative;background:none;}
.complete_body.ani_ico::before {content:'';display:block;position:absolute;top:50%;left:50%;overflow:hidden;margin:-130px 0 0 -56px;width:112px;height:112px;}
.complete_body.ani_ico.img01::before {background:url("/pconts/images/common/ani_ico01.png") center 0 no-repeat;background-size:112px auto;-webkit-animation: aniIco01 1.5s steps(9) infinite;animation:aniIco01 1.5s steps(9) infinite;}
.complete_body.ani_ico.img02::before {background:url("/pconts/images/common/ani_ico02.png") center 0 no-repeat;background-size:112px auto;-webkit-animation: aniIco02 0.6s steps(7) infinite;animation:aniIco02 0.6s steps(7) infinite;}
.complete_body.ani_ico.img03::before {background:url("/pconts/images/common/ani_ico03.png") center 0 no-repeat;background-size:112px auto;-webkit-animation: aniIco03 1.5s steps(13) infinite;animation:aniIco03 1.5s steps(13) infinite;}
.complete_body.ani_ico.img04::before {background:url("/pconts/images/common/ani_ico04.png") center 0 no-repeat;background-size:112px auto;-webkit-animation: aniIco04 1.7s steps(20) infinite;animation:aniIco04 1.7s steps(20) infinite;}
.complete_body.ani_ico.img05::before {background:url("/pconts/images/common/ani_ico05.png") center 0 no-repeat;background-size:112px auto;-webkit-animation: aniIco05 1.4s steps(5) infinite;animation:aniIco05 1.4s steps(5) infinite;}
.complete_body.ani_ico.img06::before {background:url("/pconts/images/common/ani_ico06.png") center 0 no-repeat;background-size:112px auto;-webkit-animation: aniIco06 3s steps(9) infinite;animation:aniIco06 3s steps(9) infinite;}
/* 스와이프 탭컨텐츠 완료 */
.swiper_tabCont .complete_body.ani_ico {padding-bottom:30px;}
.swiper_tabCont .complete_body.ani_ico::before {margin-top:-80px;}
@-webkit-keyframes aniIco01 {
	0% { background-position:50% 0 }
	100% { background-position:50% -1008px }
}
@keyframes aniIco01 {
	0% { background-position:50% 0 }
	100% { background-position:50% -1008px }
}
@-webkit-keyframes aniIco02 {
	0% { background-position:50% 0 }
	100% { background-position:50% -784px }
}
@keyframes aniIco02 {
	0% { background-position:50% 0 }
	100% { background-position:50% -784px }
}
@-webkit-keyframes aniIco03 {
	0% { background-position:50% 0 }
	100% { background-position:50% -1456px }
}
@keyframes aniIco03 {
	0% { background-position:50% 0 }
	100% { background-position:50% -1456px }
}
@-webkit-keyframes aniIco04 {
	0% { background-position:50% 0 }
	100% { background-position:50% -2240px }
}
@keyframes aniIco04 {
	0% { background-position:50% 0 }
	100% { background-position:50% -2240px }
}
@-webkit-keyframes aniIco05 {
	0% { background-position:50% 0 }
	100% { background-position:50% -560px }
}
@keyframes aniIco05 {
	0% { background-position:50% 0 }
	100% { background-position:50% -560px }
}
@-webkit-keyframes aniIco06 {
	0% { background-position:50% 0 }
	100% { background-position:50% -1008px }
}
@keyframes aniIco06 {
	0% { background-position:50% 0 }
	100% { background-position:50% -1008px }
}

/* 완료 animation - 끝 */

/* 공통 텍스트 로딩바 - 마이 서브메인 기준 */
.noData_list{display:block;overflow:hidden;position:relative;padding:0 0 35px 0}
.noData_list p{overflow:hidden;position:relative;width:80%;height:10px;margin-top:10px;background:#ddd}
.noData_list .tit{width:35%;height:16px;margin:0 0 20px}
.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);}
.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%}
}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

/* Preview Printmode */
.printBody {min-width:760px; overflow:auto;}
.printBody::after {content:''; display:block; position:fixed; z-index:0; left:calc(-50vw + 50%); top:0; width:100vw; height:60px; background-color:#ddd;}
.printBody #wrap {min-height:1px;}
html.isPcOnly body.printBody {min-width:0; overflow:auto;}
html.isPcOnly body.printBody #header {min-width:0;}

.printBody .btn_print_down,
.printBody .btn_download2,
.printBody .btn_email2,
.printBody .btn_fax,
.printBody .btn_print {display:none;}

.printBody #header .header_print {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:10px 20px; width:100% !important; margin:auto; background-color:#ddd;}
.printBody #header .header_print h1 {color:#111111; font-size:24px;}
.printBody #header .btn_md {height:40px;padding:0 15px;border:1px solid #bbb;border-radius:3px;background:#fff;font-weight:400;font-size:15px;color:#111;line-height:38px;}
.printBody #header .btn_md.btn_print {display:inline-block;}
.printBody #header .btn_md.btn_print span{color:#111;}
.printBody #header .btn_md.btn_print:before {content:''; display:inline-block; width:16px; height:14px; margin-right:6px;background:url(/pconts/images/icon/ico_print02.png) no-repeat 50% 50%; vertical-align:-3px;}
.printBody #lnb, 
.printBody #footer {display:none !important;}
.printBody #container {width:100% !important; padding-top:88px !important;}
.printBody .ly_inner {width:720px !important; margin:auto; padding:0 !important}
.printBody #pageTit + .ly_inner {padding-top:0;}
.printBody #btnTop, 
.printBody .button, 
.printBody .button_wrap {display:none !important;}
.printBody .contents {padding-bottom:0;}
.printBody .contents_heading {display:block;}
.printBody .contents_heading .h_title38 {font-size:24px !important;} /* 다자인가이드 폰트사이즈 축소요청 */
.printBody .content_print {display:flex !important; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:1px solid #666666;}
.printBody .content_print img {width:180px; padding-bottom:20px;}
.printBody #wrap {top:0 !important;}
.printBody .pop_wrap.large,
.printBody .pop_wrap.medium,
.printBody .pop_wrap.full_pop {position:static !important; padding:0;}
.printBody .pop_wrap.large .popup,
.printBody .pop_wrap.medium .popup,
.printBody .pop_wrap.full_pop .popup {width:100%; height:auto; max-height:none; display:block;}
.printBody .pop_wrap.small .popup {width:100%; max-height:100%;}
.printBody .pop_wrap.mo_full .popup{height: 100%;}
.printBody .pop_wrap.large .popup .pop_cont,
.printBody .pop_wrap.medium .popup .pop_cont,
.printBody .pop_wrap.full_pop .popup .pop_cont {flex:0 0 auto; height:auto !important; overflow:auto;}
.printBody .pop_wrap .popup .btn_close {display:none;}
.printBody .pop_wrap.pop_alert,
.printBody .pop_wrap.pop_confirm {display:none !important;}
.printBody .table_wrap.col th,
.printBody .table_wrap.col td {font-size:13px;}


@media print {
	/* Base */
	* {-webkit-print-color-adjust:exact;print-color:exact;color-adjust:exact;}
	body {width:100%;}
	html, body, #wrap, #container {height:auto;}
	#header, #lnb, #footer {display:none !important;}
	#container {padding:0 !important;}
	.agtSafari body {font-family:serif;}
	#pageTit + .ly_inner {padding-top:0;}
	#btnTop, .button, .button_wrap {display:none !important;}
	.printBody {min-width:1px;}
	.printBody::after {display:none;}
	html.isPcOnly body {min-width:0; overflow:auto;}
	html.isPcOnly #header {min-width:0;}
	body {min-width:0; overflow:auto;}
	#header {min-width:0;}
	.ly_inner,
	.printBody .ly_inner {width:100% !important;}
	.quick_fixed {display:none;}
	/* Flex Layout 해제 */
	#wrap, #container {display:block;}

	/* Common */
	.contents_heading .h_title38 {font-size:24px !important;} /* 다자인가이드 폰트사이즈 축소요청 */
	.btn_print_down,
	.btn_download2,
	.btn_email,
	.btn_email2,
	.btn_fax,
	.btn_print,
	.btn_print_down.pc_show,
	.print_hide,
	.tooltip,
	.event_bnr,
	body > .btn.default {display:none !important;}

	/* Print Header */
	.content_print {display:flex !important; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:1px solid #666666;padding-top:30px;}
	.content_print img {width:180px; padding-bottom:20px;}
	
	/* Popup Open */
	html.pop_open, body.pop_open {position:static; height:auto; overflow:auto;}
	#wrap {top:0 !important;}
	.is_popPrint #wrap {display:none;}

    /* Popup Styles */
    .is_popPrint .pop_wrap.large,
    .is_popPrint .pop_wrap.medium,
    .is_popPrint .pop_wrap.small,
    .is_popPrint .pop_wrap.full_pop {position:static !important; padding:0; background:transparent; margin-top:3px;}
	.is_popPrint .pop_wrap.large .popup,
    .is_popPrint .pop_wrap.medium .popup,
    .is_popPrint .pop_wrap.small .popup,
    .is_popPrint .pop_wrap.full_pop .popup {width:100%; height:auto; max-height:none; display:block !important;background:transparent;}
    .is_popPrint .pop_wrap.mo_full .popup{height: 100%;}
	.is_popPrint .pop_wrap.large .popup .pop_cont,
    .is_popPrint .pop_wrap.medium .popup .pop_cont,
    .is_popPrint .pop_wrap.small .popup .pop_cont,
    .is_popPrint .pop_wrap.full_pop .popup .pop_cont {flex:0 0 auto; height:auto !important; overflow:auto;}
	.is_popPrint .pop_wrap .pop_btn,
	.is_popPrint .pop_wrap .popup .btn_close {display:none;}
	.is_popPrint .pop_wrap.pop_alert,
	.is_popPrint .pop_wrap.pop_confirm {display:none !important;}

	/* Popup Contents */
	.is_popPrint .pop_wrap.is_visible {display:block;}
	.is_popPrint .popup, .is_popPrint .pop_cont {height:auto !important;}

	/* Popup Statment */ 
	body.is_popPrint.has_popCardStatement .pop_wrap .popup.pop_card_statement {width:420px; margin:auto;}
	.is_popPrint .pop_card_statement:after {display:none;}

	/* Contents */
	.table_wrap.lr_none table {width:calc(100% + 4px); margin:0 -2px;}
	.listofbills_wrap {width:100% !important;}
	.list_wrap_payment.center li {min-width:60px !important;}
	.table_wrap.col th,
	.table_wrap.col td {font-size:13px;}
	.printArea.gapt60 {margin-top:0 !important;}
	.card_reportlist_wrap .swiper-wrapper {transform:none !important;}
	.card_reportlist_wrap .dashdesk.swiper-slide {display:none;}
	.card_reportlist_wrap .dashdesk.swiper-slide-active {display:block;}
	.card_usage_wrap .card_usage_list .price::after {right:0;}
	.view_as_amount {flex-direction:column;}

	/* Accordion Active */
	.accordion_wrap .accordion_header button.acc_btn,
	.accordion_wrap .accordion_header a[role="button"].acc_btn {border-top:1px solid #333333;}
	.accordion_wrap .accordion_header button.acc_btn:after,
	.accordion_wrap .accordion_header a[role="button"].acc_btn:after {transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
	.accordion_wrap .accordion_header button.acc_btn.medium:after,
	.accordion_wrap .accordion_header a[role="button"].acc_btn.medium:after,
	.accordion_wrap .accordion_header button.acc_btn.big:after,
	.accordion_wrap .accordion_header a[role="button"].acc_btn.big:after {margin-top:-10px; margin-top:-11px; border-right:2px solid #333;border-bottom:2px solid #333;transform:translateY(50%) rotate(225deg);-o-transform:translateY(50%) rotate(225deg);-ms-transform:translateY(50%) rotate(225deg);-webkit-transform:translateY(50%) rotate(225deg);}
	.accordion_wrap .accordion_body {display:block !important;}

	/* Preview */
	.printBody #container {width:100% !important; padding-top:0 !important;}
	.neocave {display:none;}
}