@charset "utf-8";

/* 로그인 */
.login_wrap {height:100%;}
.login_wrap > .inner {display:table;width:1080px;margin:0 auto;padding:25px 0 0 0;}
.login_wrap .left_con, .login_wrap .right_con {display:table-cell;/*vertical-align:middle;*/vertical-align:top;}
.login_wrap .left_con .inner, .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {position:relative;min-height:511px;}
.login_wrap .left_con {width:445px;}
.login_wrap .left_con .inner {padding:190px 0 0 25px;}
.login_wrap .left_con .inner:before {content:'';display:block;overflow:hidden;position:absolute;right:0;top:113px;width:180px;height:218px;background:url(/pconts/images/contents/login/bg_login.png) no-repeat left top;background-size:180px auto;-webkit-animation:loginAni 3s steps(40) infinite;-ms-animation:loginAni 3s steps(40) infinite;animation:loginAni 3s steps(40) infinite;}
.login_wrap .left_con .inner:after {content:'';display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:url(/pconts/images/contents/login/bg_login_line.png) no-repeat left top;}
.login_wrap .left_con strong {font-size:36px;line-height:47px;color:#333;}
.login_wrap .left_con p {margin-top:15px;font-size:14px;line-height:22px;color:#999;}
.login_wrap .right_con {width:auto;}
.login_wrap .right_con .inner {padding:131px 152px 0;}
.login_wrap.type02 .right_con .inner {padding-left:90px;padding-right:90px;}
.login_wrap.type03 .right_con .inner {padding-top:29px;padding-left:33px;padding-right:34px;}
.login_wrap .right_con .input_wrap.interaction.focus label span {display:none;}
.login_wrap .right_con .btn_wrap {margin-top:20px;text-align:center;}

@-webkit-keyframes loginAni {
	0% {background-position:50% 0}
	100% {background-position:50% -8720px}
}
@-ms-keyframes loginAni {
	0% {background-position:50% 0}
	100% {background-position:50% -8720px}
}
@keyframes loginAni {
	0% {background-position:50% 0}
	100% {background-position:50% -8720px}
}

@-webkit-keyframes loginAni2 {
    0% {background-position:50% 0}
    100% {background-position:50% -5800px}
}
@-ms-keyframes loginAni2 {
    0% {background-position:50% 0}
    100% {background-position:50% -5800px}
}
@keyframes loginAni2 {
    0% {background-position:50% 0}
    100% {background-position:50% -5800px}
}

/*
.login_wrap .right_con .btn_wrap .btn {height:56px;border-radius:28px;font-weight:700;line-height:56px;}
.login_wrap .right_con .btn_wrap .btn.default {padding:0 20px;min-width:200px;}
*/
body.mobile .login_wrap .right_con .btn_wrap .btn_install {display:none;}
.login_wrap .right_con .btn_wrap .btn_app_card {width:299px;}
.login_wrap .right_con .btn_wrap .btn_app_card:after {content:'';display:inline-block;width:18px;height:18px;margin:-2px 0 0 9px;background:url(/pconts/images/icon/ico_outlink.png) no-repeat left top;vertical-align:middle;}
.login_wrap .right_con .form_ele + .btn_wrap {margin-top:40px;}
.login_wrap.type02 .right_con .inner .btn_wrap {width:266px;margin:20px auto 0;}
/*
.login_wrap.type02 .right_con .inner .btn_wrap .btn.default {min-width:100%;}
*/
.login_wrap.type02 .right_con .inner .btn_wrap .btn + .btn {margin:20px 0 0;}
body.mobile .login_wrap.type02 .right_con .login_member .btn_exe_noinstall, 
body.mobile .login_wrap.type02 .right_con .login_member .btn_exe_install span {display:none;}
.login_wrap .right_con .btn_wrap .btn.ext_type {min-width:220px;height:48px;border-radius:24px;font-weight:400;line-height:48px;}
.login_wrap .right_con .btn_wrap .btn.ext_type .arrow_r {padding-right:13px;line-height:46px;vertical-align:top;}
.login_wrap .right_con .btn_wrap .btn.ext_type .arrow_r:after {width:10px;height:10px;opacity:0.4;}
.login_wrap .right_con .login_member {overflow:hidden;margin-top:13px;display:flex;justify-content:center;}
.login_wrap .right_con .login_member ul {position:relative;display:flex;justify-content:center;overflow:hidden;}
.login_wrap .right_con .login_member ul li {position:relative;flex:none;padding:0 11px;}
.login_wrap .right_con .login_member ul li:before {content:'';display:block;position:absolute;left:-1px;top:4px;width:1px;height:13px;background-color:#cdcdcd;}
.login_wrap .right_con .login_member ul li a {font-size:15px;line-height:20px;color:#333;}
.login_wrap .right_con .login_member ul li.btn_pwd_reset, .login_wrap .right_con .login_member ul li.btn_ease_pwd_notice {margin:0;padding:0;}
.login_wrap .right_con .login_member ul li.btn_pwd_reset:before, .login_wrap .right_con .login_member ul li.btn_ease_pwd_notice:before {display:none;}
.login_wrap .right_con .login_ext {position:absolute;left:0;bottom:0;width:100%;text-align:center;} /* 내용이 길면 bottom:50px 겹침 */
.login_wrap .right_con .login_ext.static {position:relative; left:auto; top:auto; bottom:auto; margin-top:60px;}
.login_wrap .right_con .login_ext button {font-weight:700;font-size:15px;color:#333;}
.login_wrap .guide_txt {margin-top:-9px;padding-bottom:14px;text-align:center;}
.login_wrap .guide_txt p {font-size:20px;line-height:27px;color:#333;}
.login_wrap .step02 {display:none;}
.login_wrap > .inner + .ly_inner {margin-top:20px;}
.login_wrap.type03 .form_type {padding-top:0;}
.login_wrap.type03 .form_type.type02 {padding-top:73px;}
.login_wrap.type03 .form_type .form_ele {padding-left:171px;}
.login_wrap.type03 .form_type .form_ele .ele_tit {width:171px;}
.login_wrap.type03 .form_type .accordion_wrap + .form_ele {margin-top:20px;}
.login_wrap.type03 .timer_input_side {right:133px;color:#4868e1;}
.login_wrap.type03 .timer_input_side:before, .login_wrap.type03 .timer_input_side:after {display:none;}
.login_wrap.type03 .btn_input_side {border-radius:4px;}
.login_wrap .btm_type {display:none;}
.login_wrap .text_tip.error {display:none;}
.login_wrap .mo_show {display:none;}

/* 간편비밀번호 등록 */
.login_wrap.minPwAppend_wrap .guide_txt {padding:0 50px;}
.login_wrap.minPwAppend_wrap.type02 .right_con .inner .btn_wrap {margin-top:35px;}

/* 애니메이션 인풋 */
.interaction {position:relative;}
.interaction label {display:block;position:absolute;left:0;top:0;width:100%;height:100%;padding:0 27px;font-size:18px;line-height:60px;color:#d0d0d0;transition:all 0.1s ease;}
.interaction input {height:60px;border:1px solid #d0d0d0;border-radius:4px;line-height:58px;}
.interaction.is_focus label,
.interaction.focus label {display:inline-block;left:12px;top:-8px;width:auto;height:auto;padding:0 6px;background-color:#fff;font-weight:700;font-size:16px;line-height:20px;color:#4768e1;vertical-align:middle;}
.interaction.is_focus input,
.interaction.focus input {padding:0 16px;border-width:2px;border-color:#4768e1;font-weight:700;line-height:56px;color:#333;}

.contents.login .accordion_header a[role="button"].acc_btn {padding-left:28px;padding-right:60px;}
.contents.login .accordion_body .area {padding:13px 30px 16px;}
.contents.login .accordion_body .marker_dot > li {padding-left:6px;line-height:20px;color:#111;}
.contents.login .accordion_body .marker_dot > li::before {width:2px;height:2px;top:8px;border-radius:0;background-color:#8a8a8a;}
.contents.login .accordion_body .marker_dot > li + li {margin-top:9px;}
.contents.login .accordion_body .marker_dot > li .font_md {color:#333;}


/* 다른방식 로그인 팝업 */
.pop_wrap.login_type {color:#333;}
.pop_wrap.login_type .popup_type01 .pop_cont:after {display:none;}
.pop_wrap.login_type .pop_head {padding:69px 0 0;border:0;}
.pop_wrap.login_type .pop_head h3 {font-size:20px;line-height:26px; text-align:center;}
.pop_wrap.login_type .pop_cont {padding-top:25px;padding-bottom:55px;}
.pop_wrap.login_type .pop_cont > .inner {position:relative; height:100%;}
.pop_wrap.login_type .pop_cont > .inner > div {height:100%;}
.pop_wrap.login_type .type_list_wrap {width:180px;margin:0 auto;}
.pop_wrap.login_type .type_list_wrap li {font-weight:700;font-size:16px;line-height:20px;}
.pop_wrap.login_type .type_list_wrap li + li {border-top:1px solid #e0e0e0;}
.pop_wrap.login_type .type_list_wrap li a {display:block;position:relative;padding:16px 20px 13px 43px;color:#333;}
.pop_wrap.login_type .type_list_wrap li a:before {content:'';display:block;position:absolute;left:6px;top:50%;width:28px;height:31px;margin-top:-16px;background-image:url(/pconts/images/contents/login//pop_login_icon.png);background-repeat:no-repeat;}
.pop_wrap.login_type .type_list_wrap li a:after {content:'';display:block;position:absolute;right:5px;top:50%;margin-top:-4px;width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.pop_wrap.login_type .type_list_wrap li:nth-child(1) a:before {background-position:0 0;}
.pop_wrap.login_type .type_list_wrap li:nth-child(2) a:before {background-position:-28px 0;}
.pop_wrap.login_type .type_list_wrap li:nth-child(3) a:before {background-position:-56px 0;}
.pop_wrap.login_type .type_list_wrap li:nth-child(4) a:before {background-position:-84px 0;}
.pop_wrap.login_type .type_list_wrap + .sub_text_01 {margin-top:33px;}
.pop_wrap.login_type .sub_text_01 {font-size:15px;color:#333;text-align:center;}
.pop_wrap.login_type .sub_text_02 {font-size:13px;color:#333;text-align:center;}
.pop_wrap.login_type .btn_group {overflow:hidden;margin-top:10px;text-align:center;}
.pop_wrap.login_type .btn_group > div {position:relative;left:-50%;float:right;}
.pop_wrap.login_type .btn_group a {display:block;position:relative;left:50%;float:left;width:120px;height:105px;padding:25px 5px 5px;border:1px solid #333;border-radius:4px;font-weight:700;font-size:13px;line-height:18px;color:#333;}
.pop_wrap.login_type .btn_group a.cert_card:before, .pop_wrap.login_type .btn_group a.cert_phone:before {content:'';display:block;width:29px;height:29px;margin:0 auto 10px;background-image:url(/pconts/images/contents/login/pop_login_icon.png);background-repeat:no-repeat;}
.pop_wrap.login_type .btn_group a.cert_card:before {background-position:0 -31px;}
.pop_wrap.login_type .btn_group a.cert_phone:before {background-position:-29px -31px;}
.pop_wrap.login_type .btn_group a + a {margin-left:16px;}
.pop_wrap.login_type .btn_group a span {display:block;font-weight:400;}
.pop_wrap.login_type .btn_group + .sub_text_02 {margin-top:10px;}

.pop_wrap.used_terms .popup_type01 .pop_head {padding-left:30px;text-align:left;}
.pop_wrap.used_terms .popup_type01 .pop_cont:after {display:none;}
.pop_wrap.used_terms .txt_box {padding-bottom:17px;}
.pop_wrap.used_terms .txt_box p {margin-top:-5px;font-size:15px;line-height:23px;color:#111;}
/*
.pop_wrap.used_terms .btn_wrap {margin:0;padding:30px 11px 0;}
.pop_wrap.used_terms .btn_wrap button {float:left;height:48px;line-height:48px;padding:0 10px;}
.pop_wrap.used_terms .btn_wrap button + button {margin-left:8px;}
.pop_wrap.used_terms .btn_wrap .btn.line_darkgray {width:calc(100% - 188px);}
.pop_wrap.used_terms .btn_wrap .btn.default {width:calc(100% - 138px);}
*/

.img_card_cvc {display:block;width:190px;height:120px;margin:0 auto;}
.img_card_cvc img {width:100%;}
.img_card_cvc + .marker_dot {margin-top:16px;}
.img_card_cvc + .marker_dot li {color:#111;}

/* 개인화단축URL - Only Mobile */
.only_mobile {width:100%;}
.only_mobile .head_area {width:100%; padding:25px 0 20px 0;}
.only_mobile .head_area h3 {font-size:26px;line-height:35px;color:#333;}
.only_mobile .head_area p {margin-top:10px;font-size:12px;line-height:17px;color:#999;}
.only_mobile .body_area {width:100%;}
.only_mobile .body_area .bg_gray {height:100%;}
.only_mobile .body_area .bg_gray .inner {position:relative;min-height:100%;padding-bottom:85px;background-color:inherit;}
.only_mobile .body_area .form_type .form_ele {padding-left:0 !important;}
.only_mobile .body_area .accordion_wrap + .form_ele {margin-top:30px;}
.only_mobile .body_area .btn_wrap {padding:0 30px 60px 30px; text-align:center;}
.only_mobile .shcard_slide_wrap {padding:0;}
.only_mobile .shcard_slide_wrap .btn_wrap.btn_foot {padding:0;}
.card_slide .title_wrap {margin-bottom:24px;}
/* .card_slide .title_wrap {margin:25px 0;} */
.card_slide .title_wrap .title {font-size:24px; color:#111; font-weight:700;}
.shcard_slide {padding-top:62px;}
.shcard_slide .title_wrap {margin-bottom:24px;}
.shcard_slide .title_wrap .title {font-size:24px; color:#111; font-weight:700;}

/* 회원가입 */
.member .text_box .text_tit {font-weight:700;font-size:26px;line-height:1.3;color:#111;}
.member .text_box .text_tit.text_lg {font-size:34px;}
.member .text_box .text_subtit {font-size:18px;color:#111;}
.member .text_box .marker_refer {display:inline-block;}
.member .text_box > p {margin-bottom:20px;}
.member .text_box > p:last-child {margin-bottom:0;}
.member .con_box + .con_box.line {position:relative;padding-top:80px;}
.member .con_box + .con_box.line::before {content:'';position:absolute;top:0;display:inline-block;width:96px;height:2px;background-color:#333;}
.member .con_box .text_box .img_area {width:112px;height:66px;margin:20px auto 0;background:url(/pconts/images/common/bg_penguin02.png) no-repeat center;}
.member .con_box .text_box .img_area.type02 {width:102px;height:71px;background:url(/pconts/images/common/bg_penguin.png) no-repeat center;}
.member .btn.w_240 {width:240px;padding:0;}

/* 2019.11.12 최윤정 수정 및 추가 */
.join_con_text .text_lg {color:#333;font-size:1.86rem;font-weight:700;line-height:1.32}
.join_con_text .text_lg .text_prim{color:#086ac5}
.join_con_text .text_sm{margin-top:20px;font-size:16px}
.line_btm{border-bottom:1px solid #dbdbdb}

.comp_area {margin-top:90px;padding-top:92px;text-align:center;background:url(/pconts/images/common/bg_penguin02.png) no-repeat 50% 0}
.comp_area.bg_comp {background-image:url(/pconts/images/common/bg_penguin.png);}
.comp_area .text_tit{color:#111;font-size:26px;font-weight:700}
.comp_area .text_sm{margin-top:10px;font-size:16px}
.comp_area .marker_refer{display:inline-block;margin-top:14px}
.comp_area + .btn_wrap{margin-top:53px}
.comp_area.shut_area .font_md{color:#333;font-weight:700}
.bt_aleady .line_gray{width:290px}
/* //2019.11.12 최윤정 수정 및 추가 */

/* 본인인증 */
.join_con_text {padding:55px 0;}
.join_con_text .join_con_explain {overflow:hidden;}
.join_con_text .join_con_explain .fan_txt {padding-bottom:35px; font-size:20px;color:#333;line-height:1.3;}
.join_con_text .join_con_explain .fan_txt .explain {display:block; margin-top:5px; font-size:15px; color:#333;}
.join_con_text .join_con_btns .btn_wrap + .btn_wrap {margin-top:20px;}
.join_con_text .join_con_links {margin-top:15px; text-align:center;}
.join_con_text .join_con_links .link {position:relative; padding-right: 10px; color:#333;}
.join_con_text .join_con_links .link + .link {padding-left: 5px;}
.join_con_text .join_con_links .link::before{content:'';position: absolute; display:block;height:13px; right:0;top:18%; border-left: 1px solid #ccc;}
.join_con_text .join_con_links .link:last-child:before {display:none;}
.join_con_text .join_con_info {margin-top:15px; color:#333; text-align:center;}
.join_con_text .check_wrap .check_type1 span {background-color:transparent;}
.join_con_text .check_wrap .check_type1 span::before {background-color:#fff;}
.join_con_text .auth_box p {padding:30px 0;font-size:20px;text-align:center;font-weight:700;color:#000;}
.join_con_text .shpayfan_text_inner {max-width:320px;margin:0 auto;padding:30px 0;}
.join_con_text .shpayfan_text_inner li {margin-bottom:6px;}
.join_con_text .shpayfan_text_inner li:last-child {margin-bottom:0;}
.join_con_text .shpayfan_text_inner .marker_refer {margin-bottom:6px; font-size:15px;}
.join_con_text .shpayfan_text_inner .decimal {margin-left:17px;}
.join_con_text .shpayfan_text_inner .decimal > li {list-style:decimal;}
.join_con_text .payment_code {width:100%;height:65px;border:1px solid #bbb;border-radius:3px;background-color:#fff;color:#000;}
.join_con_text .payment_code ul {display:table;width:100%;height:100%;}
.join_con_text .payment_code ul li {display:table-cell;position:relative;width:50%;text-align:center;vertical-align:middle;line-height:1.3;}
.join_con_text .payment_code ul li:first-child::after {content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:37px;margin-top:-18px;background-color:#bbb;}
.join_con_text .payment_code ul li strong {display:block;font-size:20px;}
.join_con_text .payment_code ul li span {font-size:16px;}

/* 간편비밀번호 */
.quickPw_wrap {display:flex; margin:0 -5px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.quickPw_wrap input {flex:none; width:40px; margin:0 5px; text-align:center;}
.quickPw_wrap.single input {width:100%; max-width:360px;}

/* 간격여백 */
.form_ele_card .check_wrap {margin:10px 0;}

.join_step01 .m_show {display:none;}
.w_428 {width:428px;margin:0 auto;}
.complepte_wrap {position:relative;padding-top:48px;padding-bottom:54px;}
.complepte_wrap:before {content:'';display:block;overflow:hidden;position:absolute;right:0;top:0;width:204px;height:204px;background:url(/pconts/images/common/bg_mem_ok.png) no-repeat 50% top;background-size:204px auto;-webkit-animation:memberAni 1s steps(14) both;animation:memberAni 1s steps(14) both;}
.complepte_wrap .tit {padding-bottom:12px;font-size:28px;font-weight:700;color:#111;}
.complepte_wrap .text_sm {font-size:16px;}
.member_out {width:480px;margin:0 auto;padding-bottom:16px;text-align:center;}
.member_out .img_area {padding:30px 0 25px;}
.member_out .tit {font-size:26px;font-weight:700;margin-bottom:15px;color:#111;}
@-webkit-keyframes memberAni {
	0% {background-position:50% 0}
	100% {background-position:50% -2856px}
}
@keyframes memberAni {
	0% {background-position:50% 0}
	100% {background-position:50% -2856px}
}

/* 본인인증 */
/*
.shcard_slide_wrap .swiper-container::before {content:'';display:inline-block;position:absolute;top:0;left:0;width:0;height:100%;box-shadow:0 0 50px 30px #f6f6f6;z-index:20;}
.shcard_slide_wrap .swiper-container::after {content:'';display:inline-block;position:absolute;top:0;right:0;width:0;height:100%;box-shadow:0 0 50px 30px #f6f6f6;z-index:20;}
*/
.shcard_slide_wrap {display:block; position:relative; width:400px; padding:0; margin:0 auto;}
.shcard_slide_wrap .btn_wrap.btn_foot {margin:30px 0 0 0;}
.shcard_slide_wrap .swiper-container {position:relative; z-index:10; width:316px; margin:auto; height:auto !important;padding-bottom:0 !important;border-bottom:0 !important;}
.shcard_slide_wrap .com_card_list {width:100%; position:relative;}
.shcard_slide_wrap .com_card_list .com_card {display:inline-block;position:relative;width:100%;height:197px;overflow:hidden;background-color:#cbcbcb;border-radius:10px;}
.shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card {background-color:#4868e1;}
.shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card.no_card {background-color:#e6e6e6;}
.shcard_slide_wrap .swiper-slide.swiper-slide-active .com_card.no_card [class^='nav-button'] {display:none;}
.shcard_slide_wrap .com_card_list .com_card.no_card p {padding:88px 0;font-size:16px;color:#111;}
.shcard_slide_wrap .com_card_list .com_card .cardlogo {position:absolute;top:20px;left:20px;}
.shcard_slide_wrap .com_card_list .com_card .card_name {margin-top:60px;padding:0 20px 0;font-size:20px;text-align:left;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:27px;height:54px;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute;bottom:22px;left:0;width:100%;padding:0 35px;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-grow:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group span {margin-top:1px;font-size:16px;color:#fff;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw input {padding:0 10px;margin-left:8px;/*pointer-events:none;*/border:0;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw.num2 input {width:94px;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw.num4 input {width:142px;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group {margin-left:auto;vertical-align:middle;}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group .add_pw {display:inline-block;float:left;width:15px;height:16px;border-radius:50%;margin-left:8px;background-color:rgba(255,255,255,0.15);}
.shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question02 {margin-left:8px;}
.shcard_slide_wrap .swiper-slide-active [class^='nav-button'] {display:block;}
.shcard_slide_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex; position:static; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; margin:25px 0 0 0; font-weight:700;color:#999;}
.shcard_slide_wrap .swiper-pagination-bullet {width:12px;height:12px;border:3px solid #f6f6f6;background-color:#cccccc;opacity:1; margin:0 5px;}
.shcard_slide_wrap .swiper-pagination-bullet-active {border-color:#333; background-color:#f6f6f6;}
.shcard_slide_wrap .swiper-pagination-fraction {bottom:34px;font-weight:700;color:#999;}
.shcard_slide_wrap .swiper-pagination-fraction .swiper-pagination-current {font-weight:300;color:#111;}
.shcard_slide_wrap .swiper-pagination-fraction .swiper-pagination-total {font-weight:300;}
.shcard_slide_wrap .nav-button-prev,
.shcard_slide_wrap .nav-button-next {position:absolute; z-index:20; top:98px; width:28px; height:36px; margin-top:-18px; background:url('/pconts/images/common/ico_slideBtn_certi.png') no-repeat center center; background-size:18px;}
.shcard_slide_wrap .nav-button-prev {left:0; transform:rotate(180deg);}
.shcard_slide_wrap .nav-button-next {right:0;}
.shcard_slide_wrap .nav-button-prev.swiper-button-disabled,
.shcard_slide_wrap .nav-button-next.swiper-button-disabled {opacity:0.3;}
.only_mobile .shcard_slide_wrap .nav-button-prev,
.only_mobile .shcard_slide_wrap .nav-button-next {top:98px;}

.fanpay_auth_pop.pop_cont {padding-top:70px;}
.fanpay_auth_pop .fanpay_tit {margin-bottom:30px; color:#333; font-size:20px; text-align:center;}
.fanpay_auth_pop .text_prim {color:#4868e1;}
.fanpay_auth_pop ol li {padding:18px 0;border-bottom:1px solid #e0e0e0;}
.fanpay_auth_pop ol li:last-child {border:0;}
.fanpay_auth_pop ol li > strong {display:block;font-size:16px;line-height:1;}
.fanpay_auth_pop ol li > strong em {position:relative;margin-right:10px;}
.fanpay_auth_pop ol li > strong em::after {content:'';display:block;position:absolute;bottom:2px;left:-1px;width:19px;height:6px;background-color:#4868e1;opacity:0.3;}
.fanpay_auth_pop ol li p {padding-left:28px;overflow:hidden;font-size:13px;}
.fanpay_auth_pop ol li p span::after {content:'';display:block;position:absolute;top:0;right:0;top:0;width:1px;height:74px;background-color:#eee;}
.fanpay_auth_pop .qrcode {height:110px;}
.fanpay_auth_pop .qrcode::after {content:''; display:block; clear:both;}
.fanpay_auth_pop .qrcode strong {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; float:left;width:50%;height:100%; font-size:20px;text-align:center;}
.fanpay_auth_pop .qrcode_img {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; float:left;width:50%; height:100%; text-align:center;}
.fanpay_auth_pop .qrcode_img img {display:block; width:98px; height:98px; margin:auto;}
.fanpay_auth_pop .bg_gray {padding:20px; margin-top:17px;}
.fanpay_auth_pop .bar_graph_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:10px 0 0; overflow:hidden;}
.fanpay_auth_pop .bar_graph_wrap .bar_graph {position:static; float:left;width:189px;height:28px;padding-top:7px;padding-bottom:40px;}
.fanpay_auth_pop .bar_graph_wrap .btn {flex:none; float:left;width:63px;height:28px;margin-left:27px;padding:0;font-size:13px;color:#333;line-height:28px;}
.fanpay_auth_pop .bar_graph_wrap .btn.line_gray {border-color:#bbb;border-radius:3px;}
.fanpay_auth_pop .bar_graph_wrap .text_xsm {position:absolute; left:0; bottom:0;}

/* 로딩 */
.progress_area {position:relative;margin-top:60px;padding-top:100px;text-align:center;}
.progress_area:before {content:'';display:block;overflow:hidden;position:absolute;left:50%;top:0;width:100px;height:100px;margin-left:-50px;background:url(/pconts/images/common/ani_loading.png) no-repeat left top;background-size:100px auto;-webkit-animation:loading 2s steps(20) infinite;animation:loading 2s steps(20) infinite;}
.progress_area .text {margin-top:15px;font-size:20px;}

@-webkit-keyframes loading {
	0% {background-position:50% 0}
	100% {background-position:50% -2000px}
}
@keyframes loading {
	0% {background-position:50% 0}
	100% {background-position:50% -2000px}
}


/* 주소찾기 - 은행지점 */
.addr_define .tit {margin-bottom:8px; color:#111; font-weight:700;}
.addr_btns .btn {width:100%;}
.addr_btns .btn + .btn {margin:10px 0 0 0}

@media only screen and (min-width:1101px) { 
	.join_con_text.minH350_lg {min-height:350px;}
	.form_type .join_con_text {padding:25px 0;}
	.form_type .join_con_text.minH350_lg {min-height:1px;}
}

@media only screen and (max-width:1100px) {
    /* 로그인 */
	.contents.login {padding:0;}
    .login_wrap {min-height:100%;}
    .login_wrap > .inner {display:block;position:static;width:100%;padding:40px 0 99px;}
	.login_wrap .event_subBanner {position:absolute; left:0; bottom:0; width:100%;}
    .login_wrap.type02 > .inner {position:relative;}
    .login_wrap .left_con, .login_wrap .right_con {display:block;padding-bottom:0;}
    .login_wrap .left_con .inner, .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {min-height:0;padding:0 40px;}
    .login_wrap .left_con {width:100%;}
    .login_wrap .left_con .inner {padding-bottom:36px;}
    .login_wrap .left_con .inner:before {top:0;width:120px;height:145px;background:url(/pconts/images/contents/login/bg_login_m.png) no-repeat left top;background-size:100%;-webkit-animation:loginAni2 3s steps(40) infinite;-ms-animation:loginAni2 3s steps(40) infinite;animation:loginAni2 3s steps(40) infinite;}
    .login_wrap .left_con .inner:after {display:none;}
    .login_wrap .left_con strong {font-size:2.9rem;line-height:3.7rem;}
    .login_wrap .left_con p {margin-top:10px;font-size:1.2rem;line-height:1.7rem;}
    .login_wrap .right_con {width:auto;}
    .login_wrap .right_con .inner, .login_wrap .right_con .shcard_slide {position:static;}
    .login_wrap .right_con .form_ele + .btn_wrap {margin-top:30px;}
    .login_wrap.type02 .right_con .inner {padding-left:40px;padding-right:40px;}
    .login_wrap.type03 .right_con .inner {padding-top:3px;padding-left:0;padding-right:0;}

    /*
    .login_wrap .right_con .btn_wrap .btn {height:55px;border-radius:27px;line-height:55px;}
	.login_wrap .right_con .btn_wrap .btn.default {padding:0 10px;}    
    .login_wrap .right_con .btn_wrap .btn_app_card {width:100%;}
    .login_wrap .right_con .btn_wrap .btn_app_card:after {width:17px;height:17px;margin:-4px 0 0 6px;background:url(/pconts/images/icon/ico_outlink_m.png) no-repeat left top;background-size:100%;}
    .login_wrap .right_con .btn_wrap .btn.ext_type {width:auto !important;min-width:200px !important;padding:0 28px;}
    .login_wrap.type02 .right_con .inner .btn_wrap {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; width:100%;margin:20px auto 0;}
	*/
    .login_wrap .right_con .login_member {margin-top:12px;}
    .login_wrap .right_con .login_member ul li a {font-size:1.3rem;line-height:2.0rem;}
    .login_wrap .right_con .login_member ul li + li {margin-left:9px;padding-left:10px;}
    .login_wrap .right_con .login_member ul li + li:before {top:5px;height:12px;}
    .login_wrap.type02 .right_con .login_member .btn_exe_install {padding:0;margin:0;}
    .login_wrap.type02 .right_con .login_member .btn_exe_install:before {display:none;}
    .login_wrap .right_con .login_ext {position:absolute;left:0;bottom:25px;}	
    .login_wrap .right_con .login_ext button {font-size:1.3rem;}
    .login_wrap .guide_txt {margin-top:13px;margin-bottom:-6px;padding-bottom:0;}
    .login_wrap .guide_txt p {font-size:1.6rem;line-height:2.4rem;}
    .login_wrap .guide_txt.type02 strong.hide {display:block !important;font-weight:400;font-size:1.6rem;line-height:2.4rem;color:#333;}
    .login_wrap .guide_txt.type02 p {font-size:1.3rem;line-height:1.9rem;}
    .login_wrap .guide_txt.type02 strong + p {margin-top:2px;padding-bottom:3px;}
    .login_wrap > .inner + .ly_inner {margin-top:13px;padding-bottom:100px;}
    .login_wrap.has_bnr .right_con .login_ext {bottom:130px;}
	.login_wrap.has_infoGuide > .inner {padding-bottom:25px;}
	.login_wrap .right_con .login_ext.static,
	.login_wrap.has_infoGuide .right_con .login_ext {position:relative; left:auto; top:auto; bottom:auto; margin-top:60px;}
	.login_wrap.has_infoGuide .event_subBanner {position:relative; left:auto; top:auto; bottom:auto;}
    .login_wrap.type03 .form_type {margin-bottom:-99px;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:86px;background-color:#f6f6f6;}
    .login_wrap.type03 .form_type.type02 {padding-top:28px;}
    .login_wrap.type03 .form_type .form_ele {padding-left:0;}
    .login_wrap.type03 .form_type .form_ele .ele_tit {width:auto;}
    .login_wrap.type03 .form_type .accordion_wrap {margin-top:10px;}
    .login_wrap.type03 .form_type .accordion_wrap + .form_ele {margin-top:27px;}
    .login_wrap.type03 .timer_input_side {right:133px;color:#4868e1;}
    .login_wrap.type03 .timer_input_side:before, .login_wrap.type03 .timer_input_side:after {display:none;}
    .login_wrap.type03 .btn_input_side {border-radius:4px;}
    .login_wrap .btm_type {display:block;position:fixed;left:0;bottom:0;width:100%;padding:0 20px 20px;background-color:#fff;}
    .login_wrap .btm_type:before {content:'';position:absolute;left:0;top:-20px;width:100%;height:20px;background-image:linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);}
    .login_wrap .mo_hide {display:none;}
    .login_wrap .mo_show {display:block;}

	.login_wrap.minPwAppend_wrap .guide_txt {padding:0;}
	.login_wrap.minPwAppend_wrap .guide_txt.type02 p {font-size:16px; line-height:24px;}
	.login_wrap.minPwAppend_wrap.type02 .right_con .inner .btn_wrap {margin-top:20px;}

    #container.login .accordion_header a[role="button"].acc_btn {padding-left:0;padding-right:60px;}
    #container.login .accordion_body {padding-left:0;padding-right:0;}
    #container.login .accordion_body .area {padding:0 0 16px;}
    #container.login .accordion_body .marker_dot > li {padding-left:8px;font-size:1.4rem;line-height:2.1rem;}
    #container.login .accordion_body .marker_dot > li::before {left:1px;top:9px;}
    #container.login .accordion_body .marker_dot > li + li {margin-top:9px;}
    #container.login .accordion_body .marker_dot > li .font_md {font-weight:400;color:#333;}

    /* 디바이스 높이 작은화면 보안키패드 노출문제(스크롤해서라도 아래로 노출되도록) */
	.is_kaypadNumber .login_wrap.min_height {min-height:600px;}
	.is_kaypadNumber .login_wrap.min_height .right_con .login_ext {position:absolute;}
    
    /* 다른방식 로그인 팝업 */
	.pop_wrap.login_type {padding:0;}
	.pop_wrap.login_type .popup {height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
	.pop_wrap.login_type .popup .pop_cont {flex-grow:1; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
	.pop_wrap.login_type .popup .pop_cont .inner {flex:1 1 auto;}
    .pop_wrap.login_type .type_list_wrap {width:170px; flex:1 1 auto;}
    .pop_wrap.login_type .type_list_wrap li {font-size:1.6rem;line-height:2.0rem;}
    .pop_wrap.login_type .type_list_wrap li + li {border-top:1px solid #eee;}
    .pop_wrap.login_type .type_list_wrap li a {padding:10px 20px 8px 39px;}
    .pop_wrap.login_type .type_list_wrap li a:before {left:5px;top:50%;width:18px;height:29px;margin-top:-15 px;background-image:url(/pconts/images/contents/login//pop_login_icon_m.png);background-repeat:no-repeat;}
    .pop_wrap.login_type .type_list_wrap li a:after {right:7px;margin-top:-4px;width:7px;height:7px;border-width:1px;}
    .pop_wrap.login_type .type_list_wrap li:nth-child(1) a:before {background-position:0 0;background-size:72px 50px;}
    .pop_wrap.login_type .type_list_wrap li:nth-child(2) a:before {background-position:-18px 0;background-size:72px 50px;}
    .pop_wrap.login_type .type_list_wrap li:nth-child(3) a:before {background-position:-36px 0;background-size:72px 50px;}
    .pop_wrap.login_type .type_list_wrap li:nth-child(4) a:before {background-position:-54px 0;background-size:72px 50px;}
    .pop_wrap.login_type .type_list_wrap + .sub_text_01 {margin-top:50px;}
    .pop_wrap.login_type .sub_text_01 {font-size:1.5rem;}
    .pop_wrap.login_type .sub_text_02 {font-size:1.3rem;}
    .pop_wrap.login_type .btn_group {display:block;margin-top:16px;}
    .pop_wrap.login_type .btn_group a {width:113px;height:97px;padding:25px 5px 5px;font-size:15px;line-height:1.8rem;}
    .pop_wrap.login_type .btn_group a.cert_card:before, .pop_wrap.login_type .btn_group a.cert_phone:before {width:20px;height:20px;margin:0 auto 12px;background-image:url(/pconts/images/contents/login/pop_login_icon_m.png);background-repeat:no-repeat;vertical-align:top;}
    .pop_wrap.login_type .btn_group a.cert_card:before {background-position:0 -29px;background-size:72px 50px;}
    .pop_wrap.login_type .btn_group a.cert_phone:before {background-position:-20px -29px;background-size:72px 50px;}
    .pop_wrap.login_type .btn_group a + a {margin-left:20px;}
    .pop_wrap.used_terms .popup_type01 .pop_head {padding-left:20px;}
    .pop_wrap.used_terms .txt_box {padding-bottom:17px;}
    .pop_wrap.used_terms .txt_box p {margin-top:0;font-size:1.3rem;line-height:2.0rem;}
	/*
    .pop_wrap.used_terms .btn_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;position:fixed;left:0;bottom:0;width:100%;padding:0 20px 20px;}
    .pop_wrap.used_terms .btn_wrap button {flex:1;}
    .pop_wrap.used_terms .btn_wrap button + button {flex:2;margin-left:7px;}
    .pop_wrap.used_terms .btn_wrap .btn.line_darkgray {width:calc(50% - 10px) !important;}
    .pop_wrap.used_terms .btn_wrap .btn.default {min-width:0;width:calc(100% - 137px);}
	*/

    /* 회원가입 */
    .btn_fixed {position:fixed;bottom:20px;width:calc(100% - 40px);}

    .w_428 {width:100%;}
    .member_out {width:100%;}
    .member .text_box .text_tit {font-size:2.4rem;}
    .member .text_box .text_tit.text_lg {font-size:2.4rem;}
    .member .text_box .text_subtit {font-size:1.5rem;}
    .member .text_box > p {margin-bottom:25px;}
    .member .con_box + .con_box.line {padding-top:60px;}
    .member .con_box + .con_box.line::before {width:100px;height:1px;}
    .member .con_box .text_box .img_area {margin-top:50px;background:url(/pconts/images/common/bg_penguin02_m.png) no-repeat center;background-size:100%;}
    .member .con_box .text_box .img_area.type02 {width:113px;background:url(/pconts/images/common/bg_penguin_m.png) no-repeat center;background-size:100%;}
    .member .btn.w_240 {width:200px;}
    .member .btn_wrap .btn {margin-bottom:20px;}
    .member .btn_wrap .btn:last-child {margin-bottom:0;}
    
	.join_con_text {padding:25px 0;}
	.join_con_text.minH350_lg {min-height:270px;}
	.form_type .join_con_text.minH350_lg {min-height:1px;}
    .join_con_text .join_con_explain .fan_txt {padding-bottom:20px;font-size:1.6rem;}
    .join_con_text .text_lg.font_md {font-size:2.1rem;}
    .join_con_text .text_sm {font-size:1.5rem;}
    .join_con_text .fan_txt .sub_text{display: block;padding-top:10px;font-size:1.3rem;color:#111;}
    .join_con_text .auth_box p {font-size:1.6rem;}

	.quickPw_wrap {margin:0;}
	.quickPw_wrap input {margin:0;}

    /* 2019.11.12 최윤정 수정 및 추가 */
    .comp_area{margin-top:50px;background-image:url(/pconts/images/common/bg_penguin02_m.png);background-size:113px auto}
    .comp_area .text_tit{font-size:2.4rem;line-height:1.3}
    .bt_aleady .line_gray{display:block;width:210px;padding:0;margin-left:auto !important; margin-right:auto !important;}
    /* //2019.11.12 최윤정 수정 및 추가 */

    /* .complepte_wrap {background:url(/pconts/images/common/bg_mem_ok_m.png) no-repeat right -50px center;background-size:143px;} */
    .complepte_wrap:before {right:-45px;}
    .complepte_wrap .tit {font-size:2.4rem;}
    .complepte_wrap .text_sm {font-size:1.5rem;}
    .ly_inner.m_hide {padding:0 !important;}
    .ly_inner.m_hide .complepte_wrap {padding-left:51px;}
    .m_fixed { position:fixed;width:100%;bottom:0;padding:1rem 2rem 2rem 2rem;margin-top:0 !important;z-index:30;background:#fff;}
    .m_fixed::before {content: "";position: absolute;left: 0px;top: -20px;width: 100%;height: 20px;opacity:0.8; background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);}
    .member_out {width:100%;}
    .member_out .img_area {padding:30px 0 30px;}
    .member_out .tit {font-size:2.4rem;font-weight:700;}

    /* 본인인증 */
	.shcard_slide_wrap {width:100%;}
    .shcard_slide_wrap .swiper-container {width:210px;}
    .shcard_slide_wrap .com_card_list .com_card {height:131px;}
    .shcard_slide_wrap .com_card_list .com_card.no_card p {padding:54px 0;font-size:1.5rem;}
    .shcard_slide_wrap .swiper-slide {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit--webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit--webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .shcard_slide_wrap .nav-button-prev,
	.shcard_slide_wrap .nav-button-next {top:66px; width:18px;height:29px;margin-top:-15px;}
    .shcard_slide_wrap .nav-button-prev::before {right:5px;}
    .shcard_slide_wrap .nav-button-next::before {left:5px;}
	.only_mobile .shcard_slide_wrap .nav-button-prev,
	.only_mobile .shcard_slide_wrap .nav-button-next {top:66px;}
    .shcard_slide_wrap .com_card_list .com_card .cardlogo {position:absolute;top:10px;left:14px;width:60px;height:10px;}
    .shcard_slide_wrap .com_card_list .com_card .cardlogo img {width:100%;}
    .shcard_slide_wrap .com_card_list .com_card .card_name {margin-top:40px;padding:0 15px;font-size:15px;line-height:17px;height:34px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw {bottom:14px;padding:0 12px;}
	.shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group {width:140px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group span {font-size:13px;}
	.shcard_slide_wrap .com_card_list .com_card .shcard_pw .label_group .btn_question {flex:none; margin-left:4px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw input {margin-left:6px;font-size:13px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw input::placeholder {font-size:13px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num2 input {width:76px;height:34px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw.num4 input {width:108px;height:34px;}
	.shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group {text-align:center; padding-left:5px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .add_group .add_pw {width:10px;height:10px;margin-left:5px;}
    .shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question02 {margin-left:5px;}
	.shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question,
	.shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_question span::after,
	.shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_tooltip,
	.shcard_slide_wrap .com_card_list .com_card .shcard_pw .btn_tooltip span::after {width:16px;height:16px;line-height:16px; font-size:10px;}

	.shcard_slide_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex; position:static; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; margin:13px 0 0 0 !important; font-weight:700;color:#999;}
	.shcard_slide_wrap .swiper-pagination-bullet {width:12px;height:12px;border:2px solid #f6f6f6;background-color:#cccccc;opacity:1; margin:0 5px;}
	.shcard_slide_wrap .swiper-pagination-bullet-active {border:3px solid #333; background-color:#f6f6f6;}
    .shcard_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px;}
    .shcard_slide_wrap .swiper-pagination-fraction {bottom:30px;font-size:1.3rem;}

    .progress_area .text {font-size:16px;}
    
	/* 개인화단축URL - Only Mobile */
	.only_mobile {width:100%;}
	.only_mobile .head_area {width:100%; min-height:150px; padding:25px 0px 20px 0px;}
	.only_mobile .body_area .form_type {padding:25px 20px;}
	.only_mobile .body_area .btn_wrap {position:absolute;left:0;bottom:0;width:100%; padding:0 20px 25px 20px;}
	.only_mobile .shcard_slide_wrap .btn_wrap {position:static;width:100%;}
	.only_mobile .shcard_slide_wrap .text_tip.error {margin:0;}

	/* 개인화단축URL */
    .card_slide {padding:0 40px;}
    .card_slide .title_wrap .title {font-size:18px;}
    .shcard_slide .title_wrap {margin-bottom:14px;}
    .shcard_slide .title_wrap .title {font-size:18px;}
    

	/* 주소찾기 - 은행지점 */
	.addr_define {font-size:15px;}
	.addr_define .tit {margin-bottom:8px;}
	.addr_btns .btn + .btn {margin:3px 0 0 0}

	/* Fanpay */
	.pop_cont.fanpay_auth_pop {padding-right:43px; padding-left:43px;}
	.fanpay_auth_pop .fanpay_tit {margin-bottom:12px;}
	.fanpay_auth_pop .qrcode_img img {width:90px; height:90px;}

}