@charset "utf-8";

/*common*/
.w100 {width:100% !important;}
.w20 {width:20% !important;}
.w80 {width:80% !important;}
.card_w_570{width: 570px;}
.mgl12{margin-left: 12px !important;}
.content_h300{height: 300px;}
.w_283{width: 283px !important;}

.font_s28 {display:block;position:relative;font-weight:700;font-size:28px;color:#111;}
.font_s28_s20 {display:block;position:relative;font-weight:700;font-size:28px;color:#111;}
.font_s28_s18 {display:block;position:relative;font-weight:700;font-size:28px;color:#111;} /*11.28 이강석 추가*/
.font_s24 {display:block;position:relative;font-weight:700;font-size:24px;color:#333;}
.font_s24_s17 {display:block;position:relative;font-weight:700;font-size:24px;color:#111;} /*12.03 추가*/
.font_s32_s30 {display:block;position:relative;font-weight:700;font-size:32px;color:#111;} /*12.03 추가*/
.font_s16 {display:block;position:relative;margin-top:3px;font-weight:400;font-size:16px;color:#111;}

.pdt7{padding-top: 7px;}

.bdt_none {border-top:none !important;}
.bdb_ddd {border-bottom:1px solid #ddd;}

.mgr_20m{margin-right: -20px;}

/* display */
.ntob {display:none !important;}
.bton {display:block !important;}
.bton_in {display:inline-block !important;}
.hide_ele {display:none !important;}

.mobile_link {display:none;}
.pc_link {display:inline;}

/*고정탭*/
.tab_type01.fixed .tab_pull {position:fixed;top:128px;width:100%;left:0;background:#fff;z-index:50;}
.tab_type01.fixed .tab_pull .tab_list {width:980px;margin:0 auto;}

/* Deep이란? */
.dtxt_area .bg_img {overflow:hidden;position:relative;width:343px;height:58px;background:url(/pconts/images/contents/card/txt_shinhancard.png) no-repeat left top;}
.dtxt_area .bg_img span {display:block;width:100%;height:100%;text-indent:-9999px;}
.dtxt_area strong {display:block;margin-top:3px;font-size:72px;line-height:1.2;color:#111;}
.dtxt_area strong .text_pointer::after {bottom:1px;height:24px;}
.dtxt_area p {margin-top:25px;line-height:1.51;}
.shcd_main_menu {position:relative;z-index:5;margin-top:55px;}
.shcd_menu {display:table;width:100%;border-collapse:collapse;}
.shcd_menu .atc {display:table-cell;position:relative;width:25%;height:180px;border:1px solid #ddd;}
.shcd_menu .atc > a {display:block;position:relative;width:100%;height:100%;padding:17px 28px 10px;transition:background 0.25s ease-out;}
.shcd_menu .atc > a:before {content:'';display:block;position:absolute;right:32px;bottom:50px;width:11px;height:11px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.shcd_menu .atc em {display:block;font-weight:700;font-size:36px;color:#333;}
.shcd_menu .atc span {display:block;margin-top:35px;padding-right:30px;font-size:16px;line-height:1.56;color:#333;}
.shcd_menu .atc .atc_inner {position:absolute;left:-1px;right:-1px;top:100%;margin-top:1px;padding:17px 29px 13px;border:1px solid #ddd;border-top:0;background-color:#f5f5f5;transition:all 0.25s ease-out;opacity:0;visibility:hidden;}
.shcd_menu .atc .atc_inner ul li {position:relative;padding-left:11px;}
.shcd_menu .atc .atc_inner ul li + li {margin-top:7px;}
.shcd_menu .atc .atc_inner ul li:before {content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:#111;}
.shcd_menu .atc.active > a, .shcd_menu .atc:hover {z-index:1;border-color:#4868e1;background-color:#4868e1;}
.shcd_menu .atc.active > a:before, .shcd_menu .atc:hover > a:before {bottom:44px;border-color:#fff;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.shcd_menu .atc.active em, .shcd_menu .atc:hover em {color:#fff;}
.shcd_menu .atc.active span, .shcd_menu .atc:hover span {color:#fff;}
.shcd_menu .atc.active .atc_inner, .shcd_menu .atc:hover .atc_inner {opacity:1;visibility:visible;}
.video_area {margin-top:90px;}
.video_area .video_inner {position:relative;left:-50%;float:right;}
.video_area .video_item {position:relative;left:50%;float:left;width:392px;}
.video_area .video_item + .video_item {margin-left:20px;}
.video_area .video_item a {display:block;overflow:hidden;position:relative;width:100%;height:220px;}
.video_area .video_item a:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/pconts/images/icon/icon_play.png) no-repeat center center;}
.video_area .video_item a img {width:100%;height:100%;}
.video_area .video_item .video_tit {margin-top:15px;font-size:20px;color:#333;text-align:center;}

/* 디자인카드 */
.de_card_list {display:-webkit-flex; display:-ms-flexbox; display:flex;padding-top:70px;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.de_card_list .card_item {width:50%;padding:0 20px;margin-top:90px;text-align:center;}
.de_card_list .card_item:nth-child(1),
.de_card_list .card_item:nth-child(2) {margin-top:0;}
.de_card_list .card_plate_area {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;height:321px;margin-bottom:26px;align-content:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.de_card_list .card_plate_area::before {content:'';display:block;position:absolute;left:50%;top:50%;width:285px;height:285px;margin:-143px 0 0 -143px;border-radius:50%;background-color:#eee;}
.de_card_list .card_plate {position:relative;width:320px;height:203px;margin:0 auto;}
.de_card_list .card_plate.vertical_type img {transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.de_card_list .card_plate img {max-width:100%;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.de_card_list .card_name {margin-bottom:7px;font-weight:700;font-size:20px;line-height:1.35;color:#111;}
.de_card_list .card_desc {margin-bottom:34px;font-size:16px;}
/* 시그니처카드 세로형 케이스 추가로 삭제 */
/* .de_card_list.signature_type .card_plate_area {height:285px;} */
.de_card_list .card_name + .btn_cont {margin-top:36px;}

.gallery_cont {padding-top:60px;}
.gallery_icon {display:inline-block;position:relative;width:181px;height:60px;vertical-align:middle;background:url(/pconts/images/contents/card/gallery_s.png) no-repeat left top;}
.gallery_icon span {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;color:transparent;text-indent:-9999px;}
.gallery_cont .gallery_desc {line-height:1.75;}
.gallery_cont .gallery_icon + .gallery_desc {margin-top:24px;}
.gallyer_swiper {position:relative;margin-top:52px;}
.gallyer_swiper .swiper-button-prev {overflow:hidden;left:0;top:103px;margin:0;background:none;}
.gallyer_swiper .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle;}
.gallyer_swiper .swiper-button-prev.swiper-button-disabled {opacity:1;}
.gallyer_swiper .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc;}
.gallyer_swiper .swiper-button-next {overflow:hidden;right:0;top:103px;margin:0;background:none;}
.gallyer_swiper .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle;}
.gallyer_swiper .swiper-button-next.swiper-button-disabled {opacity:1;}
.gallyer_swiper .swiper-button-next.swiper-button-disabled:before {border-color:#ccc;}
.intro_area {display:-webkit-flex; display:-ms-flexbox; display:flex;width:840px;padding:0 70px;margin:0 auto;border-bottom:1px solid #ddd;}
.intro_area .img {display:inline-block;width:236px;height:253px;}
.intro_area .img img {max-width:100%;}
.intro_area .desc_area {padding-top:50px;margin-left:87px;}
.intro_area .desc_area p {font-size:16px;color:#333;}
.intro_area .desc_area .desc {padding-top:25px;background:url(/pconts/images/contents/card/quot.png) no-repeat left top;font-size:24px;line-height:1.25;}
.intro_area .desc_area .desc + .name {margin-top:31px;}

.gallery_card_list {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.gallery_card_list .item {position:relative;width:50%;min-height:336px;margin-top:90px;text-align:center;}
.gallery_card_list .item:nth-child(1),
.gallery_card_list .item:nth-child(2) {margin-top:84px;}
.gallery_card_list .item .img {position:absolute;bottom:133px;left:0;width:100%;display:inline-block;vertical-align:middle;}
/* 카드 세로형 */
.gallery_card_list .item.vertical_type {height:454px}
.gallery_card_list .item.vertical_type .img {margin-top:58px;margin-bottom:58px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
/* //카드 세로형 */
.gallery_card_list .item .img img {width:320px;height:204px;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.gallery_card_list .item .card_name {position:absolute;bottom:48px;width:100%;height:62px;margin-top:23px;font-weight:700;font-size:20px;color:#111;overflow:hidden;}
.gallery_card_list .item .btn_cont {position:absolute;bottom:0;width:100%;}

.choice_card_wrap {margin-top:45px;}
.choice_card_wrap .choice_card_area {margin:55px 0 83px;text-align:center;}
.choice_card_wrap .choice_card_area .img {display:inline-block;width:320px;height:204px;vertical-align:middle;}
/* 카드 세로형 추가 */
.choice_card_wrap .choice_card_area .img.vertical_type {margin-top:58px;margin-bottom:58px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.choice_card_wrap .choice_card_area img {max-width:100%;}
.choice_card_wrap .choice_card_area .card_name {margin-top:23px;font-weight:700;font-size:20px;color:#111;}
.choice_card_wrap .choice_card_area .btn_cont {margin-top:32px;}
.card_chc {margin-top:19px;}
.card_chc .h_title {margin-bottom:14px;}
.card_chc .col.col6_12 {margin-top:54px;}
.card_chc .col.col6_12:nth-child(1),
.card_chc .col.col6_12:nth-child(2) {margin-top:0;}


/* 기프트카드 - 상품안내 */
.txt_top {padding:45px 0;}
.txt_top p {margin-bottom:-5px;text-align:center;}
.txt_top .btn_wrap {padding-bottom:3px;text-align:center;}
.txt_top .title + p {margin-top:14px;}
.txt_top p + .btn_wrap {margin-top:29px;}
.txt_top + .tab_type01 {margin-top:80px;}
/* 상품안내 */
.card_prd_list {border-bottom:1px solid #ddd;}
.card_prd_list ul {overflow:hidden;}
.card_prd_list ul>li {padding:50px 68px;border-top:1px solid #eee;vertical-align:top;}
/* .card_prd_list ul>li:first-child {border-top:0;} 11.28이강석 삭제 */
.card_prd_list ul>li>div {position:relative;min-height:171px;padding-left:351px;}
.card_prd_list .card_name {display:inline-block;width:100%;margin-top:-3px;font-size:20px;line-height:32px;color:#111;vertical-align:middle;}
.card_prd_list dl {display:table;width:100%;margin-top:5px;margin-bottom:18px;}
.card_prd_list dl dt, .card_prd_list dl dd {display:table-cell;vertical-align:top;}
.card_prd_list dl dt {width:40px;}
.card_prd_list dl dd {padding-left:10px;}
.card_prd_list .round_badge {display:inline-block;min-width:54px;height:24px;padding:0 10px;border-radius:12px;background-color:#333;font-weight:700;font-size:13px;color:#fff;line-height:24px;text-align:center;vertical-align:middle;}
.card_prd_list .card_img {position:absolute;left:0;top:0;width:271px;height:171px;}
.card_prd_list .card_img img {width:100%;} 
.card_prd_list p {font-size:16px;}
.card_prd_list p.sub_txt {color:#999;}
.card_prd_list p + p.sub_txt {margin-top:6px;}
.card_prd_list .btn {margin-top:12px;padding:0 16px;}
/* 카드 세로형 */
.card_prd_list ul>li.vertical>div {min-height:271px;}
.card_prd_list ul>li.vertical .card_img img {margin-top:50px;;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
/* //카드 세로형 */
/* 기프트카드 - 내역조회 */
i.ico_card {display:inline-block;position:relative;width:90px;height:90px;border-radius:50%;background-color:#fff;vertical-align:middle;}
i.ico_card:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(/pconts/images/contents/card/ico_card.png) no-repeat left top;}
.card_inquiry {padding:25px 0 0 0;text-align:center;}
.card_inquiry .ico_card {margin-bottom:18px;}
.card_inquiry .card_inq_info>a {display:inline-block;vertical-align:top;}
.card_inquiry .card_name {display:block;font-size:20px;color:#000;}
.card_inquiry .card_num {margin-top:2px;font-size:20px;color:#000;}
.card_inquiry .amount {margin-top:26px;padding-bottom:9px;font-size:16px;font-weight:700;color:#111;}
.card_inquiry .amount span {padding-left:15px;font-weight:400;font-size:30px;color:#333;}
.card_inquiry .amount span em {font-weight:700;font-style:normal;}
.form_tit02 {display:block;margin-top:-6px;font-size:18px;color:#333;}
.form_tit02 span {font-weight:400;}
.form_tit02 + form,
.form_tit02 + .form_ele {margin-top:54px;}
.btn_wrap + .list_wrap {/*margin-top:86px;*/margin-top:41px;}
.list_wrap .sum {font-size:14px;color:#111;}
.list_wrap .sum > span {font-weight:900;}
.list_wrap .card_list {margin-top:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.list_wrap .card_list li {overflow:hidden;margin:0 ;padding:38px 0 36px;border-top:1px solid #eee;color:#111;}/* 12.04 margin:0 30px -> margin:0*/
.list_wrap .card_list li:first-child {border-top:0;}
.list_wrap .card_list .left_con,
.list_wrap .card_list .right_con {float:left;}
.list_wrap .card_list .left_con {width:75%;}
.list_wrap .card_list .right_con {width:25%;text-align:right;}
.list_wrap .card_list .date {float:left;width:190px;font-weight:400;color:#111;}
.list_wrap .card_list .amount {font-size:16px;font-weight:700;color:#111;} /* 12.03 이강석 #333 -> #111수정*/
.list_wrap .card_list .amount a {color:#111;} /* 12.03 이강석 #333 -> #111수정*/
.list_wrap .card_list strong {font-size:16px;}
.list_wrap .card_list strong .bank_num {font-size:15px;font-weight:400;color:#111;}

.noti_box{padding:23px 40px 20px;margin-top:100px;border:1px solid #ddd;border-radius:10px;background-color:#f2f4f8;}
.noti_box strong{font-weight:700;font-size:24px;color:#111;}
.noti_box p{font-size:16px;color:#333;}
.noti_box a{display:inline-block;min-width:120px;height:28px;padding:0 15px;margin-top:14px;border:1px solid #999;border-radius:14px;font-weight:700;font-size:13px;line-height:26px;color:#111;text-align:center;vertical-align:middle;}

/* 기프트카드 약관 팝업 */
.pop_terms_wrap .pop_tit_dep1 {margin-bottom:20px;font-size:18px;color:#333;}
.pop_terms_wrap .pop_tit_dep2 {margin-bottom:7px;font-size:16px;color:#333;}
.pop_terms_wrap p + p {margin-top:5px;}
.pop_terms_wrap p + .pop_tit_dep1 {margin-top:20px;}
.pop_terms_wrap p + .pop_tit_dep2 {margin-top:20px;}

/* 선불카드 약관 팝업 */
.pop_terms_wrap .pop_tit_01 {margin:20px 0 20px 0;font-size:18px;color:#333;}
.pop_terms_wrap .pop_tit_02 {margin:7px 0 20px 0;font-size:16px;color:#333;}


/* 카드간편신청 */
.form_type .form_ele.type01 .ele_tit {top:32px;}
.form_type .form_ele.type01 .auto_name {padding-bottom:6px;text-align:right;}
.ly_inner .top_marker .marker_dot {margin-top:-4px;margin-bottom:55px;}
.popup_type01 .pop_cont .bg_gray.pop_card_name {margin-left:0;margin-right:0;margin-bottom:31px;padding:28px 20px 24px;text-align:center;}
.popup_type01 .pop_cont .bg_gray.pop_card_name strong {font-size:20px;line-height:27px;color:#333;}



/* 간편신청, Talk신청 카드 섹션 */
.card_sec {position:relative;text-align:center;padding-top:157px;}
.card_sec .img {display:inline-block;width:360px;height:228px;margin-top:-156px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4);}
.card_sec .img img {width:100%;}
.card_sec .card_name {width:646px;margin:-48px auto 0;}
.card_sec .card_name.type01 {width:646px;margin:-72px auto 0;padding:0 0 0;}
.card_sec .card_name:before {content:'';display:block;position:absolute;left:calc(-50vw + 50%);bottom:0;width:100vw;height:100%;background-color:#f6f6f6;background-color:rgba(246, 246, 246, 1.0);}
.card_sec.vertical_type {padding-top:197px;}
.card_sec.vertical_type .card_name {margin:-140px auto 0;}
.card_sec.vertical_type .card_name.type01 {margin:-164px auto 0;}
.card_sec.vertical_type .img {margin-top:-196px;width:228px;height:360px;}
.card_sec.vertical_type .img img {width:360px;max-width:360px;height:228px;margin-top:66px;margin-left:-66px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.card_sec strong {position:relative;z-index:1;font-size:20px;color:#000;}
.card_sec strong .btn_question {margin-left:2px;}
.card_sec + .ly_inner .form_type {padding-top:0;}
.card_sec + .ly_inner .top_marker .marker_dot {padding-top:33px;}
.card_sec.type02 {padding-top:0;}
.card_sec.type02 .img {margin-top:-144px;vertical-align:top;}
.card_sec.type02 .card_top_wrap {padding:5px 0 166px;} /* 01.30 조은지 추가 */
.card_sec.type02 .card_name_top {padding:0px;font-weight:700;font-size:24px;color:#111111;} /* 01.30 조은지 수정 */
.card_sec.type02 .card_name_top + .btn_wrap {margin:10px 0 7px;font-size:13px;}/* 01.29 조은지 추가, 수정*/
.card_sec.type02 .card_name {padding:0 0 24px;}
.card_sec.vertical_type.type02 .img {margin-top:-196px;margin-top:-256px}
.card_sec.vertical_type.type02 .card_top_wrap {padding-bottom:278px;}
.card_sec.vertical_type.type02 .card_name_top {padding-bottom:0px;} /* 01.30 조은지 padding-bottom: 278px -> 0px 수정 */
.card_sec.vertical_type.type02 .card_name {padding-bottom:96px;}

/* Talk신청 */
.talk_wrap {padding-bottom:12px;}
.talk_wrap .btn_wrap {padding:40px 0 15px;}
.talk_guide {position:relative;margin-top:34px;padding:7px 30px 0 60px;}
.talk_guide i {display:block;position:absolute;left:0;top:0;width:50px;height:50px;background:url(/pconts/images/contents/card/talk_penguin.png) no-repeat left top;background-size:100%;}
.talk_guide div {padding:22px 24px 21px;border-radius:21px;border-top-left-radius:0;background-color:#f4f4f4;}
.talk_guide p {font-size:13px;line-height:19px;color:#333;}
.talk_guide + .round_box_wrap {margin-top:30px;}
.round_box_wrap {display:none;padding:20px 25px 25px;border-radius:25px;border-top-right-radius:0;background-color:#f2f4f8;}
.round_box_wrap.show {display:block;}
.round_box_wrap + .round_box_wrap {margin-top:30px;}
.round_box_wrap .talk_app_tit {display:block;margin-bottom:10px;font-weight:700;font-size:13px;line-height:19px;color:#111;}
.round_box_wrap .select_wrap + .input_wrap {margin-top:10px;}
.round_box_wrap .btn_wrap {margin-top:10px;padding:0;}
.round_box_wrap .btn.darkgray {width:100%;height:44px;border-radius:4px;font-size:16px;line-height:44px;}

/*카드발급조회*/
.waybill {margin:24px 0 8px;padding:26px 30px 25px;}
.waybill p {text-align:center;}
.waybill p span {margin-left:9px;}

.logo_box img {width:47px;}
.df_list_wrap .df_list.type01 .item.tit {width:23%;padding-right:0px;}
.df_list_wrap .df_list.type01 .item.con {width:76%;}
.delivery_step {padding:30px;}
.delivery_step ul li {position:relative;width:100%;clear:both;}
.delivery_step ul li + li {padding-top:30px;}
.delivery_step ul li .condition::before {content:"";position:absolute;left:0;top:0;border-left:1px solid #eeeeee;height:100%;text-align:center;margin-left:40px;}
.delivery_step ul li .condition .code > p {float:left;width:80px;height:80px;background:#eeeeee;border-radius:50%;text-align:center;vertical-align:middle;font-size:16px;font-weight:700;line-height:80px;color:#111111;}
.delivery_step ul li .condition .code > p.on {background:#081350;color:#fff;}
.delivery_step ul li .condition .code > p.txt_over {line-height:inherit;padding-top:17px;}
.delivery_step ul li:first-child .condition::before {display:none;}
.delivery_step ul li .condition .summery {display:inline-block;padding-left:30px;}
.delivery_step ul li .condition .summery .date {padding-top:5px;color:#333;}
.delivery_step ul li .condition .summery .txt {font-weight:700;color:#333;}
.delivery_step ul li .condition .summery .pick {padding-top:8px;font-size:13px;}

/*청년동행바우처*/
.lgtxt_box .txt_lg {margin-bottom:15px;font-size:34px;font-weight:700;line-height:1.4;color:#111;}
.info_logo {padding:20px;margin-top:20px;}
.info_logo .info_txt {font-size:16px;color:#333;}
.info_logo .info_txt > span {padding-right:20px;font-weight:700;}
.info_logo .info_txt > span:last-child {padding-right:3px;}
.info_logo .info_txt > span > img {padding-right:8px;}

.agree_check_ul {position:relative;border:1px solid #ddd;background:#fff;}
.agree_check_ul li + li {margin-top:5px;}
.agree_check_ul .check_only {position:relative;width:100%;color:#333;}
.check_wrap.check_only .check_agree input[type="checkbox"] + span {padding:16px 0 13px 55px;}
.check_wrap.check_only .check_agree input[type="checkbox"] + span:before {content:'';display:block;position:absolute;left:29px;top:19px;width:6px;height:10px;margin:0 0 0 -4px;border-right:2px solid #b2b2b2;border-bottom:2px solid #b2b2b2;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.check_wrap.check_only .check_agree input[type="checkbox"]:checked + span:before {border-color:#4868e1;}
.check_wrap.check_only .btn_check_pop {position:absolute;right:20px;top:17px;font-size:13px;text-decoration:underline;color:#111;}
.check_wrap.check_only.type01 {padding-right:0;}
.check_wrap.check_only.type01 label {display:block;}
.check_wrap.check_only.type01 input {width:100%;height:100%;}
.check_wrap.check_only.type01 .check_agree input[type="checkbox"] + span {display:block;}
.agree_check_ul .check_only .btn_tooltip {margin-left:3px;}

/* 카드신청 프로세스 */
.appStep .contents .form_ele.type04 + .btn_photo_wrap {padding-top:20px;}

.check_default .btn_pop_new{line-height: 26px;}
.check_default .btn_pop_new span{font-size: 13px;text-decoration: underline;color:#111;}

.top_accodion_big {padding-top:7px;}
.top_accodion_big .accordion_wrap.btm_line {border:none;}
.top_accodion_big .accordion_header button.acc_btn {padding-bottom:19px;font-weight:400;font-size:20px;color:#333;text-align:center;border:none;}
.top_accodion_big .accordion_header button.acc_btn:after {display:inline-block;vertical-align:middle;position:static;}

.tab_type01 + .ext_ele {/*margin-top:-40px;*/margin-top:-55px;}
.tab_type01 + .ext_ele .form_type .form_ele.hide:first-child + .form_ele {margin-top:15px;}

.before_comm {overflow:hidden;padding:0 170px;}
.before_comm > div {margin:-3px 0 0 -3px;}
.before_comm ul {display:table;width:100%;table-layout:fixed;}
.before_comm ul li {display:table-cell;float:left;padding:0 0 0 3px;text-align:center;}
.before_comm ul li > div {min-height:110px;padding:15px 0 5px;}
.before_comm ul li i {display:inline-block;height:50px;vertical-align:top;}
.before_comm ul li i.icon_clock {width:50px;background:url(/pconts/images/icon/clock.png) no-repeat left top / 50px auto;}
.before_comm ul li i.icon_phone {width:50px;background:url(/pconts/images/icon/phone.png) no-repeat left top / 50px auto;}
.before_comm ul li i.icon_bank {width:50px;background:url(/pconts/images/icon/account.png) no-repeat left top / 50px auto;}
.before_comm ul li i.icon_cert {width:50px;background:url(/pconts/images/icon/id_card.png) no-repeat left top / 50px auto;}
.before_comm ul li p {margin-top:24px;font-size:13px;color:#333;}
.before_comm .col04 li {width:25%;}

.radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand {padding:14px 0 9px;}
.radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand {padding:13px 0 8px;}
.radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand em {padding-top:6px;font-weight:400;font-size:13px;color:#111;}
.radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand em {color:#4868e1;}
.radio_wrap.type_grid .card_brand img {width:45px;}
.check_wrap.type_agree .check_agree.check_all.h_auto {height:auto;}
.check_wrap.type_agree .btn_check_pop_type01 {position:absolute;right:20px;top:0;width:50px;font-size:13px;text-decoration:underline;color:#111;}
.popcard_img > img {width:44px;}

.brand_list {margin:0 -1px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.brand_list li {overflow:hidden;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.brand_list li span {display:inline-block;}
.brand_list li .popcard_img {width:15%;padding:12px 7px;text-align:center;vertical-align:middle;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;flex:none;}
.brand_list li .text {padding:12px 7px;color:#333;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;flex:1 1 auto;}

.info_bank {padding:25px 30px;margin-top:10px;color:#333;}
.info_bank .lg_txt {padding-bottom:8px;font-weight:700;font-size:18px;text-align:center;}
.info_bank .sm_txt {font-size:15px;text-align:center;}
.info_bank .sm_txt > span {color:#4868e1;}
.info_bank > img {width:100%;padding:30px 0;text-align:center;}
.info_bank ul {padding-left:35px;}
.info_bank ul li {padding-top:12px;}
.info_bank ul li:first-child {padding-top:0;}
.info_bank ul li > span {display:inline-block;margin-left:-15px;}

.form_agreement_gap {margin-top: 16px;}
.em_span_gap {margin-top: 2px;}

/* ----------------------------------------------------------------------------------- */
.tab_cont .cert_img {display:block;height:200px;text-align:center;}
.tab_cont .cert_img img {height:100%;}

.text_tip.ext_top {margin-top:-15px;}

.bg_gray.txt_box {margin-top:10px;padding:27px 30px 26px;}

.withdrawal_wrap {padding-top:24px;text-align:center;}
.withdrawal_wrap strong {display:block;margin-bottom:5px;font-size:20px;color:#333;}
.withdrawal_wrap .btn_wrap {margin:25px 0 26px;}

.date_swipe_form {overflow:hidden;margin-top:14px;padding:12px 0; clear:both; padding-top:14px;}
.date_swipe_form .date_swipe_group {overflow:visible;}
.date_swipe_form .date_swipe_group {height:36px;border-radius:18px;background-color:#e8ebf4;}
.date_swipe_form .left_gradient {display:block;position:absolute;left:0;top:0;z-index:10;width:50px;height:100%;background:linear-gradient(to right,rgba(255, 255, 255, 0.45), rgba(242, 244, 248, 0.85), rgba(242, 244, 248, 0.23)) no-repeat;}
.date_swipe_form .right_gradient {display:block;position:absolute;right:0;top:0;z-index:10;width:50px;height:100%;background:linear-gradient(to left,rgba(255, 255, 255, 0.45), rgba(242, 244, 248, 0.85), rgba(242, 244, 248, 0.23)) no-repeat;}
.date_swipe_form .left_gradient::before {content:'';display:block;position:absolute;left:20px;top:55%;width:10px;height:10px;margin:-8px 0 0 -8px;border-right:2px solid #111111;border-bottom:2px solid #111111;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.date_swipe_form .right_gradient::before {content:'';display:block;position:absolute;right:20px;top:55%;width:10px;height:10px;margin:-8px 0 0 -8px;border-right:2px solid #111111;border-bottom:2px solid #111111;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.date_swipe_form .left_gradient span, .date_swipe_form .right_gradient span {overflow:hidden;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;padding:3px;font-size:14px;line-height:1.1;color:transparent;text-indent:-9999px;}
.date_swipe_form .swiper-slide {width:50px;}
.date_swipe_form .swiper-slide.swiper-slide-active {width:90px;}
.date_swipe_form .swiper-slide a {display:block;font-weight:700;font-size:16px;line-height:36px;text-align:center;}
.date_swipe_form .swiper-slide a span {display:none;}
.date_swipe_form .swiper-slide a.active {width:60px;height:60px;margin:-12px auto 0;border-radius:50%;background-color:#4868e1;font-size:18px;line-height:60px;color:#fff;}
.date_swipe_form .swiper-slide a.active span {display:block;padding-top:4px;font-size:16px;line-height:1.53;color:#4868e1;opacity:0.7;}

.txt_box p + p {margin-top:10px;}

.certCard {padding:10px 0 17px;}
.certCard span {display:block;width:253px;margin:0 auto;}
.certCard span > img {width:100%;height:100%;}
.pop_cert_reg .h_title24 {padding-top:25px;margin-bottom:9px;}
.pop_cert_reg .certCard {padding-bottom:0;}
.pop_cert_reg .text_tip {line-height:1.43;}
.pop_cert_reg .text_tip + .form_type {padding-top:14px;}
.pop_cert_reg02 .certCard {padding-top:18px;}
.pop_cert_reg02 p {margin-top:5px;line-height:1.51;}
.quick_req .txt_box {padding-top:17px;}
.quick_req .h_title24 {padding-top:25px;line-height:1.33;}
.quick_req .pop_cont .form_type {padding-top:13px;}
.quick_req .form_ele .select_wrap .ui_select .ui_select_btn .ui_select_value {min-height:44px;height:auto;padding-top:10px;padding-bottom:10px;text-overflow:clip;white-space:normal;}
.quick_req .form_ele .select_wrap .ui_select .ui_select_btn .ui_select_value:before {top:50%;margin-top:-5px;}
.quick_req .select_wrap .ui_select select {padding-right:30px;}

.paper_wrap .h_title24 {padding-top:11px;margin-bottom:10px;}
.paper_wrap ul {display:-webkit-flex; display:-ms-flexbox; display:flex;margin:0 -1px;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.paper_wrap ul li {width:50%;padding:0 11px;}
.paper_wrap ul li img {width:100%}
.paper_wrap ul li p {margin-top:11px;padding-bottom:25px;line-height:1.51;}

.student_wrap .desc {line-height:1.51;}
.student_wrap .desc:first-child {margin-top:-9px;}
.student_wrap .h_title {margin-top:16px;}
.student_wrap .cert_img {display:block;width:253px;margin:19px auto 25px;}
.student_wrap .cert_img img {width:100%;}
.student_wrap .btn_wrap + .h_title {margin-top:26px;}
.student_wrap .h_title24 {margin-top:31px;margin-bottom:8px;}
.student_wrap .cert_img02 {max-width:320px;padding:0 6px;margin:25px auto 0;}
.student_wrap .cert_img02 + .cert_img02 {margin-top:15px;}
.student_wrap .cert_img02 img {width:100%;}

.btn_interaction {display:none;}
.btn_next, .btn_next.hide {display:block;}

.pop_btn.type02{padding-top:16px;}
.pop_btn.type02 p{margin-bottom:25px;}

.area_wrap{display:inline-block;width:100%;vertical-align:middle;}
.area_wrap > div{float:left;width:187px}
.area_wrap > div .txt{width:57px;}
.area_wrap > div:first-child{width:209px;}
.area_wrap > div:first-child .txt{width:79px;}
.area_wrap .select_wrap{float:left;width:130px;vertical-align:middle;}
.area_wrap .txt{float:left;height:44px;padding-left:10px;font-size:16px;line-height:44px;color:#111;vertical-align:middle;}

.signature_wrap .h_title24 {margin:-17px 0 22px;}
.signature_wrap .tab_cont {margin-left:-250px;}
.signature_wrap .tab_cont .font_lg {padding-top:36px;line-height:1.35;text-align:center;}
.signature_wrap .pdl250{padding-left:250px;}
.signature_wrap .script_wrap{padding-top:17px;}
.signature_wrap .work_info {margin-top:10px;}
.signature_wrap .work_info .btn_wrap .btn{float:left}
.signature_wrap .work_info .btn_wrap .btn + .btn{margin-left:8px;}
.signature_wrap .preview_box {margin:40px 0 20px;}
.signature_wrap .preview_box .s-card-image {position:relative;width:360px;margin:0 auto;}
.signature_wrap .preview_box .s-card-image.deep-dream span.img{background:url(/conts/images/contents/s-signature1.png);background-size:360px 228px;}
.signature_wrap .preview_box .s-card-image.rpm span.img{background:url(/conts/images/contents/s-signature1.png);background-size:360px 228px;}
.signature_wrap .preview_box span.img{display:block;overflow:hidden;position:relative;width:360px;height:228px;margin:0 auto;border-radius:13px;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);}
.signature_wrap .preview_box span.img .s-dimd{position:absolute;width:100%;height:100%;background:#fff;z-index:1000;left:0;top:0;opacity:0.85;}
.signature_wrap .preview_box span.img .s-sign-font{position:absolute;right:5%;bottom:7%;font-size:1.3125rem;color:#fff;font-family:'signature2','signature1','ShinhanCard'}
.signature_wrap .preview_box span.img .s-sign-font img{width:auto !important;height:35px !important;border:0;}
.stdt_txt{color:#333;}

.app_comp_wrap{width:482px;margin:0 auto 54px;}
.app_comp_wrap .card_area {position:relative;margin-top:48px;text-align:center;}
.app_comp_wrap .card_area:after{content:'';position:absolute;left:0;top:153px;width:100%;height:100%;background-color:#fff;}
.app_comp_wrap .card_area span.img{display:inline-block;overflow:hidden;border-radius:13px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);vertical-align:middle;}
.app_comp_wrap .card_area span.img img{width:360px;height:228px;}
.app_comp_wrap p.title{position:relative;margin-top:-53px;font-weight:700;font-size:28px;color:#111;line-height:1.62;text-align:center;letter-spacing:-0.02em;}
.app_comp_wrap p.title span{display:block;}
.app_comp_wrap p.desc{position:relative;margin-top:13px;margin-bottom:50px;font-size:16px;text-align:center;line-height:1.5;}
.app_comp_wrap .marker_dot{margin-bottom:13px;}
.app_comp_wrap .marker_dot + p {margin-bottom:11px;}
/* 카드 세로형 */
.app_comp_wrap .card_area.vertical {}
.app_comp_wrap .card_area.vertical:after{top:196px;}
.app_comp_wrap .card_area.vertical span.img{width:228px;height:360px;}
.app_comp_wrap .card_area.vertical span.img img{max-width:360px;margin-top:66px;margin-left:-66px;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.app_comp_wrap .card_area.vertical + p.title {margin-top:-142px;}
/* /카드 세로형 */
.form_type .form_sub_tit{font-weight:700;color:#111;margin:13px 0 54px;}

/* 카드상세 */
/* 비교함 - 카드비교 팝업*/
#cardCompareAfter.compare_gapt {margin-top:90px !important;}/* 카드 상세에서 비교함 노출되는 경우 해당 클래스 생성되어 상단 여백 조절 */
.card_compare_wrap {position:fixed;top:128px;left:0;width:100%;z-index:40;}
.card_compare_wrap .top_banner {display:none;position:relative;z-index:60;padding:13px 0;background-image:linear-gradient(to top, #e5e8ef, #f2f4f8 20%);border-top:1px solid #ebedf1;border-bottom:1px solid #ebedf1;text-align:center;}

.card_compare_wrap .top_banner button {position:relative;font-weight:700;color:#111;}
.card_compare_wrap .top_banner button::after {content:'';display:inline-block;margin-left:10px;width:0;height:0;border-top:5px solid #aaaaaa;border-bottom:5px solid none;border-right:5px solid transparent;border-left:5px solid transparent;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);vertical-align:middle;}
.card_compare_wrap.opened .top_banner button:after {transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);}
.card_compare_wrap .top_banner button span.counting {margin:0 3px 0 8px;padding:0 9px;background:#fff;border:1px solid #5980e5;border-radius:15px;color:#5980e5;}
.card_compare_wrap.opened .banner_cont {display:block;}
.card_compare_wrap .banner_cont {position:relative;z-index:50;display:none;padding:30px 0;background:#f1f3f7}
.card_compare_wrap .banner_cont .inner {width:510px;margin:0 auto;}
.card_compare_wrap .banner_cont .inner .noti_txt {margin-bottom:40px;text-align:center}

.card_compare_wrap.active .top_banner {display:block;}
.card_compare_wrap .banner_dimmed {display:none;opacity:0;transition:all 0.3s ease;}
.card_compare_wrap .banner_cont {transform:translateY(-101%);transition:all 0.3s ease;}
.card_compare_wrap.opened .banner_cont {opacity:1;transform:translateY(0);}
.card_compare_wrap.opened .banner_dimmed {display:block;opacity:1;}
.compare_card_list {display:-webkit-flex; display:-ms-flexbox; display:flex;min-height:250px;}
.compare_card_list:after {display:block;content:'';clear:both;}
.compare_card_list li {position:relative;width:220px;}
.compare_card_list li + li {margin-left:76px;}
.compare_card_list li .item {display:block;position:relative;text-align:center;z-index:1;}
.compare_card_list li .card_img {display:-webkit-flex; display:-ms-flexbox; display:flex;width:220px;height:215px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.compare_card_list li .card_img.hidden {display:none;}
.compare_card_list li .item .card_img .img {position:relative;display:inline-block;}
.compare_card_list li .item .card_img .img a {display:inline-block;width:220px;}
.compare_card_list li .item .card_img .img img {width:220px;border-radius:8px;box-shadow:2px 6px 15px -2px rgba(0, 0, 0, 0.3);}
/* 카드 세로형 수정 */
.compare_card_list li .item .card_img .img.vertical {-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.compare_card_list li .item .card_img .del {display:block;content:'';position:absolute;top:0;right:0;width:27px;height:27px;overflow:hidden;background:url(/pconts/images/contents/card/ico_card_delete.png) no-repeat left top;text-indent:-9999px;}
.compare_card_list li .item .card_img .img.vertical .del {left:0;right:initial;}
.compare_card_list li .item .card_img .tag {display:block;content:'';position:absolute;bottom:10px;right:0;padding:2px 15px;background:#333333;color:#fff;}
.compare_card_list li .item .card_img .tag.best {background:#4e5b68;}
.compare_card_list li .item .card_img .tag.new {background:#4868e1;}
.compare_card_list li .item .card_info {display:block;margin:62px auto 0;width:160px;}
.compare_card_list li .item .card_info dt {font-weight:700;font-size:16px;line-height:23px;color:#333;}
.compare_card_list li .item .card_info dd {margin-top:5px;}
.compare_card_list li .badge_wrap {position: absolute;width: 100%;margin-top:30px;}
/* .compare_card_list li .badge_wrap .new_badge {background:#4868e1;}
.compare_card_list li .badge_wrap .cash_badge {background:#333;} */
.compare_card_list li .card_img.no_data {position:absolute;top:0;width:100%;z-index:0;}
.compare_card_list li .card_add {display:block;position:relative;width:220px;height:140px;padding-top:84px;border:2px dashed #ddd;background:#f1f3f7;border-radius:9px;color:#111;text-align:center;}
.compare_card_list li .card_add:before,
.compare_card_list li .card_add:after {display:block;content:'';position:absolute;top:55px;left:50%;width:26px;height:2px;margin-left:-13px;background:#bbb;}
.compare_card_list li .card_add:after {transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.card_compare_wrap .banner_cont .btn_wrap {padding-top:30px;}
.card_compare_wrap .banner_dimmed {display:none;}
.card_compare_wrap.opened .banner_dimmed {display:block;position:fixed;top:180px;bottom:0;width:100%;height:100%;z-index:40;background:rgba(0,0,0,0.7);}
.pop_compare .compare_card_list {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;height:auto;margin:0 -30px;padding:30px 0;background:#f2f4f8}
.pop_compare .compare_card_list .item {position:relative;height:100%;padding-bottom:60px;}
.pop_compare .compare_card_list .item .btn_wrap {position:absolute;bottom:0;left:50%;margin-left:-41px;}
.pop_compare .compare_card_list .btn.rectangle {background:#fff}
.pop_compare .card_detail {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;padding:40px 0;}
.pop_compare .card_detail .detail_tit {width:105px;font-weight:700;font-size:16px;color:#333;}
.pop_compare .card_detail .detail_tit:not(:first-child),
.pop_compare .card_detail .detail_cont:not(:nth-of-type(1)) {margin-top:40px;}
.pop_compare .card_detail .detail_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;width:calc(100% - 105px)}
.pop_compare .card_detail .detail_cont dl {width:227px;padding-right:30px;}
.pop_compare .card_detail .detail_cont dl + dl {border-left:1px solid #ddd;padding-left:60px;padding-right:0;}
.pop_compare .card_detail .detail_cont dt {position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important;}
.pop_compare .card_detail .detail_cont .benefit_wrap li:not(:first-child) {margin-top:15px;}
.pop_compare .card_detail .detail_cont .benefit_wrap .item {position:relative;display:block;min-height:39px;padding:9px 0 9px 58px}
.pop_compare .card_detail .detail_cont .benefit_wrap .item:before {display:block;content:'';position:absolute;top:50%;left:0;width:39px;height:39px;margin-top:-19px;background-repeat:no-repeat;background-position:0 0;background-size:39px auto;}
.pop_compare .card_detail .detail_cont .benefit_wrap .item01:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item01.png)}/*전가맹점*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item02:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item02.png)}/*주유*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item03:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item03.png)}/*마트/가맹점*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item04:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item04.png)}/*편의점*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item05:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item05.png)}/*온라인*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item06:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item06.png)}/*영화/공연*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item07:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item07.png)}/*외식*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item08:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item08.png)}/*커피/베이커리*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item09:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item09.png)}/*대중교통*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item10:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item10.png)}/*병원/약국*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item11:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item11.png)}/*공과금*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item12:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item12.png)}/*통신*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item13:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item13.png)}/*학원/육아*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item14:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item14.png)}/*여행/레저*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item15:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item15.png)}/*마일리지*/
.pop_compare .card_detail .detail_cont .benefit_wrap .item16:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item16.png)}/*공항라운지*/

.card_compare_add {margin:30px 0 20px 0;text-align:center;transition:all 0.3s ease;}
.card_compare_wrap.active + .card_compare_add {margin-top:80px;}
.card_compare_add button {position:relative;width:137px;height:40px;padding-left:45px;border-radius:30px;box-shadow:2px 3px 10px 1px rgba(0, 0, 0, 0.15);text-align:left;font-weight:700;color:#333;}
.card_compare_add button::after {content:'';position:absolute;left:20px;width:17px;height:20px;background:url(/pconts/images/contents/card/ico_card_add.png) no-repeat left top 1px;}
.card_detail {overflow:hidden;}
.card_detail .left_wrap {width:50%;float:left;}
.card_detail .left_wrap.card_slider.no_swiper .nav-button-next, .card_detail .left_wrap.card_slider.no_swiper .swiper-pagination,
.card_detail .left_wrap.card_slider.no_swiper .nav-button-prev {display:none;}
.card_detail .right_wrap {width:50%;display:inline-block;}
.card_detail .card_name_wrap {position:relative;width:50%;display:inline-block;padding:0 76px 0 36px;}
.card_detail .card_name_wrap .card_name {margin:20px 0 5px;font-size:38px;font-weight:700;color:#111;line-height:1.25;}
.card_detail .card_name_wrap .card_name .btn_sns { position:absolute;right:0px;top:20px;}
.card_detail .card_name_wrap .card_name .btn_sns img {width:33px;}
.card_detail .card_name_wrap .card_name .btn_card_add { position:absolute;right:0px;top:65px;}
.card_detail .card_name_wrap .card_name .btn_card_add img {width:33px;}
.card_detail .card_name_wrap .sub_summery {margin:15px 0 45px;font-size:24px;color:#111;line-height:1.25;}
.card_detail .left_wrap .swiper-container {width:425px;margin:0;background:url(/pconts/images/contents/card/bg_card_plate.png) no-repeat center 45px;padding:75px 0 30px; height: 410px;}
.card_detail .left_wrap .swiper-container .swiper-wrapper {text-align:center;}
.card_detail .left_wrap .swiper-slide {height:268px;}
.card_detail .left_wrap .swiper-slide img {width:320px;margin-top:10px;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);border-radius:15px;}
/* 20.02.13 카드 이미지 vertical 수정 */
/* .card_detail .left_wrap .swiper-slide.vertical img {width:202px;margin-top:-60px;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);}
.card_detail .left_wrap .swiper-slide img.rotate {width:202px; margin-top:-50px; box-shadow:-2px 5px 15px 2px rgba(0, 0, 0, 0.3);transform:rotate(-90deg);}
.card_detail .left_wrap .swiper-slide.vertical img.rotate {position:relative; top:15px; width:302px;margin:0;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);transform:rotate(90deg);} */
.card_detail .left_wrap .swiper-slide.vertical img {position:relative; top:15px; width:302px;margin:0;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);transform:rotate(90deg);}
/* //20.02.13 카드 이미지 vertical 수정 */
/* position: static; -> position: absolute; */
.card_detail .left_wrap .swiper-container .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex;position: absolute;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;margin:25px 0 0 0;font-weight:700;color:#999;}
.card_detail .left_wrap .swiper-container .swiper-pagination-bullet {width:12px;height:12px;border:3px solid #f6f6f6;background-color:#cccccc;opacity:1;margin:0 5px;}
.card_detail .left_wrap .swiper-container .swiper-pagination-bullet-active {border-color:#333;background-color:#f6f6f6;}
.card_detail .left_wrap .swiper-container .swiper-pagination-fraction {bottom:34px;font-weight:700;color:#999;}
.card_detail .left_wrap .swiper-container .swiper-pagination-fraction .swiper-pagination-current {font-weight:300;color:#111;}
.card_detail .left_wrap .swiper-container .swiper-pagination-fraction .swiper-pagination-total {font-weight:300;}
.card_detail .left_wrap .swiper-container .nav-button-prev,
.card_detail .left_wrap .swiper-container .nav-button-next {position:absolute;z-index:20;top:40%;width:28px;height:36px;background:url('/pconts/images/common/ico_slideBtn_certi.png') no-repeat center center;background-size:18px;}
.card_detail .left_wrap .swiper-container .nav-button-prev {left:0;transform:rotate(180deg);}
.card_detail .left_wrap .swiper-container .nav-button-next {right:0;}
.card_detail .left_wrap .swiper-container .nav-button-prev.swiper-button-disabled,
.card_detail .left_wrap .swiper-container .nav-button-next.swiper-button-disabled {opacity:0.3;}

.card_detail .right_wrap {padding:0 76px 0 36px;}
.card_detail .right_wrap .card_name {margin-top:20px;height:100px;font-size:38px;font-weight:700;color:#111;line-height:1.25;}
.card_detail .right_wrap .card_name .btn_sns { position:absolute;right:0;top:20px;}
.card_detail .right_wrap .sub_summery {height:100px;margin-top:15px;font-size:24px;color:#111;line-height:1.25;}
.card_detail .right_wrap .benefits {margin-top:15px;}
.card_detail .right_wrap .benefits li {padding-left:67px;line-height:37px;height:37px;font-size:18px;color:#333;}
.card_detail .right_wrap .benefits li + li {margin-top:20px;}
.card_detail .right_wrap .benefits li > strong {font-weight:700;}
.card_detail .right_wrap .benefits li[class*="icon"] {background-size:37px auto;background-position:left top;background-repeat:no-repeat;}
.card_detail .right_wrap .benefits li.icon01 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_01.png);}/*전가맹점*/
.card_detail .right_wrap .benefits li.icon02 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_02.png);}/*주유*/
.card_detail .right_wrap .benefits li.icon03 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_03.png);}/*마트/백화점*/
.card_detail .right_wrap .benefits li.icon04 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_04.png);}/*편의점*/
.card_detail .right_wrap .benefits li.icon05 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_05.png);}/*온라인*/
.card_detail .right_wrap .benefits li.icon06 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_06.png);}/*영화/공연*/
.card_detail .right_wrap .benefits li.icon07 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_07.png);}/*외식*/
.card_detail .right_wrap .benefits li.icon08 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_08.png);}/*커피/베이커리*/
.card_detail .right_wrap .benefits li.icon09 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_09.png);}/*대중교통*/
.card_detail .right_wrap .benefits li.icon10 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_10.png);}/*병원/약국*/
.card_detail .right_wrap .benefits li.icon11 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_11.png);}/*공과금*/
.card_detail .right_wrap .benefits li.icon12 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_12.png);}/*통신*/
.card_detail .right_wrap .benefits li.icon13 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_13.png);}/*학원/육아*/
.card_detail .right_wrap .benefits li.icon14 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_14.png);}/*여행/레져*/
.card_detail .right_wrap .benefits li.icon15 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_15.png);}/*마일리지*/
.card_detail .right_wrap .benefits li.icon16 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_16.png);}/*공항라운지*/
/* 20.02.05 추가 */
.card_detail .right_wrap .benefits li.icon18 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_17.png);}/*포인트*/
.card_detail .right_wrap .benefits li.icon19 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_18.png);}/*할인/캐시백*/
.card_detail .right_wrap .benefits li.icon20 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_19.png);}/*기본*/
.card_detail .right_wrap .benefits li.icon21 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_20.png);}/*플래티늄*/
.card_detail .right_wrap .benefits li.icon17 {background-image:url(/pconts/images/contents/card/ico_card_benefit_m_21.png);}/*스포츠*/
/* //20.02.05 추가 */

.card_accor_section {width:830px;margin:0 auto;}
.bank_list {margin-left:-10px;}
.bank_list li {width:25%;float:left;display:inline-block;margin-top:20px;}
.bank_list li > img {width:20px;vertical-align:top;}
.bank_list li:nth-child(-n + 4) {margin-top:0;}
.bank_list li {padding-left:10px;}
.bank_list li span.bank_name {padding-left:10px;}
.all_view > li {position:relative;margin-top:10px;}
.all_view > li > a {display:block;min-height:152px;padding:30px 30px 30px 185px;background:#fff;}
.all_view > li .cont .title {display:block;position:relative;margin-bottom:5px;font-size:18px;font-weight:700;color:#111;}
.all_view > li .cont .title::after {content:'';position:absolute;top:9px;width:8px;height:8px;border:0;margin-left:5px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.all_view > li .img_wrap {position:absolute;left:28px;top:20px;}
.all_view > li .img_wrap > img {width:111px;}
.m_floatiing_box .btn_m_floating {display:none;}

.card_detail_tab.tab_type01 .tab_pull:before {left:0;width:100%;}

.benefit_cont_wrap {padding:45px 0;}
.benefit_cont_wrap .tit_dep1 {margin-bottom:40px;font-size:24px;font-weight:700;color:#333;}
.benefit_cont_wrap .tit_dep2 {margin-bottom:20px;font-size:20px;font-weight:700;color:#333;}
.benefit_cont_wrap .tit_dep3 {margin-bottom:15px;font-size:18px;font-weight:700;color:#333;}
.benefit_cont_wrap p + .tit_dep2,
.benefit_cont_wrap ul + .tit_dep2,
.benefit_cont_wrap div + .tit_dep2 {margin-top:50px;}
.benefit_cont_wrap p + .tit_dep3,
.benefit_cont_wrap ul + .tit_dep3,
.benefit_cont_wrap div + .tit_dep3 {margin-top:30px;}
.benefit_cont_wrap p + .table_wrap,
.benefit_cont_wrap ul + .table_wrap {margin-top:16px;}
.benefit_cont_wrap [class*="marker_"] + .marker_refer,
.benefit_cont_wrap .point_add + .marker_refer {margin-top:10px;}
.benefit_cont_wrap p + .tbl_tit,

.benefit_cont_wrap ul + .tbl_tit {margin-top:16px;}
.benefit_cont_wrap .tbl_tit {margin-bottom:10px;color:#333;}
.benefit_cont_wrap .tbl_tit + .table_wrap {margin-top:13px;}
.benefit_cont_wrap .table_wrap {margin-bottom:10px;}
.benefit_cont_wrap .table_wrap table thead th {font-weight:400;text-align:center}
.benefit_cont_wrap .point_add:after {display:block;content:'';clear:both;}
.benefit_cont_wrap .point_add dl {display:table;float:left;width:320px;padding:15px 20px;border:1px solid #ddd;background:#f2f4f8;}
.benefit_cont_wrap .point_add dl:not(:first-child) {margin-left:10px;}
.benefit_cont_wrap .point_add dl > * {display:table-cell;}
.benefit_cont_wrap .point_add dl dt {width:60%;font-size:16px;font-weight:700;color:#333;}
.benefit_cont_wrap .point_add dl dd {text-align:right;font-size:16px;font-weight:700;color:#4868e1}
.benefit_cont_wrap .guidebook + [class*="tit_dep"] {margin-top:30px;}
.benefit_cont_wrap .guidebook li {display:inline-block; margin-bottom: 4px;}
.benefit_cont_wrap .guidebook li + li {margin-right:4px;}
.benefit_cont_wrap .guidebook .btn_download2{display:inline-block;padding:9px 40px 6px 15px;height:auto;font-size:15px;line-height:1.53;background: url(/pconts/images/contents/card/ico_guide_down.png) no-repeat right 15px center;background-size: 15px;}
.benefit_cont_wrap .guidebook .btn_download2:after{margin-left:15px;}
.benefit_cont_wrap .guidebook .btn_download2:before{display:inline-block;content:'';width:44px;height:23px;margin:-1px 10px 0 0;background:url(/pconts/images/contents/card/img_carddetail_platinum_m.png) no-repeat left top;background-size:auto 21px;vertical-align:middle;}
.benefit_cont_wrap .guidebook .btn_download2.visa:before{background-position:0 0;}
.benefit_cont_wrap .guidebook .btn_download2.master:before{background-position:-41px 0;}
.benefit_cont_wrap .guidebook .btn_download2.amex:before{background-position:-82px 0;}
.benefit_cont_wrap .guidebook .btn_download2.upi:before{background-position:-123px 0;}
.benefit_cont_wrap .guidebook .btn_download2.urs:before{background-position:-164px 0;}
.benefit_cont_wrap .guidebook .btn_download2.s:before{background-position:-205px 0;}
.benefit_cont_wrap .guidebook .btn_download2.jcb:before{background-position:-246px 0;}
.benefit_cont_wrap .guidebook .btn_download2.kor:before{background-position:-287px 0;}
.benefit_cont_wrap .guidebook .download_two{display:inline-block;padding:9px 40px 6px 15px;height:auto;line-height:1.53;border: 1px solid #bbb;border-radius: 3px; background:#fff;font-size:15px;color: #333;font-weight: 400;background: url(/pconts/images/contents/card/ico_guide_down.png) no-repeat right 15px center;background-size: 15px;}
.benefit_cont_wrap .guidebook .download_two:after{margin-left:15px;}
.benefit_cont_wrap .guidebook .download_two .btn_download2{display: inline-block;padding:0;border: none;}
.benefit_cont_wrap .guidebook .download_two .btn_download2::before{margin: -1px 0 0 0;}
.benefit_cont_wrap .guidebook .btn_download3.urs{background-position:-164px 0;}
.benefit_cont_wrap .card_benefit_banner {position:relative;padding-bottom:23px;margin-bottom:30px;}
.benefit_cont_wrap .card_benefit_banner:after {display:block;content:'';position:absolute;bottom:0;right:0;width:calc(100% - 25px);height:calc(100% - 25px);border:3px solid #4868e1;z-index:0;}
.benefit_cont_wrap .card_benefit_banner .inner {position:relative;width:calc(100% - 25px);padding:45px 50px;background:#f1f3f7;z-index:1;}
.benefit_cont_wrap .card_benefit_banner .inner:before {display:block;content:'';position:absolute;left:-2px;top:9px;width:27px;height:3px;background:#4868e1;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.benefit_cont_wrap .card_benefit_banner .inner .tit {display:block;margin-bottom:10px;font-size:28px;font-weight:700;color:#4868e1}
.benefit_cont_wrap .card_benefit_banner .inner .tit .small_block {display:block;font-size:20px;}
.benefit_cont_wrap .card_benefit_banner .inner .txt {font-size:16px;color:#4868e1}

.accordion_wrap.btm_line.card_detail {border-color:#ddd;}
/* 심의필 */
.accordion_wrap.btm_line.card_detail + ul {font-size:16px;}
/* //심의필 */
.accordion_header button.acc_btn.card_detail, .accordion_header a[role="button"].acc_btn.card_detail {border:none;}
.accordion_header button.acc_btn.card_detail .acc_title > img {width:24px;margin-right:10px;}
.accordion_header.on + .accordion_body.annual {max-height:181px;overflow-y:auto;}

.pop_sns_wrap .sns_pop {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;padding-top:13px;padding-bottom:25px;}
.pop_sns_wrap .sns_pop:after {display:none;}
.pop_sns_wrap .sns_pop {margin:0 -10px;}
.pop_sns_wrap .sns_pop li {display:inline-block;text-align:center; width:89px;}
.pop_sns_wrap .sns_pop li > button {width:65px;height:65px; overflow:visible; background:no-repeat center center #4e5b68; background-size:40px 40px; border-radius:50%;}
.pop_sns_wrap .sns_pop li > button.sns_kakao {background-image:url(/pconts/images/common/sns_kakao.png)}
.pop_sns_wrap .sns_pop li > button.sns_line {background-image:url(/pconts/images/common/sns_line.png)}
.pop_sns_wrap .sns_pop li > button.sns_facebook {background-image:url(/pconts/images/common/sns_facebook.png)}
.pop_sns_wrap .sns_pop li > button.sns_twitter {background-image:url(/pconts/images/common/sns_twitter.png)}
.pop_sns_wrap .sns_pop li > button.sns_sms {background-image:url(/pconts/images/common/sns_sms.png)}
.pop_sns_wrap .sns_pop li > button.sns_link {background-image:url(/pconts/images/common/sns_link.png)}
.pop_sns_wrap .sns_pop li > button span {display:block;padding-top:82px;color:#111;}
.pop_annual_wrap {padding:0 30px;}
.pop_annual_wrap .logo_tit {font-size:20px;font-weight:700;color:#333;}
.pop_annual_wrap .logo_tit > img {width:45px;}
.pop_annual_wrap .logo_tit span {margin-left:15px;}
.pop_annual_wrap .annual_tbl th {padding:15px 0 8px;color:#333;}
.pop_annual_wrap .annual_tbl td {font-size:20px;font-weight:700;color:#333;vertical-align:baseline;}
.pop_annual_wrap .annual_tbl td.point {font-size:26px;}

.map_area_wrap .map_list li{width: 50%;float:left;}
.map_area_wrap .map_list li:nth-child(even) > div{margin-right: 0;}
.map_area_wrap .map_list li > div{height: 118px;padding:30px;margin:0 8px 8px 0;border-radius: 3px;border: 1px solid #ddd;}
.map_area_wrap .map_list li .space{width: 82%;display: inline-block;font-size:16px;color: #333;font-weight: 700;padding-bottom: 10px;}
.map_area_wrap .map_list.big li > div{height: 142px;}
.map_btn li{display: inline-block;margin-bottom: 5px;}

.table_wrap.type01{width:100%;border-top:0;border-bottom:0;table-layout:fixed;}
.table_wrap.type01 thead th{padding-top:11px;padding-bottom:10px;border-bottom:1px solid #eee;font-size:13px;text-align:center;}
.table_wrap.type01 tbody td{padding-top:10px;padding-bottom:10px;font-size:15px;text-align:center;}
.table_wrap.type01 tbody tr:first-child td{padding-top:20px;}
.table_wrap.type01 .ico_brand{display:inline-block;width:44px;height:23px;vertical-align:middle}
.table_wrap.type01 .ico_brand img{width:44px;height:23px;}

.info_col{overflow:hidden;margin-top:10px;}
.info_col ul{display:-webkit-flex; display:-ms-flexbox; display:flex;height:100%;margin:0 -5px}
.info_col ul li{flex:1;width:33.33%;margin:0 5px;border:1px solid #ddd;background-color:#f2f4f8;vertical-align:top;}
.info_col ul li > div{padding:16px 5px 14px;font-weight:700;font-size:16px;color:#333;text-align:center;}

.service_step{overflow:hidden;display:table;width:100%;margin-bottom:16px;}
.service_step li{display:table-cell;position:relative;width:155px;text-align:center;vertical-align:top;}
.service_step li > div{width:100%;height:175px;padding:30px 10px 20px;border-radius:5px;background-color:#f2f4f6;}
.service_step li > div .icon_box{width:60px;height:60px;margin:0 auto;background-position:center center;background-size:60px auto !important;}
.service_step li > div p{margin-top:15px;font-weight:700;color:#333;line-height:1.54;}
.service_step li.arrow{width:120px;}
.service_step li.arrow:before{content:'';display:block;position:absolute;left:50%;top:57px;width:9px;height:9px;margin-left:-8px;border-right:1px solid #707070;border-bottom:1px solid #707070;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.service_step li.arrow p{padding-top:106px;}
.tit_dep2 + .service_step {margin-top:-6px;}

.service_used{position:relative;margin-bottom:22px;}
.service_used ul{width:480px;}
.service_used ul li{display:table;position:relative;width:100%;padding-top:37px;}
.service_used ul li:before{content:'';display:block;position:absolute;left:50%;top:11px;width:9px;height:9px;margin:0 0 0 -1px;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.service_used ul li:first-child {padding-top:0;}
.service_used ul li:first-child:before {display:none;}
.service_used ul li > div{display:table-cell;position:relative;padding:14px 20px 14px;border-radius:5px;background-color:#f2f4f6;vertical-align:middle;}
.service_used ul li p{font-weight:700;color:#333;line-height:1.67;}
.service_used ul li span {line-height:1.66;}
.service_used ul li.aside{display:block;position:absolute;right:0;top:0;width:480px;padding-top:148px;text-align:center;}
.service_used ul li.aside:before{display:none;}
.service_used ul li.aside > div {display:block;padding:0;background-color:transparent;}
.service_used ul li.aside > div:before{content:'';display:block;position:absolute;left:-20px;top:-121px;width:261px;height:121px;border:1px solid #ddd;border-bottom-width:0;border-left-width:0;transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
.service_used ul li.aside > div:after{content:'';position:absolute;left:-20px;top:64px;width:195px;border-top:1px solid #ddd;}
.service_used ul li.aside i.ico:before, .service_used ul li.aside i.ico:after{content:'';display:block;position:absolute;width:9px;height:9px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.service_used ul li.aside i.ico:before{left:-18px;top:60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.service_used ul li.aside i.ico:after{left:236px;top:-11px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.service_used ul li.aside p {margin:14px 0 9px;}
.service_used .ico.nice{display:block;width:130px;height:130px;margin:0 auto;background:url(/pconts/images/contents/card/logo_nice.png) no-repeat left top;background-size:130px 130px;}
.service_used .marker_refer{margin:8px 0 0 15px;}

/* 혜택보기 상세 */
/* .pop_wrap .swiper_tabCont .ly_inner {margin:0;} */
.pop_wrap .swiper_tabCont .bg_gray {margin:0 !important;padding:0 !important}

.design_card_wrap{padding:13px 23px 0 24px}
.design_card_wrap ul{display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.design_card_wrap ul li{width:286px;margin:32px 13px 0 12px;}
.design_card_wrap ul li img{width:286px;height:180px;}
.design_card_wrap ul li p{margin-top:11px;}

/* 선택형서비스조회 */
.talbe_counting {float:right;margin-top:5px;font-size:15px;font-weight:400;}
.font_md05.sub_txt {color:#333;}

.check_list02 label span:before {background-size:40px auto;background-repeat:no-repeat;background-position: left bottom; background-color: transparent;}
.check_list02 label span.ico_traffic:before{background-image: url(/pconts/images/contents/card/ico_list_taxi.png);}
.check_list02 label span.ico_department:before{background-image: url(/pconts/images/contents/card/ico_list_department.png);}
.check_list02 label span.ico_coffee:before{background-image: url(/pconts/images/contents/card/ico_combo_coffe.png);}
.check_list02 label span.ico_bakery:before{background-image: url(/pconts/images/contents/card/ico_combo_bakery.png);}
.check_list02 label span.ico_store:before{background-image: url(/pconts/images/contents/card/ico_combo_store.png);}
.check_list02 label span.ico_movie:before{background-image: url(/pconts/images/contents/card/ico_combo_movie.png);}
.check_list02 label span.ico_social:before{background-image: url(/pconts/images/contents/card/ico_list_social.png);}
.check_list02 label span.ico_discount:before{background-image: url(/pconts/images/contents/card/ico_list_discount.png);}
.check_list02 label span.ico_online:before{background-image: url(/pconts/images/contents/card/ico_list_online.png);}
.check_list02 label span.ico_tel:before{background-image: url(/pconts/images/contents/card/ico_list_tel.png);}
.check_list02 label span.ico_edu:before{background-image: url(/pconts/images/contents/card/ico_list_edu.png);}
.check_list02 label span.ico_homeshopping:before{background-image: url(/pconts/images/contents/card/ico_list_homeshopping.png);}
.check_list02 label span.ico_hospital:before{background-image: url(/pconts/images/contents/card/ico_list_hospital.png);}
.check_list02 label span.ico_food:before{background-image: url(/pconts/images/contents/card/ico_combo_family.png);}
.check_list02 label span.ico_oil:before{background-image: url(/pconts/images/contents/card/ico_list_oil.png);}
.check_list02 label span.ico_beauty:before{background-image: url(/pconts/images/contents/card/ico_list_beauty.png);}
.check_list02 label span.ico_sports:before{background-image: url(/pconts/images/contents/card/ico_list_sports.png);}
.check_list02 label span.ico_book:before{background-image: url(/pconts/images/contents/card/ico_list_book.png);}
.check_list02 label span.ico_travel:before{background-image: url(/pconts/images/contents/card/ico_list_travel.png);}
.check_list02 label span.ico_hotelclub:before{background-image: url(/pconts/images/contents/card/ico_list_hotelclub.png);}
.check_list02 label span.ico_mobile:before{background-image: url(/pconts/images/contents/card/ico_list_mobile.png);}

/* 4Tune*/
.choice_title {padding:17px 30px !important;text-align:left !important;}
input[type="radio"]:checked + .choice_title {padding:16px 29px !important;}
.choice_title > p {padding-bottom:10px;border-bottom:solid 1px #eee;}
.choice_title .service_list {margin-top:15px;width:100%;height:auto;}
.choice_title .service_list li {float:left;width:100%;height:auto;margin-bottom:15px;}
.choice_title .service_list li:last-child {margin-left:0 !important;margin-bottom:0;}
.choice_title .service_list li > div::before {content: '';display:block;width: 39px;height: 39px;background-size:39px;}
.choice_title .service_list div {float:left;width:39px;height:39px;margin-right:22px;}
.choice_title .service_list p {float:left;width:calc(100% - 61px);color:#111;}
.choice_title .service_list .service_text1 {font-size:16px;font-weight:700;margin-bottom:6px;}
.choice_title .service_list .service_text2 {font-size:13px;font-weight:400;}
.ico_store:before{background: url(/pconts/images/contents/card/ico_combo_store.png)no-repeat;}
.ico_commuicate:before{background: url(/pconts/images/contents/card/ico_list_tel.png)no-repeat;}
.ico_taxi:before{background: url(/pconts/images/contents/card/ico_list_taxi.png)no-repeat;}
.ico_bakery:before{background: url(/pconts/images/contents/card/ico_combo_bakery.png)no-repeat;}
.ico_sale:before{background: url(/pconts/images/contents/card/ico_list_discount.png)no-repeat;}
.ico_hospital:before{background: url(/pconts/images/contents/card/ico_list_hospital.png)no-repeat;}
.ico_mall:before{background: url(/pconts/images/contents/card/ico_list_online.png)no-repeat;}
.ico_shopping:before{background: url(/pconts/images/contents/card/ico_list_homeshopping.png)no-repeat;}

/* 선택형서비스 조회/변경 - deepOil */
.choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span{padding: 15px 15px;}
.choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"]:checked + span{padding: 14px 15px;}
.choice_list ul li span i{display: block;width: 100%;height: 40px;margin-bottom: 13px;margin-top: 4px;}
.choice_icon_gs{background: url(/pconts/images/contents/card/ico_choice_gs.png)no-repeat center;background-size: 116px 40px;}
.choice_icon_skenergy{background: url(/pconts/images/contents/card/ico_choice_skenergy.png)no-repeat center;background-size: 116px 40px;}
.choice_icon_hyundai{background: url(/pconts/images/contents/card/ico_choice_hyundaioil.png)no-repeat center;background-size: 116px 40px;}
.choice_icon_soil{background: url(/pconts/images/contents/card/ico_choice_soil.png)no-repeat center;background-size: 116px 40px;}

.card_design_wrap .cd_item + .cd_item{margin-top:40px;}
.card_design_wrap label{display:inline-block;position:relative;width:286px;vertical-align:middle;}
.card_design_wrap label .img{display:block;width:286px;height:179px;}
.card_design_wrap label .img img{width:286px;height:179px;border-radius:13px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.card_design_wrap label input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;}
.card_design_wrap label input[type="radio"] + span{display:inline-block;position:relative;min-height:26px;padding:1px 0 0 35px;margin-top:20px;font-size:16px;color:#333;vertical-align:middle;}
.card_design_wrap label input[type="radio"] + span:before, .card_design_wrap label input[type="radio"] + span:after{content:'';display:block;position:absolute;border-radius:50%;}
.card_design_wrap label input[type="radio"] + span:before{left:0;top:0;width:26px;height:26px;border:1px solid #ddd;background-color:#fff;}
.card_design_wrap label input[type="radio"] + span:after{display:none;left:6px;top:6px;width:14px;height:14px;background-color:#4868e1;}
.card_design_wrap label input[type="radio"]:checked + span:after{display:block;}

/* 친구에게 카드추천 */
.recommend_benefit {display:-webkit-flex; display:-ms-flexbox; display:flex;margin:40px 0 60px;padding:65px 0;}
.recommend_benefit.bg_gray {background-color:#f2f4f8;}
.recommend_benefit > * {flex:1;}
.recommend_benefit .benefit_item {padding:0 70px 0 146px}
.recommend_benefit .benefit_item:first-child {position:relative;}
.recommend_benefit .benefit_item:before {display:block;content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#fff;}
.recommend_benefit .benefit_item dt {position:relative;margin-bottom:20px;font-size:24px;line-height:30px;color:#333;}
.recommend_benefit .benefit_item dt .num {position:absolute;left:-77px;top:0;font-size:50px;font-weight:900;color:#aab6ed;line-height:1;}
.recommend_benefit .benefit_item dd:not(:first-child) {margin-top:15px;}

.shcard_method_wrap .marker_dot {margin-top:30px;padding-top:30px;border-top:1px solid #ddd;}

.pop_wrap .pop_cont .send {width:294px;float:right;padding:30px;background:#f2f4f8;border-radius:30px 0 30px 30px;}
.pop_wrap .pop_cont .send .tit {padding-bottom:10px;font-size:16px;font-weight:700;}
.pop_wrap .pop_cont .send ul {position:relative;}
.pop_wrap .pop_cont .send ul li {padding:20px 0 0 10px;font-size:14px;letter-spacing:-0.3px;}
.pop_wrap .pop_cont .send ul li::before {content:'';position:absolute;width:7px;height:7px;margin-top:7px;background:#333;left:0;border-radius:50%;}
.pop_wrap .pop_cont .accept {clear:both;}


/* 간단찾기 */
.find_card_wrap .swipe_page_wrap {position:relative;min-height:462px;margin-bottom:46px;overflow:hidden;transition:all 0.25s ease;}/* 높이 맞출경우 532 */
.find_card_wrap .find_section {display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1;}
.find_card_wrap .find_section.active {display:block;transition:transform 0.3s ease;}
.find_card_wrap .find_section.before_sec,
.find_card_wrap .find_section.current_sec,
.find_card_wrap .find_section.after_sec {display:block;z-index:10;opacity:1;}
.find_card_wrap .find_section.current_sec {z-index:11;}
.find_card_wrap .find_section.before_sec {transform:translateX(-110%)}
.find_card_wrap .find_section.after_sec {transform:translateX(110%)}

.find_card_wrap .find_section .sec_tit {font-size:60px;line-height:70px;color:#333;}
.find_card_wrap .find_section .sec_sub_tit {font-size:28px;line-height:32px;color:#333;}
.find_card_wrap .find_section .sec_sub_tit + .sec_tit {padding-top:15px;}
.find_card_wrap .find_section .sec_con {padding:90px 0 60px;text-align:center}
.find_card_wrap .btn_wrap .btn.hidden {display:none;}
/* 라디오 체크아이콘 타입 */
.radio_wrap.chk_ico {display:-webkit-flex; display:-ms-flexbox; display:flex;width:auto;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.radio_wrap.chk_ico li {display:-webkit-flex; display:-ms-flexbox; display:flex;float:none;}
.radio_wrap.chk_ico li:not(:first-child) {margin-left:20px}
.radio_wrap.chk_ico .radio_btn:first-child input[type="radio"] + span {border-left:none}
.radio_wrap.chk_ico .radio_btn:first-child input[type="radio"] + span {width:313px;padding:50px 10px;border:2px solid #fff;transition:none}
.radio_wrap.chk_ico .radio_btn:first-child input[type="radio"]:checked + span {padding:50px 10px;}
.radio_wrap.chk_ico .radio_btn input[type="radio"]:focus + span {box-shadow:0 0 0 2px rgba(72,104,225, 0.5);}
.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span {border:2px solid #4868e1;box-shadow:2px 2px 10px rgba(0,0,0,0.15);}
.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span:after {display:block;content:'';position:absolute;right:18px;top:18px;width:22px;height:22px;background:url(/pconts/images/contents/card/ico_check_on.png) no-repeat left top;}
.radio_wrap.chk_ico .radio_btn input[type="radio"] + span em {padding-top:20px;padding-bottom:5px;font-size:20px;color:#333;}
.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span em {color:#4868e1;}
.radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt {display:block;font-weight:400;font-size:16px;line-height:25px;color:#111;}
.radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span .sub_txt {color:#333}
.radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt span.block {display:block}
.radio_wrap.chk_ico.col4 li {width:230px;}
.radio_wrap.chk_ico.select_list,
.radio_wrap.chk_ico.select_list li {position:relative;}
.radio_wrap.chk_ico.select_list li:not(:first-child):before {display:block;content:'';position:absolute;left:-12px;top:50%;width:1px;height:111px;margin-top:-55px;background:#eee;z-index:1;}
.radio_wrap.chk_ico.select_list li.on:before,
.radio_wrap.chk_ico.select_list li.on + li:before {display:none;}
.radio_wrap.chk_ico.select_list.col4 li:not(:first-child):before {left:-10px}
.radio_wrap.chk_ico.select_list.col4 li.on:before,
.radio_wrap.chk_ico.select_list.col4 li.on + li:before {display:none;left:-10px}
.radio_wrap.chk_ico.select_list .has_ico [class*="ico"] {width:40px;height:40px;background-color:transparent !important;background-position:0 0;background-repeat:no-repeat;}
.radio_wrap.chk_ico.select_list .has_ico .ico1 {background-image:url(/pconts/images/contents/card/ico_findcard01.png);background-size:40px 40px;}/*신용카드*/
.radio_wrap.chk_ico.select_list .has_ico .ico2 {background-image:url(/pconts/images/contents/card/ico_findcard02.png);background-size:40px 40px;}/*체크카드*/
.radio_wrap.chk_ico.select_list .has_ico .ico3 {background-image:url(/pconts/images/contents/card/ico_findcard03.png);background-size:40px 40px;}/*선택형*/
.radio_wrap.chk_ico.select_list .has_ico .ico4 {background-image:url(/pconts/images/contents/card/ico_findcard04.png);background-size:40px 40px;}/*기본형*/
.radio_wrap.chk_ico.select_list .has_ico .ico5 {background-image:url(/pconts/images/contents/card/ico_findcard05.png);background-size:40px 40px;}/*할인(캐시백)*/
.radio_wrap.chk_ico.select_list .has_ico .ico6 {background-image:url(/pconts/images/contents/card/ico_findcard06.png);background-size:40px 40px;}/*포인트적립*/
.radio_wrap.chk_ico.select_list .has_ico .ico7 {background-image:url(/pconts/images/contents/card/ico_findcard07.png);background-size:40px 40px;}/*숫자민감형*/
.radio_wrap.chk_ico.select_list .has_ico .ico8 {background-image:url(/pconts/images/contents/card/ico_findcard08.png);background-size:40px 40px;}/*소비추구형*/
.radio_wrap.chk_ico.select_list .has_ico .ico9 {background-image:url(/pconts/images/contents/card/ico_findcard09.png);background-size:40px 40px;}/*오일실속형*/
.radio_wrap.chk_ico.select_list .has_ico .ico10 {background-image:url(/pconts/images/contents/card/ico_findcard10.png);background-size:40px 40px;}/*여행덕후형*/
.radio_wrap.chk_ico.select_list .has_ico .ico11 {background-image:url(/pconts/images/contents/card/ico_findcard11.png);background-size:40px 40px;}/*간편결제매니아*/
.radio_wrap.chk_ico.select_list .has_ico .ico12 {background-image:url(/pconts/images/contents/card/ico_findcard12.png);background-size:40px 40px;}/*적립올인형*/
.radio_wrap.chk_ico.select_list .has_ico .ico13 {background-image:url(/pconts/images/contents/card/ico_findcard13.png);background-size:40px 40px;}/*디자인*/
.radio_wrap.chk_ico.select_list .has_ico .ico14 {background-image:url(/pconts/images/contents/card/ico_findcard14.png);background-size:40px 40px;}/*혜택*/
/* 간단찾기 결과 */
.find_card_result {padding-top:60px;}
.find_card_result .result_list {border-top:1px solid #ddd}
.find_card_result .result_list .item {width:100%;padding:50px 68px;border-bottom:1px solid #ddd}
.find_card_result .result_list .item a {display:block;}
.find_card_result .result_list .item > * {vertical-align:top}
.find_card_result .result_list .item:after {display:block;content:'';clear:both;}
.find_card_result .result_list .item .card_img {width:270px;float:left;}
.find_card_result .result_list .item .card_img img {display:block;width:270px;}
/* 카드 세로형 */
.find_card_result .result_list .item.vertical .card_img {margin-top:100px;margin-bottom:100px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.find_card_result .result_list .item.vertical .card_img img {margin-bottom:-100px;}
/* //카드 세로형 */
.find_card_result .result_list .item .card_name_wrap,
.find_card_result .result_list .item .card_info {float:right;width:calc(100% - 270px);padding-left:80px;}
.find_card_result .result_list .item .card_name_wrap .badge_wrap {margin-bottom:5px;}
/* .find_card_result .result_list .item .card_name_wrap .badge_wrap .new_badge {background:#4868e1;}
.find_card_result .result_list .item .card_name_wrap .badge_wrap .cash_badge {background:#333;} */
.find_card_result .result_list .item .card_name_wrap .tag {margin-bottom:5px;}
.find_card_result .result_list .item .card_name_wrap .tag span {display:inline-block;color:#111;font-size:15px;}
.find_card_result .result_list .item .card_name_wrap .tag span:before {display:inline;content:'#';}
.find_card_result .result_list .item .card_name_wrap .tag span:not(:first-child) {margin-left:10px;}
.find_card_result .result_list .item .card_name_wrap .card_name {display:block;margin-bottom:20px;font-weight:700;font-size:20px;color:#111}
.find_card_result .result_list .item .card_info .card_detail {width:100%;}
.find_card_result .result_list .item .card_info .card_detail:after {display:block;content:'';clear:both;}
.find_card_result .result_list .item .card_info .card_detail > * {float:left;font-size:16px;line-height:24px}
.find_card_result .result_list .item .card_info .card_detail dt {width:128px;color:#333;}
.find_card_result .result_list .item .card_info .card_detail dd {width:calc(100% - 128px);padding-left:12px;color:#999}
.find_card_result .result_list .item .card_info .card_detail dt:not(:nth-of-type(1)),
.find_card_result .result_list .item .card_info .card_detail dd:not(:nth-of-type(1)) {margin-top:10px;}

/* 콤보서비스 */
.card_combo .combo_item_list ul {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;margin:-6px;}
.card_combo .combo_item_list ul li {display:-webkit-flex; display:-ms-flexbox; display:flex;padding:6px;}
.card_combo .combo_item_list ul li .combo_item {box-sizing:border-box;display:block;width:129px;height:114px;border:1px solid #bbb;border-radius:3px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;font-weight:700;font-size:15px;color:#111;}
.card_combo .combo_item_list ul li .combo_item.is-disable-modal-tags {border:1px solid #4868e1;color:#4868e1;}
.card_combo .combo_item_list ul li .combo_item .ico {display:inline-block;width:39px;height:39px;background-color:#eee;vertical-align:top;}
.card_combo .combo_item_list ul li .combo_item em {display:-webkit-flex; display:-ms-flexbox; display:flex;padding-top:10px;font-size:15px;line-height:1.5;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;}
.card_combo .combo_list .check_wrap.type_grid,
.card_combo .combo_list .radio_wrap.type_grid {display:block;width:100%;}
.card_combo .combo_list .check_wrap.type_grid ul li,
.card_combo .combo_list .radio_wrap.type_grid ul li {box-sizing:border-box;float:none !important;width:133px;height:118px;margin:0 !important;}
.card_combo .combo_list .check_table_wrap .check_wrap .check_btn,
.card_combo .combo_list .check_table_wrap .radio_wrap .radio_btn {display:table;}
.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;height:100%;min-height:44px;padding:6px 5px 5px;}
.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span {padding-top:5px;}
.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {display:-webkit-flex; display:-ms-flexbox; display:flex; font-size:16px;line-height:1.5;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;-ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span {padding:10px 10px 10px 15px;text-align:left;}
.card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span em,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em {width:100%;-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;align-content:flex-start;}
.card_combo .combo_list .check_wrap.type_grid .check_btn.type02 input[type="checkbox"] + span em span,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn.type02 input[type="radio"] + span em span {display:block;width:100%;font-weight:400;font-size:15px;}
.card_combo .combo_list .check_wrap.type_grid .ico,
.card_combo .combo_list .radio_wrap.type_grid .ico {display:inline-block;width:39px;height:39px;margin-top:8px;background-color:#eee;vertical-align:top;}
.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {padding:6px 0 3px;font-size:15px;}
.card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span em,
.card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span em {padding-top:7px;}
.card_combo .form_ele.btn_wrap {margin-top:0;}
.card_combo .seleted_combo {padding-bottom:10px;}
.card_combo .seleted_combo .sch_result {margin-bottom:10px;padding:20px;}
.card_combo .seleted_combo .sch_result dl {padding-top:38px;font-size:16px;color:#333;}
.card_combo .seleted_combo .sch_result dl::after {content:'';display:block;clear:both;}
.card_combo .seleted_combo .sch_result dl dt {float:left;}
.card_combo .seleted_combo .sch_result dl dd {float:right;}
.card_combo .seleted_combo .sch_result .btn_del {top:20px;right:20px;}
.card_combo .total_payment {border-top:1px solid #ddd;}
.card_combo .total_payment dl {padding:20px;font-size:18px;color:#333;}
.card_combo .total_payment dl::after {content:'';display:block;clear:both;}
.card_combo .total_payment dt {float:left;}
.card_combo .total_payment dd {float:right;}
.occupied_combo_date {padding-bottom:20px;font-weight:700;font-size:16px;color:#333;}
.occupied_combo {border-top:1px solid #333;border-bottom:1px solid #eee;margin-bottom:40px;padding:26px 0;}
.occupied_combo_list li {padding-bottom:60px;}
.occupied_combo_list li:last-child {padding-bottom:0;}
.occupied_combo_list li::after {content:'';display:block;clear:both;}
.occupied_combo_list .info {display:inline-block;vertical-align:middle;}
.occupied_combo_list .info span::after {content:'|';display:inline-block;padding:0 5px 0 8px;color:#ddd;}
.occupied_combo_list .info span:last-child::after {display:none;}
.occupied_combo_list em {display:inline-block;padding-left:60px;vertical-align:middle;}
.occupied_combo_list em.price {float:right;}
.occupied_combo_list.gift {padding-top:0;}
.occupied_combo_list.gift li {padding-bottom:0;}
.occupied_combo_list.gift li:first-child {border-top:1px solid #bbb;}
.occupied_combo_list.gift .occupied_combo {border-top:0 none;margin-bottom:0;}
.card_combo .accordion_wrap.accordion_check dd .btn_check_pop {position:absolute;top:3px;right:20px;font-size:13px;text-decoration:underline;color:#111;}
.card_combo .accordion_wrap.accordion_check dd {padding:11px 0;}
.card_combo .combo_sub_title {display:block;}
.card_combo .combo_sub_title span {display:inline-block;font-weight:bold;font-size:20px;color:#333;}
.card_combo .combo_sub_title span:last-child::before {content:'|';display:inline-block;padding:0 10px 0 8px;color:#ddd;}
.card_combo .check_occupied_combo {margin-top:12px;}
.card_combo .check_occupied_combo .accordion_header {margin-bottom:44px;}
.card_combo .check_occupied_combo .accordion_header.on {margin-bottom:0;}
.card_combo .check_occupied_combo .accordion_header.on + .accordion_body {margin-bottom:60px;}
.card_combo .check_occupied_combo .accordion_header button.acc_btn, 
.card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn {border-top:0 none;padding:14px 0 16px;}
.card_combo .check_occupied_combo .accordion_header button.acc_btn.on, 
.card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn.on {border-top:0 none;}
.card_combo .check_occupied_combo .accordion_header button.acc_btn.on:after, 
.card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn.on:after {top:23px;}
.card_combo .check_occupied_combo .accordion_body {padding-top:14px;}
.card_combo .combo_result_list {border-top:2px solid #333;}
.card_combo .combo_result {display:block;width:100%;border-bottom:1px solid #eee;padding:20px;}
.card_combo .combo_result .row::after {content:'';display:block;clear:both;}
.card_combo .combo_result .row dl:nth-child(odd) {float:left;}
.card_combo .combo_result .row dl:nth-child(even) {float:right;}
.card_combo .combo_result .row:first-child {padding-bottom:15px;}
.card_combo .combo_result .row:first-child dl:first-child dd {font-size:16px;color:#111;}
.card_combo .combo_result .row:first-child dl:last-child dd {font-size:18px;color:#111;}
.card_combo .combo_result .row:last-child dl:first-child dd {font-size:13px;color:#111;}
.card_combo .combo_result .row:last-child dl:last-child dd {font-size:13px;color:#111;}
.card_combo .form_type .form_ele .ele_tit.row {padding-top:0;margin-top:-5px;}
.combo_list .radio_wrap.type_btn li .radio_btn{display:flex !important;}

/* 콤보서비스 팝업 */
.popup .occupied_combo {border-top:0 none;margin-bottom:0;}
.popup .occupied_combo_list ul {border-top:1px solid #333;}
.popup .occupied_combo_list li {padding-bottom:0;}
.popup .pop_combo_list {padding-top:4px;padding-bottom:30px;text-align:center;}
.popup .pop_combo_list .pop_logo_area{padding-bottom: 10px;}
.popup .pop_combo_list .pop_logo_area img{width: 100px;}
.popup .pop_combo_list .pop_logo_area img.icon{width: 60px;}
.popup .pop_combo_list .multi_logo li .pop_logo_area img{width: 72px;}
.popup .pop_combo_list ul {display:inline-block;}
.popup .pop_combo_list ul::after {content:'';display:block;}
.popup .pop_combo_list ul li {box-sizing:border-box;float:left;padding:0 27px;}
.popup .pop_combo_list .img_wrap {width:65px;height:65px;margin:0 auto;margin-bottom:20px;}
.popup .pop_combo_list .img_wrap img {display:block;width:100%;height:100%;background:red;}
.popup .pop_combo_list span {display:block;line-height:20px;}
.popup .pop_shopping_list {padding-top:4px;padding-bottom:30px;}
.popup .pop_shopping_list ul {box-sizing:border-box;display:grid;grid-template-columns:50% 50%;}
.popup .pop_shopping_list .img_wrap {width:65px;height:65px;margin:0 auto;margin-bottom:30px;}
.popup .pop_shopping_list .img_wrap img {display:block;width:100%;height:100%;background:red;}
.popup .pop_shopping_list .marker_dot > li:first-child {margin-top:7px;}
.popup .combo_result_detail {margin-top:30px;}
.popup .combo_result_detail.df_list_wrap .df_list .item.con {width:calc(100% - 220px);}

/* 콤보서비스 아이콘 */

.ico_combo_donut{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_donut.png)no-repeat left bottom / 39px auto;}
.ico_combo_store{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_store.png)no-repeat left bottom / 39px auto;}
.ico_combo_coffe{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_coffe.png)no-repeat left bottom / 39px auto;}
.ico_combo_bakery{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_bakery.png)no-repeat left bottom / 39px auto;}
.ico_combo_icecream{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_icecream.png)no-repeat left bottom / 39px auto;}
.ico_combo_movie{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_movie.png)no-repeat left bottom / 39px auto;}
.ico_combo_pizza{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_pizza.png)no-repeat left bottom / 39px auto;}
.ico_combo_family{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_family.png)no-repeat left bottom / 39px auto;}
.ico_combo_app{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_app.png)no-repeat left bottom / 39px auto;}
.ico_combo_buy{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_buy.png)no-repeat left bottom / 39px auto;}
.ico_combo_money{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_combo_money.png)no-repeat left bottom / 39px auto;}
.ico_combo_golf{display: inline-block;width: 39px;height: 39px;background: url(/pconts/images/contents/card/ico_list_sports.png)no-repeat left bottom / 39px auto;}

.ico_speed{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_speed.png)no-repeat left bottom;}
.ico_auto{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_auto.png)no-repeat left bottom;}
.ico_mad{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_mad.png)no-repeat left bottom;}
.ico_lotte_world{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_lotte.png)no-repeat left bottom;}
.ico_lotte_cinema{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_lottecinema.png)no-repeat left bottom;}
.ico_genie{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_genie.png)no-repeat left bottom;}
.ico_skplanet{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_skplanet.png)no-repeat left bottom;}
.ico_arum{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_areum.png)no-repeat left bottom;}
.ico_gift{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_gift.png)no-repeat left bottom;}
.ico_gs_caltex{display: inline-block;width: 82px;height: 33px;background: url(/pconts/images/contents/card/ico_combo_gs.png)no-repeat left bottom;}

/* 선불카드 */
.card_price {padding-bottom:82px;background:url(/pconts/images/contents/card/ico_btn_down_pc.png)no-repeat center 67px;}
.card_sec02 {position:relative;text-align:center;padding-top:157px;}
.card_sec02 .img {display:inline-block;width:360px;height:228px;margin-top:-156px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4);}
.card_sec02 .img img {width:100%;}
.card_sec02 .card_name {width:646px;margin:-48px auto 0;padding:0 0 55px;}
.card_sec02 .card_name.type01 {width:646px;margin:-72px auto 0;padding:0 0 0;}
.card_sec02 .card_name:before {content:'';display:block;position:absolute;left:calc(-50vw + 50%);bottom:0;width:100vw;height:100%;background-color:#f6f6f6;background-color:rgba(255, 255, 255, 1.0);}
.card_sec02.vertical_type {padding-top:197px;}
.card_sec02.vertical_type .img {margin-top:-196px;width:229px;height:268px;}
.card_sec02 p {position:relative;z-index:1;font-size:20px;color:#333;font-weight:700;}
.card_sec02 strong .btn_question {margin-left:2px;}
.card_sec02 + .ly_inner .form_type {padding-top:0;}
.card_sec02 + .ly_inner .top_marker .marker_dot {padding-top:8px;}
.card_sec02.type02 {padding-top:0;}
.card_sec02.type02 .img {margin-top:-144px;}
.card_sec02.type02 .card_name_top {padding:34px 0 167px;font-size:20px;}
.card_sec02.type02 .card_name {padding:0 0 24px;}
.card_sec02.vertical_type.type02 .img {margin-top:-196px;}
.card_sec02.vertical_type.type02 .card_name_top {padding-bottom:219px;}
.card_sec02.vertical_type.type02 .card_name {padding-bottom:36px;}
.card_price {padding-bottom:82px;background:url(/pconts/images/contents/card/ico_btn_down_pc.png)no-repeat center 67px;}
.card_sec03 {position:relative;text-align:center;}
.card_sec03 .img {display:inline-block;width:320px;height:202px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4);}
.card_sec03 .img img {width:100%;}
.card_sec04 {position:relative;text-align:center;}
.card_sec04 .ly_inner .bank_name {font-size:15px;font-weight:400;color:#333;margin-bottom:18px;}
.card_sec04 .ly_inner .bank_num {font-size:24px;font-weight:700;color:#000;}
.card_sec04 .ly_inner div {width:397px;height:229px;background:url(/pconts/images/contents/card/noPassbook.png)no-repeat;background-size:397px 229px;margin:30px auto;}
.card_sec04 .ly_inner .text_info {font-size:15px;font-weight:400;color:#111;}

.card_sec04 .img {display:inline-block;width:320px;height:202px;border-radius:15px;vertical-align:middle;box-shadow:0 0 20px rgba(0, 0, 0, 0.4);}
.card_sec04 .img img {width:100%;}

.card_complete_wrap .complete_body.ani_ico::before {margin-top:-56px;}
.card_complete_wrap .complete_body .sub_title {font-size:20px;}

/* 선불카드 선택 리스트 (환불내역만) */
.card_newlist {width:100%;height:auto;margin-top:20px;}
.card_newlist ul {width:100%;border-top:1px solid #ddd;}
.card_newlist ul li {float:left;width:100%;height:auto;padding:24px 0 24px;border-bottom:1px solid #eee;}
.card_newlist ul li .left_con {float:left;width:50%;text-align:left;}
.card_newlist ul li .left_con strong {display:block;margin-bottom:2px;font-size:16px;font-weight:700;color:#111;}
.card_newlist ul li .left_con .date {font-size:15px;font-weight:400;color:#111;}
.card_newlist ul li .right_con {float:left;width:50%;text-align:right;}
.card_newlist ul li .right_con > div {display:inline-block;}
.card_newlist ul li .right_con .amount {margin-bottom:2px;font-size:16px;font-weight:700;color:#111;}
.card_newlist ul li .right_con .amount span {font-weight:400;}
.card_newlist ul li .right_con .possible {font-size:13px;font-weight:400;color:#111;}
.card_newlist ul::after {content:'';display:block;clear:both;}
.card_newlist ul li .right_con .btn_wrap {display:inline-block;position:relative;top:-12px;margin-left:35px;}

/* 선불카드 선불카드선택 (환불내역이외)*/
.list_wrap .card_list2 {margin-top:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.list_wrap .card_list2 li {overflow:hidden;margin:0 ;padding:38px 0 36px;border-top:1px solid #eee;color:#111;}/* 12.04 margin:0 30px -> margin:0*/
.list_wrap .card_list2 li:first-child {border-top:0;}
.list_wrap .card_list2 .left_con,
.list_wrap .card_list2 .right_con {float:left;}
.list_wrap .card_list2 .left_con {width:59%;}
.list_wrap .card_list2 .right_con {width:41%;text-align:right;}
.list_wrap .card_list2 .date {float:left;width:190px;font-weight:400;color:#111;}
.list_wrap .card_list2 .amount {display:inline-block;font-size:16px;font-weight:700;color:#111;} /* 12.03 이강석 #333 -> #111수정*/
.list_wrap .card_list2 .amount a {color:#111;} /* 12.03 이강석 #333 -> #111수정*/
.list_wrap .card_list2 strong {font-size:16px;}
.list_wrap .card_list2 .right_con .btn_wrap {display:inline-block;margin-left:35px;}
.list_wrap .card_list2 strong .bank_num {font-size:15px;font-weight:400;color:#111;}


/* 카드리스트 - 목록형 */
.card_list_common .card_list_wrap {/*border-bottom:1px solid #dddddd;*/}
.card_list_common .card_list_wrap.type01 {border-top:1px solid #dddddd;}
.card_list_common .card_list_wrap > li {display:inline-block;width:100%;padding:50px 70px;border-bottom:1px solid #eeeeee;}
.card_list_common .card_list_wrap > li .card_img_wrap {float:left;width:350px;}
.card_list_common .card_list_wrap > li .card_img_wrap a > img {width:270px;}
.card_list_common .card_list_wrap > li .card_img_wrap.more a {display:block;padding:0 0 11px 0;background:url(/pconts/images/contents/card/bg_horizontal_more.png) no-repeat left top;}
.card_list_common .card_list_wrap > li .card_img_wrap.vertical {height:280px;}
.card_list_common .card_list_wrap > li .card_img_wrap.vertical a {display:block;width:280px;margin-top:50px;margin-left:-50px;padding:10px 0 0 0;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {background:url(/pconts/images/contents/card/bg_vertical_more.png) no-repeat right bottom;}
.card_list_common .card_list_wrap > li .card_name_wrap {position:relative;float:right;width:490px;margin-bottom:20px;}
.card_list_common .card_list_wrap > li .card_name_wrap .card_name {padding-right:100px;display:block;font-weight:700;font-size:20px;color:#111;}
.card_list_common .card_list_wrap > li .card_name_wrap .card_name + button {position:absolute;right:0;top:30px;font-weight: 700;color:#111;}
.card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap {margin-bottom:5px;}
/* .card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap .new_badge {background:#4868e1;}
.card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap .cash_badge {background:#333;} */
.card_list_common .card_list_wrap > li .benefit_wrap {position:relative;display:inline-block;width:calc(100% - 350px);margin-bottom:45px;}
.card_list_common .card_list_wrap > li .benefit_wrap a {display:block;}
.card_list_common .card_list_wrap > li .benefit_wrap ul li {padding-left:150px;font-size:16px;color:#111;font-weight: 700;}
.card_list_common .card_list_wrap > li .benefit_wrap ul li + li {padding-top:10px;}
.card_list_common .card_list_wrap > li .benefit_wrap ul li > span {position:absolute;left:0;display:inline-block;width:150px;color:#333;font-weight: 400;}
.card_list_common .card_list_wrap .list_btn_wrap {float:right;width: 362px;margin-right:128px;}
.card_list_common .card_list_wrap .list_btn_wrap button {width:114px;font-size:16px;font-weight:700;}
.card_list_common .card_list_wrap .list_btn_wrap button.rectangle.blue {border-color:#4868e1;color:#fff;}
.card_list_common .card_list_wrap .list_btn_wrap button.rectangle.darkgray {border-color:#4e5b68;color:#fff;}
.list_btn_wrap_m {display:none;}

/* 카드리스트 - 이미지형 */
.card_list_common .card_thumb_list_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;border-bottom:1px solid #eeeeee;}/* 20.02.13 border-bottom:1px solid #eeeeee; 추가 */
.card_list_common .card_thumb_list_wrap.type01 {border-top:1px solid #eeeeee;}
.card_list_common .card_thumb_list_wrap > li {position:relative;width:33.33%;border-bottom:1px solid #eeeeee;padding:50px 0;margin-bottom:-1px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;text-align:center;}/* 20.02.13 margin-bottom:-1px; 추가 */
.card_list_common .card_thumb_list_wrap > li .card_img_wrap {height:270px;line-height:270px;}
.card_list_common .card_thumb_list_wrap > li .card_img_wrap a > img {width:270px;vertical-align:bottom;}
.card_list_common .card_thumb_list_wrap > li .card_img_wrap.more a {display:block;padding:0 0 10px 0;background:url(/pconts/images/contents/card/bg_horizontal_more.png) no-repeat 28px bottom;}
.card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {display:block;width:280px;margin-left:77px;padding:10px 10px 0 0;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical.more a {display:block;background:url(/pconts/images/contents/card/bg_vertical_more.png) no-repeat right bottom;}
.card_list_common .card_thumb_list_wrap > li .card_name_wrap {position:relative;padding-top:50px;}
.card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {position:absolute;top:20px;left:0;width:100%;}
/* .card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap .new_badge {background:#4868e1;}
.card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap .cash_badge {background:#333;} */
.card_list_common .card_thumb_list_wrap > li .card_name_wrap .card_name {display:block;font-size:20px;font-weight:700;color:#111;overflow:hidden;}
.card_list_common .card_thumb_list_wrap > li .benefit_wrap {max-height:81px;overflow:hidden;padding-top:10px;margin-bottom:30px;font-size:16px;color:#333;white-space:normal;text-overflow: ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.card_list_common .card_thumb_list_wrap > li .list_btn_wrap {position:absolute;bottom:50px;width:100%;}
.card_list_common .card_thumb_list_wrap > li .list_btn_wrap .text_link {font-weight:700;}

/*찾아드림*/
.cardlist_filter_wrap {display:block;position:relative;width:100%;height:42px;margin:0;padding:0;}
.cardlist_filter_wrap .filter_toggle {display:block;position:absolute;right:0;top:0;width:90px;height:42px;background:url(/pconts/images/contents/card/cardlist_filter.png) no-repeat left 50%;background-size:20px 18px;font-size:1px;text-align:right;color:transparent;}
.cardlist_filter_wrap .filter_toggle > span {font-size:15px;font-weight:700;color:#333;}
.card_list_common .complete_box.type02 {border-color:#dddddd;}
.card_filter_search_wrap {position:fixed;top:130px;height:calc(100% - 160px);width:477px;background:#f6f6f6;z-index:55;box-shadow:1px 1px 15px 0px rgba(51, 51, 51, 0.15);}
.card_filter_search_wrap .filter_header {padding:30px 40px;background:#fff;}
.card_filter_search_wrap .filter_header h4 {font-size:24px;font-weight:700;color:#111;}
.card_filter_search_wrap .filter_header .btn_close {display:block;position:absolute;right:30px;top:25px;width:40px;height:40px;background:url(/pconts/images/icon/popup_close.png) no-repeat center center;color:transparent;overflow:hidden;-webkit-transition:transform 1s ease-in-out;transition:transform 1s ease-in-out;}
.card_filter_search_wrap .filter_cont {overflow:hidden;height:100%;padding:96px 0 108px;margin-top:-96px;}
.card_filter_search_wrap .filter_cont .scroll_wrap {padding:25px 40px 25px;overflow:hidden;overflow-y:auto;height:100%}
.card_filter_search_wrap .filter_cont .form_type {padding:0;}
.card_filter_search_wrap .filter_cont .form_type .form_ele + .form_ele {margin-top:25px;}
.card_filter_search_wrap .filter_cont .form_type .form_ele.type04.mglr20 {margin-left:20px;margin-right:20px;}
.card_filter_search_wrap .filter_cont .form_type .form_ele.type04.mglr20 .ele_tit {margin-left:-20px;}
.card_filter_search_wrap .filter_cont .form_type .form_ele.type04 .ele_tit {margin-bottom:10px;padding-top:0;}
.card_filter_search_wrap .filter_cont .form_type .gage_group .gage_wrap .gage_text {margin:0 -5px;}
.card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list {margin-left:0;}
.card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label {float:left;margin-left:0;margin-bottom:20px;}
.card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label:nth-last-child(-n+2) {margin-bottom:0px;}
.card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list {margin-left:0;}
.card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label {float:left;margin-left:0;margin-bottom:20px;}
.card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label:nth-last-child(-n+2) {margin-bottom:0px;}
.card_filter_search_wrap .filter_cont .keyword_area {margin-top:10px;}
.card_filter_search_wrap .filter_cont .keyword_area button {float:left;padding-right:30px;min-width:auto;}
.card_filter_search_wrap .filter_cont .keyword_area button + button {margin-left:4px;}
.card_filter_search_wrap .filter_cont .keyword_area button span > em {position:absolute;right:-20px;width:12px;height:26px;background:url(/pconts/images/contents/card/btn_keyword_del.png) no-repeat right center;}
.card_filter_search_wrap .filter_btn {position:absolute;bottom:0px;width:477px;text-align:center;}
.card_filter_search_wrap .filter_btn .btn_wrap {background:#fff;padding:30px;}

.check_wrap.type_grid {display:block;width:100%;}
.check_wrap.type_grid ul.flex_row {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-display:flexbox;width:auto;}
.check_wrap.type_grid ul li {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-display:flexbox;margin:0 !important;float:none !important;}
.check_wrap.type_grid label {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-display:flexbox;width:100%;}
.check_wrap.type_grid .card_brand img {width:45px;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand {padding:14px 0;overflow:hidden;}
.check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span.card_brand {padding:13px 0;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand em {line-height:1;font-weight:400;padding-top:10px;text-align:center;font-size:13px;color:#111;}
.dimmed {position:fixed;left:0;top:0;z-index:51;width:100%;height:100%;background-color:rgba(255, 255, 255, 0);}

/* My DIY */
.key_visual {position:relative;}
.key_visual .visual_slider {position:relative;}
.key_visual .visual_slider .swiper-button-prev {overflow:hidden;left:-29px;top:103px;margin:0;background:none;line-height:44px;}
.key_visual .visual_slider .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle;}
.key_visual .visual_slider .swiper-button-prev.swiper-button-disabled {opacity:1;}
.key_visual .visual_slider .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc;}
.key_visual .visual_slider .swiper-button-next {overflow:hidden;right:-29px;top:103px;margin:0;background:none;line-height:44px;}
.key_visual .visual_slider .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle;}
.key_visual .visual_slider .swiper-button-next.swiper-button-disabled {opacity:1;}
.key_visual .visual_slider .swiper-button-next.swiper-button-disabled:before {border-color:#ccc;}
.key_visual .visual_slider .controll_wrap {position:absolute;left:0;bottom:24px;z-index:2;width:100%;text-align:center;}
.key_visual .visual_slider .swiper-button-play {display:inline-block;position:relative;width:24px;height:24px;margin-right:6px;vertical-align:middle;}
.key_visual .visual_slider .swiper-button-play:before {content:'';display:block;position:absolute;left:8px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #4868e1;border-right:8px solid transparent;}
.key_visual .visual_slider .swiper-button-play.is_active {display:inline-block;width:24px;height:24px;}
.key_visual .visual_slider .swiper-button-play.is_active:before, 
.key_visual .visual_slider .swiper-button-play.is_active:after {content:'';display:block;position:absolute;left:9px;top:7px;width:2px;height:10px;background-color:#ccc;}
.key_visual .visual_slider .swiper-button-play.is_active:before {border:0;}
.key_visual .visual_slider .swiper-button-play.is_active:after {left:13px;}
.key_visual .visual_slider .swiper-pagination {display:inline-block;position:static;width:auto;font-size:18px;color:#111;vertical-align:middle;}
.key_visual .visual_slider .swiper-pagination-current {color:#4868e1;}
.key_visual .visual_slider .visual_item {padding:80px 176px 89px 67px;box-sizing:border-box;}
.key_visual .visual_slider .visual_item:after {content:'';display:block;clear:both;}
.key_visual .visual_slider .visual_item .btn_cont {position:absolute;left:67px;bottom:89px;}

.key_visual .visual_heading {float:left;padding-bottom:94px;}
.key_visual .visual_heading .heading_tit {margin-top:-7px;font-size:26px;color:#111;}
.key_visual .visual_heading .heading_desc {margin-top:7px;font-size:18px;line-height:1.25;color:#111;}
.key_visual .visual_heading .btn_cont {position:static !important;margin-top:48px;}
.key_visual .visual_content {position:relative;float:right;}
.key_visual .visual_content .action_bg {overflow:hidden;position:relative;width:281px;height:177px;border-radius:13px;background:url(/pconts/images/contents/card/bg_visual_card.png) no-repeat;background-size:281px auto;box-shadow:0px 20px 20px 0px rgba(0, 0, 0, 0.1);}
.key_visual .visual_content .action_bg:after {/*content:'';position:absolute;left:0;top:0;width:265px;height:177px;background:url(/pconts/images/contents/card/bg_visual_logo.png) no-repeat;*/}
.key_visual .visual_content .action_bg .wave {position:absolute;left:75px;top:177px;width:775px;height:293px;background-image:url(/pconts/images/contents/card/bg_visual_wave.png);background-repeat:no-repeat;opacity:0.15;}
.key_visual .visual_content .sort_list {position:absolute;left:-34px;top:187px;transition:top 0.5s;}
.key_visual .visual_content .sort_item {position:relative;width:111px;height:40px;margin-top:10px;padding-left:60px;border-radius:15px;background-color:#1b2d93;background-repeat:no-repeat;line-height:40px;box-shadow:4px 0px 15px 6px rgba(0,0,0,.1);box-sizing:border-box;opacity:0;transition:all 0.5s;}
.key_visual .visual_content .sort_item .sort_unit {margin-right:3px;font-size:14px;color:#fff;opacity:0.6;}
.key_visual .visual_content .sort_item .sort_value {font-size:14px;color:#fff;opacity:0.8;}
.key_visual .visual_content .sort_item:before {content:'';position:absolute;top:0;right:-11px;width:0;height:0;border:12px solid #1b2d93;border-width:12px 12px 0 12px;border-left-color:transparent;border-right-color:transparent;}
.key_visual .visual_content .sort_item.type01 {background-image:url(/pconts/images/icon/ico_shop.png);background-position:18px center;background-size:25px 25px;}
.key_visual .visual_content .sort_item.type02 {background-image:url(/pconts/images/icon/ico_shopping.png);background-position:18px center;background-size:25px 25px;}
.key_visual .visual_content .sort_item.type03 {background-image:url(/pconts/images/icon/ico_bus.png);background-position:18px center;background-size:25px 25px;}
.key_visual .visual_content .sort_item.type04 {background-image:url(/pconts/images/icon/ico_refueling.png);background-position:18px center;background-size:25px 25px;}
.key_visual .visual_content .sort_item.type05 {background-image:url(/pconts/images/icon/ico_air.png);background-position:18px center;background-size:25px 25px;}
.key_visual .visual_content .sort_item.type06 {background-image:url(/pconts/images/icon/ico_food.png);background-position:18px center;background-size:25px 25px;}
.key_visual .visual_content .sort_item.is_active {opacity:1;}
.key_visual .visual_content .sort_item.is_active.acitve {opacity:0.8;}
.key_visual .visual_content .count_list {position:absolute;right:10px;top:187px;z-index:1;transition:top 0.5s;}
.key_visual .visual_content .count {height:100px;font-weight:700;font-size:54px;line-height:110px;color:#fff;letter-spacing:-0.03em;text-align:right;opacity:0;transition:all 0.5s;}
.key_visual .visual_content .count.is_active {opacity:1;}
.key_visual .visual_content .unit {position:absolute;right:-45px;bottom:0px;font-weight:700;font-size:54px;line-height:1.2;color:#4868e1;opacity:0.4;}

.mydiy_sec {padding:40px 0;}
.mydiy_sec.main_2 {padding:50px 0 58px;}
.mydiy_sec.main_3 {padding:45px 0 52px;}
.mydiy_sec .section_header {text-align:center;}
.mydiy_sec .section_title {font-weight:400;font-size:24px;color:#111;}
.mydiy_sec .section_title span {color:#4868e1;}
.mydiy_sec .section_desc {margin-top:5px;font-size:16px;color:#111;}
.mydiy_sec .btn_cont {margin-top:29px;}

.circle_graph {overflow:hidden;position:relative;width:70px;height:70px;margin:0 auto;padding:3px;border-radius:50%;box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.05);background:#dae1f9;line-height:64px;text-align:center;box-sizing:border-box;}
.circle_graph .per_txt {position:relative;z-index:11;width:100%;height:100%;border-radius:50%;background:#fff;font-weight:900;font-size:12px;color:#4868e1;}
.circle_graph .per_num {font-size:30px;color:#4868e1;}
.circle_graph .tit {margin-top:24px;font-size:16px;color:#4868e1;}
.circle_graph:before,
.circle_graph:after {content:'';position:absolute;top:0;background:#dae1f9;}
.circle_graph:before {overflow:hidden;border-radius:100%;width:100%;height:100%;left:0}
.circle_graph:after {left:0;width:50%;height:100%}
.circle_graph [class^="bg_"] {position:absolute;width:50%;height:100%;background:#4868e1}
.circle_graph .bg_01 {left:0;top:0;transform-origin:center right;transform:rotate(0deg)}
.circle_graph .bg_02 {z-index:4;opacity:0;right:0;top:0;transform-origin:center left;transform:rotate(0deg)}
.circle_graph [class^="line_"] {position:absolute;left:50%;top:0;z-index:10;width:2px;height:50%;transform:translate(-50%, -50%);transform-origin:bottom center;background:#fff}
.circle_graph .line_01 {transform:rotate(0deg)}
.circle_graph .line_02 {transform:rotate(72deg)}
.circle_graph .line_03 {transform:rotate(144deg)}
.circle_graph .line_04 {transform:rotate(216deg)}
.circle_graph .line_05 {transform:rotate(288deg)}
.circle_graph.is_active[data-chart-value="1"] .bg_01 {transform:rotate(72deg);transition:transform 0.2s linear}
.circle_graph.is_active[data-chart-value="2"] .bg_01 {transform:rotate(144deg);transition:transform 0.4s linear}
.circle_graph.is_active[data-chart-value="3"] .bg_01 {transform:rotate(180deg);transition:transform 0.5s linear}
.circle_graph.is_active[data-chart-value="3"] .bg_02 {opacity:1;transform:rotate(36deg);transition:opacity 0s linear 0.5s, transform 0.1s linear 0.5s}
.circle_graph.is_active[data-chart-value="4"] .bg_01 {transform:rotate(180deg);transition:transform 0.5s linear}
.circle_graph.is_active[data-chart-value="4"] .bg_02 {opacity:1;transform:rotate(108deg);transition:opacity 0s linear 0.5s, transform 0.3s linear 0.5s}
.circle_graph.is_active[data-chart-value="5"] .bg_01 {transform:rotate(180deg);transition:transform 0.5s linear}
.circle_graph.is_active[data-chart-value="5"] .bg_02 {opacity:1;transform:rotate(180deg);transition:opacity 0s linear 0.5s, transform 0.5s linear 0.5s}

.main_1 .swiper-container {padding:34px 0 85px;}
.main_1 .swiper-inner {height:206px;padding:48px 28px 20px;text-align:center;}
.main_1 .icon {display:block;width:45px;height:45px;margin:0 auto;}
.main_1 .icon img {width:100%;height:100%;}
.main_1 .name {display:block;margin-top:12px;font-weight:normal;font-size:18px;color:#111;transition:0.3s;}
.main_1 .desc {overflow:hidden;margin-top:10px;color:#757575;transition:0.3s;text-overflow:ellipsis;white-space:nowrap;}
.main_1 .slide_area {position:relative;}
.main_1 .swiper-slide-active .name {font-weight:700;color:#333;}
.main_1 .swiper-slide-active .desc {color:#333;}
.main_1 .swiper-button-prev,
.main_1 .swiper-button-next {top:112px;line-height:44px;}
.main_1 .swiper-button-prev {overflow:hidden;left:-29px;margin:0;background:none;}
.main_1 .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle;}
.main_1 .swiper-button-prev.swiper-button-disabled {opacity:1;}
.main_1 .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc;}
.main_1 .swiper-button-next {overflow:hidden;right:-29px;margin:0;background:none;}
.main_1 .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle;}
.main_1 .swiper-button-next.swiper-button-disabled {opacity:1;}
.main_1 .swiper-button-next.swiper-button-disabled:before {border-color:#ccc;}
.main_1 .controll_wrap {position:absolute;bottom:0;width:100%;text-align:center;}
.main_1 .swiper-button-play {display:inline-block;position:relative;width:24px;height:24px;margin-right:6px;vertical-align:middle;}
.main_1 .swiper-button-play:before {content:'';display:block;position:absolute;left:8px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #4868e1;border-right:8px solid transparent;}
.main_1 .swiper-button-play.is_active {display:inline-block;width:24px;height:24px;}
.main_1 .swiper-button-play.is_active:before, 
.main_1 .swiper-button-play.is_active:after {content:'';display:block;position:absolute;left:9px;top:7px;width:2px;height:10px;background-color:#ccc;}
.main_1 .swiper-button-play.is_active:before {border:0;}
.main_1 .swiper-button-play.is_active:after {left:13px;}
.main_1 .swiper-pagination {display:inline-block;position:static;width:auto;font-size:18px;color:#111;vertical-align:middle;}
.main_1 .swiper-pagination-current {color:#4868e1;}
.main_1 .active_area {position:absolute;top:34px;left:50%;width:220px;height:206px;border-radius:10px;background-color:#f2f4f8;transform:translateX(-50%);}
.main_1 .active_area .circle_graph {position:absolute;right:-35px;bottom:-30px;}

.main_2 .pick {position:relative;width:524px;margin:34px auto 0;padding-top:124px;background:url(/pconts/images/contents/card/bg_pick.png) no-repeat center 0;}
.main_2 .pick .pick_inner {position:relative;width:0;height:86px;margin:0 auto;padding:0;border-radius:10px;box-shadow:0 30px 20px 0 rgba(0, 0, 0, 0.03);background:#fff;box-sizing:border-box;white-space:nowrap;}
.main_2 .pick .pick_inner:after {content:'';display:block;clear:both;}
.main_2 .pick .pick_name {float:left;margin-top:3px;font-size:20px;font-weight:normal;color:#111;opacity:0;}
.main_2 .pick .pick_count {position:relative;float:right;padding-left:32px;font-weight:700;font-size:20px;color:#4868e1;opacity:0;}
.main_2 .pick .pick_count:before {content:'';display:block;position:absolute;left:6px;top:14px;width:12px;height:9px;border-left:2px solid #4868e1;border-bottom:2px solid #4868e1;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.main_2 .pick .pick_count .count {font-size:36px;line-height:1;}
.main_2 .pick .pick_point {position:absolute;top:50%;right:0;opacity:0;transform:translate(50%, -50%);}
.main_2 .pick .pick_point .point {position:relative;height:40px;padding:0 13px;font-size:18px;color:#fff;line-height:40px;border-radius:6px;background:#4868e1;}
.main_2 .pick .pick_point [class^=flag_] {display:inline-block;position:absolute;top:10px;left:30px;transition:all 0.3s ease 0.5s;}
.main_2 .pick .pick_point .flag_01 {width:10.7px;height:3.7px;background:#009a9a;opacity:0.15;}
.main_2 .pick .pick_point .flag_02 {width:6.3px;height:3.3px;background:#009a9a;}
.main_2 .pick .pick_point .flag_03 {width:3px;height:8px;background:#009a9a;opacity:0.4;}
.main_2 .pick .pick_point .flag_04 {width:9.8px;height:4px;background:#8898d8;}
.main_2 .pick .pick_point .flag_05 {width:8px;height:4px;background:#8898d8;}
.main_2 .pick .pick_point .flag_06 {width:3.6px;height:9.2px;background:#009a9a;opacity:0.6;}
.main_2 .pick.is_active .pick_inner {width:100%;padding:24px 83px 21px 43px;border:1px solid #4868e1 ;transition:all 0.6s ease 0.3s;}
.main_2 .pick.is_active .pick_name,
.main_2 .pick.is_active .pick_count {opacity:1;transition:opacity 0.2s ease 0.9s;}
.main_2 .pick.is_active .pick_point {opacity:1;transition:opacity 0.2s ease 0.9s;animation-name:pointMove;animation-duration:0.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;}
.main_2 .pick.is_active .pick_point .flag_01 {top:-19px;left:-3px;transform:skew(20deg) rotate(30deg);}
.main_2 .pick.is_active .pick_point .flag_02 {top:-5px;left:-15.9px;transform:skew(20deg) rotate(-40deg);}
.main_2 .pick.is_active .pick_point .flag_03 {top:9.5px;left:-20.9px;transform:skew(20deg) rotate(-15deg);}
.main_2 .pick.is_active .pick_point .flag_04 {top:-16.3px;left:72.3px;transform:skew(20deg) rotate(150deg);}
.main_2 .pick.is_active .pick_point .flag_05 {top:-4.5px;left:88.5px;transform:skew(35deg) rotate(50deg);}
.main_2 .pick.is_active .pick_point .flag_06 {top:12.6px;left:95.4px;transform:skew(20deg) rotate(350deg);}

.mydiy_type .accordion_header button.acc_btn,
.mydiy_type .accordion_header a[role="button"].acc_btn {padding:37px 40px 33px;border:1px solid #ddd;border-radius:10px;background-color:#fafafa;font-weight:400;font-size:22px;text-align:left;}
.mydiy_type .accordion_header button.acc_btn.on,
.mydiy_type .accordion_header a[role="button"].acc_btn.on {border:1px solid #ddd;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.mydiy_type .accordion_header button.acc_btn:after,
.mydiy_type .accordion_header a[role="button"].acc_btn:after {content:'';position:absolute;left:auto;right:43px;top:36px;width:12px;height:12px;border:0;border-left:2px solid #444;border-bottom:2px solid #444;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.mydiy_type .accordion_header button.acc_btn.on:after,
.mydiy_type .accordion_header a[role="button"].acc_btn.on:after {top:43px;transform:translateY(0) rotate(135deg);-o-transform:translateY(0) rotate(135deg);-ms-transform:translateY(0) rotate(135deg);-webkit-transform:translateY(0) rotate(135deg);}
.mydiy_type .accordion_body {display:none;padding:36px 40px 35px;border:1px solid #ddd;border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}

.mydiy_pop_cont_area {padding:21px 0 44px;}
.mydiy_pop_cont_area .h_title {margin-bottom:10px;}
.mydiy_pop_cont_area .desc {font-size:16px;line-height:1.56;}
.mydiy_pop_cont_area .desc + .h_title {margin-top:18px;}
.mydiy_pop_cont_area ul.marker_dot.Mid > li {line-height:1.56;}

.popup_type01.mydiy_rate_area .pop_head .explain {margin:16px 0 14px;font-size:16px;}
.mydiy_rate_area .pop_cont {max-height:460px;}
.mydiy_rate_area .save_list {border-top:1px solid #ddd;}
.mydiy_rate_area .save_list li {display:table;width:100%;padding:0 20px;border-bottom:1px solid #ddd;}
.mydiy_rate_area .save_list li div {display:table-cell;padding:18px 0;vertical-align:middle;}
.mydiy_rate_area .save_list li div.ico {width:45px;}
.mydiy_rate_area .save_list li div.ico span {display:inline-block;width:45px;height:45px;vertical-align:middle;}
.mydiy_rate_area .save_list li div.ico img {width:100%;height:100%;}
.mydiy_rate_area .save_list li div.tit {padding-left:20px;padding-right:20px;font-weight:700;font-size:20px;color:#111;}
.mydiy_rate_area .save_list li div.per {width:60px;text-align:right;font-weight:700;font-size:18px;color:#4868e1;}
.mydiy_rate_area .save_list li div.per span {font-size:28px;}

@keyframes pointMove {
	0% {top:45%;}
	100% {top:55%;}
}

.DIY_home {position:relative;height:262px;padding-top:50px;text-align:center;}
.DIY_home .tit_area .txt_area {font-size:36px;font-weight:700;color:#111111;}
.DIY_home .card_area .img_area {position:absolute;width:100%;padding-top:30px;}
.DIY_home .card_area .img_area img {width:320px;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);border-radius:15px;}
.diybox_section {padding:135px 0 0;overflow:hidden;}
.diybox_section .tit_area {margin-bottom:32px}
.cont_box {display:inline-block;padding:0 53px;}
.cont_box > div {padding-left:4px;padding-bottom:2px;width:50%;}
.cont_box > div:first-child {padding-left:0;padding-right:4px}
.cont_box > div.rblock {display:inline-block;width:50%;float:left;}
.cont_box > div.rblock:nth-child(odd) {padding-left:0;padding-right:4px}
.cont_box > div.rblock:nth-child(even) {padding-left:4px}
.cardtype_choice {display:inline-block;margin-bottom:100px;}
.cardtype_choice .choice_door {padding:40px 30px;text-align:center;border:1px solid #ededed;background:#fff;border-radius:10px;}
.cardtype_choice .choice_door .card_info h4 {font-size:24px;color:#111111;font-weight:700;margin-top:0;padding-bottom:0;padding-left:0;background:none;}
.cardtype_choice .choice_door .card_info p {margin-top:9px;margin-bottom:30px;font-size:16px;color:#333333;}

.DIY_header {padding:50px 0 43px;}
.DIY_header .tit_area h4.tit_k1 {font-size:36px;color:#111;}
.DIY_header .tit_area .txt_k1 {font-size:18px;color:#333;}
.article.slim {padding:0 86px;}
.article.slim .slide_area .swiper-button-prev,
.article.slim .slide_area .swiper-button-next {top:40%;line-height:44px;}
.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .accordion_wrap.accordion_check dd > div {border:none;border-bottom:1px solid #ddd;}
.DIY_agree_wrap .accordion_wrap.accordion_check dd {border:none;padding:0;}
.DIY_agree_wrap .accordion_wrap.accordion_check dd > div .check_wrap.type_agree {padding-left:17px;}
.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .check_wrap.type_agree .check_agree {height:80px;line-height:80px;}
.DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding:0 51px 0 45px;}
.DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {left:0;width:30px;height:30px;margin:-15px 0 0 0;background:url(/pconts/images/contents/card/ico_checkboxOff.png) no-repeat left top;background-size:30px;transform:none;-webkit-transform:none;-ms-transform:none;border:none;border-radius:0;}
.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before {left:0;width:30px;height:30px;margin:-15px 0 0 0;background:url(/pconts/images/contents/card/ico_checkboxOff.png) no-repeat left top;background-size:30px;transform:none;-webkit-transform:none;-ms-transform:none;border:none;border-radius:0;}
.DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"]:checked + span:before {background:url(/pconts/images/contents/card/ico_checkboxOn.png) no-repeat left top;background-size:30px;}
.DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"]:checked + span:before {background:url(/pconts/images/contents/card/ico_checkboxOn.png) no-repeat left top;background-size:30px;}
.DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check {background:none;width:64px;height:100%;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);}
.DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check:before{content:'';display:block;position:absolute;z-index:10;left:50%;top:50%;width:12px;height:12px;margin:-8px 0 0 -13px;box-sizing:border-box;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on {}
.DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on:before{margin-top:0;border-color:#4868e1;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.DIY_agree_wrap .accordion_wrap.accordion_check dd > div .accordion_header.on + .accordion_body {padding:20px 80px;background:#fafafa;border-top:1px solid #333333;font-size:14px;color:#111;}

.req_wrap {overflow:hidden;padding:30px 6px 0;}
.req_wrap ul {position:relative;left:-50%;float:right;}
.req_wrap ul:after {content:'';display:block;clear:both;}
.req_wrap ul li {position:relative;left:50%;float:left;}
.req_wrap ul li + li {margin-left:8px;}
.req_wrap ul li label {position:relative;}
.req_wrap ul li label input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.req_wrap ul li label input + span {display:block;position:relative;width:160px;height:160px;border:1px solid #ddd;border-radius:10px;background-color:#fff;font-weight:700;font-size:16px;color:#333;text-align:center;}
.req_wrap ul li label input:checked + span{border:2px solid #4868e1;}
.req_wrap ul li label i {display:block;width:50px;height:50px;margin:30px auto 26px;}
.req_wrap ul li label input:checked + span i {margin:29px auto 26px;}
.req_wrap ul li label i.ico_quick {background:url(/pconts/images/icon/ico_req_quick.png) no-repeat left top;background-size:50px 50px;}
.req_wrap ul li label i.ico_online {background:url(/pconts/images/icon/ico_req_online.png) no-repeat left top;background-size:50px 50px;}
.req_wrap p {clear:both;padding-top:26px;margin-bottom:-5px;}

/* 설문 */
.banner_field {padding:35px 0;text-align:center;font-size:18px;color:#fff;}
.tit_t2 {font-size:36px;color:#111;font-weight:normal;}
.survey_box {padding:80px 0;}
.survey_box .page_num {text-align:center;font-size:18px;color:#111;}
.survey_box .page_num .num {color:#4868e1;}
.survey_box .tit_area {text-align:center;}
.survey_box .tit_area span {display:inline-block;vertical-align:middle;}
.survey_box .tit_area .tag {position:relative;padding:6px 18px;background:#4868e1;display:inline-block;color:#fff;border-radius:18px;margin-right:5px;}
.survey_box .txt_area {text-align:center;}

.cont_box.col2,
.cont_box.col3 {width:auto;}
.cont_box.col2 > div.rblock {width:50%}
.cont_box.col3 > div.rblock {width:33.33%;padding:4px}
.cont_box.col3 > div.rblock:first-child,
.cont_box.col3 > div.rblock:nth-child(3n+1) {padding-left:8px}
.cont_box.col3 > div.rblock:nth-child(3n) {padding-right:8px}
.cont_box.survey_chk {width:100%;margin:48px auto 0;padding:0;}
.cont_box.survey_chk > div.rblock label {min-height:100px;margin:0;}
.cont_box.survey_chk.col3 > div.rblock {padding:4px;}
.cont_box.survey_chk.col3 > div.rblock:first-child,
.cont_box.survey_chk.col3 > div.rblock:nth-child(3n+1) {padding-left:0;}
.cont_box.survey_chk.col3 > div.rblock:nth-child(3n) {padding-right:0;}
.cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label {background:#fff !important;padding:0;text-align:center;}
.cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 24px center / 16px 11px !important;border:1px solid #4868e1;color:#4868e1;}
.cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 {color:#333;}
.cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label span.title2 {color:#4868e1;}
.cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 span {display:inline-block;letter-spacing:-1px;}
.cont_box.survey_chk div.chk_t2 input[type="radio"] + label {background:#fff !important;padding:0;text-align:center;}
.cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 24px center / 16px 11px !important;border:1px solid #4868e1;color:#4868e1;}
.cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 {color:#333;}
.cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label span.title2 {color:#4868e1;}
.cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 span {display:inline-block;letter-spacing:-1px;}

div.chk_t2 input[type="checkbox"] + label {display:table;padding:39px 24px 39px 116px;width:100%;height:auto;text-indent:0;cursor:pointer;color:#111;background:#fff url(/images/diy/common/ico_checkOff2.png) no-repeat 32px 50% / 20px 13.7px;border-radius:10px;border:1px solid #ddd;box-sizing:border-box;}
div.chk_t2 input[type="checkbox"] + label span {display:table-cell;font-size:18px;vertical-align:middle;box-sizing:border-box;}
div.chk_t2 input[type="checkbox"] {position:absolute;opacity:0;}
div.chk_t2 input[type="radio"] + label {display:table;padding:39px 24px 39px 116px;width:100%;height:auto;text-indent:0;cursor:pointer;color:#111;background:#fff url(/images/diy/common/ico_checkOff2.png) no-repeat 32px 50% / 20px 13.7px;border-radius:10px;border:1px solid #ddd;box-sizing:border-box;}
div.chk_t2 input[type="radio"] + label span {display:table-cell;font-size:18px;vertical-align:middle;box-sizing:border-box;}
div.chk_t2 input[type="radio"] {position:absolute;opacity:0;}

.survey_box.type01 {padding:45px 0;}
.survey_box.type02 {padding:45px 0 69px;}
.survey_box.type02 .font_md01 {margin-top:27px;line-height:1.23;}
.tab_cont .survey_box.type01 {padding:39px 0 42px;}
.DIY_switch {text-align:center;margin-top:40px;}
.DIY_switch .switch_tit {font-size:16px;color:#333;vertical-align:middle;}
.DIY_switch .switch_button {display:inline-block;position:relative;width:40px;height:20px;vertical-align:middle;border-radius:20px;background:#ddd;transition:background .2s;}
.DIY_switch .switch_button:after {content:'';position:absolute;top:2px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;}
.DIY_switch .switch_tit + .switch_button {margin-left:8px;}
.DIY_switch input {opacity:0;width:0;height:0;}
.DIY_switch input[type="checkbox"]:checked + label .switch_button {background:#4868e1;}
.DIY_switch input[type="checkbox"]:checked + label .switch_button:after {left:calc(100% - 19px);}

.slide_area {position:relative;margin:20px 70px 0;}
.airesult_slide {margin:0 60px;}
.airesult_slide .swiper-slide {text-align:center;}
.airesult_slide .swiper-pagination-bullet {width:5px;height:5px;background:#dedede;border-radius:50%;opacity:1}
.airesult_slide .swiper-pagination-bullet-active {background:#7f56d5}
.airesult_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px}
.airesult_slide .tit {margin-top:24px;font-size:16px;color:#4868e1;white-space:nowrap}
.slide_area .swiper-button-prev {overflow:hidden;left:0;margin:0;background:none;}
.slide_area .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);vertical-align:middle;}
.slide_area .swiper-button-prev.swiper-button-disabled {opacity:1;}
.slide_area .swiper-button-prev.swiper-button-disabled:before {border-color:#ccc;}
.slide_area .swiper-button-next {overflow:hidden;right:0;margin:0;background:none;}
.slide_area .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);vertical-align:middle;}
.slide_area .swiper-button-next.swiper-button-disabled {opacity:1;}
.slide_area .swiper-button-next.swiper-button-disabled:before {border-color:#ccc;}

.multi_box {padding:50px 0 40px;margin-bottom:24px;border-bottom:1px solid #ddd;}
.DIY_tab_list {display:table;margin:45px auto 0;}
.DIY_tab_list li {display:table-cell;padding:0 20px;text-align:center;}
.DIY_tab_list li a {position:relative;font-size:18px;color:#111;display:inline-block;text-decoration:none;padding:8px 0;}
.DIY_tab_list li.on a {font-weight:bold;color:#4868e1;}
.DIY_tab_list li.on a:after {content:'';display:block;width:100%;height:2px;background:#4868e1;position:absolute;bottom:0;left:0;}

.multi_list {width:100%;overflow:hidden}
.multi_list ul {width:calc(100% + 8px)}
.multi_list li {margin-right:8px;margin-bottom:8px;width:calc(100% / 4 - 8px);float:left;}
.multi_list li .saving_choice {padding:32px 24px;background:#f2f2f2;border:1px solid #f2f2f2;border-radius:10px;}
.multi_list li .saving_choice span.img_area {display:block;width:100%;height:45px;text-align:center;}
.multi_list li .saving_choice span.img_area img {width:45px;height:45px;}
.multi_list li .saving_choice em.mall_type {display:block;margin-top:24px;width:100%;line-height:1.2;font-size:20px;color:#111;text-align:center;}
.multi_list li .saving_choice em.mall_type a {color:#111}
.multi_list li .saving_choice em.mall_type span {position:relative;margin-left:18px;padding-right:18px;display:inline-block;overflow:visible;font-weight:700;}
.multi_list li .saving_choice em.mall_type span:after {content:"";position:absolute;top:6px;right:0;display:block;width:10px;height:10px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;transform:rotate(45deg)}
.multi_list li .saving_choice p.mall {margin-top:20px;width:100%;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.multi_list li .saving_choice div.btn_choice {position:relative;margin:50px auto 0px;width:96%;}
.multi_list li .saving_choice div.btn_choice button {position:absolute;right:0;top:8px;width:22px;height:22px;overflow:hidden;text-indent:-3000px;background:url(/pconts/images/contents/card/btn_plus.png) no-repeat center center / 22px;border:0;}
.multi_list li .saving_choice div.btn_choice button:first-child {left:0;background-image:url(/pconts/images/contents/card/btn_minus.png);}
.multi_list li .saving_choice div.btn_choice p.percentage {position:relative;margin-left:24px;width:calc(100% - 48px);height:38px;line-height:38px;text-align:center;}
.multi_list li .saving_choice div.btn_choice p.percentage span {display:inline-block;font-size:24px;color:#ccc;}
.multi_list li .saving_choice div.btn_choice p.percentage span:first-child {font-size:38px;font-weight:700;}
.multi_list li.list_checked .saving_choice span.img_area img {background:#fff;}
.multi_list li.list_checked .saving_choice {background:#fff;border:1px solid #4868e1;}
.multi_list li.list_checked .saving_choice div.btn_choice p.percentage span {color:#4868e1;font-weight:700;}

.btn_fixed {position:fixed;bottom:30px;left:calc(50% + 445px);margin-left:-35px;z-index:10;}
.btn_fixed .btn {width:70px;height:70px;background:#081350;min-width:auto;padding:0;color:#fff;box-shadow:0px 2px 10px 3px rgba(0, 0, 0, 0.25);font-size:30px;line-height:70px;}
.btn_fixed .btn em {font-size:15px;}
.btn_fixed.pos {position:absolute;bottom:86px;}

.option_area {margin-bottom:40px;padding-bottom:40px;}
.option_list {max-width:808px;margin:0 auto;}
.option_list .option_item + .option_item {margin-top:8px;}
.option_list div.radio_t3 input[type="radio"] + label {display:table;padding:36px 72px 36px 126px;width:100%;height:auto;min-height:0;margin:0;text-indent:0;cursor:pointer;color:#111;background:#f2f2f2 url(/pconts/images/contents/card/ico_radioOff.png) no-repeat 72px 50% / 30px 30px;border-radius:10px;border:1px solid #f2f2f2;}
.option_list div.radio_t3 input[type="radio"] + label > span.txt {display:table-cell;text-align:left;}
.option_list div.radio_t3 input[type="radio"] + label > span.right {display:table-cell;text-align:right;}
.option_list div.radio_t3 input[type="radio"] + label span.txt {width:auto;font-size:20px;white-space:normal;}
.option_list div.radio_t3 input[type="radio"] + label > span.right {text-align:right;}
.option_list div.radio_t3 input[type="radio"] + label > span.right .count {display:inline-block;padding-right:0;line-height:30px;vertical-align:middle;color:#4868e1;font-weight:700;}
.option_list div.radio_t3 input[type="radio"] + label > span.right .count span {padding-left:0;font-size:20px;}
.option_list div.radio_t3 input[type="radio"] + label > span.right .count span:first-child {padding-left:0;font-size:30px;}
.option_list div.radio_t3 input[type="radio"]:checked + label {background:#fff url(/pconts/images/contents/card/ico_radioOn.png) no-repeat 72px 50% / 30px 30px;border:1px solid #4868e1;}
.option_list div.radio_t3 input[type="radio"] {position:absolute;opacity:0;}

.list_title {display:table;width:100%;max-width:808px;margin:40px auto 24px;}
.list_title .list_title_cell {display:table-cell;font-size:18px;color:#111;}
.list_title .list_title_cell.title {padding-left:125px;text-align:left;}
.list_title .list_title_cell.count {padding-right:55px;text-align:right;}

/* 카드디자인 */
.card_design {padding:30px 0 0;}
.card_design ul {position:relative;left:-50%;float:right;}
.card_design ul:after {content:'';display:block;width:100%;clear:both;}
.card_design ul li {position:relative;left:50%;float:left;}
.card_design ul li + li {margin-left:10px;}
.card_design ul li label {display:block;position:relative;width:128px;height:128px;text-align:center;}
.card_design ul li label input {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;}
.card_design ul li label input + span {display:block;width:100%;height:100%;padding-top:86px;font-size:16px;}
.card_design ul li label input:checked + span {color:#4868e1;}
.card_design ul li label input:checked + span:before {content:'';display:block;position:absolute;left:2px;top:34px;width:17px;height:11px;border-left:2px solid #4868e1;border-bottom:2px solid #4868e1;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.card_design ul li.card_type01 label input + span {background:url(/pconts/images/contents/card/card_type01.png) no-repeat 40px 27px;}
.card_design ul li.card_type02 label input + span {background:url(/pconts/images/contents/card/card_type02.png) no-repeat 48px 27px;}
.card_design ul li.card_type01 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type01_on.png);}
.card_design ul li.card_type02 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type02_on.png);}
.card_design ul + * {clear:both;}
.card_design .card_area {clear:both;padding:30px 0 80px;}
.card_design .img_area {display:none;text-align:center;}
.card_design .img_area.current {display:block;}
.card_design .img_area span {display:inline-block;width:320px;height:203px;vertical-align:middle;}
.card_design .img_area span.vertical {width:202px;height:321px;}
.card_design .img_area span img {width:100%;height:100%;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}

/* 멀티멤버쉽 안내 */
.survey_box .card_area {position:relative;margin-top:46px;padding-bottom:0;}
.survey_box .card_area img {width:320px;height:203px;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.survey_box .card_area.with_barcode .barcode {position:absolute;left:50%;bottom:-19px;width:240px;height:92px;background:url(/pconts/images/contents/card/barcode.png) no-repeat left top;transform:translateX(-50%)}
.survey_box .card_area.with_barcode .barcode span {display:block;overflow:hidden;width:100%;height:100%;text-indent:-9999px;}
.survey_box .card_area.vertical img{width:202px;height:319px;}
.survey_box .tit_t2 + .card_area {margin-top:38px;margin-bottom:-19px;}

/* 최종확인 */
.result_area {width:808px;margin:43px auto 0;}
.result_area + .result_area {padding-top:6px;}
.result_area .h_title24 {text-align:center;}
.result_area ul {margin-top:34px;}
.result_area ul li {display:table;width:100%;height:108px;padding:0 29px;border:1px solid #eee;border-radius:10px;background-color:#fff;}
.result_area ul li + li {margin-top:8px;}
.result_area ul li div {display:table-cell;height:100%;vertical-align:middle;}
.result_area ul li .img {width:45px;}
.result_area ul li .img span {display:inline-block;width:45px;height:45px;vertical-align:middle;}
.result_area ul li .img span img {width:100%;height:100%;}
.result_area ul li .tit {width:161px;padding-left:20px;padding-right:20px;font-weight:700;font-size:20px;color:#111;}
.result_area ul li .desc {font-size:16px;}
.result_area ul li .rate {width:60px;font-weight:700;font-size:18px;color:#4868e1;text-align:right;}
.result_area ul li .rate span {font-size:28px;}
.result_area .radio_t3 {display:table;position:relative;width:100%;height:108px;margin-top:34px;border:1px solid #4868e1;border-radius:10px;background-color:#fff;}
.result_area .radio_t3 input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.result_area .radio_t3 input + span {display:table-cell;position:relative;width:100%;height:100%;padding:0 20px 0 84px;font-size:20px;color:#333;vertical-align:middle;}
.result_area .radio_t3 input:checked + span:before {content:'';display:block;position:absolute;left:30px;top:38px;width:30px;height:30px;border-radius:50%;background-color:#4868e1;}
.result_area .radio_t3 input:checked + span:after {content:'';display:block;position:absolute;left:39px;top:45px;width:12px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.result_area .radio_t3 .rate{position:absolute;right:28px;top:50%;font-weight:700;font-size:20px;color:#4868e1;transform:translateY(-50%)}
.result_area .radio_t3 .rate span{font-size:30px;}


/*DIY조회변경*/
.accordion_header.DIY_service_item button.acc_btn.medium {padding:30px 0 30px 30px;font-size:20px;color:#111;font-weight:400;vertical-align:middle;}
.accordion_header.DIY_service_item button.acc_btn.medium span.new_badge {padding:3px 10px;margin-left:10px;border-radius:3px;font-size:14px;}
.accordion_header.DIY_service_item button.acc_btn.medium span.new_badge.red {background:#d92c2c !important;}
.accordion_header.DIY_service_item button.acc_btn.medium span.f_right.date {margin-top:0;padding-right:90px;padding-top:5px;font-size:16px;} /* 20.01.30 조은지 margin-top:0; 추가 */
.accordion_header.DIY_service_item button.acc_btn.medium:after, 
.accordion_header.DIY_service_item a[role="button"].acc_btn.medium:after {width:10px;height:10px;margin-top:-15px;left:calc(100% - 40px);}
.accordion_header.DIY_service_item button.acc_btn.medium.on:after, 
.accordion_header.DIY_service_item a[role="button"].acc_btn.medium.on:after {margin-top:-5px;}
.accordion_body.DIY_service_cont {border-top:1px solid #333;}
.accordion_body.DIY_service_cont .area {padding:30px;}
.accordion_body.DIY_service_cont .area .df_list {font-size:16px;}
.accordion_body.DIY_service_cont .area .df_list .item.tit {padding-bottom:7px;}
.accordion_body.DIY_service_cont .area .df_list .item.con {padding-bottom:7px;} 

.multi_ls01 li {float:left;width:25%;padding:8px 0 0 8px;}
.multi_ls01 li:nth-child(4n-3) {padding-left:0;}
.multi_ls01 li .saving_choice {position:relative;height:160px;padding:15px 32px 32px 24px;background-color:#fff;border:1px solid #eee;border-radius:10px;}
.multi_ls01 li .saving_choice em.mall_type {display:block;font-size:20px;color:#111;font-weight:700;}
.multi_ls01 li .saving_choice span.img_area {position:absolute;bottom:32px;right:32px;display:block;width:45px;height:45px;}
.multi_ls01 li .saving_choice span.img_area img {width:45px;height:45px;background:#fff}
.multi_ls01 li .saving_choice div.btn_choice p.percentage {position:relative;margin:35px 0 0 0;}
.multi_ls01 li .saving_choice div.btn_choice p.percentage span {display:inline-block;font-size:24px;color:#4868e1;font-weight:700;}
.multi_ls01 li .saving_choice div.btn_choice p.percentage span:first-child {font-size:38px;}

/* DIY조회변경 - My Pick */
.serv_article {margin-top:56px;border-top:1px solid #ddd;}
.serv_article:first-child {border-top:0;}
.serv_title {padding:30px 0 30px;font-size:20px;color:#111;}
.serv_title .badge {display:inline-block;min-width:52px;margin-left:10px;padding:0 8px;border-radius:4px;background-color:#4868e1;font-weight:700;font-size:14px;line-height:26px;color:#fff;text-align:center;vertical-align:middle;}
.serv_title .badge.yet {background-color:#d92c2c;}
.serv_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;padding:21px 0 34px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.serv_cont dl {overflow:hidden;width:50%;margin-top:15px;padding:0 65px;font-size:16px;color:#111;}
.serv_cont dl dt {float:left;width:40%;text-align:left;}
.serv_cont dl dd {float:left;width:60%;padding-left:20px;text-align:right;}

.survey_box.type01 .form_type .form_ele.sm {padding-left:150px;}
.DIY_point dl dt {padding:25px 0;font-size:24px;color:#111;font-weight:700;}
.DIY_point dl dd {padding:30px 50px;background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:30px;text-align:right;color:#4868e1;font-weight:700;}
.DIY_point dl dd.pick {padding:0;background:#fff;font-size: initial;font-weight:400;}
.DIY_point dl dd.txt dl dt, .DIY_point dl dd.txt dl dd {font-size: initial;}
.DIY_point .table_wrap table .interval span{padding-right: 30px;}

.accordion_header.DIY_service_item.point button.acc_btn.medium .date {display:inline;padding-right:65px;font-size:16px;}
.accordion_header.DIY_service_item.point button.acc_btn.medium .brand {font-size:20px;}
.accordion_header.DIY_service_item.point button.acc_btn.medium .point {float:right;padding-right:80px;font-size:20px;font-weight:700;color:#4868e1;}

/* DIY조회변경 - 디자인 */
.card_confirm {margin-top:80px;margin-bottom:100px;text-align:center;}
.card_confirm .img {display:block;width:320px;height:203px;margin:0 auto;}
.card_confirm .img.vertical {width:203px;height:320px;/*margin-top:111px;margin-bottom:100px;*/}
/* .card_confirm .img.vertical img {transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);} */
.card_confirm .img img {width:100%;height:100%;border-radius:12px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.card_confirm .card_tit {margin-top:43px;font-weight:700;font-size:24px;color:#000;}
.card_confirm .btn_wrap {margin-top:74px;}

/*DIY-멀티멤버십*/
.survey_box.type03 {padding:45px 0 69px;}
.bacode_area {
	max-width:330px;width:100%;background:#fff;margin:0 auto;padding:27px 43px 22px;
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-o-border-radius:16px;
	box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.05);
	-o-box-shadow:1px 1px 10px 0px rgba(0, 0, 0, 0.05);
}
.bacode_area img {width:100%;height:auto;}
.bacode_area p.code_number {margin-top:10px;width:100%;font-size:12px;color:#000;text-align:center;}
.members_card_info {width:100%;margin-bottom:52px;}
.members_card_info li {width:50%;float:left;margin-bottom:8px;}
.members_card_info li:nth-child(odd) {padding-right:4px;}
.members_card_info li:nth-child(even) {padding-left:4px;}
.members_card_info li > a {position:relative;display:block;width:100%;height:144px;padding:24px;text-decoration:none;background:#f8f8f8;box-sizing:border-box;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;}
.members_card_info li > a:after {content:"";position:absolute;bottom:28px;right:24px;display:block;width:32px;height:32px;background:url(/pconts/images/contents/card/members_plus.gif);}
.members_card_info li span {display:inline-block;background:transparent;padding:0;}
.members_card_info li span.emblem {width:130px;height:45px;overflow:hidden;text-indent:-3000px;}
.members_card_info li a.happy_point span.emblem {background:url(/pconts/images/contents/card/members_mk01_off.gif) no-repeat 0 0 / 130px;}
.members_card_info li a.cu span.emblem {background:url(/pconts/images/contents/card/members_mk03_off.gif) no-repeat 0 0 / 130px;}
.members_card_info li a.soil span.emblem {background:url(/pconts/images/contents/card/members_mk05_off.gif) no-repeat 0 0 / 130px;}
.members_card_info li a.cjone span.emblem {background:url(/pconts/images/contents/card/members_mk07_off.gif) no-repeat 0 0;}
.members_card_info li span.membership_status {position:absolute;top:24px;right:24px;padding:4px 8px;background:#fff;font-size:14px;color:#111;border:1px solid #dfdfdf;border-radius:5px;font-weight:700;}
.members_card_info li span.membership_status .t1 {display:block;}
.members_card_info li span.membership_status .t2 {display:none;}

/* Checked */
.members_card_info li.checked > a:after {width:8px;height:8px;background:none;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
.members_card_info li.checked span.membership_status .t1 {display:none;}
.members_card_info li.checked span.membership_status .t2 {display:block;}
.members_card_info li.checked span.membership_status {display:none;}
.members_card_info li.checked a.happy_point {background:#f98eb7;}
.members_card_info li.checked a.happy_point span.emblem {background:url(/pconts/images/contents/card/members_mk01_on.gif) no-repeat 0 0 / 130px;}
.members_card_info li.checked a.cu {background:#6b2891;}
.members_card_info li.checked a.cu span.emblem {background:url(/pconts/images/contents/card/members_mk03_on.gif) no-repeat 0 0 / 130px;}
.members_card_info li.checked a.soil {background:#009251;}
.members_card_info li.checked a.soil span.emblem {background:url(/pconts/images/contents/card/members_mk05_on.gif) no-repeat 0 0 / 130px;}
.members_card_info li.checked a.cjone {background:#666666;}
.members_card_info li.checked a.cjone span.emblem {background:url(/pconts/images/contents/card/members_mk07_on.gif) no-repeat 0 0;}

.memtop_sec {width:100%;height:216px;padding-top:50px;text-align:center;}
.memtop_sec .mem_cont {color:#fff;}
.memtop_sec .mem_cont .symbol {width:140px;margin:0 auto;}
.memtop_sec .mem_cont .symbol > img {margin-left:30px;width:100%;}
.memtop_sec.color_sec02 .mem_cont .symbol > img {margin-left:20px;}
.memtop_sec.color_sec07 .mem_cont .symbol > img {margin-left:0;}
.memtop_sec .mem_cont .memb_cdn_act {padding-top:25px;font-size:18px;}
.color_sec01 {background-color:#008f8f;}
.color_sec02 {background-color:#f98eb7;}
.color_sec03 {background-color:#6b2891;}
.color_sec04 {background-color:#192d6a;}
.color_sec05 {background-color:#009251;}
.color_sec06 {background-color:#222;}
.color_sec07 {background-color:#404040;}

.membership_area {display:table;width:100%;background-color:#fafafa;text-align:center;}
.membership_area .ly_inner {display:table-cell;width:100%;height:230px;padding:40px 0;vertical-align:middle;}
.membership_area.type02 .ly_inner {height:216px;}
.membership_area.happypoint_type {background-color:#f98eb7;}
.membership_area.cu_type {background-color:#6b2891;}
.membership_area.soil_type {background-color:#009251;}
.membership_area.cjone_type {background-color:#111;}
.membership_area .img_logo {display:inline-block;width:240px;height:72px;vertical-align:middle;}
.membership_area .img_logo img {height:100%;}
.membership_area.happypoint_type .img_logo {padding:6px 0;}
.membership_area.cu_type .img_logo {padding:9px 0;}
.membership_area.soil_type .img_logo {padding:12px 0;}
.membership_area.cjone_type .img_logo {padding:0;}
.membership_area .add_info {margin:14px 0 0;padding-bottom:12px;}
.membership_area .add_info p {font-size:20px;color:#fff;}
.membership_area .add_info p em {margin-right:10px;font-weight:700;}
.membership_area .add_info p.date {font-size:15px;}
.membership_area .link_area {margin-top:18px;margin-bottom:-2px;}
.membership_area .link_area .link {font-weight:400;color:#fff;}
.membership_area .link_area .link + .link {margin-left:27px;}
.membership_area .link_area .link:after {content:'';display:inline-block;width:8px;height:8px;margin:-2px 0 0 5px;border-right:1px solid #fff;border-bottom:1px solid #fff;vertical-align:middle;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.membership_area .link_area .link span {position:relative;}
.membership_area .memb_cdn_act {margin-top:25px;padding-bottom:12px;font-size:18px;color:#fff;}

.col120_96 {width:120px;}

.pop_cont .diy_pop_brand ul {border-bottom: 1px solid #ededed;}
.pop_cont .diy_pop_brand li{float:left;width: 25%;margin-bottom:-1px;padding:30px 0;border-bottom: 1px solid #ededed;text-align: center;}
.pop_cont .diy_pop_brand li > img{width:130px;padding-bottom: 30px;}
.pop_cont .diy_pop_brand li p{color: #111;}

/* 365신속 */
.area365 .inner > p {padding-top:26px;margin-bottom:30px;}
.area365 .inner .imgBox {width:100%;}
.area365 .inner .imgBox ul {width:100%;padding:3px 0 55px 0;} 
.area365 .inner .imgBox ul li {float:left;}
.area365 .inner .imgBox ul li div {float:left;width:40px;height:40px;}
.area365 .inner .imgBox ul li p {display:inline-block;padding-left:20px;line-height:40px;}
.area365 .inner .imgBox ul li:first-child div {margin-left:166px;background:url("/pconts/images/contents/card/icon_time.png")no-repeat;background-size:40px;}
.area365 .inner .imgBox ul li:nth-child(2) div {margin-left:92px;background:url("/pconts/images/contents/card/icon_week.png")no-repeat;background-size:40px;}
.area365 .inner .imgBox ul li:last-child div {margin-left:88px;background:url("/pconts/images/contents/card/icon_speed.png")no-repeat;background-size:40px;}


/* 카드상세 테마파크 */
.thematext{display: inline-block;float: left; width: auto;height: 29px;line-height: 29px;margin-left: 20px;}
.themaImg{display: inline-block;float: left;width: 70px;height: 29px;}
.table_wrap .ever{background: url("/pconts/images/contents/card/detail_everland.png")no-repeat;}
.table_wrap .bay{background: url("/pconts/images/contents/card/detail_bay.png")no-repeat;}
.table_wrap .lotte{background: url("/pconts/images/contents/card/detail_lotte.png")no-repeat;}
.table_wrap .seoul{background: url("/pconts/images/contents/card/detail_seoul.png")no-repeat;}

/* 카드상세 지도 api */
.map_api{width: 100%;height: 518px;}
.map_api2{width: 100%;height: 518px;}
.map_api img{width: 100%;height: 100%;}
.map_api2 img{width: 100%;height: 100%;}
.card_map_01{background: url("/pconts/images/contents/card/map_63way.png")no-repeat; background-size: 100%;} /*여의도 63길*/
.card_map_02{background: url("/pconts/images/contents/card/map_busansintrain.png")no-repeat;background-size: 100%;} /*부산진역*/
.card_map_03{background: url("/pconts/images/contents/card/map_busantrain.png")no-repeat;background-size: 100%;} /*부산역*/
.card_map_04{background: url("/pconts/images/contents/card/map_myeongdong.png")no-repeat;background-size: 100%;} /*명동눈스퀘어[타워]*/
.card_map_05{background: url("/pconts/images/contents/card/map_jeondok.png")no-repeat;background-size: 100%;} /*정독도서관*/
.card_map_06{background: url("/pconts/images/contents/card/map_doosanwive.png")no-repeat;background-size: 100%;} /*청계천 두산위브더제니스*/
.card_map_07{background: url("/pconts/images/contents/card/map_sc.png")no-repeat;background-size: 100%;} /*SC제일은행(본점)*/
.card_map_08{background: url("/pconts/images/contents/card/map_fraser.png")no-repeat;background-size: 100%;} /*오라카이 스위츠*/
.card_map_09{background: url("/pconts/images/contents/card/map_central.png")no-repeat;background-size: 100%;} /*센트럴플레이스*/
.card_map_10{background: url("/pconts/images/contents/card/map_opisia.png")no-repeat;background-size: 100%;} /*오피시아*/
.card_map_11{background: url("/pconts/images/contents/card/map_rakSadang.png")no-repeat;background-size: 100%;} /*RAK 사당*/
.card_map_12{background: url("/pconts/images/contents/card/map_c&h.png")no-repeat;background-size: 100%;} /*C&H [타워]*/
.card_map_13{background: url("/pconts/images/contents/card/map_jeilpark.png")no-repeat;background-size: 100%;} /*제일주차장*/
.card_map_14{background: url("/pconts/images/contents/card/map_golden.png")no-repeat;background-size: 100%;} /*골든타워*/
.card_map_15{background: url("/pconts/images/contents/card/map_topbuilding.png")no-repeat;background-size: 100%;} /*탑 빌딩*/
.card_map_16{background: url("/pconts/images/contents/card/map_uspark.png")no-repeat;background-size: 100%;} /*우리들공원주차장*/
.card_map_17{background: url("/pconts/images/contents/card/map_cgvdegu.png")no-repeat;background-size: 100%;} /*CGV 대구한일극장*/
.card_map_18{background: url("/pconts/images/contents/card/map_nc.png")no-repeat;background-size: 100%;} /*NC백화점 서면점*/
.card_map_19{background: url("/pconts/images/contents/card/map_gimheaAir.png")no-repeat;background-size: 100%;} /*김해공항*/
.card_map_20{background: url("/pconts/images/contents/card/map_ulsanAir.png")no-repeat;background-size: 100%;} /*울산공항*/
.card_map_21{background: url("/pconts/images/contents/card/map_seoultrain.png")no-repeat;background-size: 100%;} /*서울역*/
.card_map_22{background: url("/pconts/images/contents/card/map_gwangmyeongtrain.png")no-repeat;background-size: 100%;} /*광명역*/
.card_map_23{background: url("/pconts/images/contents/card/map_daejeontrain.png")no-repeat;background-size: 100%;} /*대전역*/
.card_map_24{background: url("/pconts/images/contents/card/map_cheonantrain.png")no-repeat;background-size: 100%;} /*천안아산역*/
.card_map_25{background: url("/pconts/images/contents/card/map_dongdegutrain.png")no-repeat;background-size: 100%;} /*동대구역*/
.card_map_26{background: url("/pconts/images/contents/card/map_gwangjutrain.png")no-repeat;background-size: 100%;} /*광주송정역*/
.card_map_27{background: url("/pconts/images/contents/card/map_gyeonjutrain.png")no-repeat;background-size: 100%;} /*신경주역*/
.card_map_28{background: url("/pconts/images/contents/card/map_iksantrain.png")no-repeat;background-size: 100%;} /*익산역*/
.card_map_29{background: url("/pconts/images/contents/card/map_ulsantrain.png")no-repeat;background-size: 100%;} /*울산역*/

/* 카드상세 디자인요소 */
.icon_detailcont_wrap{margin-right:55px;border-top: 1px solid #dddddd;border-bottom: 1px solid #ddd;}
.icon_detailcont_wrap .icon_list_detailcont{margin: 0 35px;}
.icon_detailcont_wrap .icon_list_detailcont li{width: calc(50% - 10px);padding:30px 0 15px;border-bottom:1px solid #eeeeee;margin-right: 20px;float: left;text-align: center;}
.icon_detailcont_wrap .icon_list_detailcont li:nth-child(even){margin-right: 0;}
.icon_detailcont_wrap .icon_list_detailcont li:nth-last-child(2){border-bottom: none;}
.icon_detailcont_wrap .icon_list_detailcont li:last-child{border-bottom: none;}
.icon_detailcont_wrap .icon_list_detailcont li > img{width:50px;}
.icon_detailcont_wrap .icon_list_detailcont li p{padding-top:10px;min-height:54px;color:#333;}
.cont_logo img{width: 62px;padding: 0 5px;}
.img_hipas_list{padding-bottom: 40px;}
.img_hipas_list > li {position: relative;flex: 1 1 auto;padding: 0 10px;padding-top: 20px;text-align: center;}
.img_hipas_list > li > img {width: 170px;margin: 20px 20px 10px;}
.img_hipas_list > li::after {content: '';position: absolute;top: 50%;right: -3px;display: block;width: 12px;height: 12px;border: 2px solid #ddd;border-left: 0;border-bottom: 0;transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.img_hipas_list > li:last-child::after {display:none;}
.cardimg_disabled li{display: inline-block;float: left;}
.cardimg_disabled li:first-child{margin-right: 20px;}
.cardimg_disabled li > img{width:286px;padding-bottom: 10px;}

/* 카드상세 4tune 스타일 */
.ico_brand{display:inline-block;width:44px;height:23px;vertical-align:middle}
.ico_brand img{width:44px;height:23px;}


/* lady popup */
.detail_ele{width: 100%;position: relative;}
.detail_ele .carddetail_name{display: inline-block;float: left; width: 83px; padding-top: 10px;font-size: 16px;color:#333;font-weight:700; }
.detail_ele .detail_input_wrap{display: inline-block;width: calc(100% - 88px);}
.detail_ele .detail_input_wrap input{background-color: rgb(255, 255, 255)}
.detail_ele .detail_error{width: 100%;margin-top: 10px;font-size: 13px;font-weight: 400;}

/* 카드상세 - 부가세 관련 스타일 */
.cost_box{width: 100%;height: auto;}
.cost_box > div{background-color: #f2f4f6;width: 460px;height: 128px;border-radius: 4px;font-size: 15px;text-align: center;color:#333;}
.cost_box > div p{width: 100%;}
.cost_box .left_box{display: inline-block;position: relative; float: left;margin-right: 60px;padding-top: 37px;}
.cost_box .left_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.cost_box .right_box{display: inline-block;padding-top:26px;}
.cost_box div .first_text{margin-bottom: 11px;}

/* 카드상세 센터찾기 팝업 스타일 */
.card_center_list .accordion_header button.acc_btn:after,
.card_center_list .accordion_header a[role="button"].acc_btn:after {content:'';display:block;position:absolute;right:0;top:50%;width:30px;height:30px;margin-top:-15px;border:solid #bdbdbd 1px;border-radius:50%;background:url(/pconts/images/common/acco_arrow_bottom.png) no-repeat center;background-size:10px 6px;transform:rotate(180deg);}
.card_center_list .accordion_header button.acc_btn.on:after,
.card_center_list .accordion_header a[role="button"].acc_btn.on:after {transform:rotate(0);}
.card_center_list{border-bottom: 1px solid #ddd;}
.card_center_list .accordion_header.on button.acc_btn.on, .card_center_list .accordion_header a[role="button"].acc_btn.on{border-top: 2px solid #333333;}
.card_center_list dl .card_center_pop{padding: 20px 50px 16px 20px ;}
.card_center_list dl .card_center_pop .center_name{font-size: 15px;color: #111;font-weight: 700;margin-bottom: 16px;}
.card_center_list dl .card_center_pop .center_address{font-size: 13px;color:#111;font-weight: 400;}
.card_center_list dl dd .inner{padding: 0 20px 20px;}
.center_info_list{display: table; width: 100%;}
.center_info_list dl{display: table-row; width: 100%;}
.center_info_list dl dt{display: table-cell;float: left; width: 152px;padding-top: 20px;font-size: 15px;color:#111;}
.center_info_list dl dd{display: table-cell;float: left; width: calc(100% - 152px);padding-top: 20px;font-size: 15px;color:#333;}

.no_serchbox{width: 100%;border-top: 1px solid #000;border-bottom: 1px solid #ddd;padding: 56px 0 56px;}
.no_serchbox p{width: 100%;font-size: 15px;font-weight: 400;color:#333;text-align: center;}

.no_serchbox .complete_body.type02{padding-top: 135px;background-position: center 0px;}

/* 카드상세 qr코드 */
.carddetail_qr_box{display: inline-block;position: absolute;top: 0px;right: 0px;}
/* .carddetail_qr_box span{display: block;width: 76px;height: 75px;margin: 0 52px 0 52px; background: url("/pconts/images/contents/card/card_sol_qrcode.png")no-repeat;background-size: 76px 75px} */
.carddetail_qr_box img{display: block;width: 76px;height: 75px;margin: 0 52px 0 52px;}
.carddetail_qr_box p{width: 100%;margin-top: 7px; text-align: center;font-size: 15px;color:#111;font-weight: 700;}
.carddetail_qr_box::after{content:'';display:block;clear: both;}
.carddetail_qr_btn{display: none;}

/* 카드상세 step 스타일 */
/* 4개일경우 */
.card_detail_step4{width: 100%;}
.card_detail_step4 .card_step_box{display: inline-block;position: relative; float: left;width: 201px;background-color: #f2f4f6;margin-right: 59px;padding: 18.5px 0;border-radius: 3px;}
.card_detail_step4 .card_step_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.card_detail_step4 .card_step_box:nth-child(3){margin-right: 58px;}
.card_detail_step4 .card_step_box:nth-child(4){margin-right: 0px;}
.card_detail_step4 .card_step_box:nth-child(4):before{display: none;}
.card_detail_step4::after{content:'';display:block;clear: both;}
.card_detail_step4 .card_step_box p{width: 100%;font-size: 15px;color:#333;text-align: center;font-weight: 700;}

/* 3개일경우 */
.card_detail_step3{width: 100%;}
.card_detail_step3 .card_step_box{display: inline-block;position: relative; float: left;width: 287px;background-color: #f2f4f6;margin-right: 59px;padding: 18.5px 0;border-radius: 3px;}
.card_detail_step3 .card_step_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.card_detail_step3 .card_step_box:nth-child(2){margin-right: 60px;}
.card_detail_step3 .card_step_box:nth-child(3){margin-right: 0px;}
.card_detail_step3 .card_step_box:nth-child(3):before{display: none;}
.card_detail_step3::after{content:'';display:block;clear: both;}
.card_detail_step3 .card_step_box p{width: 100%;font-size: 15px;color:#333;text-align: center;font-weight: 700;}

/* 요기요 스텝 스타일 */
.card_detail_yogiyoStep{width: 100%;}
.card_detail_yogiyoStep .card_step_box{display: inline-block;position: relative; float: left;width: 287px;background-color: #f2f4f6;margin-right: 59px;padding: 24px 0;border-radius: 3px;}
.card_detail_yogiyoStep .card_step_box:before{content:'';display:block;position:absolute;right: -31px; top:50%;width:9px;height:9px;margin:-4px 0 0 0;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.card_detail_yogiyoStep .card_step_box:nth-child(2){margin-right: 60px;}
.card_detail_yogiyoStep .card_step_box:nth-child(3){margin-right: 0px;}
.card_detail_yogiyoStep .card_step_box:nth-child(3):before{display: none;}
.card_detail_yogiyoStep .card_step_box .yogiyo_step_title{margin-bottom: 10px;font-weight: 700;}
.card_detail_yogiyoStep::after{content:'';display:block;clear: both;}
.card_detail_yogiyoStep .card_step_box p{width: 100%;font-size: 15px;color:#333;text-align: center;}

/* jyp 디자인 선택 스타일 */
.card_design_jyp_wrap .cd_item{display: inline-block;}
.card_design_jyp_wrap .cd_item label[for="card_design02"]{margin-left: 31px;}
.card_design_jyp_wrap .cd_item + .cd_item +.cd_item{margin-top: 40px;}
.card_design_jyp_wrap .cd_item + .cd_item +.cd_item +.cd_item{margin-top: 40px;margin-left: 31px;}
.card_design_jyp_wrap label{display:inline-block;position:relative;width:180px;vertical-align:middle;}
.card_design_jyp_wrap label .img{display:block;width:180px;height:286px;}
.card_design_jyp_wrap label .img img{width:180px;height:286px;border-radius:13px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.card_design_jyp_wrap label input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;}
.card_design_jyp_wrap label input[type="radio"] + span{display:inline-block;position:relative;min-height:26px;padding:1px 0 0 35px;margin-top:20px;font-size:16px;color:#333;vertical-align:middle;}
.card_design_jyp_wrap label input[type="radio"] + span:before, .card_design_jyp_wrap label input[type="radio"] + span:after{content:'';display:block;position:absolute;border-radius:50%;}
.card_design_jyp_wrap label input[type="radio"] + span:before{left:0;top:0;width:26px;height:26px;border:1px solid #ddd;background-color:#fff;}
.card_design_jyp_wrap label input[type="radio"] + span:after{display:none;left:6px;top:6px;width:14px;height:14px;background-color:#4868e1;}
.card_design_jyp_wrap label input[type="radio"]:checked + span:after{display:block;}

/* The PREMIER GOLD EDITION 스타일 */
.card_premier_gold_edition_detail {margin-bottom:15px;background-color:#040000;background-repeat:no-repeat;border-radius:4px;}
.card_premier_gold_edition_detail .title {font-size:24px;font-weight:700;}
.card_premier_gold_edition_detail .gold {color:#cb9f69;}
.card_premier_gold_edition_detail .sub_title {font-size:20px;font-weight:400;color:#ebebeb;}
.card_premier_gold_edition_detail .text {margin-top:12px;font-size:16px;font-weight:400;color:#c6c5c5;}
.card_premier_gold_edition_detail.overview {padding:60px 0 85px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_overview.png');text-align:center;}
.card_premier_gold_edition_detail.overview .title {margin:15px 0 35px;}
.card_premier_gold_edition_detail.card .card1 {padding:60px 50px 0px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_card_bg.png');background-size:contain;background-repeat:no-repeat;}
.card_premier_gold_edition_detail.card .title {margin:21px 0 26px;}
.card_premier_gold_edition_detail.card .card1 .text_area {display:inline-block;padding-bottom:54px;padding-left:270px;border-bottom:1px solid #363333;text-align:center;}
.card_premier_gold_edition_detail.card .card2 {padding:60px 0 85px;}
.card_premier_gold_edition_detail.card .card2 ul {text-align:center;font-size:0;}
.card_premier_gold_edition_detail.card .card2 ul li {display:inline-block;margin:0 45px;}
.card_premier_gold_edition_detail.card .card2 ul li .card_type {margin-top:7px;font-size:15px;color:#fff;text-align:left;}

/* CJ ONE 포인트 더블적립 스타일 */
.card_benefit_cj_point {margin-bottom:20px;}
.card_benefit_cj_point .cj_point_list::after{content:'';display:block;clear: both;}
.card_benefit_cj_point .cj_point_list li {float:left;width:20%;padding:0 5px 10px;text-align:center;}
.card_benefit_cj_point .cj_point_list li .brand_box{width: 100%;padding:7px 18px 13px;border:1px solid #bbb;border-radius:3px;}
.card_benefit_cj_point .cj_point_list li .logo {height:44px; background-size: 150px 44px; background-repeat:no-repeat; background-position:center; }
.card_benefit_cj_point .cj_point_list li .logo.cgv{background-image: url("/pconts/images/contents/card/brand_logo_cj_01_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.tous{background-image: url("/pconts/images/contents/card/brand_logo_cj_02_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.vips{background-image: url("/pconts/images/contents/card/brand_logo_cj_03_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.twosome{background-image: url("/pconts/images/contents/card/brand_logo_cj_04_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.cjmall{background-image: url("/pconts/images/contents/card/brand_logo_cj_05_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.mnet{background-image: url("/pconts/images/contents/card/brand_logo_cj_06_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.oliveyoung{background-image: url("/pconts/images/contents/card/brand_logo_cj_07_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.cjonmart{background-image: url("/pconts/images/contents/card/brand_logo_cj_08_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.tving{background-image: url("/pconts/images/contents/card/brand_logo_cj_09_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.bibigo{background-image: url("/pconts/images/contents/card/brand_logo_cj_10_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.theplace{background-image: url("/pconts/images/contents/card/brand_logo_cj_11_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.cheil{background-image: url("/pconts/images/contents/card/brand_logo_cj_12_M.jpg");}
.card_benefit_cj_point .cj_point_list li .logo.vipsburger{background-image: url("/pconts/images/contents/card/brand_logo_cj_13_M.jpg");}
.card_benefit_cj_point .cj_point_list .brand {margin-top:10px;font-size:15px;line-height:15px;color:#111;}

/* 카드상세 미래에셋 은행계좌 리스트 스타일 */
.card_detail_bank_list li{float: left;width: 20%;padding:5px;}
.card_detail_bank_list li .bank_img_box{width: 100%;height: 60px; padding: 7px 18px;border:solid 1px #ddd;border-radius:3px;}
.card_detail_bank_list li .mirae{background: url("/pconts/images/contents/card/card_bank_mirae.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .woori{background: url("/pconts/images/contents/card/card_bank_woori.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .keb{background: url("/pconts/images/contents/card/card_bank_keb.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .cs{background: url("/pconts/images/contents/card/card_bank_sc.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .post{background: url("/pconts/images/contents/card/card_bank_post.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .ibk{background: url("/pconts/images/contents/card/card_bank_ibk.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .bnk{background: url("/pconts/images/contents/card/card_bank_bnk.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .saemaeul{background: url("/pconts/images/contents/card/card_bank_saemaeul.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list li .citi{background: url("/pconts/images/contents/card/card_bank_citi.png")no-repeat center center; background-size: 150px 44px;}
.card_detail_bank_list::after{content:'';display:block;clear: both;}
/* .card_detail_bank_list li .bank_img_box img{width: 100%;height: 100%;} */

/* 선불카드 상품안내 스타일 */
/* 20.02.06 추가 */
.card_prd_list02 {border-bottom:1px solid #ddd;}
.card_prd_list02 ul {overflow:hidden;}
.card_prd_list02 ul>li {padding:60px 68px 50px;border-top:1px solid #eee;vertical-align:top;}
.card_prd_list02 ul>li:first-child {border-top:0;}
.card_prd_list02 ul>li>div {position:relative;min-height:171px;padding-left:351px;}
.card_prd_list02 .card_name {display: inline-block;margin-top: -3px;margin-bottom: 4px;width:100%;font-size:20px;color:#111;font-weight: 700;vertical-align:middle;}
.card_prd_list02 .card_text {width:100%;font-size:15px;color:#333;vertical-align:middle;}
.card_prd_list02 .card_desc {display: block;padding-top: 20px;} 
/* .card_prd_list02 .card_desc .btn_wrap{} */
.card_prd_list02 dl {display:table;width:100%;}
.card_prd_list02 dl.pdb_bottom{padding-bottom: 7px;}
.card_prd_list02 dl dt, .card_prd_list02 dl dd {display:table-cell;vertical-align:top;}
.card_prd_list02 dl dt {width:58px;font-size: 16px;font-weight: 400;color: #333;}
.card_prd_list02 dl dd {padding-left:10px;font-size: 16px;font-weight: 700;color: #111;}
.card_prd_list02 .round_badge {display:inline-block;min-width:54px;height:24px;padding:0 10px;border-radius:12px;background-color:#333;font-weight:700;font-size:13px;color:#fff;line-height:24px;text-align:center;vertical-align:middle;}
.card_prd_list02 .card_img {position:absolute;left:0;top:0;width:271px;height:171px;}
.card_prd_list02 .card_img img {width:100%;} 
.card_prd_list02 .list_btn_wrap button {width:114px;font-size:16px;font-weight:700;margin-top:45px;}
.card_prd_list02 .list_btn_wrap button.rectangle.blue {border-color:#4868e1;color:#fff;}
.card_prd_list02 .list_btn_wrap button.rectangle.darkgray {border-color:#4e5b68;color:#fff;}
/* //20.02.06 추가 */
/* 카드 세로형 */
.card_prd_list02 ul>li.vertical>div {min-height:271px;}
.card_prd_list02 ul>li.vertical .card_img img {margin-top:50px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
/* //카드 세로형 */

/* 카드상세 심의필 스타일 */
.marker_number .para {padding:0;font-weight:700; font-size:16px; color:#111;} /* 여신 심의필 폰트사이즈 16로 변경 */

/* 카드상세 JYP EMD 체크 스타일 */
.jyp_card_list{width: 100%;padding: 0 35px;}    
.jyp_card_list li{display: inline-block;float: left;width: 180px;margin-left: 63px;}
.jyp_card_list li:first-child{margin-left: 0;}
.jyp_card_list li > span{display: block;margin-bottom: 15px;}
.jyp_card_list li > span img{width: 180px;height: 286px;}
.jyp_card_list li > p{font-size: 15px;color:#111;font-weight: 400;margin-bottom: 20px;}
.jyp_card_list::after{content:'';display:block;clear: both;}

/* 카드상세 딥에코 카드 디자인 스타일 */
.deep_eco_card_list{width: 100%;padding: 0 36px;}
.deep_eco_card_list li{display: inline-block;float: left;}
.deep_eco_card_list li > p{font-size:16px;font-weight: 700;color:#111;margin-bottom: 20px;}
.deep_eco_card_list li  .img_front{display: inline-block;float: left; margin-right: 40px;}
.deep_eco_card_list li  .img_front > img{width: 180px;height: 286px;}
.deep_eco_card_list li  .img_back {display: inline-block;float: left;width: 207px;}
.deep_eco_card_list li  .img_back > img{width: 180px;height: 286px;}
.deep_eco_card_list li  .img_back p{margin-top:15px;font-size: 15px;font-weight: 400;color:#111;}
.deep_eco_card_list li  .img_back .first{color:#ff0000;}
.deep_eco_card_list li  .img_back .second{color:#0032c2;}
.deep_eco_card_list li  .img_back .third{color:#008300;}
.deep_eco_card_list li  .img_back .fourth{color:#8f00b4;}
.deep_eco_card_list li:nth-child(2){margin-left: 27px;}
.deep_eco_card_list li:nth-child(3){margin-top: 30px;}
.deep_eco_card_list::after{content:'';display:block;clear: both;}

/* 카드상세 s-line check 미니언즈 스타일 */
.sLineCheck_design_wrap{width: 100%;padding: 0 36px;}
.sLineCheck_design_wrap .vertical_box{display: inline-block;float: left;width: 501px;border-right: solid 1px #ddd;}
.sLineCheck_design_wrap .design_list li{display: inline-block;float: left; margin-right: 60px;}
.sLineCheck_design_wrap .design_list li:last-child{width: calc(100% - 300px);}
.sLineCheck_design_wrap .design_list li > span{display: block;}
.sLineCheck_design_wrap .design_list li > span img{width: 180px;height: 286px;}
.sLineCheck_design_wrap .design_list li p{margin-top: 11px;font-size: 15px;font-weight: 400;color:#111;}
.sLineCheck_design_wrap .design_list li p .first{color:#ff0000;}
.sLineCheck_design_wrap .design_list li p .second{color:#0032c2;}
.sLineCheck_design_wrap .design_list li p .third{color:#008300;}
.sLineCheck_design_wrap .design_list li p .fourth{color:#8f00b4;}
.sLineCheck_design_wrap .horizental_box{display: inline-block;padding: 53px 41px 75px 80px;}
.sLineCheck_design_wrap .horizental_box span{display: block;}
.sLineCheck_design_wrap .horizental_box span img{width: 286px;height: 180px;}
.sLineCheck_design_wrap .horizental_box p{margin-top: 11px;font-size: 15px;font-weight: 400;color:#111;}
.sLineCheck_design_wrap::after{content:'';display:block;clear: both;}

/* 카드상세 the ace blue 스타일 */
.card_design_wrap{display: inline-block;}
.card_img_box{display: inline-block;float: left;padding: 0 102px;}
.card_img_box span img{width: 286px;}
.card_img_box p{margin-top: 11px;font-size:15px;font-weight: 400;color:#111;text-align: center;}
.card_design_wrap::after{content:'';display:block;clear: both;}

/* 카드상세 스와이퍼 버튼 스타일(접근성 수정) */
.left_wrap .swiper-container .option_position{bottom: 30px;}


/* 내게맞는 카드찾기 > 찾아드림 연회비 스타일 추가 */
.annualSelect{margin: 0 -20px 0;height: auto;}
.annualSelect .box{display: inline-block;float: left; width: auto;}
.annualSelect .box.mgr{margin-left: 33px;}
.annualSelect .box::after{content:'';display:block;clear: both;}
.annualSelect .box .select_wrap{width: 100%;}
.annualSelect .box .select_wrap label{display: inline-block;float: left; width: auto;margin-right: 18px; line-height: 44px;font-size: 15px;color:#111;}
.annualSelect .box .select_wrap .ui_select{width: 130px;}
.card_select .text_tip{text-align: left;margin-left: -20px;margin-right: -20px;}
.card_select::after{content:'';display:block;clear: both;}
.annualSelect::after{content:'';display:block;clear: both;}
.select_wrap::after{content:'';display:block;clear: both;}

.ele_tit .switch .slider {background:#eee url(/pconts/images/contents/card/chck_off.png) no-repeat 72px 50%;}
.ele_tit .switch .slider::before {background:#4868e1 url(/pconts/images/contents/card/gage_on.png) no-repeat 50% 50%;}
.ele_tit .switch input:checked + .slider {background:#eee url(/pconts/images/contents/card/gage_off.png) no-repeat 17px 50%;}
.ele_tit .switch input:checked + .slider::before {background-image:url(/pconts/images/contents/card/chck_on.png);}


/* ==========================================================================
Media Queries for Responsive Design.
========================================================================== */
@media only screen and (max-width:1100px) {
    /* display */
    .ntob {display:block !important;}
    .bton {display:none !important;}
    .bton_in {display:none !important;}
    .hide_ele {display:none !important;}
    .w_283{width: 100% !important;}

    .mobile_link {display:inline;}
    .pc_link {display:none;}

    /*common*/
    .font_s24 {font-size:1.8rem;}
    .font_s28 {font-size:2.4rem;}
    .font_s28_s20 {font-size:2.0rem;}
    .font_s28_s18 {font-size:1.8rem;}
    .font_s24_s17 {font-size:1.7rem;} /*12.03 추가*/
    .font_s32_s30 {font-size:3.0rem;} /*12.03 추가*/
    /* 19.12.10추가 -이강석*/
    .pdt0_23 {padding-top:23px;} /*19.12.11 추가*/
    /* //19.12.10추가 -이강석*/
    .card_w_570{width: 100%;}
    
    /*고정탭*/
	.tab_type01.fixed::before {content:''; display:block; height:52px;}
    .tab_type01.fixed .tab_pull {top:50px;}
    .tab_type01.fixed .tab_pull .tab_list {width:100%;padding-left:20px;}
	body.app_shfan .tab_type01.fixed .tab_pull {top:0;}

    /* Deep이란? */
    .dtxt_area {padding-top:29px;}
    .dtxt_area .bg_img {width:206px;height:36px;background:url(/pconts/images/contents/card/txt_shinhancard_m.png) no-repeat left top;background-size:100% 100%;}
    .dtxt_area strong {margin-top:0;font-size:5.3rem;}
    .dtxt_area strong .text_pointer::after {bottom:2px;height:13px;}
    .dtxt_area p {margin-top:14px;}
    .shcd_main_menu {margin-top:25px;}
    .shcd_menu {display:block;}
    .shcd_menu .atc {display:block;width:100%;height:auto;min-height:90px;}
    .shcd_menu .atc + .atc {margin-top:10px;}
    .shcd_menu .atc > a {padding:19px 50px 17px 18px;}
    .shcd_menu .atc > a:before {right:22px;bottom:auto;top:50%;width:16px;height:16px;margin-top:-9px;}
    .shcd_menu .atc em {font-size:2.4rem;line-height:1.2;}
    .shcd_menu .atc span {margin-top:0;padding-right:0;font-size:1.6rem;line-height:1.53;}
    .shcd_menu .atc .atc_inner {position:absolute;left:0;right:0;top:100%;margin:0 -1px -1px;padding:16px 19px 12px;border:1px solid #ddd;}
    .shcd_menu .atc .atc_inner ul li {padding-left:10px;font-size:1.6rem;color:#333;}
    .shcd_menu .atc .atc_inner ul li + li {margin-top:9px;}
    .shcd_menu .atc .atc_inner ul li:before {top:11px;background-color:#333;}
    .shcd_menu .atc.active > a:before, .shcd_menu .atc:hover > a:before {bottom:auto;margin-top:1px;}
    .shcd_menu .atc.active .atc_inner, .shcd_menu .atc:hover .atc_inner {position:relative;}
    .video_area {margin-top:30px;}
    .video_area .video_inner {display:-webkit-flex; display:-ms-flexbox; display:flex;left:0;float:none;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
    .video_area .video_inner:after {content:'';display:block;clear:both;}
    .video_area .video_item {left:0;float:none;flex:1 1 auto;}
    .video_area .video_item + .video_item {margin-left:10px;}
    .video_area .video_item a {height:100%;}
    .video_area .video_item a:after {background:url(/pconts/images/icon/icon_play_m.png) no-repeat center center;background-size:30px 30px;}
    .video_area .video_item .video_tit {margin-top:7px;font-size:1.5rem;}

    /* 디자인카드 */
    .de_card_list {display:block;padding-top:60px;}
    .de_card_list .card_item {width:100%;padding:0;margin-top:50px;}
    .de_card_list .card_item:nth-child(2) {margin-top:50px;}
    .de_card_list .card_plate_area {min-height:194px;height:auto;margin-bottom:20px;}
    .de_card_list .card_plate_area::before {width:194px;height:194px;margin:-97px 0 0 -97px;}
    .de_card_list .card_plate {width:217px;height:138px;}
    .de_card_list .card_plate.vertical_type {margin-top:50px;margin-bottom:50px;}
    .de_card_list .card_plate img {border-radius:8px;}
    .de_card_list .card_name {margin-bottom:7px;font-size:1.8rem;line-height:1.26;}
    .de_card_list .card_desc {margin-bottom:20px;font-size:1.5rem;}
    /* 시그니처카드 세로형 케이스 추가로 삭제 */
    /* .de_card_list.signature_type .card_plate_area {height:194px;} */
    .de_card_list .card_name + .btn_cont {margin-top:21px;}
    .de_card_list .btn_group {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
    .de_card_list .btn_group .btn.default {max-width:180px;min-width:0;margin:0;flex:1;}
    .de_card_list .btn_group .btn + .btn {margin-left:4px;}

    .gallery_cont {padding-top:30px;}
    .gallery_icon {width:158px;height:54px;background:url(/pconts/images/contents/card/gallery_s_m.png) no-repeat left top;background-size:158px 54px;}
    .gallery_cont .gallery_desc {line-height:1.5;}
    .gallery_cont .gallery_icon + .gallery_desc {margin-top:27px;}
    .gallyer_swiper {margin-top:24px;}
    .gallyer_swiper .swiper-button-prev {left:-5px;top:45px;}
    .gallyer_swiper .swiper-button-next {right:-5px;top:45px;}
    .intro_area {width:100%;padding:0 10px;}
    .intro_area .img {width:127px;height:136px;}
    .intro_area .desc_area {padding-top:10px;margin-left:15px;}
    .intro_area .desc_area p {font-size:1.3rem;}
    .intro_area .desc_area .desc {padding-top:18px;background:url(/pconts/images/contents/card/quot_m.png) no-repeat left top;background-size:13px 11px;font-size:1.6rem;line-height:1.41;}
    .intro_area .desc_area .desc + .name {margin-top:11px;}
    /* 수정 */
    .gallery_card_list .item {width:100%;min-height:252px;margin-top:50px;}
    .gallery_card_list .item:nth-child(1) {margin-top:40px;}
    .gallery_card_list .item:nth-child(2) {margin-top:50px;}
    .gallery_card_list .item .img {bottom:114px;}
    .gallery_card_list .item .img img {width:217px;height:138px;border-radius:6px;}
    /* 카드 세로형 */
    .gallery_card_list .item.vertical_type {height:332px}
    .gallery_card_list .item.vertical_type .img {margin-top:40px;margin-bottom:40px;transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
    /* //카드 세로형 */
    .gallery_card_list .item .card_name {bottom:48px;height:50px;margin-top:16px;font-size:1.6rem;}
    /* 수정 */
    .choice_card_wrap {margin-top:19px;}
    .choice_card_wrap .choice_card_area {margin:25px 0 35px;}
    .choice_card_wrap .choice_card_area .img {width:217px;height:138px;}
    .choice_card_wrap .choice_card_area .card_name {margin-top:15px;font-size:1.6rem;}
    .choice_card_wrap .choice_card_area .btn_cont {margin-top:18px;}
    .card_chc {margin-top:11px;}
    .card_chc .h_title {margin-bottom:9px;}
    .card_chc .col.col6_12 {margin-top:26px;}
    .card_chc .col.col6_12:nth-child(2) {margin-top:26px;}
    .card_chc .btn_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
    .card_chc .btn_cont .btn + .btn {margin-left:8px;}
    .card_chc .btn_cont .btn.default {max-width:180px;min-width:0;flex:1;}

    /* 기프트카드 */
    /* 기프트카드 - 상품안내 */
    .card_prd_list ul>li {padding:25px 10px;}
    .card_prd_list ul>li>div {min-height:auto;padding-left:0;}
    .card_prd_list .card_name {display:block;margin-top:-3px;font-size:1.7rem;line-height:2.3rem;} /*11.28 이강석 font-size:1.8rem -> 1.7rem */
    .card_prd_list dl {margin-top:5px;margin-bottom:19px;line-height:1.7rem;font-size:1.2rem;} /*11.28 이강석 font-size:1.2rem 추가*/
    .card_prd_list dl dt {width:35px;}
    .card_prd_list dl dd {padding-left:7px;font-size:1.1rem;}
    .card_prd_list .round_badge {overflow:hidden;min-width:35px;height:17px;padding:0 5px;border-radius:12px;font-weight:400;font-size:1.0rem;line-height:1.8rem;vertical-align:top;}
    .card_prd_list .card_img_desc {display:table;width:100%;}
    .card_prd_list .card_img, .card_prd_list .card_desc {display:table-cell;vertical-align:top;}
    .card_prd_list .card_img {position:static;width:100px;height:63px;}
    .card_prd_list .card_desc {padding-left:30px;}
    .card_prd_list p {font-size:1.2rem;line-height:1.7rem;}
    .card_prd_list p.sub_txt {font-size:1.1rem;line-height:1.4rem;}
    .card_prd_list p + p.sub_txt {margin-top:5px;}
    /* .card_prd_list .btn {position:relative;height:auto;margin-top:16px;margin-bottom:-5px;padding:0 13px 0 0;border:0;font-size:1.1rem;line-height:1.45;color:#111;text-align:left;} */
    /* .card_prd_list .btn_outlink:after {margin-bottom:0;vertical-align:middle;} */
    /* 카드 세로형 */
    .card_prd_list ul>li.vertical>div {min-height:166px;}
    .card_prd_list ul>li.vertical .card_img img {margin-top:20px;}
    /* //카드 세로형 */
    .btn_wrap + .list_wrap {margin-top:28px;}
    .list_wrap .sum {font-size:1.2rem;}
    .list_wrap .card_list {margin-top:11px;}/* 19.12.13 이강석 30px -> 11px 수정*/
    .list_wrap .card_list li {display:table;width:100%;margin:0;padding:20px 0 17px;font-size:1.6rem;}
    .list_wrap .card_list .left_con,
    .list_wrap .card_list .right_con {display:table-cell;float:none;}
    .list_wrap .card_list .left_con {width:70%;}
    .list_wrap .card_list .right_con {width:30%;}
    .list_wrap .card_list .date {float:none;width:100%;margin-top:6px;font-size:1.3rem;}
    .list_wrap .card_list strong {font-size:1.6rem;}
    .list_wrap .card_list strong .bank_num {display:block;font-size:1.5rem}
    .list_wrap .card_list .amount {font-size:1.8rem;}
    .list_wrap .card_list .amount span {font-weight:400;} /* 12.04 이강석 추가*/
    .card_inquiry {padding:15px 0 0 0;}
    .card_inquiry .card_name {font-size:1.6rem;}
    .card_inquiry .card_num {font-size:1.6rem;}
    .card_inquiry .amount {margin-top:15px;font-size:1.5rem;}
    .card_inquiry .amount span {font-size:2.4rem;}
    .form_type.type01 {padding:0 0 40px 0;}
    .form_tit02 {display:block;margin-top:-3px;font-size:1.8rem;}
    .form_tit02 span {display:block;}
    .form_tit02 + form,
    .form_tit02 + .form_ele {margin-top:21px;}
    .font_s16 {margin-top:8px;font-size:1.6rem;}

    .noti_box{padding:21px 20px 25px;margin-top:40px;margin-bottom:20px;border-radius:5px;}
    .noti_box strong{font-size:1.5rem;}
    .noti_box p{font-size:1.3rem;line-height:1.43;}
    .noti_box a{min-width:107px;height:22px;padding:0 10px;margin-top:21px;border-radius:11px;font-size:1.3rem;line-height:22px;}

    /* 기프트카드 약관 팝업 */
    .pop_terms_wrap .pop_tit_dep1 {margin-bottom:15px;font-size:1.6rem;}
    .pop_terms_wrap .pop_tit_dep2 {margin-bottom:5px;font-size:1.5rem;}
    .pop_terms_wrap p + .pop_tit_dep1 {margin-top:15px;}
    .pop_terms_wrap p + .pop_tit_dep2 {margin-top:15px;}


    /* 간편신청, Talk신청 카드 섹션 */
    .card_sec {padding-top:118px;}
    .card_sec .img {width:200px;height:128px;margin-top:-88px;}
    .card_sec .card_name {width:100%;margin:-23px auto 0;}
    .card_sec .card_name.type01 {width:100%;margin:-39px auto 0;padding:0 0 0;}
    .card_sec.vertical_type {padding-top:138px;}
    .card_sec.vertical_type .card_name {margin:-76px auto 0;}
    .card_sec.vertical_type .card_name.type01 {margin:-92px auto 0;}
    .card_sec.vertical_type .img {margin-top:-108px;width:128px;height:200px;}
    .card_sec.vertical_type .img img {max-width:200px;width:200px;height:128px;margin-top:36px;margin-left:-36px;}
    .card_sec strong {font-size:1.6rem;}
    .card_sec strong .btn_question {width:19px;height:19px;font-size:1.1rem;line-height:19px;}
    .card_sec strong .btn_question span::after {width:19px;height:19px;line-height:19px;}
    .card_sec + .ly_inner .top_marker .marker_dot {padding-top:30px;margin-bottom:22px;}    

    .card_sec.type02 {padding-top:0;}
    .card_sec.type02 .img {margin-top:-94px;}
    .card_sec.type02 .card_top_wrap {margin-top:-2px;padding:0 0 107px;} /* 01.30 조은지 추가 */
    .card_sec.type02 .card_name_top {font-size:1.6rem;} /* 01.30 조은지 수정 */
    .card_sec.type02 .card_name_top + .btn_wrap {margin:9px 0 16px;}/* 01.29 조은지 추가, 수정*/
    .card_sec.type02 .card_name {padding:0 0 42px;}
    .card_sec.vertical_type.type02 .img {margin-top:-143px;}
    .card_sec.vertical_type.type02 .card_top_wrap {padding-bottom:157px;} /* 01.30 조은지 추가 */
    .card_sec.vertical_type.type02 .card_name {padding-bottom:46px;}
    .popup_type01 .pop_cont .bg_gray.pop_card_name {padding:18px 10px 15px;}
    .popup_type01 .pop_cont .bg_gray.pop_card_name strong {font-size:1.7rem;line-height:21px;}
    .form_type .form_ele.type01 .auto_name {position:absolute;top:0;right:0;}

    /* 선불카드 팝업 카드이미지*/
    .card_sec03 .img {width:217px;height:auto;}

    /*카드발급조회*/
    .waybill {margin:24px 0 7px;padding:19px 20px;}
    .waybill p {text-align:center;}
    .waybill p span {margin-left:9px;}
    #frm + .form_ele {margin-top:27px;}
    
    .logo_box img {width:40px;}
    .df_list_wrap .df_list.type01 .item.tit {width:30%;padding-right:0px;word-break:normal;}
    .df_list_wrap .df_list.type01 .item.con {width:70%;}
    .delivery_step {padding:30px 10px;}
    .delivery_step ul li + li {padding-top:35px;}
    .delivery_step ul li .condition::before {content:"";position:absolute;left:0;top:0;border-left:1px solid #eeeeee;height:100%;text-align:center;margin-left:34px;}
    .delivery_step ul li:last-child .condition::before {height:calc(100% - 68px);}
    .delivery_step ul li .condition .code > p {float:left;width:68px;height:68px;font-size:1.5rem;line-height:68px;}
    .delivery_step ul li .condition .summery {width:77%;display:inline-block;padding-left:20px;}
    .delivery_step ul li .condition .summery .date {font-size:1.3rem;padding-top:1px;}
    .delivery_step ul li .condition .summery .pick {font-size:1.3rem;}
    .df_list_wrap.card_tbl {padding-top:0;padding-bottom:15px;}

    /*청년동행바우처*/
    .lgtxt_box .txt_lg {margin-bottom:30px;font-size:2.4rem;}
    .lgtxt_box .txt_lg + .text_basic {font-size:1.5rem;}
    .info_logo .info_txt {font-size:1.3rem;}
    .info_logo .info_txt > span:last-child { display:inline-block;padding-top:10px;}    

    .check_wrap.check_only {display:block;padding-right:55px;}
    .check_wrap.check_only .check_agree input[type="checkbox"] + span {padding:15px 0 13px 52px;}
    .check_wrap.check_only .check_agree input[type="checkbox"] + span:before {top:19px;}
    .check_wrap.check_only .btn_check_pop {top:16px;font-size:1.3rem;}
    .agree_check_ul .check_only .btn_tooltip {margin-left:3px;}

    /*카드신청 프로세스*/
    .appStep .contents {padding-bottom:0px !important;}
    .appStep .contents .ly_inner.gap60_30 {margin-bottom:0 !important;}
    .appStep .contents .bg_padb {padding-bottom:170px !important;}

    .top_accodion_big {padding-top:4px;}
    .top_accodion_big .accordion_header button.acc_btn {padding-bottom:18px;font-size:1.6rem;}
    .top_accodion_big .accordion_body .area{padding:10px 15px 8px;}

    .tab_type01 + .ext_ele {/*margin-top:0px;*/margin-top:-20px;}

    .before_comm {padding:0;}
    .before_comm > div {margin-left:0;}
    .before_comm ul {display:block;}
    .before_comm ul li {display:block;float:none;padding:2px 0 2px;text-align:left;}
    .before_comm ul li > div {position:relative;min-height:32px;padding:7px 5px 7px 30px;}
    .before_comm ul li i {position:absolute;left:0;top:50%;height:22px;margin-top:-11px;}
    .before_comm ul li i.icon_clock {width:22px;background:url(/pconts/images/icon/clock.png) no-repeat left top;background-size:100%;}
    .before_comm ul li i.icon_phone {width:22px;background:url(/pconts/images/icon/phone.png) no-repeat left top;background-size:100%;}
    .before_comm ul li i.icon_bank {width:22px;background:url(/pconts/images/icon/account.png) no-repeat left top;background-size:100%;}
    .before_comm ul li i.icon_cert {width:22px;background:url(/pconts/images/icon/id_card.png) no-repeat left top;background-size:100%;}
    .before_comm ul li p {margin-top:0;font-size:1.3rem;}
    .before_comm .col04 li {display:inline-block;float:left;width:50%;}

    .card_sec .card_name_top {padding:5px 0 15px;font-size:1.6rem;}
    .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand {padding-bottom:10px;}
    .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand {padding-bottom:9px;}
    .radio_wrap.type_grid .radio_btn input[type="radio"] + span.card_brand em {padding-top:4px;font-size:1.2rem;color:#333;}
    .radio_wrap.type_grid .radio_btn input[type="radio"]:checked + span.card_brand em {font-weight:700;color:#333;}
    .radio_wrap.type_grid .card_brand img {width:41px;}

    .info_bank .lg_txt {padding-bottom:10px;font-size:1.6rem;}
    .info_bank .sm_txt {font-size:1.3rem;}
    .info_bank ul {padding-left:15px;}
    .info_bank ul li {font-size:1.3rem;}
    .info_bank ul li > span {margin-left:-1.3rem;}

    .form_agreement_gap {margin-top: 27px;}
    .em_span_gap {margin-top: 6px;}

    /* ----------------------------------------------------------------------------------- */
    .tab_cont .cert_img {height:auto;padding:8px 0;}
    .tab_cont .cert_img img {max-width:100%;height:auto;max-height:162px;}

    .certCard span {width:204px;}
    .student_wrap .cert_img {width:204px;}

    .bg_gray.txt_box {padding:12px 15px 11px;}

    .withdrawal_wrap {padding-top:26px;}
    .withdrawal_wrap strong {margin-bottom:3px;font-size:1.6rem;}
    .withdrawal_wrap p {font-size:1.5rem;line-height:1.51;}
    .withdrawal_wrap .btn_wrap {margin:15px 0 26px;}

    .date_swipe_wrap .font_md {padding-top:1px;font-weight:400;font-size:1.2rem !important;}
    .date_swipe_form {overflow:hidden;margin-top:9px;padding:12px 0; padding-top:21px;}
    .date_swipe_form .date_swipe_group {height:23px;border-radius:18px;}
    .date_swipe_form .left_gradient {width:50px;}
    .date_swipe_form .right_gradient {width:50px;}
    .date_swipe_form .left_gradient a::before {left:5px;top:50%;margin:-5px 0 0 0;}
    .date_swipe_form .right_gradient a::before {right:5px;top:50%;margin:-5px 0 0 0;}
    .date_swipe_form .swiper-slide {width:50px;}
    .date_swipe_form .swiper-slide a {font-size:1.4rem;line-height:2.3rem;}
    .date_swipe_form .swiper-slide.swiper-slide-active {width:90px;}
    .date_swipe_form .swiper-slide a.active {width:43px;height:43px;margin:-10px 0 0;font-size:1.5rem;line-height:4.3rem;}
    .date_swipe_form .swiper-slide a.active span {padding-top:2px;font-size:1.1rem;line-height:1.53;}

    .pay_t {font-size:12px; margin-top:-8px;}
    .pay_t span {display:block;}

    .txt_box p {font-size:1.3rem;}
    .txt_box p + p {margin-top:12px;}

    .btn_interaction {display:block;}
    .btn_interaction .inter_prev, .btn_interaction .inter_next {display:block;position:fixed;left:50%;z-index:20;width:158px;height:48px;border-radius:24px;background-color:#fff;font-weight:700;font-size:1.5rem;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);transform:translateX(-50%);}
    .btn_interaction .inter_prev.hide, .btn_interaction .inter_next.hide {display:none;}
    .btn_interaction .inter_prev span:after, .btn_interaction .inter_next span:after {content:'';display:inline-block;margin-left:9px;}
    .btn_interaction .inter_prev {top:70px;color:#111;}
    .btn_interaction .inter_prev span:after {border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #999;border-top:0;}
    .btn_interaction .inter_next {/*bottom:120px;*/bottom:20px;color:#fff;background-color:#4868e1;}
    .btn_interaction .inter_next span:after {border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;border-bottom:0;}
    .btn_next.hide {display:none;}

    .area_wrap > div{position:relative;float:none;width:auto;padding-right:63px;}
    .area_wrap > div .txt{width:63px;}
    .area_wrap > div:first-child{width:auto;}
    .area_wrap > div:first-child .txt{width:63px;}
    .area_wrap > div + div {margin-top:10px;}
    .area_wrap .select_wrap{float:none;width:100%;}
    .area_wrap .txt{position:absolute;right:0;top:0;float:none;padding-left:0;font-size:1.6rem;text-align:right;}

    .signature_wrap .h_title24 {margin:-2px 0 13px;}
    .signature_wrap .tab_cont {margin-left:0;}
    .signature_wrap .pdl250{padding-left:0;}
    .signature_wrap .script_wrap{padding-top:22px;}
    .signature_wrap .preview_box {margin:10px 0 20px;}
    .signature_wrap .preview_box .s-card-image {width:300px;}
    .signature_wrap .preview_box .s-card-image.deep-dream span.img{background:url(/conts/images/contents/s-signature1.png);background-size:300px 179px;}
    .signature_wrap .preview_box .s-card-image.rpm span.img{background:url(/conts/images/contents/s-signature1.png);background-size:300px 179px;}
    .signature_wrap .preview_box span.img{width:300px;height:179px;border-radius:8px;}
    .signpad_wrap{padding-top:22px;}
    .signpad_wrap .btn_wrap.flex_wrap {margin-bottom:27px;}
    .signpad_wrap .btn_wrap.flex_wrap .btn{float:left}
    .signpad_wrap .btn_wrap.flex_wrap .btn + .btn{margin-left:8px;}
    .signpad_area {margin:6px 0 10px;}
    .signpad_area .signpad {width:100%;height:150px;border:1px solid #eee;background-color:#fff;}
    .signpad_area .signpad canvas{width:100%;height:100%;}

    .stdt_txt{/**/}

    .app_comp_wrap{width:auto;margin:0 auto 10px;}
    .app_comp_wrap .card_area {margin-top:40px;}
    .app_comp_wrap .card_area:after{top:87px;}
    .app_comp_wrap .card_area span.img{border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
    .app_comp_wrap .card_area span.img img{width:201px;height:128px;}
    .app_comp_wrap p.title{margin-top:-27px;font-size:2.4rem;line-height:1.38;}
    .app_comp_wrap p.desc{margin-top:10px;margin-bottom:40px;font-size:1.6rem;}
    .app_comp_wrap .marker_dot{margin-bottom:21px;}
    .app_comp_wrap .marker_dot + p {line-height:1.51;}
    /* 카드 세로형 */
    .app_comp_wrap .card_area.vertical:after{top:108px;}
    .app_comp_wrap .card_area.vertical span.img{width:128px;height:201px;}
    .app_comp_wrap .card_area.vertical span.img img{max-width:201px;margin-top:37px;margin-left:-37px;}
    .app_comp_wrap .card_area.vertical + p.title {margin-top:-79px;}
    /* /카드 세로형 */

    .form_type .form_sub_tit{margin:-2px 0 21px;}

    /*카드상세*/
    /* 비교함 - 카드비교 팝업*/
    #cardCompareAfter.compare_gapt {margin-top:64px !important;}
	.app_shfan #cardCompareAfter.compare_gapt {margin-top:34px !important;}
    .card_compare_wrap {top:60px;}
	body.app_shfan .card_compare_wrap {top:0;}
    .card_compare_wrap .top_banner {padding:0;}
    .card_compare_wrap .top_banner button {width:100%;padding:8px 0;font-size:1.3rem;}
    .card_compare_wrap .top_banner button span.counting {padding:0 6px;margin:0px 2px 0px 4px;}
    .card_compare_wrap .top_banner button::after {margin:3px 0 0 5px;border-top:5px solid #aaaaaa;border-bottom:5px solid none;border-right:5px solid transparent;border-left:5px solid transparent;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);vertical-align:middle;}
    .card_compare_wrap .banner_cont {padding:20px 0;}
    .card_compare_wrap .banner_cont .inner {width:100%;}
    .card_compare_wrap .banner_cont .inner .noti_txt {margin-bottom:30px;}
    .card_compare_wrap .btn_cont .btn.default {min-width:1px;}
    .card_compare_wrap .banner_cont .btn_wrap {padding-top:25px;}
    .compare_card_list {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;min-height:130px;}
    .compare_card_list li {width:156px;}
    .compare_card_list li + li {margin-left:8px;}
    .compare_card_list li .card_img {width:156px;height:125px;}
    .compare_card_list li .item .card_img .img a {display:inline-block;width:125px;}
    .compare_card_list li .item .card_img .img img {width:125px;border-radius:4px;}
    .compare_card_list li .item .card_img .del {width:19px;height:19px;overflow:hidden;background:url(/pconts/images/contents/card/ico_card_delete_m.png) no-repeat left top;background-size:19px auto;}
    .compare_card_list li .item .card_img .tag {bottom:7px;padding:2px 8px;font-size:1rem;}
    .compare_card_list li .item .card_info {display:block;margin:42px auto 0;width:125px;}
    .compare_card_list li .item .card_info dt {font-size:1.5rem;line-height:2.2rem;}
    .compare_card_list li .item .card_info dd {font-size:1.3rem;}
    .compare_card_list li .badge_wrap {margin-top:12px;}
    /* .compare_card_list li .badge_wrap span {font-size:0.9rem;padding:2px 6px;border-radius:10px;} */
    .compare_card_list li .card_add {width:125px;height:79px;padding-top:46px;border:1px dashed #ddd;}
    .compare_card_list li .card_add:before,
    .compare_card_list li .card_add:after {top:28px;left:50%;width:16px;height:2px;margin-left:-8px;background:#bbb;}
    .compare_card_list li .card_add:after {transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
    .pop_compare .card_detail {padding:45px 15px;}
    .pop_compare .compare_card_list {padding:20px 20px 30px;}
    .pop_compare .compare_card_list .item {padding-bottom:50px;}
    .pop_compare .compare_card_list li {display:-webkit-flex; display:-ms-flexbox; display:flex;flex:1;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
    .pop_compare .card_detail .detail_tit {width:100%;font-size:1.6rem;}
    .pop_compare .card_detail .detail_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;margin-top:20px;}
    .pop_compare .card_detail .detail_tit:not(:first-child) {margin-top:40px;}
    .pop_compare .card_detail .detail_cont:not(:nth-of-type(1)) {margin-top:20px;}
    .pop_compare .card_detail .detail_cont dl {flex:1;padding-right:20px;}
    .pop_compare .card_detail .detail_cont dl + dl {padding-left:20px;}
    .pop_compare .card_detail .detail_cont ul.marker_dot > li {font-size:1.3rem}
    .pop_compare .card_detail .detail_cont ul.marker_dot > li:before {top:7px;}
    .pop_compare .card_detail .detail_cont .benefit_wrap li:not(:first-child) {margin-top:15px;}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item {padding:9px 0 9px 42px;font-size:1.3rem;}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item:before {width:32px;height:32px;margin-top:-16px;background-size:32px auto;}
    /* .pop_compare .card_detail .detail_cont .benefit_wrap .item01:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item01_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item02:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item02_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item03:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item03_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item04:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item04_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item05:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item05_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item06:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item06_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item07:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item07_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item08:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item08_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item09:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item09_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item10:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item10_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item11:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item11_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item12:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item12_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item13:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item13_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item14:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item14_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item15:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item15_m.png)}
    .pop_compare .card_detail .detail_cont .benefit_wrap .item16:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item16_m.png)} */
    
    .card_compare_add {margin:15px 0 15px 0;}
    .card_compare_add button {width:93px;height:27px;padding-left:30px;font-size:1.2rem;box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.15);}
    .card_compare_add button::after {width:12px;background-size:12px;left:10px;}
    .card_detail .left_wrap, .card_detail .right_wrap, .card_detail .card_name_wrap {width:100%;}
    .card_detail .card_name_wrap {position:relative;padding:0 32px 0 0;}
    .card_detail .card_name_wrap .card_name {margin-top:0;font-size:2.4rem;}
    .card_detail .card_name_wrap .card_name .btn_sns {top:0;}
    .card_detail .card_name_wrap .card_name .btn_sns img {width:25px;}
    .card_detail .card_name_wrap .card_name .btn_card_add {top:35px;}
    .card_detail .card_name_wrap .card_name .btn_card_add img {width:25px;}
    .card_detail .card_name_wrap .sub_summery {margin:10px 0 25px;font-size:1.6rem;line-height:1.5;}
    .card_detail .left_wrap .swiper-container {width:100%;height: auto; padding:50px 0 10px;background:url(/pconts/images/contents/card/bg_card_plate_m.png) no-repeat center 25px;}
    .card_detail .left_wrap .swiper-slide {min-height:168px;height:229px;}/* height:192px -> 229수정 */
    .card_detail .left_wrap .swiper-slide img {width:217px;border-radius:10px;}
    /* 20.02.13 카드 이미지 vertical 수정 */
    /* .card_detail .left_wrap .swiper-slide.vertical img {width:138px;margin-top:-40px;border-radius:8px;} */
    .card_detail .left_wrap .swiper-slide.vertical img {width:217px;border-radius:8px;}
    /* //20.02.13 카드 이미지 vertical 수정 */
    .card_accor_section {width:100%;}
    .shcard_slide_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex;position:static;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;margin:25px 0 0 0;font-weight:700;color:#999;}
	.shcard_slide_wrap .swiper-pagination-bullet {width:12px;height:12px;border:2px solid #f6f6f6;background-color:#cccccc;opacity:1;margin:0 5px;}
	.shcard_slide_wrap .swiper-pagination-bullet-active {border:3px solid #333;background-color:#f6f6f6;}
    .shcard_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px;}
    .shcard_slide_wrap .swiper-pagination-fraction {bottom:30px;font-size:1.3rem;}
    /*------------ 보류 --------------*/
    /* .card_detail .left_wrap .btn_swiper_next::before {right:4px;}
    .card_detail .left_wrap .btn_swiper_prev::before {left:4px;} */
    .card_detail .left_wrap .nav-button-prev,
	.card_detail .left_wrap .nav-button-next {width:18px;height:29px;margin-top:-10px;}
    .card_detail .left_wrap .nav-button-prev::before {right:5px;}
    .card_detail .left_wrap .nav-button-next::before {left:5px;}
    .card_detail .left_wrap .swiper-pagination {display:-webkit-flex; display:-ms-flexbox; display:flex;position:static;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;width:100%;margin:25px 0 0 0;font-weight:700;color:#999;}
	.card_detail .left_wrap .swiper-pagination-bullet {width:12px;height:12px;border:2px solid #f6f6f6;background-color:#cccccc;opacity:1;margin:0 5px;}
	.card_detail .left_wrap .swiper-pagination-bullet-active {border:3px solid #333;background-color:#f6f6f6;}
    .card_detail .left_wrap .swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}/* bottom:30px -> 10 수정 */
    .card_detail .left_wrap .swiper-pagination-fraction {bottom:10px;font-size:1.3rem;}/* bottom:30px -> 10 수정 */

    .card_detail .right_wrap {padding:0;}
    .card_detail .right_wrap .benefits {margin-top:25px}
    .card_detail .right_wrap .benefits li {width:33.3%;height:100%;display:inline-block;float:left;padding:50px 0 0;font-size:1.5rem;line-height:normal;text-align:center;}
    .card_detail .right_wrap .benefits.twocol li {width:50%;}
    .card_detail .right_wrap .benefits li + li {margin:0;}
    .card_detail .right_wrap .benefits li[class*="icon"] {background-size:41px auto;background-position:center top;background-repeat:no-repeat;}
    .accordion_header button.acc_btn.medium.btn_style:after, .accordion_header a[role="button"].acc_btn.medium.btn_style:after {left:calc(100% - 35px);}
    .accordion_header button.acc_btn.medium.btn_style.on:after, .accordion_header a[role="button"].acc_btn.medium.btn_style.on:after {left:calc(100% - 35px);top:49%;}
    .all_view > li .cont {font-size:1.3rem;}
    .all_view > li .marker_dot > li::before {top: 7px;}
    .all_view > li > a {min-height:114px;padding:20px 20px 20px 102px;}
    .all_view > li .cont .title {font-size:1.6rem;}
    .all_view > li .cont .title::after {top:7px;}
    .all_view > li .img_wrap {left:14px;top:15px;}
    .all_view > li .img_wrap > img {width:75px;}
    .bank_list li {width:33.3%;margin-top:15px;height:35px;}
    .bank_list li span.bank_name {display:inline-block;width:70%;padding-left:5px;line-height:1.3;/*vertical-align:sub;*/}
    .bank_list li:nth-child(-n + 3) {margin-top:0;}
    .bank_list li:nth-child(4) {margin-top:15px;}

    .m_floatiing_box {position:absolute;display:none;right:20px;bottom:152px;width:96px;}
    .m_floatiing_box .btn_m_floating {display:block;}
    .btn_wrap button.btn_m_floating + button {margin-top:3px;}
    .btn_wrap .btn_m_floating {width:98px;height:46px;padding:11px 0 0 25px;background:url(/pconts/images/contents/card/ico_btn_tel.png) no-repeat left 15px center;background-size:20px;background-color:rgba(8, 19, 80, 0.85);border-radius:30px;color:#fff;box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.3);}
    .btn_wrap .btn_m_floating.talk {background:url(/pconts/images/contents/card/ico_btn_talk.png) no-repeat left 15px center;background-size:20px;background-color:rgba(8, 19, 80, 0.85);}
    .btn_wrap .btn_m_floating span {font-size:1.2rem;}
    .btn_wrap .btn_m_floating + .btn_m_floating {margin-top:10px;}

    .benefit_cont_wrap {padding:25px 0;}
    .benefit_cont_wrap .tit_dep1 {margin-bottom:10px;font-size:2.4rem;}
    .benefit_cont_wrap .tit_dep2 {margin-bottom:6px;font-size:1.6rem;}
    .benefit_cont_wrap .tit_dep3 {margin-bottom:10px;font-size:1.6rem;}
    .benefit_cont_wrap .tit_dep2 + :not(.tit_dep3) {margin-top:-1px;}
    .benefit_cont_wrap [class*="marker_"] + .marker_refer {margin-top:16px;}
    .benefit_cont_wrap .point_add dl {float:none;width:100%;}
    .benefit_cont_wrap .point_add dl:not(:first-child) {margin:10px 0 0;}
    .benefit_cont_wrap .point_add dl dt,
    .benefit_cont_wrap .point_add dl dd {font-size:1.3rem;}
    .benefit_cont_wrap .guidebook + [class*="tit_dep"] {margin-top:20px;}
    .benefit_cont_wrap .guidebook li {display:block;}
    .benefit_cont_wrap .guidebook li + li {margin:10px 0 0;}
    .benefit_cont_wrap .guidebook .btn_download2 {padding: 9px 35px 6px 15px;height:auto;font-size:1.5rem;line-height:1.53;background-size: 13px;}
    .benefit_cont_wrap .guidebook .btn_download2:before {width:41px;height:21px;margin:-1px 8px 0 0;background-image:url(/pconts/images/contents/card/img_carddetail_platinum_m.png);background-size:auto 21px;}
    .benefit_cont_wrap .guidebook .btn_download2.visa:before {background-position:0 0;}
    .benefit_cont_wrap .guidebook .btn_download2.master:before {background-position:-41px 0;}
    .benefit_cont_wrap .guidebook .btn_download2.amex:before {background-position:-82px 0;}
    .benefit_cont_wrap .guidebook .btn_download2 + .btn_download2 {margin-left:4px;}
    .benefit_cont_wrap .guidebook .download_two {padding: 9px 35px 6px 15px;height:auto;font-size:1.5rem;line-height:1.53;background-size: 13px;}
    .benefit_cont_wrap .card_benefit_banner {padding-bottom:12px;margin-bottom:20px;}
    .benefit_cont_wrap .card_benefit_banner:after {width:calc(100% - 12px);height:calc(100% - 12px);border:2px solid #4868e1;}
    .benefit_cont_wrap .card_benefit_banner .inner {width:calc(100% - 12px);padding:20px 26px;}
    .benefit_cont_wrap .card_benefit_banner .inner:before {left:-1px;top:4px;width:13px;height:2px;}
    .benefit_cont_wrap .card_benefit_banner .inner .tit {margin-bottom:10px;font-size:2rem;}
    .benefit_cont_wrap .card_benefit_banner .inner .tit .small_block {font-size:1.5rem;}
    .benefit_cont_wrap .card_benefit_banner .inner .txt {font-size:1.5rem;}
    
    /* 심의필 */
    .accordion_wrap.btm_line.card_detail + ul {font-size:15px;}
    /* //심의필 */
    .accordion_header button.acc_btn.card_detail .acc_title {font-size:1.6rem;}
    .accordion_header button.acc_btn.card_detail .acc_title > img {width:19px;margin-right:10px;}

	.pop_sns_wrap .sns_pop li {width:80px;}
	/*
    .pop_sns_wrap .sns_pop li {width:33.3%;float:left;display:inline-block;text-align:center;}
    .pop_sns_wrap .sns_pop li:nth-child(n + 4) {margin-top:40px;}
	*/
    .pop_sns_wrap .sns_pop li > button {width:60px;height:60px;}
    .pop_sns_wrap .sns_pop li > button span {padding-top:75px;}
    .pop_annual_wrap {padding:0 10px;}
    .pop_annual_wrap .logo_tit {font-size:1.7rem;}
    .pop_annual_wrap .logo_tit > img {width:41px;}
    .pop_annual_wrap .logo_tit span {margin-left:10px;}
    .pop_annual_wrap .annual_tbl th {padding:12px 0 0v;font-size:1.3rem;}
    .pop_annual_wrap .annual_tbl td {font-size:1.5rem;}
    .pop_annual_wrap .annual_tbl td.point {font-size:2rem;}
    .checkbox_list .check_wrap.pop_annual_list li {padding:20px 0;}

    .map_area_wrap .map_list li{width: 100%;}
    .map_area_wrap .map_list li > div{height: auto;padding:20px;margin:0 0 10px 0;}
    .map_area_wrap .map_list li .space{width: 65%;font-size:1.6rem;padding-bottom: 15px;}
    .map_area_wrap .map_list.big li > div{height: auto;}

    .table_wrap.type01 thead th{padding:8px 10px 6px;font-size:1.3rem;}
    .table_wrap.type01 tbody td{padding:10px 0 10px;font-size:1.3rem;}
    .table_wrap.type01 tbody tr:first-child td{padding-top:15px;}
    .table_wrap.type01 .ico_brand{width:41px;height:21px;}
    .table_wrap.type01 .ico_brand img{width:41px;height:21px;}

    .info_col{margin-top:5px;}
    .info_col ul{display:block;height:auto;margin:0;}
    .info_col ul li{display:table;flex:none;width:100%;margin:0;}
    .info_col ul li + li{margin-top:5px;}
    .info_col ul li > div{display:table-cell;height:61px;padding:12px 10px 11px;font-weight:700;font-size:1.3rem;text-align:left;vertical-align:middle;}

    .service_step{display:block;margin-bottom:6px;}
    .service_step li{display:table;width:100%;text-align:left;}
    .service_step li > div{display:table-cell;position:relative;width:100%;height:auto;padding:25px 15px 24px 73px;vertical-align:middle;}
    .service_step li > div .icon_box{display:inline-block;position:absolute;left:16px;top:50%;width:40px;height:40px;margin:-20px 0 0;background-size:40px 40px !important;}
    .service_step li > div p{margin-top:0;font-size:1.5rem;line-height:1.56;}
    .service_step li.arrow{width:100%;}
    .service_step li.arrow:before{left:33px;top:50%;margin:-7px 0 0;border-color:#111;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
    .service_step li.arrow p{padding:13px 15px 12px 73px;}
    .tit_dep2 + .service_step {margin-top:9px !important;}

    .service_used{padding-right:130px;margin-bottom:12px;}
    .service_used ul{width:100%;}
    .service_used ul li{padding-top:27px;}
    .service_used ul li:before{left:50%;top:11px;margin:-5px 0 0 -1px;}
    .service_used ul li > div{padding:7px 16px 7px;}
    .service_used ul li p{line-height:1.54;}
    .service_used ul li span {line-height:1.54;}
    .service_used ul li.aside{width:101px;padding-top:209px;}
    .service_used ul li.aside > div:before{left:-29px;top:-180px;width:80px;height:180px;}
    .service_used ul li.aside > div:after{left:-29px;top:41px;width:37px;}
    .service_used ul li.aside i.ico:before{left:-27px;top:37px;}
    .service_used ul li.aside i.ico:after{left:46px;top:-11px;}
    .service_used ul li.aside p {margin:10px 0 0;}
    .service_used .ico.nice{width:85px;height:85px;background-size:85px 85px;}
    .service_used .marker_refer{margin:6px 0 0 0;}

    .design_card_wrap{overflow:hidden;max-width:320px;padding:0;margin:0 auto;}
    .design_card_wrap ul{margin:0;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
    .design_card_wrap ul li{max-width:155px;width:50%;margin:19px 0 0;}
    .design_card_wrap ul li:nth-child(odd){padding-right:5px;}
    .design_card_wrap ul li:nth-child(even){padding-left:5px;}
    .design_card_wrap ul li img{width:100%;height:auto;max-height:98px;}
    .design_card_wrap ul li p{margin-top:11px;font-size:1.3rem;line-height:1.74;}
    .marker_dot + .design_card_wrap {margin-top:-4px;}

    /* 선택형서비스조회 */
    .talbe_counting {float:none;margin-top:7px;padding-bottom:2px;font-size:1.3rem;text-align:left;}
    .talbe_counting .wgt_md {color:#333;}
    .font_md05.sub_txt {color:#111;}
    .font_lg06 .btn_question,
    .font_lg06 .btn_tooltip {margin-top:-2px;width:19px;height:19px;vertical-align:middle;}
    .font_lg06 .btn_tooltip span:after {width:19px;height:19px;font-size:1.1rem;line-height:1.9rem;}

    .check_list02 label span:before {background-size: 33px 33px;}

    /* 선택형서비스 조회/변경 - deepOil */
    .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"] + span{padding: 11px 15px;}
    .choice_list .radio_wrap.type_btn.type_grid li .radio_btn input[type="radio"]:checked + span{padding: 10px 15px;}
    .choice_icon_gs{background: url(/pconts/images/contents/card/ico_choice_gsM.png)no-repeat center;background-size: 116px 40px;}
    .choice_icon_skenergy{background: url(/pconts/images/contents/card/ico_choice_skenergyM.png)no-repeat center;background-size: 116px 40px;}
    .choice_icon_hyundai{background: url(/pconts/images/contents/card/ico_choice_hyundaioilM.png)no-repeat center;background-size: 116px 40px;}
    .choice_icon_soil{background: url(/pconts/images/contents/card/ico_choice_soilM.png)no-repeat center;background-size: 116px 40px;}
    
    /* 4Tune*/
    .choice_title {padding:17px 20px !important;}
    input[type="radio"]:checked + .choice_title {padding:16px 19px !important;}
    .choice_title > p {padding-bottom:7px;}
    .choice_title .service_list {display:list-item !important;margin-top:13px;list-style:none;}
    .choice_title .service_list li {min-height:auto;margin-bottom:14px;padding:0px;}
    .choice_title .service_list li > div::before {width: 33px;height: 33px; content: '';background-size:33px; }
    .choice_title .service_list div {width:33px;height:33px;margin-right:16px;}

    .choice_title .service_list p { width:calc(100% - 49px);}
    .choice_title .service_list .service_text1 {font-size:1.5rem;margin-bottom:3px;}
    .choice_title .service_list .service_text2 {font-size:1.3rem;}

    .card_design_wrap {width:100%;margin-left:auto;margin-right:auto;text-align:center;}
    .card_design_wrap label {width:217px;text-align:left;}
    .card_design_wrap label .img{width:217px;height:138px;}
    .card_design_wrap label .img img{width:217px;height:138px;border-radius:8px;}
    .card_design_wrap label input[type="radio"] + span{display:block;margin-right:-10px;font-size:1.6rem;}

    /* 친구에게 카드추천 */
    .recommend_benefit {display:block;margin:30px -27px;padding:45px 0;}
    .recommend_benefit > * {flex:none;}
    .recommend_benefit .benefit_item {padding:0 50px;}
    .recommend_benefit .benefit_item:before {display:none;}
    .recommend_benefit .benefit_item dt {margin-bottom:15px;font-size:2.4rem;line-height:3.2rem}
    .recommend_benefit .benefit_item dt .num {position:relative;left:0;display:block;margin-bottom:15px;font-size:3.3rem}
    .recommend_benefit .benefit_item dd:not(:first-child) {margin-top:15px;}
    .recommend_benefit .benefit_item.item02 {padding-top:40px;}

    .shcard_method_wrap {padding:15px 7px 0}
    .shcard_method_wrap .icon_list.step > li .icon_box {min-height: 50px;background-position:left -4px;}
    /* .shcard_method_wrap .icon_list.step > li {width:100%;margin-bottom:33px}
    .shcard_method_wrap .icon_list.step > li .icon_box {padding:3px 0 3px 100px;background-position:10px center;}    
    .shcard_method_wrap .icon_list.step > li::after {left:29px;bottom:-20px} */

    .pop_wrap .pop_cont .send {padding:25px;}


    /* 간단찾기 */
    .find_card_wrap .swipe_page_wrap {width:100%;height:100%;margin-bottom:0;}
    .find_card_wrap .swipe_page_wrap .find_section {width:100%;height:100%;}
    .find_card_wrap .find_section .sec_tit {padding-top:18px;font-size:4rem;line-height:4.4rem;color:#333;}
    .find_card_wrap .find_section .sec_sub_tit {padding-top:30px;font-size:2rem;}
    .find_card_wrap .find_section .sec_sub_tit + .sec_tit {padding-top:10px;}
    .find_card_wrap .find_section .sec_con {padding-top:38px;}
    .find_card_wrap .find_section .sec_con .select_list {width:auto;margin:0 auto 5px;}    
    /* 라디오 체크아이콘 타입 */
    .radio_wrap.chk_ico li {float:left;flex:none;width:calc(50% - 20px);max-width:167px;}
    .radio_wrap.chk_ico li:first-child {margin-left:10px;}
    .radio_wrap.chk_ico li:not(:first-child) {margin-left:10px;margin-right:10px;}
    .radio_wrap.chk_ico li .radio_btn:first-child input[type="radio"] + span {width:auto;padding:20px 10px;}
    .radio_wrap.chk_ico .radio_btn:first-child input[type="radio"]:checked + span {padding:20px 10px;}
    .radio_wrap.chk_ico .radio_btn input[type="radio"]:checked + span::after {right:10px;top:10px;background:url(/pconts/images/contents/card/ico_check_on_m.png) no-repeat left top;background-size:20px auto;}
    .radio_wrap.chk_ico .radio_btn input[type="radio"] + span em {padding-top:15px;padding-bottom:7px;font-size:1.8rem;line-height:1.9rem;}
    .radio_wrap.chk_ico .radio_btn input[type="radio"] + span .sub_txt {font-size:1.3rem;line-height:1.8rem;}
    .radio_wrap.chk_ico.select_list li:not(:first-child):before {left:-7px;top:50%;width:1px;height:106px;margin:-53px 0 0 0;background:#eee;}
    .radio_wrap.chk_ico.select_list[class*="col"] {flex-direction:column}
    .radio_wrap.chk_ico.select_list[class*="col"] li {float:none;display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;max-width:100%;margin:0 auto;}
    .radio_wrap.chk_ico.select_list[class*="col"] li:not(:first-child) {margin-top:6px;}
    .radio_wrap.chk_ico.select_list[class*="col"] li:not(:first-child):before {left:0;top:-3px;width:100%;height:1px;margin:0;}
    .radio_wrap.chk_ico.select_list.col4 li.on:before,
    .radio_wrap.chk_ico.select_list.col4 li.on + li:before {left:50%;}
    .radio_wrap.chk_ico.select_list[class*="col"] li.on:not(:first-child):before {display:none;}
    .radio_wrap.chk_ico.select_list[class*="col"] li.on:first-child + li:before {display:block;}
    .radio_wrap.chk_ico.select_list[class*="col"] li label > span {position:relative;padding:20px 0;margin-left:20px;}
    .radio_wrap.chk_ico.select_list[class*="col"] li .radio_btn:first-child input[type="radio"] + span {padding:20px 10px 20px 75px;}    
    .radio_wrap.chk_ico.select_list[class*="col"] li .radio_btn:first-child input[type="radio"] + span > * {text-align:left;justify-content:left;}
    .radio_wrap.chk_ico.select_list[class*="col"] li label > span .ico {position:absolute;top:20px;left:20px;margin-top:0;}
    .radio_wrap.chk_ico.select_list[class*="col"] li label > span em {justify-content:left;}    
    .radio_wrap.chk_ico.select_list[class*="col"] .ico + em {padding:0;}
    .radio_wrap.chk_ico.select_list .has_ico [class*="ico"] {width:33px;height:33px;background-color:none;background-position:0 0;background-repeat:no-repeat;background-size:33px auto;}
    /*
    .radio_wrap.chk_ico.select_list .has_ico .ico1 {background-image:url(/pconts/images/contents/card/ico_findcard01_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico2 {background-image:url(/pconts/images/contents/card/ico_findcard02_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico3 {background-image:url(/pconts/images/contents/card/ico_findcard03_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico4 {background-image:url(/pconts/images/contents/card/ico_findcard04_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico5 {background-image:url(/pconts/images/contents/card/ico_findcard05_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico6 {background-image:url(/pconts/images/contents/card/ico_findcard06_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico7 {background-image:url(/pconts/images/contents/card/ico_findcard07_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico8 {background-image:url(/pconts/images/contents/card/ico_findcard08_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico9 {background-image:url(/pconts/images/contents/card/ico_findcard09_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico10 {background-image:url(/pconts/images/contents/card/ico_findcard10_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico11 {background-image:url(/pconts/images/contents/card/ico_findcard11_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico12 {background-image:url(/pconts/images/contents/card/ico_findcard12_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico13 {background-image:url(/pconts/images/contents/card/ico_findcard13_m.png)}
    .radio_wrap.chk_ico.select_list .has_ico .ico14 {background-image:url(/pconts/images/contents/card/ico_findcard14_m.png)}
    */
    /* 간단찾기 결과 */
    .find_card_result {padding-top:40px;}
    .find_card_result .result_list .item {padding:25px 15px;}
    .find_card_result .result_list .item .card_img {float:left;max-height:270px;width:100px;}
    .find_card_result .result_list .item .card_img img {width:100px;}
    /* 카드 세로형 */
    .find_card_result .result_list .item.vertical .card_img {margin-top:40px;margin-bottom:40px;}
    .find_card_result .result_list .item.vertical .card_img img {margin-bottom:-40px;}
    /* //카드 세로형 */
    .find_card_result .result_list .item.col .card_img img {width:63px;margin:0 auto;}
    .find_card_result .result_list .item .card_name_wrap {float:none;width:100%;padding-left:0}
    .find_card_result .result_list .item .card_name_wrap .badge_wrap {margin-bottom:3px;}
    /* .find_card_result .result_list .item .card_name_wrap .badge_wrap span {font-size:0.9rem;padding:2px 6px;border-radius:10px;} */
    .find_card_result .result_list .item .card_info {float:left;width:calc(100% - 100px);padding-left:30px;}
    .find_card_result .result_list .item .card_info .tag span {font-size:1.2rem;}
    .find_card_result .result_list .item .card_info .tag span:not(:first-child) {margin-left:10px;}
    .find_card_result .result_list .item .card_info .card_name {margin-bottom:28px;font-size:1.7rem;}
    .find_card_result .result_list .item .card_info .card_detail > * {float:left;font-size:1.3rem;line-height:2.1rem}    
    .find_card_result .result_list .item .card_info .card_detail dt {width:90px;color:#333;}
    .find_card_result .result_list .item .card_info .card_detail dd {width:calc(100% - 90px);padding-left:10px;}
    .find_card_result .result_list .item .card_info .card_detail dt:not(:nth-of-type(1)),
    .find_card_result .result_list .item .card_info .card_detail dd:not(:nth-of-type(1)) {margin-top:5px;}

    /* 콤보서비스 */
    .card_combo .combo_item_list ul li,
    .card_combo .combo_list .check_wrap.type_grid ul li,
    .card_combo .combo_list .radio_wrap.type_grid ul li {width:33.3%;height: 109px;}
    .card_combo .combo_item_list ul li .combo_item {width:100%;}
    .card_combo .combo_list .check_wrap.type_grid .check_btn input[type="checkbox"] + span em,
    .card_combo .combo_list .radio_wrap.type_grid .radio_btn input[type="radio"] + span em {font-size:1.4rem;}
    .card_combo .seleted_combo .sch_result {padding:10px;}
    .card_combo .seleted_combo .sch_result .btn_del {top:10px;right:10px;}
    .card_combo .total_payment dl {padding:20px 10px 4px;font-size:1.5rem;}
    .card_combo .accordion_wrap.accordion_check dd {padding:16px 0;}
    .card_combo .accordion_wrap.accordion_check dd .btn_check_pop {top:0;}
    .card_combo .check_wrap.type_agree .check_agree {margin-top:0;}
    .card_combo .radio_wrap.type_agree .check_agree {margin-top:0;}
    .card_combo .occupied_combo_date {padding-bottom:15px;}
    .occupied_combo_list {position:relative;padding-top:0;}
    .occupied_combo_list .occupied_combo {display:-webkit-flex; display:-ms-flexbox; display:flex;flex-wrap:wrap-reverse;border-top-width:2px;margin-bottom:20px;padding:16px 0 17px;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
    .occupied_combo_list li {padding-bottom:30px;}
    .occupied_combo_list ul li .info {font-size:1.3rem;}
    .occupied_combo_list ul li em {display:inline-flex;padding-left:0;font-size:1.6rem;color:#111;}
    .occupied_combo_list ul li em.item {padding-left:0;}
    .card_combo .card_combo  .occupied_combo {margin-bottom:20px;}
    .card_combo .check_occupied_combo {margin-top:6px;}
    .card_combo .check_occupied_combo .accordion_header {margin-bottom:20px;}
    .card_combo .check_occupied_combo .accordion_header button.acc_btn, 
    .card_combo .check_occupied_combo .accordion_header a[role="button"].acc_btn {border-top:0 none;padding:10px 0;}
    .card_combo .combo_result {border-bottom:1px solid #eee;padding:20px 0;}
    .card_combo .check_occupied_combo .accordion_header.on + .accordion_body {margin-bottom:30px;}
    .card_combo .form_type .form_ele .ele_tit.row {padding-top:10;margin-top:0;}
    .card_combo .combo_item_list ul li{padding: 2px;}
    .card_combo .combo_item_list ul li:nth-child(3n+1){padding: 2px 2px 2px 0;}
    .card_combo .combo_item_list ul li:nth-child(3n+3){padding: 2px 0 2px 2px;}
    .card_combo .combo_item_list ul li .combo_item{height: 105px;}
    .card_combo .combo_item_list ul li .combo_item em{padding-top:6px;font-size: 1.5rem;}
    .card_combo .combo_item_list ul{margin: 0;}
    /* 콤보서비스 팝업 */
    .popup .pop_combo_list {padding-bottom:40px;}
    .popup .pop_combo_list ul li {float:left;padding:0 15px;}
    .popup .pop_combo_list ul.multi_logo.four li{padding:0 5px;}
    .popup .pop_combo_list ul.multi_logo.four li:first-child {padding-left:0;}
    .popup .pop_combo_list ul.multi_logo.four li:last-child {padding-right:0;}
    .popup .pop_combo_list ul li .img_wrap {margin-bottom:15px;}
    .popup .pop_shopping_list ul {display:block;}
    .popup .occupied_combo_list::before {content:'';position:absolute;top:-30px;left:-20px;width:calc(100% + 40px);border-top:1px solid #eee;}
    .popup .occupied_combo_list ul {margin-top:30px;}
    .popup .occupied_combo_list .occupied_combo {margin-bottom:0;}

    /* 콤보서비스 아이콘 */
    .ico_combo_donut{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_store{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_coffe{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_bakery{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_icecream{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_movie{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_pizza{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_family{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_app{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_buy{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_money{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}
    .ico_combo_golf{display: inline-block;width: 34px;height: 34px;background-size: 34px 34px;}

    .ico_speed{background: url(/pconts/images/contents/card/ico_combo_speedM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_auto{background: url(/pconts/images/contents/card/ico_combo_autoM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_mad{background: url(/pconts/images/contents/card/ico_combo_madM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_lotte_world{background: url(/pconts/images/contents/card/ico_combo_lotteM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_lotte_cinema{background: url(/pconts/images/contents/card/ico_combo_lottecinemaM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_genie{background: url(/pconts/images/contents/card/ico_combo_genieM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_skplanet{background: url(/pconts/images/contents/card/ico_combo_skplanet.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_arum{background: url(/pconts/images/contents/card/ico_combo_areumM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_gift{background: url(/pconts/images/contents/card/ico_combo_giftM.png)no-repeat left bottom;background-size: 82px 33px;}
    .ico_gs_caltex{background: url(/pconts/images/contents/card/ico_combo_gsM.png)no-repeat left bottom;background-size: 82px 33px;}

    /* 선불카드 */
    /* 선불카드 - 상품안내 */
    /* 20.02.06 추가 */
    .card_prd_list02 ul>li {padding:30px 10px 25px;}
    .card_prd_list02 ul>li>div {min-height:auto;padding-left:0;}
    .card_prd_list02 .card_name {display:block;margin-top: -3px;margin-bottom: 4px;font-size:1.8rem;}
    .card_prd_list02 .card_text {width:100%;font-size:1.3rem;margin-bottom: 15px;}
    .card_prd_list02 .card_desc {padding-top: 0px;}
    .card_prd_list02 dl {margin-top:0px;font-size:1.2rem;} 
    .card_prd_list02 dl.pdb_bottom{padding-bottom:3px;} 
    .card_prd_list02 dl dt {width:38px;font-size: 1.2rem;}
    .card_prd_list02 dl dd {padding-left:10px;font-size: 1.2rem;}
    .card_prd_list02 .round_badge {overflow:hidden;min-width:35px;height:17px;padding:0 5px;border-radius:12px;font-weight:400;font-size:1.0rem;line-height:1.8rem;vertical-align:top;}
    .card_prd_list02 .card_img_desc {display:table;width:100%;}
    .card_prd_list02 .card_img, .card_prd_list02 .card_desc {display:table-cell;vertical-align:top;}
    .card_prd_list02 .card_img {position:static;width:100px;height:63px;}
    .card_prd_list02 .card_desc {padding-left:30px;}
    /* .card_prd_list02 p {font-size:1.2rem;line-height:1.7rem;}
    .card_prd_list02 p.sub_txt {font-size:1.1rem;line-height:1.4rem;}
    .card_prd_list02 p + p.sub_txt {margin-top:5px;} */
    .card_prd_list02 .btn {position:relative;height:auto;margin-top:16px;margin-bottom:-5px;padding:0 13px 0 0;border:0;font-size:1.1rem;line-height:1.45;color:#111;text-align:left;}
    .card_prd_list02 .btn_outlink:after {margin-bottom:0;vertical-align:middle;}
    .card_price {padding-bottom:62px;background:url(/pconts/images/contents/card/ico_btn_down_mo.png) no-repeat center 51px;background-size:57px;}
    /* //20.02.06 추가 */
    .card_prd_list02 .list_btn_wrap{display: none;}
    /* 카드 세로형 */
    .card_prd_list02 ul>li.vertical>div {min-height:166px;}
    .card_prd_list02 ul>li.vertical .card_img_desc {min-height:100px;}
    .card_prd_list02 ul>li.vertical .card_img img {margin-top:17px;}
    /* //카드 세로형 */

    .card_sec02 {padding-top:118px;}
    .card_sec02 .img {width:200px;height:127px;margin-top:-88px;}
    .card_sec02 .card_name {width:100%;margin:-23px auto 0;padding:0 0 36px;}
    .card_sec02 .card_name.type01 {width:100%;margin:-39px auto 0;padding:0 0 0;}
    .card_sec02.vertical_type {padding-top:138px;}
    .card_sec02.vertical_type .img {margin-top:-108px;width:127px;height:147px;}
    .card_sec02 p {font-size:1.6rem;}
    .card_sec02 strong .btn_question {width:19px;height:19px;font-size:1.1rem;line-height:19px;}
    .card_sec02 strong .btn_question span::after {width:19px;height:19px;line-height:19px;}
    .card_sec02 + .ly_inner .top_marker .marker_dot {padding-top:12px;margin-bottom:22px;}    

    .card_sec02.type02 {padding-top:0;}
    .card_sec02.type02 .img {margin-top:-94px;}
    .card_sec02.type02 .card_name_top {padding:36px 0 107px;font-size:1.6rem;}
    .card_sec02.type02 .card_name {padding:0 0 42px;}
    .card_sec02.vertical_type.type02 .img {margin-top:-106px;}
    .card_sec02.vertical_type.type02 .card_name_top {padding-bottom:119px;}
    .card_sec02.vertical_type.type02 .card_name {padding-bottom:34px;}
    .card_sec04 .ly_inner .bank_name {font-size:1.5rem;margin-bottom:15px;}
    .card_sec04 .ly_inner .bank_num {font-size:1.8rem;}
    .card_sec04 .ly_inner div {width:216px;height:126px;background-size:contain;margin:20px auto;}
    .card_sec04 .ly_inner .text_info {font-size:1.3rem;}

    /* 선불카드 선택 리스트 (환불내역만) */
    .card_newlist ul li {padding:18px 0 18px;}
    .card_newlist ul li .left_con {width:60%;}
    .card_newlist ul li .left_con strong {font-size:1.6rem;}
    .card_newlist ul li .left_con strong i {font-size:1.3rem;font-weight:400;margin-bottom:11px;}
    .card_newlist ul li .left_con .date {font-size:1.3rem;font-weight:400;}
    .card_newlist ul li .right_con {width:40%;}
    .card_newlist ul li .right_con .amount {font-size:1.8rem;margin-bottom:0px;}
    .card_newlist ul li .right_con .possible {font-size:1.3rem;font-weight:400;margin-bottom:4px;}
    .card_newlist ul li .right_con .btn_wrap {display:block;top:0px;}
    
    /* 선불카드 선불카드 선택 리스트 (환불내역이외) */
    .list_wrap .card_list2 {margin-top:11px;}/* 19.12.13 이강석 30px -> 11px 수정*/
    .list_wrap .card_list2 li {display:table;width:100%;margin:0;padding:20px 0 17px;font-size:1.6rem;}
    .list_wrap .card_list2 .left_con,
    .list_wrap .card_list2 .right_con {display:table-cell;float:none;}
    .list_wrap .card_list2 .left_con {width:70%;}
    .list_wrap .card_list2 .right_con {width:30%;}
    .list_wrap .card_list2 .date {float:none;width:100%;margin-top:6px;font-size:1.3rem;}
    .list_wrap .card_list2 strong {font-size:1.6rem;}
    .list_wrap .card_list2 strong .bank_num {display:block;font-size:1.3rem}
    .list_wrap .card_list2 .amount {font-size:1.8rem;}
    .list_wrap .card_list2 .amount span {font-weight:400;} /* 12.04 이강석 추가*/
    .list_wrap .card_list2 .right_con .btn_wrap {display:block;}

     /* 카드리스트 - 목록형 */
    .card_list_common .card_list_wrap > li {padding:25px 0;}
    .card_list_common .card_list_wrap > li .card_img_wrap {float:left;width:108px;}
    .card_list_common .card_list_wrap > li .card_img_wrap a > img {width:100px;}
    .card_list_common .card_list_wrap > li .card_img_wrap.more a {display:inline-block;padding: 0 4px 4px 0;background:url(/pconts/images/contents/card/bg_horizontal_more_m.png) no-repeat left top;background-size:104px;text-align:center;}/* 세로와동일하게 정렬적용 */
    .card_list_common .card_list_wrap > li .card_img_wrap.vertical {height:108px;margin-bottom:0;text-align:center;}
    .card_list_common .card_list_wrap > li .card_img_wrap.vertical a {width:108px;padding:4px 0 0 0;margin-top:15px;margin-left:0;}
    .card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {background:url(/pconts/images/contents/card/bg_vertical_more_m.png) no-repeat right top;background-size:104px;text-align:center;}
    .card_list_common .card_list_wrap > li .card_name_wrap {width:100%;margin-bottom:15px;}
    .card_list_common .card_list_wrap > li .card_name_wrap .card_name {padding-right:0px;font-size:1.8rem;}
    .card_list_common .card_list_wrap > li .card_name_wrap .card_name + button {display:none;}
    .card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap {margin-bottom:3px;}
    /* .card_list_common .card_list_wrap > li .card_name_wrap .badge_wrap span {font-size:0.9rem;padding:2px 6px;border-radius:10px;} */
    .card_list_common .card_list_wrap > li .benefit_wrap {width:calc(100% - 108px);padding-left:15px;margin-bottom:10px;}
    .card_list_common .card_list_wrap > li .benefit_wrap ul li {padding-left:100px;font-size:1.2rem;}
    .card_list_common .card_list_wrap > li .benefit_wrap ul li + li {padding-top:3px;}
    .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {left:15px;width:100px;}
    .card_list_common .card_list_wrap .list_btn_wrap {display:none;}
    .list_btn_wrap_m {display:block;margin-left:125px;}
    .list_btn_wrap_m button {font-size:1.2rem;}
    .list_btn_wrap_m button.text_link::after {width:6px;height:6px;}

    /* 카드리스트 - 이미지형 */
    .card_list_common .card_thumb_list_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;}
    .card_list_common .card_thumb_list_wrap > li {position: relative;width:50%;border-bottom:1px solid #eeeeee;padding:25px 0 20px 10px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;text-align:left;}
    .card_list_common .card_thumb_list_wrap > li .card_img_wrap {height:136px;line-height:126px;}
    .card_list_common .card_thumb_list_wrap > li .card_img_wrap a > img {width:128px;vertical-align:bottom;}
    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.more a {display:block;padding:0 0 11px 0;background:url(/pconts/images/contents/card/bg_horizontal_more_m.png) no-repeat left bottom 6px / 133px;}
    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical {height:136px;}
    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {width:133px;margin-left:0;}
    .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical.more a {display:block;padding:0;line-height:136px;background:url(/pconts/images/contents/card/bg_vertical_more_m.png) no-repeat right bottom / 133px;}
    .card_list_common .card_thumb_list_wrap > li .card_name_wrap {padding-top:28px;}
    .card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {top:0px;}
    /* .card_list_common .card_thumb_list_wrap > li .card_name_wrap .badge_wrap span {font-size:0.9rem;padding:2px 6px;border-radius:10px;} */
    .card_list_common .card_thumb_list_wrap > li .card_name_wrap .card_name {min-height:34px;height:auto;font-size:1.5rem;margin-bottom: 8px;line-height: 1.2;}
    .card_list_common .card_thumb_list_wrap > li .benefit_wrap {max-height:48px;padding-top:0px;margin-bottom:20px;font-size:1.3rem;line-height: 1.3;}
    .card_list_common .card_thumb_list_wrap > li .list_btn_wrap {position: absolute;bottom: 15px;}
    .card_list_common li .list_btn_wrap_m .text_link {font-weight:700;}
    .card_thumb_list_wrap .list_btn_wrap button {font-size:1.2rem;}
    .card_thumb_list_wrap .list_btn_wrap button.text_link::after {width:6px;height:6px;}

    /*찾아드림*/
    .cardlist_filter_wrap {margin-top:8px;}
    .cardlist_filter_wrap .filter_toggle > span { font-size:1.5rem;}
    .card_filter_search_wrap {top:0;height:100%;width:100%;}
    .card_filter_search_wrap .filter_header {padding:16px 20px 16px 20px;}
    .card_filter_search_wrap .filter_header h4 {font-size:1.8rem;line-height:1.5;}
    .card_filter_search_wrap .filter_header .btn_close {top:9px;right:10px;}
    .card_filter_search_wrap .filter_cont {padding:59px 0 109px;margin-top:-59px;}
    .card_filter_search_wrap .filter_cont .scroll_wrap {padding:30px 20px;}
    .card_filter_search_wrap .filter_cont .form_type .form_ele.type04 .ele_tit {margin-bottom:0;}
    .card_filter_search_wrap .filter_cont .form_type .radio_wrap.bank_list label {margin-bottom:0;}
    .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list label {margin-bottom:0;}
    .card_filter_search_wrap .filter_cont .form_type .check_wrap.bank_list.check_wrap .check_default {width: 50%;}
    .card_filter_search_wrap .filter_btn {width:100%;bottom:0;}
    .check_wrap.type_grid .check_btn input[type="checkbox"] + span.card_brand em {padding-top:8px;font-size:1.2rem;}

    /* My DIY */
    .key_visual .visual_slider .swiper-button-prev {left:-5px;top:103px;line-height:44px;}
    .key_visual .visual_slider .swiper-button-prev:before {content:'';display:inline-block;width:18px;height:18px;margin-left:9px;border-left:2px solid #333;border-bottom:2px solid #333;}
    .key_visual .visual_slider .swiper-button-next {right:-5px;top:103px;line-height:44px;}
    .key_visual .visual_slider .swiper-button-next:before {content:'';display:inline-block;width:18px;height:18px;margin-right:9px;border-right:2px solid #333;border-bottom:2px solid #333;}
    .key_visual .visual_slider .controll_wrap {bottom:10px;}
    .key_visual .visual_slider .swiper-button-play {display:inline-block;position:relative;width:24px;height:24px;margin-right:6px;}
    .key_visual .visual_slider .swiper-button-play:before {left:8px;top:7px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #4868e1;border-right:8px solid transparent;}
    .key_visual .visual_slider .swiper-button-play.is_active {width:24px;height:24px;}
    .key_visual .visual_slider .swiper-button-play.is_active:before, 
    .key_visual .visual_slider .swiper-button-play.is_active:after {left:9px;top:7px;width:2px;height:10px;background-color:#ccc;}
    .key_visual .visual_slider .swiper-button-play.is_active:before {border:0;}
    .key_visual .visual_slider .swiper-button-play.is_active:after {left:13px;}
    .key_visual .visual_slider .swiper-pagination {font-size:1.8rem;}
    .key_visual .visual_slider .visual_item {padding:39px 20px 45px;}
    .key_visual .visual_slider .visual_item .btn_cont {position:static;margin-top:40px;text-align:center;}
    .key_visual .visual_heading {float:none;padding-bottom:33px;text-align:center;}
    .key_visual .visual_heading .heading_tit {margin-top:0;font-size:2.1rem;}
    .key_visual .visual_heading .heading_desc {margin-top:6px;font-size:1.5rem;line-height:1.51;}
    .key_visual .visual_content {position:relative;float:none;width:174px;margin:0 auto;}
    .key_visual .visual_content .action_bg {width:173px;height:109px;border-radius:13px;background:url(/pconts/images/contents/card/bg_visual_card.png) no-repeat;background-size:100% 100%;}
    .key_visual .visual_content .action_bg:after {/*width:100%;height:100%;background:url(/pconts/images/contents/card/bg_visual_logo.png) no-repeat;background-size:100% 100%;*/}
    .key_visual .visual_content .action_bg .wave {background-image:url(/pconts/images/contents/card/bg_visual_wave.png);background-repeat:no-repeat;}
    .key_visual .visual_content .sort_list {position:absolute;left:-21px;top:113px;}
    .key_visual .visual_content .sort_item {width:68px;height:25px;margin-top:5px;padding-left:38px;border-radius:6px;line-height:23px;}
    .key_visual .visual_content .sort_item .sort_unit {margin-right:3px;font-size:0.9rem;}
    .key_visual .visual_content .sort_item .sort_value {font-size:0.9rem;}
    .key_visual .visual_content .sort_item .sort_value span {font-size:0.7rem;}
    .key_visual .visual_content .sort_item:before {top:0;right:-6px;border:6px solid #1b2d93;border-width:6px 6px 0 6px;border-left-color:transparent;border-right-color:transparent;}
    .key_visual .visual_content .sort_item.type01,
    .key_visual .visual_content .sort_item.type02,
    .key_visual .visual_content .sort_item.type03,
    .key_visual .visual_content .sort_item.type04,
    .key_visual .visual_content .sort_item.type05,
    .key_visual .visual_content .sort_item.type06 {background-position:12px center;background-size:15px 15px;}
    .key_visual .visual_content .count_list {position:absolute;right:3px;top:187px;margin-top:-27px;}
    .key_visual .visual_content .count {height:100px;font-size:5.0rem;letter-spacing:-0.03em;line-height:5.5rem;opacity:0;}
    .key_visual .visual_content .unit {right:-28px;bottom:-11px;font-size:3.4rem;letter-spacing:-0.03em;line-height:1.1;}

    .mydiy_sec {padding:40px 0 37px;}
    .mydiy_sec.main_2 {padding:40px 38px 45px 34px;}
    .mydiy_sec.main_3 {padding:39px 0 45px;}
    .mydiy_sec .section_title {font-size:2.1rem;line-height:1.47;}
    .mydiy_sec .section_desc {margin-top:8px;font-size:1.3rem;line-height:1.46;}
    .mydiy_sec .btn_cont {margin-top:23px;}

    .circle_graph {width:48px;height:48px;margin:0 auto;line-height:46px;}
    .circle_graph .per_txt {font-size:0.8rem;}
    .circle_graph .per_num {font-size:1.9rem;}
    .circle_graph .tit {margin-top:24px;font-size:1.6rem;}

    .main_1 .swiper-container {padding:28px 0 44px;}
    .main_1 .swiper-inner {height:174px;padding:48px 28px 20px;}
    .main_1 .icon {width:33px;height:33px;}
    .main_1 .name {margin-top:9px;font-weight:400;font-size:1.5rem;color:#111;}
    .main_1 .desc {width:161px;padding:0 20px;margin:2px auto 0;font-size:1.2rem;}
    /* .main_1 .controll_wrap {margin-top:-14px;} */
    .main_1 .swiper-button-prev,
    .main_1 .swiper-button-next {top:95px;}
    .main_1 .swiper-button-prev {left:-5px;}
    .main_1 .swiper-button-next {right:-5px;}
    .main_1 .swiper-button-play {margin-right:1px;}
    .main_1 .swiper-pagination {font-size:1.3rem;}
    .main_1 .active_area {top:28px;width:161px;height:174px;border-radius:7px;}
    .main_1 .active_area .circle_graph {right:-19px;bottom:-18px;}

    .main_2 .pick {width:auto;margin:42px auto 0;padding-top:102px;background:url(/pconts/images/contents/card/bg_pick_m.png) no-repeat center 0;background-size:150px auto;}
    .main_2 .pick .pick_inner {height:61px;border-radius:7px;box-shadow:none;}
    .main_2 .pick .pick_name {margin-top:3px;font-size:1.3rem;}
    .main_2 .pick .pick_count {float:left;margin-left:27px;padding-left:21px;font-size:1.2rem;}
    .main_2 .pick .pick_count:before {left:0;top:7px;width:11px;height:8px;}
    .main_2 .pick .pick_count .count {font-size:2.3rem;}
    .main_2 .pick .pick_point .point {height:26px;padding:0 10px;font-size:1.0rem;line-height:26px;}
    .main_2 .pick .pick_point [class^=flag_] {top:10px;left:30px;}
    .main_2 .pick .pick_point .flag_01 {width:7px;height:3.7px;background:#009a9a;opacity:0.15;}
    .main_2 .pick .pick_point .flag_02 {width:4px;height:1px;background:#009a9a;}
    .main_2 .pick .pick_point .flag_03 {width:3px;height:7px;background:#009a9a;opacity:0.4;}
    .main_2 .pick .pick_point .flag_04 {width:7px;height:2px;background:#8898d8;}
    .main_2 .pick .pick_point .flag_05 {width:5px;height:1px;background:#8898d8;}
    .main_2 .pick .pick_point .flag_06 {width:2px;height:6px;background:#009a9a;opacity:0.6;}
    .main_2 .pick.is_active .pick_inner {padding:19px 24px 19px 24px;}

    .main_2 .pick.is_active .pick_point .flag_01 {top:-13px;left:-3px;transform:skew(20deg) rotate(30deg);}
    .main_2 .pick.is_active .pick_point .flag_02 {top:-4px;left:-13px;transform:skew(20deg) rotate(-40deg);}
    .main_2 .pick.is_active .pick_point .flag_03 {top:7px;left:-15px;transform:skew(20deg) rotate(-15deg);}
    .main_2 .pick.is_active .pick_point .flag_04 {top:-16.3px;left:44px;transform:skew(20deg) rotate(150deg);}
    .main_2 .pick.is_active .pick_point .flag_05 {top:-4.5px;left:54px;transform:skew(35deg) rotate(50deg);}
    .main_2 .pick.is_active .pick_point .flag_06 {top:5.6px;left:56px;transform:skew(20deg) rotate(350deg);}

    .mydiy_type .accordion_header button.acc_btn,
    .mydiy_type .accordion_header a[role="button"].acc_btn {padding:19px 21px 19px;font-size:1.5rem;}
    .mydiy_type .accordion_header button.acc_btn:after,
    .mydiy_type .accordion_header a[role="button"].acc_btn:after {right:24px;top:20px;width:9px;height:9px;}
    .mydiy_type .accordion_header button.acc_btn.on:after,
    .mydiy_type .accordion_header a[role="button"].acc_btn.on:after {top:25px;}
    .mydiy_type .accordion_body {padding:18px 22px 17px;}

    .mydiy_pop_cont_area {padding:13px 0 20px;}
    .mydiy_pop_cont_area .h_title {margin-bottom:6px;}
    .mydiy_pop_cont_area .desc {font-size:1.5rem;line-height:1.51;}
    .mydiy_pop_cont_area .desc + .h_title {margin-top:21px;}
    .mydiy_pop_cont_area ul.marker_dot.Mid > li {font-size:1.5rem;line-height:1.51;}
    .mydiy_pop_cont_area .marker_dot > li::before {top:9px;}

    .popup_type01.mydiy_rate_area .pop_head .explain {margin:29px 0 10px;font-size:1.5rem;}
    .mydiy_rate_area .pop_cont {max-height:none;}
    .mydiy_rate_area .save_list li div.ico {width:33px;}
    .mydiy_rate_area .save_list li div.ico span {width:33px;height:33px;}
    .mydiy_rate_area .save_list li div.tit {padding-left:15px;padding-right:15px;font-size:1.5rem;}
    .mydiy_rate_area .save_list li div.per {width:50px;font-size:1.5rem;}
    .mydiy_rate_area .save_list li div.per span {font-size:2.5rem;}

    .DIY_home {padding-top:40px;height:165px;}
    .DIY_home .tit_area .txt_area {font-size:2.1rem;}
    .DIY_home .card_area .img_area img {width:217px;border-radius:10px;}
    .diybox_section {padding:100px 0 0;}
    .cont_box {width:100%;padding:0;}
    .cont_box > div {padding-left:4px;padding-bottom:2px;width:50%;}
    .cardtype_choice {display:inline-block;width:100%;margin-bottom:60px;}
    .cardtype_choice .choice_door {padding:30px 15px;}
    .cardtype_choice .choice_door .card_info h4 {font-size:1.5rem;}
    .cardtype_choice .choice_door .card_info p {font-size:1.3rem;}
    .cardtype_choice .choice_door .card_info .btn_wrap .btn.default {width:100%;min-width:auto;padding:0;}
    .cardtype_choice .choice_door .card_info .btn_wrap .btn.default + i {margin-top:5px;}

    .DIY_header {padding:38px 0;}
    .DIY_header .tit_area h4.tit_k1 {font-size:2.0rem;font-weight:700 !important;}
    .DIY_header .tit_area .txt_k1 {font-size:1.5rem;padding-top:8px;}
    .article.slim {padding:0;}
    .article.slim .slide_area .swiper-button-prev,
    .article.slim .slide_area .swiper-button-next {top:60%;}
    .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .check_wrap.type_agree {padding-left:8px;}
    .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all, .DIY_agree_wrap .check_wrap.type_agree .check_agree {height:50px;line-height:50px;margin-top:0;}
    .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span {padding:0 51px 0 30px;}
    .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before {width:21px;height:21px;margin:-12px 0 0 0;background-size:21px;}
    .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"] + span:before {width:21px;height:21px;margin:-12px 0 0 0;background-size:21px;}
    .DIY_agree_wrap .check_wrap.type_agree .check_agree.check_all input[type="checkbox"]:checked + span:before, 
    .DIY_agree_wrap .check_wrap.type_agree .check_agree input[type="checkbox"]:checked + span:before {background-size:21px;}
    .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check {width:42px;}
    .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check:before{width:8px;height:8px;margin:-6px 0 0 -4px}
    .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on {}
    .DIY_agree_wrap .accordion_wrap.accordion_check .accordion_header .btn_acc_check.on:before{margin-top:-2px;border-color:#4868e1;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);}
    .DIY_agree_wrap .accordion_wrap.accordion_check dd > div .accordion_header.on + .accordion_body {padding:15px 24px;background:#fafafa;}

    .req_wrap {padding:44px 25px 0;}
    .req_wrap ul li label input + span {width:100%;min-width:131px;max-width:131px;height:131px;font-weight:700;font-size:1.5rem;}
    .req_wrap ul li label i {width:33px;height:33px;margin:25px auto 26px;}
    .req_wrap ul li label input:checked + span i {margin:24px auto 26px;}
    .req_wrap ul li label i.ico_quick {background-size:33px 33px;}
    .req_wrap ul li label i.ico_online {background-size:33px 33px;}
    .req_wrap p {clear:both;padding-top:26px;margin:0 -25px 5px;}

    /* 설문 */
    .banner_field {padding:25px 0;font-size:1.5rem;}
    .tit_t2 {font-size:2.3rem;}
    .survey_box {padding:30px 0;}
    .survey_box .page_num {margin-bottom:10px;font-size:1.4rem;}
    .survey_box .txt_area {font-size:1.3rem;}
    .survey_box .tit_area > span {margin-top:5px;}
    .survey_box .tit_area .tag {display:block;width:61px;padding:1px 10px;background:#4868e1;margin:0 auto;}
    .cont_box.survey_chk {margin:40px auto 0;}

    .cont_box.col3 > div.rblock {width:50%;}
    .cont_box.survey_chk.col3 > div.rblock:first-child,
    .cont_box.survey_chk.col3 > div.rblock:nth-child(3n+1) {padding-left:4px;}
    .cont_box.survey_chk.col3 > div.rblock:nth-child(3n) {padding:4px;}
    .cont_box.survey_chk > div.rblock label {min-height:77px;}
    .cont_box.survey_chk div.chk_t2 input[type="checkbox"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 14px center / 13px 9px !important;}
    .cont_box.survey_chk div.chk_t2 input[type="checkbox"] + label span.title2 {padding:0 28px;word-break:break-all;line-height:1.3;}
    div.chk_t2 input[type="checkbox"] + label span {font-size:1.5rem;}
    .cont_box.survey_chk div.chk_t2 input[type="radio"]:checked + label {background:#fff url(/pconts/images/common/check_on2.png) no-repeat 14px center / 13px 9px !important;}
    .cont_box.survey_chk div.chk_t2 input[type="radio"] + label span.title2 {padding:0 28px;word-break:break-all;line-height:1.3;}
    div.chk_t2 input[type="radio"] + label span {font-size:1.5rem;}
    
    .survey_box.type01 {padding:25px 0;}
    .survey_box.type01 .page_num, .survey_box.type02 .page_num {margin:0;}
    .survey_box.type01 .tit_area > span, .survey_box.type02 .tit_area > span {margin-top:0;}
    .survey_box.type01 .tit_area .tit_t2 {font-size:2.1rem;}
    .survey_box.type01 .tit_area .font_md01 {font-size:1.5rem;padding-top:5px;}
    .survey_box.type02 {padding:25px 0 44px;}
    .survey_box.type02 .font_md01 {margin-top:5px;line-height:1.53;}
    .tab_cont .survey_box.type01 {padding:24px 0;}
    .DIY_switch {margin-top:25px;}
    .DIY_switch .switch_tit {font-size:1.5rem;}
    .slide_area {margin:15px 0 0;}
    .slide_area > .font_md05 {font-size:1.3rem !important;}
    .airesult_slide {margin:0 20px;margin-top:-6px;}
    .airesult_slide .tit {margin-top:15px;font-size:1.3rem;}
    .DIY_tab_list {margin:20px auto 0;}
    .DIY_tab_list li {display:table-cell;padding:0 15px;text-align:center;}
    .DIY_tab_list li a {font-size:1.6rem;}

    .multi_box.gap70_40 {padding:25px 0 20px;margin-bottom:30px !important;}
    .multi_box.gap80_40 {padding:25px 0 20px;margin-bottom:30px !important;}
    .multi_list {width:100%;overflow:hidden}
    .multi_list ul {width:100%;}
    .multi_list li {margin-right:6px;margin-bottom:6px;width:calc(50% - 3px);float:left;}
    .multi_list li:nth-child(2n) {margin-right:0;}
    .multi_list li .saving_choice span.img_area {height:32px;}
    .multi_list li .saving_choice span.img_area img {width:32px;height:32px;}
    .multi_list li .saving_choice em.mall_type {margin-top:20px;font-size:1.5rem;}
    .multi_list li .saving_choice em.mall_type span {margin-left:10px;padding-right:10px;}
    .multi_list li .saving_choice em.mall_type span:after {width:5px;height:5px;}
    .multi_list li .saving_choice p.mall {margin-top:20px;width:100%;font-size:1.4rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
    .multi_list li .saving_choice div.btn_choice {margin:20px auto 0px;}
    .multi_list li .saving_choice div.btn_choice button {top:10px;width:15px;height:15px;}
    .multi_list li .saving_choice div.btn_choice button:first-child {left:0;background-image:url(/pconts/images/contents/card/btn_minus.png);}
    .multi_list li .saving_choice div.btn_choice p.percentage span {font-size:1.5rem;}
    .multi_list li .saving_choice div.btn_choice p.percentage span:first-child {font-size:2.5rem;}
    .multi_list li.list_checked .saving_choice div.btn_choice p.percentage span {width:12px;}

    .btn_fixed {position:fixed;bottom:20px;left:calc(100% - 75px);width:55px;margin:0;}
    .btn_fixed .btn {width:55px;height:55px;font-size:2.5rem;line-height:55px;}
    .btn_fixed .btn em {font-size:1.5rem;}
    .btn_fixed.pos {position:absolute;bottom:75px;}
    .tab_cont .btn_fixed.pos {left:calc(100% - 55px);}

    .option_area {margin-bottom:30px;padding-bottom:30px;}
    .option_list div.radio_t3 input[type="radio"] + label {padding:27px 22px 27px 53px;width:100%;background:#f2f2f2 url(/pconts/images/contents/card/ico_radioOff.png) no-repeat 22px 50% / 20px 20px;border-radius:10px;}
    .option_list div.radio_t3 input[type="radio"] + label span.txt {font-size:1.5rem;}
    .option_list div.radio_t3 input[type="radio"] + label > span.right .count {line-height:normal;}
    .option_list div.radio_t3 input[type="radio"] + label > span.right .count span {font-size:1.5rem;}
    .option_list div.radio_t3 input[type="radio"] + label > span.right .count span:first-child {font-size:2.5rem;}
    .option_list div.radio_t3 input[type="radio"]:checked + label {background:#fff url(/pconts/images/contents/card/ico_radioOn.png) no-repeat 22px 50% / 20px 20px;}
    .list_title {margin:30px auto 12px;}
    .list_title .list_title_cell {font-size:1.3rem;}
    .list_title .list_title_cell.title {padding-left:80px;}
    .list_title .list_title_cell.count {padding-right:22px;}

    /* 카드디자인 */
    .card_design ul li + li {margin-left:0;}
    .card_design ul li label {width:124px;height:124px;}
    .card_design ul li label input + span {padding-top:79px;font-size:1.5rem;}
    .card_design ul li label input:checked + span:before {left:9px;top:32px;width:16px;height:11px;}
    .card_design ul li.card_type01 label input + span {background:url(/pconts/images/contents/card/card_type01_m.png) no-repeat 39px 28px;background-size:46px 30px;}
    .card_design ul li.card_type02 label input + span {background:url(/pconts/images/contents/card/card_type02_m.png) no-repeat 47px 20px;background-size:30px 46px;}
    .card_design ul li.card_type01 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type01_on_m.png);background-size:46px 30px;}
    .card_design ul li.card_type02 label input:checked + span {background-image:url(/pconts/images/contents/card/card_type02_on_m.png);background-size:30px 46px;}
    .card_design .card_area {padding:10px 0 30px;}
    .card_design .img_area span {width:219px;height:138px;}
    .card_design .img_area span.vertical {width:146px;height:231px;}
    .card_design .img_area span img {border-radius:8px;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.3);}

    /* 멀티멤버쉽 안내 */
    .survey_box .card_area {margin-top:24px;}
    .survey_box .card_area img {width:219px;height:138px;border-radius:8px;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.3);}
    .survey_box .card_area.with_barcode .barcode {position:absolute;left:50%;bottom:-14px;width:170px;height:64px;background:url(/pconts/images/contents/card/barcode_m.png) no-repeat left top;background-size:170px 64px;transform:translateX(-50%);box-shadow:0 10px 19px rgba(0, 0, 0, 0.05);}
    .survey_box .card_area.vertical img{width:146px;height:231px;}
    .contents.bg_gray01 .m_fixed {background:#fafafa;}
    .contents.bg_gray01 .m_fixed::before {background-image:linear-gradient(rgba(250, 250, 250, 0) 0%, rgb(250, 250, 250) 70%, rgb(250, 250, 250) 100%);}
    .survey_box .tit_t2 + .card_area {margin-top:22px;margin-bottom:-14px;}

    /* 최종확인 */
    .result_area {width:auto;margin:25px auto 0;}
    .result_area + .result_area {padding-top:0;}
    .result_area ul {margin-top:26px;}
    .result_area ul li {display:table;height:77px;padding:0 19px;}
    .result_area ul li .img {width:33px;}
    .result_area ul li .img span {width:33px;height:33px;}
    .result_area ul li .td_box {padding-left:15px;padding-right:15px;}
    .result_area ul li .tit {display:block;width:auto;height:auto;padding-left:0;padding-right:0;font-size:1.5rem;line-height:1.3;}
    .result_area ul li .desc {display:block;height:auto;font-size:1.3rem;}
    .result_area ul li .rate {font-size:1.5rem;}
    .result_area ul li .rate span {font-size:2.5rem;}
    .result_area .radio_t3 {height:77px;margin-top:26px;box-shadow:0 10px 19px rgba(0, 0, 0, 0.05);}
    .result_area .radio_t3 input + span {padding:0 20px 0 51px;font-size:1.5rem;line-height:1.4;}
    .result_area .radio_t3 input:checked + span:before {left:22px;top:27px;width:21px;height:21px;}
    .result_area .radio_t3 input:checked + span:after {left:28px;top:33px;width:9px;height:6px;}
    .result_area .radio_t3 .rate{right:19px;font-size:1.5rem;}
    .result_area .radio_t3 .rate span{font-size:2.5rem;}


    /*DIY조회변경*/
    .accordion_header.DIY_service_item button.acc_btn.medium {padding:20px 0 20px 10px;font-size:1.5rem;}
    .accordion_header.DIY_service_item button.acc_btn.medium span.new_badge {padding:3px 8px;font-size:1.3rem;}
    .accordion_header.DIY_service_item button.acc_btn.medium span.f_right.date {padding-right:35px;padding-top:3px;font-size:1.3rem;}
    .accordion_header.DIY_service_item button.acc_btn.medium:after, 
    .accordion_header.DIY_service_item a[role="button"].acc_btn.medium:after {margin-top:-14px;left:calc(100% - 20px);}
    .accordion_header.DIY_service_item button.acc_btn.medium.on:after, 
    .accordion_header.DIY_service_item a[role="button"].acc_btn.medium.on:after {margin-top:-8px;}
    .accordion_header.DIY_service_item button.acc_btn.on, .accordion_header.DIY_service_item a[role="button"].acc_btn.on {border-top: 1px solid #ddd;}
    .accordion_body.DIY_service_cont .area {padding:20px;}
    .accordion_body.DIY_service_cont .area .df_list {margin-bottom:-7px;font-size:1.5rem;}
    .accordion_body.DIY_service_cont .area .gut30_20 {padding-right:10px;}
    /* .accordion_body.DIY_service_cont .area .df_list .item_wrap:first-of-type dt,
    .accordion_body.DIY_service_cont .area .df_list .item_wrap:first-of-type dd {padding-bottom:0px;} */
    .accordion_body.DIY_service_cont .area .df_list .item_wrap:nth-of-type(2) dt,
    .accordion_body.DIY_service_cont .area .df_list .item_wrap:nth-of-type(2) dd {padding-top:0px;}
    .accordion_body.DIY_service_cont .area .df_list .item_wrap dt:nth-of-type(2),
    .accordion_body.DIY_service_cont .area .df_list .item_wrap dd:nth-of-type(2) {padding-top:0px;}

    .multi_ls01 li {float:left;width:50%;padding:6px 0 0 6px;}
    .multi_ls01 li:nth-child(4n-3) {padding-left:6px;}
    .multi_ls01 li:nth-child(odd) {padding-left:0;}
    .multi_ls01 li .saving_choice {height:118px;padding:20px 17px 26px;}
    .multi_ls01 li .saving_choice em.mall_type {font-size:1.5rem;}
    .multi_ls01 li .saving_choice span.img_area {bottom:25px;right:18px;display:block;width:33px;height:33px;}
    .multi_ls01 li .saving_choice span.img_area img {width:33px;height:33px;}
    .multi_ls01 li .saving_choice div.btn_choice p.percentage {margin:20px 0 0 0;}
    .multi_ls01 li .saving_choice div.btn_choice p.percentage span {font-size:1.5rem;}
    .multi_ls01 li .saving_choice div.btn_choice p.percentage span:first-child {font-size:2.4rem;}
    
    .survey_box.type01 .form_type .form_ele.sm {padding-left:0px;}
    .DIY_point dl dt {padding:0 0 15px 0;font-size:1.8rem;}
    .DIY_point dl dd {padding:18px 20px;font-size:1.8rem;}
    .DIY_point .table_wrap table{font-size: 1.5rem;}
    .DIY_point .table_wrap table th, .DIY_point .table_wrap table td{padding: 10px;}
    .DIY_point .table_wrap table .interval span{padding-right: 20px;}

    /* DIY조회변경 - My Pick */
    .serv_article {margin-top:20px;}
    .serv_title {padding:21px 10px 19px;font-weight:700;font-size:1.5rem;}
    .serv_title .badge {min-width:50px;margin-top:-4px;margin-left:6px;padding:0 7px;font-size:1.3rem;line-height:23px;}
    .serv_cont {padding:9px 0 12px;border-top:1px solid #333;}
    .serv_cont dl {width:100%;margin-top:8px;padding:0 19px;font-size:1.5rem;}
    .serv_cont dl dt {width:40%;}
    .serv_cont dl dd {width:60%;padding-left:5px;}

    .accordion_header.DIY_service_item.point button.acc_btn.medium .date {padding-right:20px;font-size:1.3rem;}
    .accordion_header.DIY_service_item.point button.acc_btn.medium .brand {font-size:1.5rem;}
    .accordion_header.DIY_service_item.point button.acc_btn.medium .point {padding-right:40px;font-size:1.5rem;}

    /* DIY조회변경 - 디자인 */
    .card_confirm {margin-top:40px;margin-bottom:26px;}
    .card_confirm .img {width:217px;height:138px;}
    .card_confirm .img.vertical {width:138px;height:217px;/*margin-top:76px;margin-bottom:65px;*/}
    .card_confirm .img img {border-radius:8px;box-shadow:3px 3px 7px rgba(0, 0, 0, 0.3);}
    .card_confirm .card_tit {margin-top:25px;font-size:1.8rem;color:#111;}
    .card_confirm .btn_wrap {margin-top:74px;}

    /*DIY-멀티멤버십*/
    .survey_box.type03 {padding:30px 0;}
    .bacode_area {max-width:100%;width:100%;padding:20px 43px 15px;}
    .bacode_area p.code_number {font-size:1.5rem;}
    .members_card_info {width:100%;margin-bottom:22px;}
    .members_card_info li > a {height:156px;padding:14px;}
    .members_card_info li > a:after {top:14px;right:14px;width:30px;height:30px;background-size:30px;}
    .members_card_info li a.happy_point span.emblem, 
    .members_card_info li a.cu span.emblem, .members_card_info li a.soil span.emblem, .members_card_info li a.cjone span.emblem {background-size:87px;background-position-y:40px;
    height:100%;}
    .members_card_info li span.membership_status {top:14px;left:14px;right:auto;font-size:1.3rem;}

    /* Checked */
    .members_card_info li.checked > a:after {top:24px;width:8px;height:8px;background:none;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
    .members_card_info li.checked a.happy_point span.emblem, .members_card_info li.checked a.cu span.emblem,
    .members_card_info li.checked a.soil span.emblem, .members_card_info li.checked a.cjone span.emblem {background-size:87px;}

    .memtop_sec {width:100%;height:136px;padding-top:30px;}
    .memtop_sec .mem_cont .symbol {width:100px;}
    .memtop_sec .mem_cont .symbol > img {margin-left:20px;}
    .memtop_sec .mem_cont .memb_cdn_act {padding-top:20px;font-size:1.5rem;}

    .membership_area .ly_inner {display:block;height:auto;padding:30px 0;}
    .membership_area.type02 .ly_inner {height:auto;}
    .membership_area .img_logo {width:124px;height:41px;}
    .membership_area.happypoint_type .img_logo, .membership_area.cu_type .img_logo, .membership_area.soil_type .img_logo {padding:0;}
    .membership_area .add_info {margin:14px 0 0;padding-bottom:5px;}
    .membership_area .add_info p {font-size:1.6rem;}
    .membership_area .add_info p em {margin-right:7px;font-size:1.8rem;}
    .membership_area .add_info p.date {font-size:1.3rem;}
    .membership_area .link_area {margin-top:16px;margin-bottom:-3px;}
    .membership_area .link_area .link + .link {margin-left:17px;}
    .membership_area .memb_cdn_act {margin-top:16px;margin-bottom:-3px;padding-bottom:0;font-size:1.5rem;}

    .col120_96 {width:96px;}

    .pop_cont .diy_pop_brand li{width: 33.3%;padding:20px 0 0 0;}
    .pop_cont .diy_pop_brand li > img{width:86px;padding-bottom: 20px;}
    .pop_cont .diy_pop_brand li p{height: 44px;line-height: 1.2;}

    /* 365신속 */
    .area365 {margin-top:30px;margin-bottom:12px;}
    .area365 .inner > p {padding-top:24px;margin-bottom:22px;}
    .area365 .inner .imgBox ul {padding:0px 12.5% 20px 12.5%;} 
    .area365 .inner .imgBox ul li {text-align:center;width:33%;}
    .area365 .inner .imgBox ul li div {float:none;width:100%;height:40px;}
    .area365 .inner .imgBox ul li p {display:block;line-height:1.53;padding-left:0;margin-top:8px;}
    .area365 .inner .imgBox ul li:first-child div {margin-left:0;background-position:center center;background-size:40px;}
    .area365 .inner .imgBox ul li:nth-child(2) div {margin-left:0;background-position:center center;background-size:40px;}
    .area365 .inner .imgBox ul li:last-child div {margin-left:0;background-position:center center;background-size:40px;}

    /* 카드상세 테마파크 */
    .themaPark table tbody tr td{padding: 15px 10px !important;}
    .thematext{display: block;width: 100%;margin-left: 0;text-align: center;}
    .themaImg{display: block;width: 100%;height: 24px; }
    .table_wrap .ever{background: url("/pconts/images/contents/card/detail_everland.png")no-repeat center center;background-size: 56px 24px;}
    .table_wrap .bay{background: url("/pconts/images/contents/card/detail_bay.png")no-repeat center center;background-size: 56px 24px;}
    .table_wrap .lotte{background: url("/pconts/images/contents/card/detail_lotte.png")no-repeat center center;background-size: 56px 24px;}
    .table_wrap .seoul{background: url("/pconts/images/contents/card/detail_seoul.png")no-repeat center center;background-size: 56px 24px;}

    /* 카드상세 지도 api */
    .map_api{width: 100%;height: 270px;}
    .map_api2{width: 100%;height: 251px;}
    
    /* 카드상세 디자인요소 */
    .icon_detailcont_wrap{margin-right:0;}
    .icon_detailcont_wrap .icon_list_detailcont{margin: 0 15px;}
    .icon_detailcont_wrap .icon_list_detailcont li{width: calc(50% - 8px);padding:15px 0 15px;margin-right: 15px;}
    .img_hipas_list{padding-bottom: 20px;}
    .img_hipas_list > li {position: relative;padding: 0 10px;padding-top: 10px;}
    .img_hipas_list > li > img {width: 84px;margin: 8px 8px 6px;}
    .img_hipas_list > li::after {right: -6px;width: 8px;height: 8px;}
    .cardimg_disabled li{width: calc(50% - 5px);}
    .cardimg_disabled li:first-child{margin-right: 10px;}
    .cardimg_disabled li > img{width:100%;padding-bottom: 10px;}

    .card_detail_style{padding: 18px 0px 20px !important;}

    /* 카드상세  4tune 스타일 */
    .table_wrap.type01 .ico_brand{width:41px;height:21px;}
    .table_wrap.type01 .ico_brand img{width:41px;height:21px;}

    /* lady popup */
    .detail_ele .carddetail_name{display: block;float: left; width: 100%; padding:0 0 10px 0;}
    .detail_ele .detail_input_wrap{display: block;width: 100%;}
    
    /* 카드상세 - 부가세 관련 스타일 */
    .cost_box{width: 100%;height: auto;}
    .cost_box > div{display: block;width: 100%;height: auto;font-size: 1.5rem;}
    .cost_box > div p{width: 100%;}
    .cost_box .left_box{position: relative; float: left;margin-right: 0;margin-bottom: 28px;padding-top: 15px;padding-bottom: 15px;}
    .cost_box .left_box:before{top:85px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
    .cost_box .right_box{padding-top:15px;padding-bottom:15px;}
    .cost_box div .first_text{margin-bottom: 3px;}

    /* 카드상세 센터찾기 팝업 스타일 */
    .card_center_list .accordion_header button.acc_btn:after,
    .card_center_list .accordion_header a[role="button"].acc_btn:after {width:20px;height:20px;margin-top:-10px;background-size:6px 4px;}
    .card_center_list{word-break: break-all;}
    .card_center_list dl .card_center_pop{padding: 23px 30px 15px 10px;}
    .card_center_list dl .card_center_pop .center_name{font-size: 1.5rem;margin-bottom: 15px;}
    .card_center_list dl .card_center_pop .center_address{font-size: 1.3rem;}
    .card_center_list dl dd .inner{padding: 0 30px 20px 10px;}
    .center_info_list dl dt{width: 33%;padding-top: 12px;font-size: 1.5rem;}
    .center_info_list dl dd{width: calc(100% - 33%);padding-top: 12px;font-size: 1.5rem;}

    .no_serchbox{width: 100%;border: 0;padding: 0;}
    .no_serchbox > p{width: 100%;padding-top: 40px; font-size: 1.5rem;font-weight: 400;color:#333;text-align: center;}
    .no_serchbox .complete_body.type02{padding-top: 136;background-position: center 36px;}

    /* 카드상세 qr코드 */
    .carddetail_qr_box{display: none;}
    .carddetail_qr_btn{display: block;}

    /* 카드상세 step 스타일 */
    /* 4개일경우 */
    .card_detail_step4 .card_step_box{display: block;position: relative;width: 100%;margin-right: 0px;margin-bottom: 30px;padding: 11px 0;border-radius: 3px;}
    .card_detail_step4 .card_step_box:before{top:54px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
    .card_detail_step4 .card_step_box:nth-child(3){margin-right: 0;}
    .card_detail_step4 .card_step_box:nth-child(4){margin-bottom: 0px;}
    .card_detail_step4 .card_step_box p{font-size: 1.5rem;}

    /* 3개일경우 */
    .card_detail_step3 .card_step_box{display: block;position: relative;width: 100%;margin-right: 0px;margin-bottom: 30px;padding: 11px 0;border-radius: 3px;}
    .card_detail_step3 .card_step_box:before{top:54px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
    .card_detail_step3 .card_step_box:nth-child(2){margin-right: 0;}
    .card_detail_step3 .card_step_box:nth-child(3){margin-bottom: 0px;}
    .card_detail_step3 .card_step_box p{font-size: 1.5rem;}

    /* 요기요 스탭 스타일 */
    .card_detail_yogiyoStep .card_step_box{display: block;position: relative;width: 100%;margin-right: 0px;margin-bottom: 30px;padding: 14px 0;border-radius: 3px;}
    .card_detail_yogiyoStep .card_step_box:before{top:84px;left: 50%;margin: 0 0 0 -4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
    .card_detail_yogiyoStep .card_step_box:nth-child(2){margin-right: 0;}
    .card_detail_yogiyoStep .card_step_box:nth-child(3){margin-bottom: 0px;}
    .card_detail_yogiyoStep .card_step_box .yogiyo_step_title{margin-bottom: 4px;}
    .card_detail_yogiyoStep .card_step_box p{font-size: 1.5rem;}

    /* jyp 디자인 선택 스타일 */
    .card_design_jyp_wrap .cd_item{width: 100%;}
    .card_design_jyp_wrap .cd_item label[for="card_design02"]{margin-left: 0px;}
    .card_design_jyp_wrap .cd_item + .cd_item {margin-top: 40px;}
    .card_design_jyp_wrap .cd_item + .cd_item +.cd_item +.cd_item{margin-left: 0px;}
    .card_design_jyp_wrap label{display:inline-block;width: 100%;}
    .card_design_jyp_wrap label .img{width:100%;height:220px;text-align: center;}
    .card_design_jyp_wrap label .img img{width:138px;height:220px;border-radius:13px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
    .card_design_jyp_wrap label input[type="radio"] + span{display:block;margin-right:-10px;font-size:1.6rem;}
    
    /* The PREMIER GOLD EDITION 스타일 */
    .card_premier_gold_edition_detail {border-radius:10px;}
    .card_premier_gold_edition_detail .title {font-size:14px;}
    .card_premier_gold_edition_detail .sub_title {font-size:11px;}
    .card_premier_gold_edition_detail .text {font-size:13px;}
    .card_premier_gold_edition_detail.overview {padding:45px 0 47px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_overview_M.png');text-align:center;background-size:contain;}
    .card_premier_gold_edition_detail.overview .title {margin:4px 0 10px;}
    .card_premier_gold_edition_detail.card .card1 {padding:40px 25px 0px;background-image:url('/pconts/images/contents/card/img_the_premier_gold_edition_card_bg_M.png');background-size:contain;background-repeat:no-repeat;background-position:50% 0;}
    .card_premier_gold_edition_detail.card .title {margin:0px 0 16px;}
    .card_premier_gold_edition_detail.card .card1 .text_area {display:block;padding-bottom:35px;padding-left:0px;margin-bottom:40px;}
    .card_premier_gold_edition_detail.card .card2 {padding:0px 0 20px;}
    .card_premier_gold_edition_detail.card .card2 ul {text-align:center;font-size:0;}
    .card_premier_gold_edition_detail.card .card2 ul li {display:inline-block;max-width:155px;width:48%;margin:0 26%;}
    .card_premier_gold_edition_detail.card .card2 ul li img {width:100%;}
    .card_premier_gold_edition_detail.card .card2 ul li .card_type {margin-top:9px;margin-bottom:24px;font-size:13px;}

    /* CJ ONE 포인트 더블적립 스타일 */
    .card_benefit_cj_point {margin-right:0px;}
    .card_benefit_cj_point .cj_point_list li {width:50%;padding:0;text-align:center;}
    .card_benefit_cj_point .cj_point_list li .brand_box{padding:8px 8px 10px;}
    .card_benefit_cj_point .cj_point_list li:nth-child(odd){padding: 5px 5px 5px 0;}
    .card_benefit_cj_point .cj_point_list li:nth-child(even){padding: 5px 0 5px 5px;}
    .card_benefit_cj_point .cj_point_list li:nth-child(1){padding: 0px 5px 5px 0;}
    .card_benefit_cj_point .cj_point_list li:nth-child(2){padding: 0px 0 5px 5px;}
    .card_benefit_cj_point .cj_point_list li .logo {width:100%;height:40px;background-size: 133px 40px;}
    .card_benefit_cj_point .cj_point_list .brand {font-size:12px;line-height:12px;}

    /* 카드상세 미래에셋 은행계좌 리스트 스타일 */
    .card_detail_bank_list li{width: 50%; padding: 0;}
    .card_detail_bank_list li:nth-child(odd){padding: 5px 5px 5px 0;}
    .card_detail_bank_list li:nth-child(even){padding: 5px 0 5px 5px;}
    .card_detail_bank_list li:nth-child(1){padding: 0px 5px 5px 0;}
    .card_detail_bank_list li:nth-child(2){padding: 0px 0 5px 5px;}
    .card_detail_bank_list li .bank_img_box{width: 100%;height: 55px;padding: 7px 10px;}
    .card_detail_bank_list li .mirae{background-size: 128px 40px;}
    .card_detail_bank_list li .woori{background-size: 128px 40px;}
    .card_detail_bank_list li .keb{background-size: 128px 40px;}
    .card_detail_bank_list li .cs{background-size: 128px 40px;}
    .card_detail_bank_list li .post{background-size: 128px 40px;}
    .card_detail_bank_list li .ibk{background-size: 128px 40px;}
    .card_detail_bank_list li .bnk{background-size: 128px 40px;}
    .card_detail_bank_list li .saemaeul{background-size: 128px 40px;}
    .card_detail_bank_list li .citi{background-size: 128px 40px;}

    /* 카드상세 JYP EMD 체크 스타일 */
    .jyp_card_list{padding: 0;}    
    .jyp_card_list li{width: 50%;margin-left: 0;}
    .jyp_card_list li:nth-child(3){margin-top: 25px;}
    .jyp_card_list li:nth-child(4){margin-top: 25px;}
    .jyp_card_list li:nth-child(even){padding-left: 10px;}
    .jyp_card_list li > span{margin-bottom: 14px;}
    .jyp_card_list li > span img{width: 98px;height: 155px;}
    .jyp_card_list li > p{font-size: 1.3rem;margin-bottom: 10px;}
    .jyp_card_list li > p{font-size: 1.3rem;margin-bottom: 10px;}
    .jyp_card_list li .btn_wrap .btn_link{min-width: 129px;}

    /* 카드상세 딥에코 카드 디자인 스타일 */
    .deep_eco_card_list{padding: 0;}
    .deep_eco_card_list li{display: block;width: 100%;}
    .deep_eco_card_list li > p{font-size:1.5rem;margin-bottom: 11px;}
    .deep_eco_card_list li  .img_front > img{width: 98px;height: 155px;}
    .deep_eco_card_list li  .img_back {width: calc(100% - 138px);}
    .deep_eco_card_list li  .img_back > img{width: 98px;height: 155px;}
    .deep_eco_card_list li  .img_back p{margin-top:11px;font-size: 1.3rem;}
    .deep_eco_card_list li:nth-child(2){margin-left: 0;margin-top: 22px;}
    .deep_eco_card_list li:nth-child(3){margin-top: 22px;}

    /* 카드상세 s-line check 미니언즈 스타일 */
    .sLineCheck_design_wrap{width: 100%;padding: 0;}
    .sLineCheck_design_wrap .vertical_box{display: block;float: none;width: 100%;border:0;}
    .sLineCheck_design_wrap .design_list li{display: inline-block;float: left;margin-right: 0;}
    .sLineCheck_design_wrap .design_list li:first-child{margin-right: 41px;}
    .sLineCheck_design_wrap .design_list li:last-child{width: calc(100% - 148px);}
    .sLineCheck_design_wrap .design_list li > span img{width: 98px;height: 155px;}
    .sLineCheck_design_wrap .design_list li p{margin-top: 11px;font-size: 1.3rem;}
    .sLineCheck_design_wrap .horizental_box{display: block;padding: 36px 0 0 0;}
    .sLineCheck_design_wrap .horizental_box span img{width: 155px;height: 98px;}
    .sLineCheck_design_wrap .horizental_box p{margin-top: 11px;font-size: 1.3rem;}

    /* 카드상세 the ace blue 스타일 */
    .card_img_box{width: calc(50% - 5px);padding: 0;}
    .card_img_box span img{width: 100%;}
    .card_img_box p{font-size:1.5rem;}
    .m_pdr10{margin-right: 10px;}

    /* 내게맞는 카드찾기 > 찾아드림 연회비 스타일 추가 */
    .annualSelect{display: block;width: calc(100% + 40px);;margin: 0 -20px 0;}
    .annualSelect .box{width: 50%;}
    .annualSelect .box.mgr{margin-left: 0px;}
    .annualSelect .box .select_wrap{width: calc(100% - 10px);float: left;}
    .annualSelect .box.mgr .select_wrap{float: right;}
    .annualSelect .box .select_wrap label{float: none; width: 100%;margin-bottom: 10px;margin-right: 0px ;line-height: inherit;}
    .annualSelect .box .select_wrap .ui_select{width: 100%;}
}

@media only screen and (max-width:1000px) {

}

@media only screen and (max-width:760px) {

}

@media only screen and (max-width:375px) {

}

.pay_select {clear:both; padding-top:20px;}
.pay_t {padding-top:14px;}
.date_swipe_wrap .switch .slider::before {background:#4868e1 url("/pconts/images/contents/mypage/cel_f.png") no-repeat 50% 50%;}
.date_swipe_wrap .switch .slider {background:#eee url("/pconts/images/contents/mypage/list_b.png") no-repeat 72px 50%;}
.date_swipe_wrap .switch input:checked + .slider {background:#eee url("/pconts/images/contents/mypage/cel_b.png") no-repeat 17px 50%;}
.date_swipe_wrap .switch input:checked + .slider::before {background:#4868e1 url("/pconts/images/contents/mypage/list_f.png") no-repeat 17px 50%;}