@charset "utf-8";
/* My Tops Club */
.expend_wrap.bg_topsbg::before {background-color:#f4f1ea; background-color:rgba(242, 241, 234, 1.0)}
.topsgrad_wrap {display:flex; flex-wrap:wrap; justify-content:space-between; padding:30px 0;}
.topsgrad_wrap .gradeinfo {flex:1; position:relative; margin:0 20px;}
.topsgrad_wrap .gradeinfo .calc_view {display:table; margin:0 auto; padding:20px 0;}
.topsgrad_wrap .gradeinfo .calc_view dl {float:left; display:block; width:126px; height:126px; border-radius:50%; overflow:hidden;}
.topsgrad_wrap .gradeinfo .calc_view dl dt {display:block; height:45%; padding:35px 0 0 0; font-size:16px; color:#fff; background-color:#8d743a; text-align:center;}
.topsgrad_wrap .gradeinfo .calc_view dl dd {display:block; height:55%; padding:0; font-size:24px; font-weight:700; color:#fff; background-color:#8d743a; text-align:center;}
.topsgrad_wrap .gradeinfo .calc_view dl + dl {margin-left:75px;}
.topsgrad_wrap .gradeinfo .calc_txt {margin:0 auto; text-align:center;}
.topsgrad_wrap .gradeinfo .calc_txt p {font-size:16px;}
.topsgrad_wrap .gradeinfo .calc_txt p span {color:#8d743a; font-weight:700;}
.topsgrad_wrap .gradeinfo .calc_txt .turm {margin-top:10px;}
.topsgrad_wrap .gradeinfo .btn_wrap {position: absolute; right:0; bottom:0;}
.topsgrad_wrap .gradeview {flex:1; margin:0 20px; background:#fff; padding:19px 38px; border-radius:10px; box-shadow:2px 2px 22px -2px rgba(51, 51, 51, 0.17);}
.topsgrad_wrap .gradeview > .title {display:block; font-size:18px; color:#333; font-weight:700;}
.topsgrad_wrap .gradeview > .txt {font-size:13px; color:#111;}
.topsgrad_wrap .gradeview .js_animate_won .txt {transition-duration:0.6s !important;}

.myshgrade_wrap {display:block; position:relative; margin:0 auto; padding:0; margin-top:30px; border-radius:8px; border:solid #ddd 1px;}
.myshgrade_wrap .myshgrade_info {display:block; position:relative; margin:0; padding:30px 70px 27px 40px; background-color:#fafafa; border-radius:8px 8px 0 0;}
.myshgrade_wrap .myshgrade_info .title {display:block; position:relative; margin:0 0 3px 0; padding:0; font-size:20px; color:#333; font-weight:700;}
.myshgrade_wrap .myshgrade_info .txt {display:block; position:relative; margin:0; padding:0; font-size:18px; color:#111;}
.myshgrade_wrap .myshgrade_info .txt strong {color:#8d743a; font-weight:400;}
.myshgrade_wrap .detail_toggle {display:block; position:absolute; right:30px; top:44px; width:30px; height:30px; font-size:1px; color:transparent;}
.myshgrade_wrap .detail_toggle::after {content:''; display:block; position:absolute; left:10px; top:5px; width:11px; height:11px; border-bottom:solid #444 2px; border-right:solid #444 2px; transform:rotate(45deg);}
.myshgrade_wrap .detail_toggle.on::after {transform:rotate(-135deg); top:10px;}
.myshgrade_chart_list {position:relative; width:370px; margin-top:10px;}
.myshgrade_bar {display:table; position:relative; width:100%;}
.myshgrade_bar dl {display:table; position:relative; width:100%; margin:0 0 3px 0; padding:0}
.myshgrade_bar dt {float:left; display:inline-block; position:relative; margin:0; padding:0; color:#333; font-size:16px;}
.myshgrade_bar dd.grade {float:left; display:inline-block; position:relative; top:2px; margin:0; padding:0 0 0 10px; font-size:13px;}
.myshgrade_bar dd.point {display:inline-block; position:absolute; right:-40px; top:14px; margin:0; padding:0; font-size:20px; font-weight:700; text-align:right;}
.myshgrade_bar + .myshgrade_bar {margin-top:15px;}
.shg_bargraph {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; height:13px; margin:0; padding:0; border-radius:2px; overflow:hidden;background-color:#e1e1e1;}
.shg_bargraph span {flex:1; display:block; position:relative; z-index:2; margin:0; padding:0; background-color:transparent;}
.shg_bargraph span::after {content:''; display:block; position:absolute; z-index:1; right:-1px; top:0; width:1px; height:100%; background-color:#cacaca;}
.shg_bargraph::after {content:''; display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#4e5b68; transform:translateX(0);}
.shg_bargraph.star01::after {animation:barGraphStar01 0.2s 0.6s ease forwards;}
.shg_bargraph.star02::after {animation:barGraphStar02 0.4s 0.6s ease forwards;}
.shg_bargraph.star03::after {animation:barGraphStar03 0.6s 0.6s ease forwards;}
.shg_bargraph.star04::after {animation:barGraphStar04 0.8s 0.6s ease forwards;}
.shg_bargraph.star05::after {animation:barGraphStar05 1.0s 0.6s ease forwards;}
.group_tops .shg_bargraph::after {background-color:#8d743a;}
@keyframes barGraphStar01 { from { transform:translateX(0%); } to { transform:translateX(20%); } }
@keyframes barGraphStar02 { from { transform:translateX(0%); } to { transform:translateX(40%); } }
@keyframes barGraphStar03 { from { transform:translateX(0%); } to { transform:translateX(60%); } }
@keyframes barGraphStar04 { from { transform:translateX(0%); } to { transform:translateX(80%); } }
@keyframes barGraphStar05 { from { transform:translateX(0%); } to { transform:translateX(100%); } }
/*
.shg_bargraph.star01 span:nth-child(1),
.shg_bargraph.star02 span:nth-child(1), .shg_bargraph.star02 span:nth-child(2),
.shg_bargraph.star03 span:nth-child(1), .shg_bargraph.star03 span:nth-child(2), .shg_bargraph.star03 span:nth-child(3),
.shg_bargraph.star04 span:nth-child(1), .shg_bargraph.star04 span:nth-child(2), .shg_bargraph.star04 span:nth-child(3), .shg_bargraph.star04 span:nth-child(4),
.shg_bargraph.star05 span:nth-child(1), .shg_bargraph.star05 span:nth-child(2), .shg_bargraph.star05 span:nth-child(3), .shg_bargraph.star05 span:nth-child(4), .shg_bargraph.star05 span:nth-child(5)
{background-color:#4e5b68;}
.shg_bargraph.star01 span:nth-child(1)::after,
.shg_bargraph.star02 span:nth-child(1)::after, .shg_bargraph.star02 span:nth-child(2)::after,
.shg_bargraph.star03 span:nth-child(1)::after, .shg_bargraph.star03 span:nth-child(2)::after, .shg_bargraph.star03 span:nth-child(3)::after,
.shg_bargraph.star04 span:nth-child(1)::after, .shg_bargraph.star04 span:nth-child(2)::after, .shg_bargraph.star04 span:nth-child(3)::after, .shg_bargraph.star04 span:nth-child(4)::after,
.shg_bargraph.star05 span:nth-child(1)::after, .shg_bargraph.star05 span:nth-child(2)::after, .shg_bargraph.star05 span:nth-child(3)::after, .shg_bargraph.star05 span:nth-child(4)::after, .shg_bargraph.star05 span:nth-child(5)::after 
{background-color:#ccc;}
.group_tops .shg_bargraph.star01 span:nth-child(1),
.group_tops .shg_bargraph.star02 span:nth-child(1), .group_tops .shg_bargraph.star02 span:nth-child(2),
.group_tops .shg_bargraph.star03 span:nth-child(1), .group_tops .shg_bargraph.star03 span:nth-child(2), .group_tops .shg_bargraph.star03 span:nth-child(3),
.group_tops .shg_bargraph.star04 span:nth-child(1), .group_tops .shg_bargraph.star04 span:nth-child(2), .group_tops .shg_bargraph.star04 span:nth-child(3), .group_tops .shg_bargraph.star04 span:nth-child(4),
.group_tops .shg_bargraph.star05 span:nth-child(1), .group_tops .shg_bargraph.star05 span:nth-child(2), .group_tops .shg_bargraph.star05 span:nth-child(3), .group_tops .shg_bargraph.star05 span:nth-child(4), .group_tops .shg_bargraph.star05 span:nth-child(5)
{background-color:#8d743a;}
.group_tops .shg_bargraph.star01 span:nth-child(1)::after,
.group_tops .shg_bargraph.star02 span:nth-child(1)::after, .group_tops .shg_bargraph.star02 span:nth-child(2)::after,
.group_tops .shg_bargraph.star03 span:nth-child(1)::after, .group_tops .shg_bargraph.star03 span:nth-child(2)::after, .group_tops .shg_bargraph.star03 span:nth-child(3)::after,
.group_tops .shg_bargraph.star04 span:nth-child(1)::after, .group_tops .shg_bargraph.star04 span:nth-child(2)::after, .group_tops .shg_bargraph.star04 span:nth-child(3)::after, .group_tops .shg_bargraph.star04 span:nth-child(4)::after,
.group_tops .shg_bargraph.star05 span:nth-child(1)::after, .group_tops .shg_bargraph.star05 span:nth-child(2)::after, .group_tops .shg_bargraph.star05 span:nth-child(3)::after, .group_tops .shg_bargraph.star05 span:nth-child(4)::after, .group_tops .shg_bargraph.star05 span:nth-child(5)::after 
{background-color:#7f6834;}
*/
.special_txt, .premium_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt{display:inline-block; min-width:72px; min-height:20px; font-size:13px; font-weight:700; text-align:center; border-radius:10px; background:#fff; padding:0 10px; margin-right:8px; vertical-align:top;}
.special_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt{color:#8d743a; border:1px solid #8d743a;}
.premium_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt{color:#111; border:1px solid #111;}
.premium_coupon_list .coupon_conts .txt_area .special_txt{width:82px; margin:0 0 0 5px;}
.premium_coupon_list .coupon_conts .txt_area .premium_txt{width:82px; margin:0 0 0 5px;}
.shg_bargraph span:last-child::after {display:none;}
.myshgrade .shg_bargraph {margin-bottom:5px;}

.pluse_target {position:relative; display:block; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); margin-top:0; margin-bottom:0; padding:0; background-color:#2c2121;}
.pluse_target::before {content:''; display:block; position:absolute; z-index:0; left:calc(-50vw + 50%); top:0; width:100vw; height:70px;}
.pluse_target > a {display:block; width:980px; height:70px; margin:0 auto; padding:0; text-align:right; background:url('/pconts/images/contents/topsclub/bg_topsgrade.png') no-repeat top right; background-size:auto 70px;}
.pluse_target > a span {position:relative; display:inline-block; color:#fff; font-size:18px; font-weight:700; margin:20px 300px 0 0;}
.pluse_target > a span > em {color:#e9d2af;}
.pluse_target > a span::after {content:''; display:block; position:absolute; right:-14px; top:calc(50% - 5px); width:9px; height:9px; border-top:solid #fff 1px; border-right:solid #fff 1px; transform: rotate(45deg);}

.card_activity_wrap {display:block; position:relative; margin:60px 0; padding:0;}
.card_activity_wrap .crown_message {display:block; position:relative; margin:0 0 30px 0; padding:20px 0 0 0; border-top:solid #ddd 1px;}
.crown_message dl {display:table; position:relative; min-height:32px; margin:0 0 20px 0; padding:0 0 0 43px;}
.crown_message dl::before {content:''; display:block; position:absolute; left:0; top:-4px; width:40px; height:30px; background:url(/pconts/images/contents/topsclub/card_crown.png) no-repeat 50%; background-size:cover;}
.crown_message dl dt {display:table-cell; position:relative; margin:0; padding:0 11px 0 10px; font-size:18px;}
.crown_message dl dt::after {content:''; display:block; position:absolute; right:0; top:5px; width:1px; height:16px; background-color:#111;}
.crown_message dl dd {display:table-cell; position:relative; margin:0; padding:0 0 0 11px; font-size:18px; color:#8d743a; font-weight:700;}
.crown_message p {display:block; position:relative; margin:0; padding:0; font-size:16px; color:#333; line-height:1.5;}
.crown_message p .point {font-size:28px; font-weight:700; line-height:1.2}

.card_activity_wrap .card_activity {display:block; position:relative; margin:0 0 20px 0; padding:160px 0 45px 0;}
.card_activity .card_activity_chart {display:table; position:relative; width:530px; height:16px; margin:0 auto; padding:0; background-color:#ddd; border-radius:8px;}
.card_activity .card_activity_chart .chrt_position {display:block; position:absolute; left:0; top:0; height:16px; min-width:5%;background-color:#8d743a; border-radius:8px;}
.card_activity .card_activity_chart .jumpUp {position:absolute; left:50%; transform:translateX(-50%); top:-170px; width:250px; padding:5px 22px 5px 12px; text-align:center; border-radius:4px; background:#333; color:#fff; font-size:13px;}
.card_activity .card_activity_chart .jumpUp::before {content:''; position:absolute; bottom:-6px; left:50%; z-index:5; width:12px; height:6px; background:url(/pconts/images/contents/mypage/tooltip_arr.png) no-repeat; transform:translateX(-50%); }
.card_activity .card_activity_chart .jumpUp::after {content:'';display:block; position:absolute;top:10px;right:12px;width:8px;height:8px;border:1px solid #fff; border-right:0;border-bottom:0;transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);}
.card_activity .card_activity_chart .chrt_position .complete_body {padding:0;}
.card_activity .card_activity_chart .chrt_position .complete_body.ani_ico {position:absolute; right:40px;}
.card_activity .card_activity_chart .chrt_position .tooltip.pcuse {position:absolute; right:-90px; top:-170px;}
/* .card_activity .tooltip.mouse {display:none;} */
.card_activity ol {display:table; position:relative; width:100%; margin:0 auto; padding:0;}
.card_activity ol li {float:left; display:block; position:relative; height:16px; width:30%; margin:0; padding:0;}
.card_activity ol li.gn01 {width:20%;}
.card_activity ol li.gn04 {width:20%;}
.card_activity ol li span {display:inline-block; position:absolute; width:100%; top:30px; text-align:center;}
.card_activity ol li span strong {display:block; font-weight:700;}
.card_activity ol li::after {content:''; display:block; position:absolute; left:calc(50% - 16px); top:-8px; width:32px; height:32px; border:solid #ddd 6px; background-color:#FFF; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.3); border-radius:50%;}
.card_activity ol.grade01 .gn01 {background-color:#8d743a; border-radius:8px;}
.card_activity ol.grade02 .gn02,
.card_activity ol.grade03 .gn03 {border-radius:0 8px 8px 0;}
.card_activity ol.grade01 .gn01::after,
.card_activity ol.grade02 .gn01::after, .card_activity ol.grade02 .gn02::after,
.card_activity ol.grade03 .gn01::after, .card_activity ol.grade03 .gn02::after, .card_activity ol.grade03 .gn03::after,
.card_activity ol.grade04 .gn01::after, .card_activity ol.grade04 .gn02::after, .card_activity ol.grade04 .gn03::after, .card_activity ol.grade04 .gn04::after {border-color:#8d743a;}
.card_activity ol.grade01 .gn01::before, .card_activity ol.grade02 .gn02::before, .card_activity ol.grade03 .gn03::before,.card_activity ol.grade04 .gn04::before {display:block;}

.grade_active_next .accordion_header button span.points,
.grade_activity_my .accordion_header button span.points {color:#8d743a !important;}
.grade_activity_my .accordion_body {background-color:#f6f6f6; padding:40px 20px;}
.grade_activity_my .detail_list {display:table; position:relative; margin:0 auto 20px auto; padding:0;}
.grade_activity_my .detail_list dl {float:left; display:block; position:relative; width:185px; margin:0; padding:0;}
.grade_activity_my .detail_list dl::before {content:''; display:block; position:relative; width:80px; height:80px; margin:0 auto 10px auto; padding:0; background-color:#fff; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:50px auto;}
.grade_activity_my .detail_list dl.sect01::before {background-image:url(/pconts/images/contents/topsclub/ico_topsgrade01.png);}
.grade_activity_my .detail_list dl.sect02::before {background-image:url(/pconts/images/contents/topsclub/ico_topsgrade02.png);}
.grade_activity_my .detail_list dl.sect03::before {background-image:url(/pconts/images/contents/topsclub/ico_topsgrade03.png);}


.grade_activity_my .detail_list dt {display:table; position:relative; width:100%; height:48px; margin:0; padding:0;}
.grade_activity_my .detail_list dt p {display:table-cell; position:relative; margin:0; padding:0; font-size:18px; text-align:center; vertical-align:middle; line-height:1.3;}
.grade_activity_my .detail_list dt p span {display:block; position:relatvie; font-size:15px;}
.grade_activity_my .detail_list dd {display:block; position:relative; margin:3px 0 0 0; padding:0; text-align:center;}
.grade_activity_my .detail_list dd span {font-size:20px; color:#8d743a; font-weight:700;}

.grade_active_next .accordion_body {background-color:#f6f6f6; padding:40px 20px;}
.grade_active_next .grid_wrap {display:table; position:relative; width:100%; margin:0; padding:0;}
.grid_wrap .active_group {float:left; display:block; position:relative; margin:0; padding:0}
.grid_wrap .active_group.card, .grid_wrap .active_group.finance {width:50%;}
.grid_wrap .active_group.benefit {width:100%; margin-top:40px;}
.active_detail {display:table; position:relative; width:100%; margin:0; padding:0}
.active_detail dl {float:left; display:block; position:relative; width:90px; margin:0; padding:100px 0 0 0;}
.active_detail dl dt {display:block; position:relative; height:47px; margin:0; padding:0; text-align:center; font-weight:700; color:#333;}
.active_detail dl dt span {display:block; font-weight:400; color:#111;}
.active_detail dl dd {display:block; position:relative; margin:0 -10px; text-align:center;}
.active_detail dl dd.point {position:absolute; left:0; top:0; width:90px; height:90px; margin:0;border-radius:45px; line-height:90px; color:#FFF; border:none; font-size:15px;}
.active_detail dl dd.point span {font-size:20px; font-weight: 700}
.active_group.card .active_detail .point {background-color:#8d743a;}
.active_group.finance .active_detail dl + dl {margin-left:60px;}
.active_group.finance .active_detail .point {background-color:#081350;}
.active_group.benefit .active_detail dl + dl {margin-left:30px;}
.active_group.benefit .active_detail .point {background-color:#4e5b68;}
.active_group .active_detail dl.disable .point {background-color:#bebebe;}
.grid_wrap+ .btn_wrap {margin-top:24px;}

.mytops_service {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:60px 0; padding:0; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.mytops_service .finance_service {margin-right:25px; padding:0; width:calc(50% - 25px);}
.mytops_service .finance_service .h_wrap, .mytops_service .premium_service .h_wrap{position:relative; border-bottom:1px solid #ddd; margin-bottom:10px;}
.mytops_service .finance_service .text_link, .mytops_service .premium_service .text_link {position:absolute; right:0px; top:6px; color:#333;}
.mytops_service .finance_service .marker_dot strong {color:#333;}
.mytops_service .finance_service .marker_dot li {position:relative; max-width:90%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; height:25px;}
.mytops_service .premium_service {margin-left:25px; padding:0; width:calc(50% - 25px);}
.mytops_service .premium_service .h_title24 {display:block;}
.mytops_service .premium_service .h_title {margin-top:0px; margin-bottom:10px;}
.mytops_service .premium_service .marker_dot li {display:block; padding-right:70px;}
.mytops_service .premium_service .marker_dot li span {position:relative; max-width:90%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.mytops_service .marker_dot + p{margin-top:25px;}
.mytops_service .premium_service .marker_dot .badge {display:inline-block; position:absolute; width:initial; right:0; top:0; height:22px; line-height:22px; margin:0; padding:0 10px; border-radius:11px; color:#FFF; font-weight:700; font-size:13px;}
.mytops_service .premium_service .marker_dot .badge.select {background-color:#999;}
.mytops_service .premium_service .marker_dot .badge.check {background-color:#8d743a;}
.mytops_service .premium_service .marker_dot li.no_data {padding-right:0; height:70px; line-height:70px; text-align:center;}
.mytops_service .premium_service .marker_dot li.no_data::before {display:none;}
.mytops_service .premium_service .btn_wrap {margin-top:20px;}
.mytops_wrap .accordion_body .area .marker_refer > li{font-size:15px;}
.title_linked {display:inline-block; padding-right:20px;}
.title_linked::after {content:''; display:block; position:absolute; right:2px; top:calc(50% - 6px); width:10px; height:10px; border-top:solid #111 2px; border-right:solid #111 2px; transform:rotate(45deg);}

.mytops_banner {display:block; position:relative; margin:0 0 60px 0; padding:0;}
.mytops_banner > a {display:block; position:relative; height:150px; margin:0; padding:30px 38px 20px 38px; border:solid #ddd 1px; border-radius:8px;}
.mytops_banner .tops_banner_title {display:block; position:relative; margin:0; padding:0; font-size:24px; font-weight:700; color:#333; line-height:1.2;}
.mytops_banner .tops_banner_txt {display:block; position:relative; margin:0; padding:0; font-size:16px; font-weight:700; color:#333;}
.mytops_banner .tops_banner_img {display:block; position:absolute; width:170px; margin:0; padding:0; right:40px; top:20px;}
.mytops_banner .tops_banner_img img {display:block; width:100%;}

.pop_grade_point {display:block;position:relative; margin:20px 0; padding:0;}
.pop_grade_point img {display:block; width:100%;}

.table_wrap.pop_table_grade_point table tfoot th {background-color:#FFF !important; font-weight:700; border-right:none;}
.table_wrap.pop_table_grade_point table tfoot td {background-color:#FFF; font-weight:700; border-left:none;}

/* Tops Club 안내 */
.insti_graph img {width:320px;}
.line_type0 {line-height:1.2;} /*모바일 => 1.3*/
.grade_graph img {width:320px;}
.point_area {display:inline-block; width:10px; height:10px; border-radius:5px; background-color:#333;}
.grade_list li {position:relative;margin-right:10px; float:left; width:320px; height:100px; padding:20px 10px 20px 115px; border:1px solid #ddd; border-radius:10px;}
.grade_list li:before {content:'';display:inline-block;position:absolute;top:15px;left:23px;width:70px;height:70px;background-color:#f6f6f6;border-radius:50%;}
.grade_list li:after {content:'';display:inline-block;position:absolute;top:15px;left:23px;width:70px;height:70px;}
.grade_list li:last-child {margin-right:0;}
.grade_list li p {line-height:1.2;}
.grade_list li p + p {margin-top:7px;}
.grade_list .list0:after {background:url(/pconts/images/contents/topsclub/guide/img_grade_thumb0.png) no-repeat center;background-size:50px;}
.grade_list .list1:after {background:url(/pconts/images/contents/topsclub/guide/img_grade_thumb1.png) no-repeat center;background-size:50px;}
.grade_list .list2:after {background:url(/pconts/images/contents/topsclub/guide/img_grade_thumb2.png) no-repeat center;background-size:50px;}
.graph_box {padding-left:20px; background:url(/pconts/images/contents/topsclub/guide/img_grade_card_graph_box.jpg) no-repeat 0 3px / 10px auto;}
.table_both_area {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.table_both_area > div.left,
.table_both_area > div.right {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;width:40%}
.table_both_area .ar {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;width:20%;}
.table_both_area .ar .ar_area {display:table; width:100%; height:100%; text-align:center; background:url(/pconts/images/contents/topsclub/guide/bg_faq.png) no-repeat 50% calc(50% + 30px);}
.table_both_area .ar .ar_area > span {display:table-cell;vertical-align:middle; }

.ex_check {display:flex; flex-wrap:wrap; justify-content:center;}
.ex_check .check_on,
.ex_check .check_off {position: relative; padding-left:33px; line-height:28px; margin:0 10px; min-width:70px; text-align:left;}
.ex_check .check_on::before {content:''; position:absolute; left:0; top:0; width:26px; height:26px; background:url('/pconts/images/icon/ico_check_on.png') no-repeat; background-size:26px auto;}
.ex_check .check_off::before {content:''; position:absolute; left:0; top:0; width:26px; height:26px; background:url('/pconts/images/icon/ico_check_off.png') no-repeat; background-size:26px auto;}

/* Topsclub 단기카드대출 서비스 안내 */
.topsClub_service .h_wrap .h_title{font-size:24px; color:#111;}
.topsClub_service .highlighter_lg{background-color:#ddd5c4;}
.topsClub_service .content_heading .title .head_mid_txt{font-size:48px;} 
.topsClub_service .content_heading .title .head_bot_txt{font-size:36px;} 
.topsClub_service .cert_merit ul li {height:239px; padding-top:140px;}
.topsClub_service .cert_merit ul li .merit.icon01{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub01.png) no-repeat center; background-size:50px;}
.topsClub_service .cert_merit ul li .merit.icon02{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub02.png) no-repeat center; background-size:50px;}
.topsClub_service .cert_merit ul li .merit.icon03{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub03.png) no-repeat center; background-size:50px;}
.topsClub_service .cert_merit ul li .merit.icon04{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub04.png) no-repeat center; background-size:50px;}
.topsClub_service .cert_merit ul li .merit.icon05{background:#fcf6ed url(/pconts/images/contents/customer/ico_topclub05.png) no-repeat center; background-size:50px;}
.topsClub_service .cert_merit.two_cert_merit ul li{width:479px;}
/* Tops 프리미엄 쿠폰 */
.topsclub_premium_swiper {position:relative;width:100%;margin:0 auto 0;}
.topsclub_premium_swiper .swiper-container {height:auto !important;border:0 !important;  background:#c8c8c8;}
.topsclub_premium_swiper .swiper-slide {text-align:center;}
.topsclub_premium_swiper .img img {display:block; width:100%;}
.topsclub_premium_swiper .img span {display:block; text-align:center; color:#fff; font-size:30px; font-weight:700;}
.topsclub_premium_swiper [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:46px;height:58px;z-index:10;overflow:hidden; background-color:rgba(0, 0, 0, 0.5);}
.topsclub_premium_swiper [class^='nav-button']::before {content:"";position:absolute;width:18px;height:18px;border:solid #fff; border-width:3px 3px 0 0;}
.topsclub_premium_swiper .nav-button-prev {left:1px;}
.topsclub_premium_swiper .nav-button-next {right:1px;}
.topsclub_premium_swiper .nav-button-prev::before {left:17px; top:20px; transform: rotate(-135deg);}
.topsclub_premium_swiper .nav-button-next::before {left:10px; top:20px; transform: rotate(45deg);}
.topsclub_premium_swiper .swiper-controls {position:absolute; right:30px; bottom:10px; width:auto;}
.topsclub_premium_swiper .swiper-controls.is_played .swiper-button-play {display:none;}
.topsclub_premium_swiper .swiper-controls.is_played .swiper-button-pause {display:inline-block;}
.topsclub_premium_swiper .swiper-controls.is_stoped .swiper-button-play {display:inline-block;}
.topsclub_premium_swiper .swiper-controls.is_stoped .swiper-button-pause {display:none;}
.topsclub_premium_swiper .swiper-pagination-fraction {display:inline-block; position:relative;width:80px; color:#fff; border-radius:30px; background-color:rgba(0, 0, 0, 0.5);}
.topsclub_premium_swiper .swiper-pagination-fraction span {display:inline-block; line-height:40px; font-size:16px;color:#fff;letter-spacing:-1px;}
.topsclub_premium_swiper .swiper-pagination-current span {font-weight:600;}
.topsclub_premium_swiper .swiper-button-pause {position:relative;display:inline-block;left:0;top:-3px; width:20px;height:20px;z-index:10;overflow:hidden;}
.topsclub_premium_swiper .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#fff;border-style:solid;}
.topsclub_premium_swiper .swiper-button-play {position:relative;display:none;left:0;top:-5px; width:20px;height:20px;z-index:10;overflow:hidden;}
.topsclub_premium_swiper .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px; border-color:transparent transparent transparent #fff; border-style:solid;}

/* .premium_coupon.complete_body {padding-top:150px; background:url('/pconts/images/contents/topsclub/coupon/bg_penguin.png') no-repeat 50% 0px; background-size:120px auto;}
.premium_coupon.complete_body .big_txt {font-size:34px;font-weight:700;text-align:center;line-height:1.3;color:#111;}
.premium_coupon.complete_body .big_txt span {color:#8d743a;} */

.premium_special_topTxt {font-size:34px;font-weight:700;text-align:center;line-height:1.3;color:#111;}
.premium_special_topTxt span {color:#8d743a;}

.premium_special {width:815px; margin:0 auto; margin-bottom:60px;}
.premium_special .date_swipe_group {overflow:visible; border-radius:18px;background-color:#e8ebf4;}
.premium_special .btnNav {display:block; position:absolute; width:46px;height:58px; background-color:rgba(0, 0, 0, 0.5); z-index:10;}
.premium_special .btnNav::before {content:""; position:absolute;width:18px;height:18px; border:solid #fff; border-width:3px 3px 0 0;}
.premium_special .btnNav_left {left:calc(50% - 180px); top:calc(50% - 37px);}
.premium_special .btnNav_right {right:calc(50% - 180px); top:calc(50% - 37px);}
.premium_special .btnNav_left::before {left:17px; top:20px; transform: rotate(-135deg);}
.premium_special .btnNav_right::before {left:10px; top:20px; transform: rotate(45deg);}
.premium_special .btnNav button {width:46px;height:58px;}

.premium_special .swiper-slide {position:relative; display:block; text-align:center; width:265px; background:#fff; border-radius:10px;}
.premium_special .swiper-slide .coupon_cont {text-align:center;}
.premium_special .swiper-slide .coupon_cont figure img {opacity:0.5; width:100%; height:150px; border-top-left-radius:10px; border-top-right-radius:10px; box-sizing:border-box;}
.premium_special .swiper-slide .coupon_cont strong {display:block; margin:10px 25px; font-size:18px; color:#333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:55px; word-wrap:break-word;}
.premium_special .swiper-slide .coupon_cont .date {display:block; margin:15px 0; color:#999; font-size:11px;}
.premium_special .swiper-slide .button_type {border-top:1px dashed #ccc;}
.premium_special .swiper-slide-active .button_type {border-top:1px dashed #ddd;}
.premium_special .swiper-slide .button_type button {text-align: center; margin:15px 0;}

.premium_special .swiper-container {padding:75px 0 60px 0;}
.premium_special .swiper-slide {background:rgba(0, 0, 0, 0.1); transition:all 0.25s ease; z-index:1;}
.premium_special .swiper-slide.swiper-slide-active {background:rgba(255, 255, 255, 1); transform:scale(1.2); z-index:2; opacity:1; box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);-webkit-box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);}
.premium_special .swiper-slide.swiper-slide-active .coupon_cont figure img {opacity:1;}

.premium_special.no_swiper .swiper-wrapper {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.premium_special.no_swiper .btnNav_left,
.premium_special.no_swiper .btnNav_right {display:none;}
.premium_special.no_swiper .swiper-slide {background:rgba(255, 255, 255, 1); transform:scale(1); z-index:2; opacity:1; box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);-webkit-box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);}

.premium_special .swiper-pagination {width:815px; text-align:center; display:block; margin:0 auto;}
.premium_special .swiper-pagination-fraction {display:inline-block; position:relative;}
.premium_special .swiper-pagination-fraction span {display:inline-block; line-height:40px; font-size:18px;color:#111;letter-spacing:-1px;}
/*
.premium_coupon_list ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-10px -15px 60px -5px;}
.premium_coupon_list li {width:50%; margin-bottom:5px; display:flex;}
.premium_coupon_list li > a {width:calc(100% - 120px);}
 .premium_coupon_list .coupon_conts {height:193px; padding:30px 0px 30px 30px; background:url('/pconts/images/contents/topsclub/coupon/bg_premiumCoupon.png') no-repeat; background-size:100% 193px;}
.premium_coupon_list .coupon_conts figure {display:table-cell; vertical-align:middle;}
.premium_coupon_list .coupon_conts .txt_area {display:table-cell; vertical-align:top; padding-left:20px;}
.premium_coupon_list .coupon_conts .txt_area strong {display:inline-block; font-size:18px; color:#333; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; max-width:200px;}
.premium_coupon_list .coupon_conts .txt_area p {margin:5px 0 25px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:40px;}
.premium_coupon_list .coupon_conts .txt_area span {display:inline-block; color:#999;}
.premium_coupon_list .coupon_conts .txt_area .badge_wrap {display:inline-block;}
.premium_coupon_list .coupon_down {position:relative; width:120px; height:193px; background:url('/pconts/images/contents/topsclub/coupon/bg_premiumDown.png') no-repeat right top; background-size:170px 193px;}
.premium_coupon_list .coupon_down .button_type {position:absolute; top:calc(50% - 15px); right:calc(50% - 30px);}
.premium_coupon_list .coupon_down .button_type > button,
.premium_coupon_list .coupon_down .button_type > a {display:block;  width:35px; height:35px;}
.premium_coupon_list .coupon_down .btn_more {display:block; width:30px; height:30px; background:url('/pconts/images/contents/topsclub/coupon/bg_premiumMore.png') no-repeat center center / 8px 15px;}
  */

/* .premium_coupon_list ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-10px -15px 60px -10px;}
.premium_coupon_list li {width:50%; display:-webkit-flex; display:-ms-flexbox; display:flex;} */

.premiumCoupon .list_group .list_headnote01 {padding:0px;}
.premium_coupon_list ul {margin:0 -19px 0 -11px;}
.premium_coupon_list li {width:50%; height:210px; float:left; display:-webkit-flex; display:-ms-flexbox; display:flex; padding: 11px 0 22px 14px; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon01.png') no-repeat; background-size:calc(100% - 110px) 210px;} 
.premium_coupon_list li > a, .premium_coupon_list li .pr_list_area {position:relative;display:block; width:calc(100% - 110px);padding:23px 25px 23px 38px;z-index:1;}/* 20.03.06 a링크를 버튼 영역보다 위로 올리기위해 z-index 더함 */
.premium_coupon_list li:nth-child(2n){margin-left: -5px}
.premium_coupon_list li:nth-child(n+3){margin-top: -14px;}
.premium_coupon_list .coupon_conts {position:relative;}
.premium_coupon_list .coupon_conts figure {width:130px; display:inline-block;}
.premium_coupon_list .coupon_conts figure img {width:130px; height:130px;}
.premium_coupon_list .coupon_conts .txt_area {position:absolute; left:159px; top:7px;}
.premium_coupon_list .coupon_conts .txt_area strong {display:inline-block; font-size:18px; color:#333; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; max-width:200px;}
.premium_coupon_list .coupon_conts .txt_area p {font-size:16px; margin:5px 0 20px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:44px;}
.premium_coupon_list .coupon_conts .txt_area span {display:inline-block; font-size:13px; color:#999;}
.premium_coupon_list .coupon_conts .txt_area .badge_wrap {display:inline-block;}
.premium_coupon_list .coupon_down {position:relative; width:110px; height:210px; margin-top:-11px; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon02.png') no-repeat right top; background-size:110px 210px;}
.premium_coupon_list .coupon_down .button_type {position:absolute; top:calc(50% - 15px); right:calc(50% - 25px);}
.premium_coupon_list .coupon_down .button_type > button,
.premium_coupon_list .coupon_down .button_type > a {display:block; width:35px; height:35px;}
.premium_coupon_list .coupon_down .btn_more {display:block; width:30px; height:30px; background:url('/pconts/images/contents/topsclub/coupon/bg_premiumMore.png') no-repeat center;}
.premium_coupon_list + .btn_wrap.btn_cont {margin-top:40px;}

.premium_coupon_detail {position:relative; display:block; overflow:hidden; margin-bottom:60px; min-height:288px;}
.premium_coupon_detail .topsclub_premium_swiper {float:left; width:490px;}
.premium_coupon_detail .coupon_detail_list {position:relative; float:right; width:calc(100% - 530px);}
.premium_coupon_detail .coupon_detail_list .txt {display:block; font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.premium_coupon_detail .coupon_detail_list .tit {display:block; font-size:24px; color:#111; margin:5px 0; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:55px;}
.premium_coupon_detail .coupon_detail_list .info em::after {content:''; display:inline-block; margin:0 5px; width:1px;height:12px;background:#666;}
.premium_coupon_detail .coupon_detail_list dl {margin-top:25px; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.premium_coupon_detail .coupon_detail_list dt {width:100px; color:#111; font-weight:600; margin-bottom:5px;}
.premium_coupon_detail .coupon_detail_list dd {width:calc(100% - 100px); margin-bottom:5px;}
.premium_coupon_detail .level_benefit {position:absolute; right:0; bottom:5px; font-weight:600; color:#111;}
.premium_coupon_detail .btn_wrap {position:static;}
.premium_coupon_detail .btn_wrap button {position:absolute; left:530px; bottom:0;}

/* Topsclub 테마 */
.tops_thema_wrap .coupon_conts .txt_area p{-webkit-line-clamp:1; height:22px; margin-bottom:2px;}
.tops_thema_wrap .coupon_conts .ckag_box{padding-top:20px;}
.tops_thema_wrap .coupon_conts .ckag_box span {font-size:13px; color:#111;}
.tops_thema_wrap .coupon_conts .ckag_box .premium{margin-left:5px; display:inline-block; width:73px; height:20px; line-height:20px; text-align:center; padding:0; vertical-align:middle;}

.popup.popup_type01.pop_myCoupon_detail {background:none;}
.pop_myCoupon_detail .pop_head {border-top-left-radius:10px; border-top-right-radius:10px;}
.pop_myCoupon_detail .pop_head h3 {font-size:18px;}
.pop_myCoupon_detail .pop_cont {position:relative; padding:0px;}
.pop_myCoupon_detail .pop_cont::before {content:''; position:absolute;bottom:0px;left:0px; width:11px; height:150px; background:url(/pconts/images/contents/topsclub/coupon/bg_popCoupon01.png) bottom no-repeat; background-size:auto 150px;}
.pop_myCoupon_detail .pop_cont::after {content:''; position:absolute;bottom:0px;right:0px; width:11px; height:150px; background:url(/pconts/images/contents/topsclub/coupon/bg_popCoupon02.png) bottom no-repeat; background-size:auto 150px;}
.pop_myCoupon_detail .coupon_cont {text-align:center; background:#fff;}
/* .pop_myCoupon_detail .coupon_cont figure {padding-top:50px;} */
.pop_myCoupon_detail .coupon_cont strong {display:block; margin:10px 0; font-size:18px; color:#333;}
.pop_myCoupon_detail .coupon_cont .info {margin:0 0 12px 0;}
.pop_myCoupon_detail .coupon_cont em {display:block; color:#999;}
.pop_myCoupon_detail .coupon_number {height:150px; font-size:20px; color:#333; font-weight:700; margin:0 11px; text-align:center; background:url(/pconts/images/contents/topsclub/coupon/bg_popCoupon.png) bottom repeat-x; background-size:auto 150px;}
.pop_myCoupon_detail .coupon_number .coupon {display:block; padding-top:50px;}
.pop_myCoupon_detail .coupon_number .coupon > em {display: block;}
.pop_myCoupon_detail .coupon_number .barcode {display:block; padding-top:40px;}
.pop_myCoupon_detail .coupon_number .barcode img {width:200px; height:69px;}
.pop_myCoupon_detail .coupon_number .barcode > em {display:block; font-size:15px; color:#111; margin-top:3px;}
.pop_myCoupon_detail .coupon_number .barcode img {width:270px; height:70px;}
.pop_myCoupon_detail .coupon_number .info {display:block; padding-top:70px;}
.pop_myCoupon_detail .coupon_cont figure img{width:130px; height:130px; border-radius:50%;}

/* Tops 서비스 */
.topsService.ly_inner.expend_wrap {padding:60px 0;}
.topsService > .service_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.topsService > .service_list li {position:relative; width:calc(50% - 7px); margin-bottom:7px; border:1px solid #ccc; border-radius:10px; background:#fff; padding:50px 50px 30px 195px; min-height:230px;}
.topsService > .service_list li:nth-child(even) {margin-left:7px;}
.topsService > .service_list li::before {content:''; position:absolute; left:20px; top:50px; width:130px; height:130px; background-size:auto 130px; background-repeat:no-repeat;}
.topsService > .service_list li:nth-child(1)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service01.png');}
.topsService > .service_list li:nth-child(2)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service02.png');}
.topsService > .service_list li:nth-child(3)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service03.png');}
.topsService > .service_list li:nth-child(4)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service04.png');}
.topsService > .service_list li:nth-child(5)::before {background-image:url('/pconts/images/contents/topsclub/service/img_service05.png');}
.topsService > .service_list li .tit {display:block; font-size:18px; color:#333;}
.topsService > .service_list li .tit + .txt { margin:5px 0 10px 0;}
.topsService > .service_list li .tit + .btn_wrap {margin-top:15px;}
.topsService > .service_list li .btn_wrap .btn + .btn {margin-left:0; margin-top:10px;}
.tops_service_wrap ul.marker_number > li{padding-left:0;}
.tops_service_wrap .bot_brd_line:after{content:""; display:block; width:96px; height:2px; background-color:#333; margin-top:30px;}
.tops_service_wrap .topsService .sr_list{padding:25px 50px 10px 195px;}
.tops_service_wrap .topsService .ct_list{padding:60px 50px 30px 195px;}
.tops_service_wrap .topsService .sr_list .txt{margin:20px 0 10px 0;} 
.tops_service_wrap .topsService > .service_list .sr_list .tit + .txt{margin:5px 0 10px 0;}
.tops_service_wrap .topsService > .service_list li{min-height:230px;}
.tops_service_wrap .topsService > .service_list li:last-child{padding-top:40px;}
.tops_service_wrap .btn_wrap span{font-weight:700;}
.tops_plus_wrap .sc_title{font-size:16px; color:#111; margin:0 0 10px 0;}
.tops_plus_wrap .marker_dot{font-size:15px;}
.tops_plus_wrap .marker_dot + .sc_title{margin-top:20px;}
/* TopsClub 테마 */
.swiper_topsTheme {position:relative;}
.swiper_topsTheme .swiper-wrapper {width:100%;}
.swiper_topsTheme .swiper-wrapper li {float: left; margin-right:5px;}
/* .swiper_topsTheme .swiper-wrapper li + li {margin:0 5px;}
 .swiper_topsTheme .swiper-wrapper li:first-child {margin-left:0px;} */
.swiper_topsTheme .swiper-wrapper li a {position:relative; display:block; width:230px; height:153px; background-size:100% 153px; background-repeat:no-repeat;}
.swiper_topsTheme .swiper-wrapper li .tit {position:absolute; left:25px; bottom:10px; display:block; width:80%; color:#fff; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.swiper_topsTheme .swiper-wrapper li .theme01 {background-image:url(/pconts/images/contents/topsclub/img_theme01.png);}
.swiper_topsTheme .swiper-wrapper li .theme02 {background-image:url(/pconts/images/contents/topsclub/img_theme02.png);}
.swiper_topsTheme .swiper-wrapper li .theme03 {background-image:url(/pconts/images/contents/topsclub/img_theme03.png);}
.swiper_topsTheme .swiper-wrapper li .theme04 {background-image:url(/pconts/images/contents/topsclub/img_theme04.png);}

.swiper_topsTheme [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:40px;height:40px;z-index:10;overflow:hidden; background-color:rgba(0, 0, 0, 0.7);}
.swiper_topsTheme [class^='nav-button']::before {content:"";position:absolute;width:15px;height:15px;border-width:2px 2px 0 0;border-color:#ccc;border-style:solid;}
.swiper_topsTheme .nav-button-prev {left:0px;}
.swiper_topsTheme .nav-button-next {right:0px;}
.swiper_topsTheme .swiper-button-disabled {opacity:0.3;}
.swiper_topsTheme .nav-button-prev::before {left:15px; top:13px; transform: rotate(-135deg);}
.swiper_topsTheme .nav-button-next::before {left:10px; top:13px; transform: rotate(45deg);}
.swiper_topsTheme .swiper-controls {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:140px; bottom:28px; width:auto;}
.swiper_topsTheme .swiper-controls.is_played .swiper-button-play {display:none;}
.swiper_topsTheme .swiper-controls.is_played .swiper-button-pause {display:inline-block;}
.swiper_topsTheme .swiper-controls.is_stoped .swiper-button-play {display:inline-block;}
.swiper_topsTheme .swiper-controls.is_stoped .swiper-button-pause {display:none;}



/* Plus Prestige */
/* Plus Prestige - 메인 */
.list_cardType.tops_plus_main{display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-start; margin:0 -10px; padding-top:60px;}
.list_cardType.tops_plus_main li {flex:inherit; width:50%;}
.list_cardType.tops_plus_main li .item{display:-webkit-flex; display:-ms-flexbox; display:flex; padding:23px 24px;}
.list_cardType.tops_plus_main li .item .plus_icon{flex-shrink:0; display:block; width:130px; height:130px; border-radius:50%; background-size:contain; background-repeat:no-repeat;}
.list_cardType.tops_plus_main li .item.golf_booking .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_01.png');}
.list_cardType.tops_plus_main li .item.golf_ansung .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_02.png');}
.list_cardType.tops_plus_main li .item.airport_concierge .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_03.png');}
.list_cardType.tops_plus_main li .item.hanatour .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_04.png');}
.list_cardType.tops_plus_main li .item.interpark .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_05.png');}
.list_cardType.tops_plus_main li .item.cgv .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_06.png');}
.list_cardType.tops_plus_main li .item.icn_airport .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_07.png');}
.list_cardType.tops_plus_main li .item.seoul_station .plus_icon{background-image:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_main_08.png');}
.list_cardType.tops_plus_main li .item .plus_detail{position:relative; width:100%; padding-left:28px;}
.list_cardType.tops_plus_main li .item .plus_detail .plus_tit{display:block; padding-top:7px; padding-bottom:17px; font-weight:bold; font-size:18px; color:#333;}
.list_cardType.tops_plus_main li .item .plus_detail .plus_txt{font-size:16px;}
.list_cardType.tops_plus_main li .item .plus_detail::after{content:''; position:absolute; bottom:0; right:0; display:inline-block; width:8px; height:8px; border:1px solid #666; border-bottom:none; border-right:none; transform:rotate(135deg);}
/* Plus Prestige - 공통 */
.tops_plus_prestige .cont_sub_wrap + .cont_sub_wrap {margin-top:55px;}
.tops_plus_prestige .icon_list.step > li .icon_box{cursor:default;}
.tops_plus_prestige .plus_service{display:-webkit-flex; display:-ms-flexbox; display:flex; width:980px; margin:0 auto; padding-bottom:60px;}
.tops_plus_prestige .plus_service .img{flex-shrink:0; display:block; width:490px; height:288px; text-align:center;}
.tops_plus_prestige .plus_service .img img{width:100%;}
.tops_plus_prestige .plus_service .detail{position:relative; width:100%; padding-left:47px;}
.tops_plus_prestige .plus_service .detail .tit{display:block; padding-bottom:25px; font-weight:bold; font-size:24px; color:#111;}
.tops_plus_prestige .plus_service .detail .btn_sns { position:absolute;right:0px;top:3px;}
.tops_plus_prestige .plus_service .detail .btn_sns img {width:33px;}

.tops_plus_prestige .plus_service .detail .info em::after {content:''; display:inline-block; margin:0 5px; width:1px;height:12px;background:#666;}
.tops_plus_prestige .plus_service .detail .txt{padding-bottom:7px; font-size:16px;}
.tops_plus_prestige .plus_service .detail .txt:last-child{padding-bottom:0;}
.tops_plus_prestige .plus_service .detail .btn_wrap{position:absolute; left:47px; right:0; bottom:0;}
/* Plus Prestige - 골프 */
.tops_plus_prestige .agree_golf_booking{margin-bottom:60px; padding:60px 0;}
.tops_plus_prestige .agree_golf_booking .accordion_body.type01{padding:16px 20px 16px 54px;}
.tops_plus_prestige .agree_golf_booking .accordion_body.type01 em{display:block; padding-top:10px;}
.tops_plus_prestige .btn_golf_booking{padding-top:50px; text-align:center;}
.tops_plus_prestige .icon_box {background-size:50px;}
.tops_plus_prestige .icon_box.icon01 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon01.png') no-repeat;}
.tops_plus_prestige .icon_box.icon02 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon02.png') no-repeat;}
.tops_plus_prestige .icon_box.icon03 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon03.png') no-repeat;}
.tops_plus_prestige .icon_box.icon04 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon04.png') no-repeat;}
.tops_plus_prestige .icon_box.icon05 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon05.png') no-repeat;}
.tops_plus_prestige .icon_box.icon06 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon06.png') no-repeat;}
.tops_plus_prestige .icon_box.icon07 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon07.png') no-repeat;}
/* Plus Prestige - 하나투어 */
.tops_plus_prestige .icon_box.hana_icon01 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon01.png') no-repeat;}
.tops_plus_prestige .icon_box.hana_icon02 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon02.png') no-repeat;}
.tops_plus_prestige .icon_box.hana_icon03 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_hana_icon03.png') no-repeat;}






/* Tops 이벤트 */

/* my tops club */
.mytops_wrap .tooltip_link.color_black{position:relative; display:inline-block; padding-right:25px; font-weight:700;}
.mytops_wrap .tooltip_link.color_black::after{content:""; position:absolute; right:0px; top:1px; display:block;width:18px;height:18px;font-weight:700;line-height:18px;color:#fff;text-align:center;background:url('/pconts/images/contents/topsclub/tops_ico_popup.png') no-repeat center;box-sizing:border-box;text-indent:0;}
.mytops_service .finance_service .mytops_sublink .text_link, .mytops_service .premium_service .mytops_sublink .text_link{position:relative; font-size:18px; color:#333; font-weight:700;}
.mytops_sublink{ margin-bottom:10px; font-size:18px; color:#333; font-weight:700;}
.mytops_sublink .text_link::before{top:3px;}
.mytops_sublink .text_link::after{top:9px;}
.mytops_wrap .df_list_wrap .df_list .item_wrap{position:relative; width:25%; border-right:1px solid #ddd;}
.mytops_wrap .df_list_wrap .df_list .item_wrap:last-child{border:none;}
.mytops_wrap .df_list_wrap.single .df_list .item{width:auto; float:none; display:block; padding:0; text-align:center;}
.mytops_wrap .df_list_wrap{padding:30px 0;}
.mytops_wrap .df_list_wrap.single .df_list .item.con{font-size:18px; color:#333; margin-top:10px;}
.mytops_wrap .head_title{padding-top:30px;}
.mytops_wrap .card_activity .card_activity_chart .chrt_position .complete_body.ani_ico{right:25px;}
.mytops_wrap .card_activity .card_activity_chart .chrt_position .jumpUp{right:-100px;}
.mytops_wrap .complete_body.ani_ico.img03::before{margin-top:-140px;}

/* table txt */
.table_tit .won_txt{float:right; margin-top:10px; font-size:15px; color:#111;}
.table_wrap.gap20 + .marker_refer.table_bot_txt{margin-top:0; font-size:13px;}
/* ==========================================================================
    Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width:1100px) {

    /* My Tops Club */
    .table_both_area {display:block;}
    .table_both_area > div.left,
    .table_both_area > div.right {width:100%}
    .table_both_area .ar {width:100%;height:50px;}
    .table_both_area .ar .ar_area {display:block; width:100%; height:100%; text-align:center; background:url(/pconts/images/contents/topsclub/guide/bg_faq_m.png) no-repeat 50% 21px / 20px auto;}
    .table_both_area .ar .ar_area > span {display:inline-block;width:100%; text-align:center;}
    
    .topsgrad_wrap {display:block; padding:20px 0;}
    .topsgrad_wrap .gradeinfo {flex:inherit; margin:0;}
    .topsgrad_wrap .gradeinfo .calc_view dl {width:100px; height:100px;}
    .topsgrad_wrap .gradeinfo .calc_view dl dt {font-size:1.3rem; padding-top:27px}
    .topsgrad_wrap .gradeinfo .calc_view dl dd {font-size:2.0rem;}
    .topsgrad_wrap .gradeinfo .calc_view dl + dl {margin-left:40px;}
    .topsgrad_wrap .gradeinfo .calc_txt {width:100%; padding-bottom:25px;}

    .topsgrad_wrap .gradeview {flex:inherit; margin:25px 0px;}    
    .myshgrade_wrap .myshgrade_info {padding:20px 50px 20px 30px;}
    .myshgrade_wrap .myshgrade_info .title {font-size:1.5rem}
    .myshgrade_wrap .myshgrade_info .txt {font-size:1.3rem}
    .myshgrade_wrap .detail_toggle {right:13px; top:35px}
    .myshgrade_chart_list {width:100%; margin:0; padding:20px 30px 0 0px;}
    .myshgrade_bar dt {font-size:15px;}

    .pluse_target > a {width:auto; text-align:left; background-position-x:calc(100% + 70px);}
    .pluse_target > a span {margin:15px 0 0 40px; font-size:15px; width:180px; line-height:1.3;}
    .pluse_target > a span::after {right:24px; top:24px;}


    .card_activity_wrap {margin:40px 0 30px 0;}
    .card_activity_wrap .crown_message {padding-top:10px;}
    .crown_message dl {padding-left:25px;}
    .crown_message dl::before {width:20px; height:20px; top:3px;}
    .crown_message dt, .crown_message dd, .crown_message p {font-size:1.5rem;}
    .crown_message p .point {font-size:2.6rem;}

    .card_activity .card_activity_chart {display:table; position:relative; width:100%; height:10px; margin:0 auto; padding:0; background-color:#ddd; border-radius:8px;}
    .card_activity .card_activity_chart .chrt_position {min-width:5%; height:10px;}
    .card_activity .card_activity_chart .chrt_position .complete_body.ani_ico::before {margin-top:-120px;} 

    .card_activity_wrap .card_activity {padding:150px 0 50px 0;}
    .card_activity ol {width:100%;}
    .card_activity ol li {height:10px;}
    .card_activity ol li span strong {margin: 0 -5px;}
    .card_activity ol li.gn01 {width:20%; border-radius:5px 0 0 5px; left:0px;}
    .card_activity ol li.gn04 {width:20%; border-radius:0 5px 5px 0;}
    .card_activity ol li span { top:20px; text-align:center; font-size:1.3rem}
    .card_activity ol li::before {position:absolute; left:calc(50% - 25px); top:-70px; width:49px; height:49px;}
    .card_activity ol li::after {left:calc(50% - 11px); top:-8px; width:22px; height:22px; border:solid #ddd 5px;}
        
    .grade_activity_my .accordion_body {padding:20px 0;}
    .grade_activity_my .detail_list {width:100%;}
    .grade_activity_my .detail_list dl {width:33.33%;}
    .grade_activity_my .detail_list dl::before {width:60px; height:60px; background-size:40px auto;}
    
    .grade_activity_my .detail_list dt {height:36px;}
    .grade_activity_my .detail_list dt p {font-size:1.5rem;}
    .grade_activity_my .detail_list dt p span {font-size:1.3rem;}
    .grade_activity_my .btn_wrap {padding:0 20px;}

    .grade_active_next .accordion_body {padding:20px 0}
    .grade_active_next .h_wrap {padding:0 20px;}
    .grid_wrap .active_group.card, .grid_wrap .active_group.finance {width:100%;}
    .grid_wrap .active_group.benefit {margin-top:0;}
    .active_detail dl {width:33.33%; padding:80px 0 0 0; margin-bottom:20px; text-align:center; min-height:150px;}
    .benefit .active_detail dl {min-height:150px;}
    .active_detail dl dt {height:40px; font-size:1.3rem; line-height:1.3;}
    .active_detail dl dd.point {left:calc(50% - 35px); width:70px; height:70px; border-radius:35px; line-height:70px; font-size:1.3rem}
    .active_group.finance .active_detail dl + dl {margin-left:0px;}
    .active_group.benefit .active_detail dl + dl {margin-left:0px;}
    .grid_wrap+ .btn_wrap {margin-top:0; padding:0 10px;}

    .mytops_service {display:block;; margin:40px 0 30px 0;}
    .mytops_service .finance_service {width:100%;}
    .mytops_service .premium_service {margin-top:30px; width:100%; margin-left:0px;}
    .mytops_service .premium_service .btn_wrap button {margin-top:7px;}
    /* .mytops_banner > a {height:180px; padding:25px 20px; margin-bottom:40px;}
    .mytops_banner .tops_banner_title {font-size:1.5rem}
    .mytops_banner .tops_banner_txt {font-size:1.3rem}
    .mytops_banner .tops_banner_img {width:150px; right:10px; top:60px;} */







    /* Tops Club 안내 */   
    .line_type0 {line-height:1.3;}
    .grade_list li {width:100%; margin-right:0; margin-bottom:20px; padding:30px 10px 20px 115px;}
    .grade_list li:last-child {margin-bottom:0;}
    .check_wrap .check_default.mob_gap {margin-bottom:16px;}
    .check_wrap .check_default.mob_gap:last-of-type {margin-bottom:0;}



    /* Tops 프리미엄 쿠폰 */ 
    .topsclub_premium_swiper [class^='nav-button'] {width:23px; height:30px;}
    .topsclub_premium_swiper [class^='nav-button']::before {width:12px; height:12px; border-width:2px 2px 0 0;}
    .topsclub_premium_swiper .nav-button-prev::before {left:8px; top:8px;}
    .topsclub_premium_swiper .nav-button-next::before {left:4px; top:8px;}
    .topsclub_premium_swiper .swiper-controls {bottom:0;}
    .topsclub_premium_swiper .swiper-pagination-fraction {width:50px;}
    .topsclub_premium_swiper .swiper-pagination-fraction span {line-height:21px; font-size:13px;}
    .premium_special .swiper-pagination {width:100%;}

    /* .premium_coupon_list ul {margin:0 -10px; padding-bottom:15px;}
    .premium_coupon_list li {width:100%; float:none;} 
    .premium_coupon_list li > a, .premium_coupon_list li .pr_list_area {width:calc(100% - 70px); height:145px; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon01_m.png') no-repeat; background-size:100% 145px; padding-left:0;}
    .premium_coupon_list .coupon_conts {padding:23px 0;}
    .premium_coupon_list .coupon_conts figure {width:95px; margin-left:22px;}
    .premium_coupon_list .coupon_conts figure img {width:95px; height:95px;}
    .premium_coupon_list .coupon_conts .txt_area {left:130px; top:15px;}
    .premium_coupon_list .coupon_conts .txt_area strong {font-size:15px; margin-top:5px;}
    .premium_coupon_list .coupon_conts .txt_area p {margin:0 0 5px 0; font-size:15px;}
    .premium_coupon_list .coupon_conts .txt_area span {font-size:13px;}
    .premium_coupon_list .coupon_down {width:70px; height:145px; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon02_m.png') no-repeat right top; background-size:70px 145px;}
    .premium_coupon_list .coupon_down .button_type > button,
    .premium_coupon_list .coupon_down .button_type > a {width:25px; height:25px;} */
    
    .premiumCoupon .list_group .list_headnote01 {padding-bottom:5px}
    .premiumCoupon .list_group .list_headnote01 .left_area .count{top:0;}
    .premium_coupon_list ul {margin:0 -5px;}
    .premium_coupon_list li {width:100%; height:145px; float:none; padding: 4px 0 6px 0; background:url('/pconts/images/contents/topsclub/coupon/bg_coupon01_m.png') no-repeat; background-size: calc(100% - 70px) 145px;} 
    .premium_coupon_list li > a, .premium_coupon_list li .pr_list_area {display:block; width:calc(100% - 70px);padding:20px 0 0 17px;}    
    .premium_coupon_list li:nth-child(2n){margin-left: 0;}
    .premium_coupon_list li:nth-child(n+3){margin-top: 0;}
    .premium_coupon_list li+li {margin-top: 5px;}
    .premium_coupon_list .coupon_conts figure {width:95px;}
    .premium_coupon_list .coupon_conts figure img {width:95px; height:95px;}
    .premium_coupon_list .coupon_conts .txt_area {left:110px; top:0; width:calc(100% - 95px);}
    .premium_coupon_list .coupon_conts .txt_area strong {font-size:15px;}
    .premium_coupon_list .coupon_conts .txt_area p {margin:0 0 5px 0; font-size:15px;}
    .premium_coupon_list .coupon_conts .txt_area span {font-size:13px;}
    .premium_coupon_list .coupon_down {width:70px; height:145px; margin-top:-4px; background: url('/pconts/images/contents/topsclub/coupon/bg_coupon02_m.png') no-repeat right top; background-size:70px 145px;}
    .premium_coupon_list .coupon_down .button_type > button,
    .premium_coupon_list .coupon_down .button_type > a {width:25px; height:25px;}

    .premiumCoupon.ly_inner {padding:0px;}
    .premiumCoupon.ly_inner .ly_inner {padding:0 20px;}
    .premium_coupon_detail {margin-bottom:30px;}
    .premium_coupon_detail .topsclub_premium_swiper {float:inherit; width:100%;}
    .premium_coupon_detail .coupon_detail_list {float:inherit; width:100%; margin-top:30px;  padding:0 20px;}
    .premium_coupon_detail .btn_wrap {position:fixed;}
    .premium_coupon_detail .btn_wrap button,
    .premium_coupon_detail .level_benefit {position: static;}
    
    .premium_coupon.complete_body .big_txt {font-size:24px;}
	.premium_special_topTxt{font-size:20px;}
    /* Tops 서비스 */
    .topsService.ly_inner.expend_wrap {padding:30px 20px;}
    .topsService .service_list li {width:100%; min-height:150px; padding:20px 30px 20px 140px;}
    .topsService .service_list li::before {top:35px; width:96px; height:96px; background-size:auto 96px;}
    .topsService .service_list li .tit {font-size:15px;}
    .topsService .service_list li .tit + .txt {margin-bottom:5px;}
    .topsService .service_list li .tit + .btn_wrap {margin-top:10px;}
    .topsService .service_list li .btn_wrap .btn + .btn {margin-top:5px;}
    .tops_service_wrap.tops_plus_prestige .plus_service{padding-bottom:20px;}
    /* TopsClub 테마 */
    .swiper_topsTheme .swiper-wrapper {margin:0 -10px;}
    .swiper_topsTheme .swiper-wrapper li a {width:auto; height:153px; margin:0 5px; background-size: 100% 100%;}
    .swiper_topsTheme .swiper-wrapper li.only a{background-size: 100% auto;background-position:50% 50%;}

    .pop_myCoupon_detail .coupon_cont .info {margin-top:-6px;}

    /* Plus Prestige */
    /* Plus Prestige - 메인 */
    .list_cardType.tops_plus_main{padding-top:25px;}
    .list_cardType.tops_plus_main li{flex-basis:100%;}
    .list_cardType.tops_plus_main li .item{padding:20px 16px;}
    .list_cardType.tops_plus_main li .item .plus_icon{width:95px; height:95px;}
    .list_cardType.tops_plus_main li .item .plus_detail{padding-left:15px;}
    .list_cardType.tops_plus_main li .item .plus_detail .plus_tit{padding-top:0; padding-bottom:7px; font-size:15px;}
    .list_cardType.tops_plus_main li .item .plus_detail .plus_txt{font-size:15px;}
    /* Plus Prestige - 공통 */
    .tops_plus_prestige .cont_sub_wrap + .cont_sub_wrap{margin-top:35px;}
    .tops_plus_prestige .plus_service{display:block; width:100%; padding-bottom:40px;}
    .tops_plus_prestige .plus_service .img{width:100%; height:auto; margin-bottom:30px;}
    .tops_plus_prestige .plus_service .detail{padding:0 20px;}
    .tops_plus_prestige .plus_service .detail .tit{padding-bottom:15px;}
    .tops_plus_prestige .plus_service .detail .btn_wrap{position:static; padding-top:10px;}
    .tops_plus_prestige .plus_service .detail .btn_wrap.m_fixed{position:fixed; left:0; padding-top:0;}
    .tops_plus_prestige .plus_service .detail .btn_wrap .btn_outlink{width:auto;}
    .tops_plus_prestige .plus_service .detail .btn_wrap .btn:first-child{margin-bottom:7px;}
    .tops_plus_prestige .plus_service .detail .btn_sns {right:20px;}



    /* Plus Prestige - 골프 */
    .tops_plus_prestige .agree_golf_booking{margin-bottom:30px; padding:20px;}
    .tops_plus_prestige .btn_golf_booking{padding-top:30px; text-align:left;}
    .tops_plus_prestige .icon_box.icon01 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon01.png') no-repeat;}
    .tops_plus_prestige .icon_box.icon02 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon02.png') no-repeat;}
    .tops_plus_prestige .icon_box.icon03 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon03.png') no-repeat;}
    .tops_plus_prestige .icon_box.icon04 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon04.png') no-repeat;}
    .tops_plus_prestige .icon_box.icon05 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon05.png') no-repeat;}
    .tops_plus_prestige .icon_box.icon06 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon06.png') no-repeat;}
    .tops_plus_prestige .icon_box.icon07 {background:url('/pconts/images/contents/topsclub/plusprestige/tops_plus_icon07.png') no-repeat;}
    .tops_plus_prestige .icon_list.step > li .icon_box {background-size:contain;}
    /* Tops 이벤트 */   

    /* Topsclub 단기카드대출 서비스 안내 */
    .topsClub_service .h_wrap .h_title{font-size:1.8rem;}
    .topsClub_service .btn_cont .btn.default{width:49%; height:55px; line-height:55px; min-width:auto; padding:0 15px;}
    .topsClub_service .btn_cont .btn.default + .btn.default{font-size:15px;}
    .topsClub_service .btn_cont .btn.default + .btn.default:after{top:-1px;}
    .topsClub_service .btn_cont .btn.default:after{right:5px;}
    .topsClub_service .content_heading .text_area{margin-bottom:30px;}
    .topsClub_service .cert_merit ul li{height:187px; padding-top:110px;}
    .topsClub_service .cert_merit.two_cert_merit ul li{width:100%;}
    .topsClub_service .content_heading .title .head_mid_txt{font-size:30px;}
    .topsClub_service .content_heading .title .head_bot_txt{font-size:30px;}
    .topsClub_service .content_well .ly_inner .cert_merit ul li .merit{background-size:40px;}
    
    /*Tops 가족합산*/
    .tops_complepte .complete_body.type01{padding-top:102px; background-position:50% 0;}

    /* Topsclub 테마 */
    .tops_thema_wrap .coupon_conts .ckag_box{padding-top:10px;}
    .tops_thema_wrap .coupon_conts .txt_area p{margin:0;}
    .tops_thema_wrap .coupon_conts .ckag_box .premium{width:57px; padding:0;}

    .tops_service_wrap .topsService > .service_list li{min-height:170px;}
    .tops_service_wrap .topsService > .service_list li:nth-child(even){margin-left:0; min-height:170px; padding-top:35px;}
    .tops_service_wrap .topsService .sr_list{padding:15px 50px 10px 140px;}
    .tops_service_wrap .topsService .txt > span{display:block;}
    .tops_service_wrap .topsService .ct_list{padding:35px 30px 20px 140px;}
    .tops_service_wrap .topsService > .service_list li:nth-child(3)::before{top:70px;}
    .tops_service_wrap .topsService > .service_list li:last-child{padding-top:30px;}

    .tops_plus_wrap .location_img img{width:100%;}

    /* my tops club */
    .mytops_service .finance_service .mytops_sublink .text_link, .mytops_service .premium_service .mytops_sublink .text_link{font-size:16px;}
    .mytops_sublink .text_link::before{top:1px;}
    .mytops_sublink .text_link::after{top:7px;}
    .mytops_wrap .df_list_wrap .df_list .item_wrap{width:100%;}
    .mytops_wrap .df_list_wrap.single .df_list .item{float:left;}
    .mytops_wrap .df_list_wrap.single .df_list .item.con{margin-top:0; float:right; text-align:right; font-size:15px; font-weight:700;}
    .mytops_wrap .df_list_wrap .df_list .item_wrap{border:none;}
    .mytops_wrap .df_list_wrap .df_list .item_wrap + .item_wrap{margin-top:10px;}
    .mytops_wrap .df_list_wrap{padding:15px 10px;}
    .mytops_wrap .active_detail{margin:-20px 0 0 0;}
    .mytops_wrap .active_detail dl{margin:20px 0 0 0;}
    .mytops_wrap .btn_wrap.align_r{margin-top:20px;}
    .mytops_wrap .active_group.finance dl, .mytops_wrap .active_group.card dl{min-height:130px;}
    .mytops_wrap .pluse_target > a span{margin:15px 0 0 25px;} 
    .mytops_service .marker_dot + p{margin-top:20px;}

    /* 탑스 프리미엄 스페셜 영역 */
    .special_txt, .premium_txt, .premium_coupon_list .coupon_conts .txt_area .special_txt, .premium_coupon_list .coupon_conts .txt_area .premium_txt{margin-left:3px; width:72px; padding:0;}

    /* table txt */
    .tab_wrap .tab_cont.current .table_tit .won_txt{display:block; float:none; margin:0 0 15px 0;}
    .tab_wrap .tab_cont.current .table_tit .h_title24{margin-bottom:10px;}
    .table_wrap.gap20 + .marker_refer.table_bot_txt{margin-top:-10px;}
@media only screen and (max-width:854px) {
    /* Tops Club 안내 */  
	.premium_special {width:100%;}
	.premium_special .swiper-container {overflow:visible;}
	.premium_special .swiper-slide .coupon_cont strong {font-size:15px; height:44px;}
	.premium_special .btnNav_left {left:0px;}
    .premium_special .btnNav_right {right:0px;}
    .ex_check .check_on,
    .ex_check .check_off {margin:5px 0px;}
    
    .card_activity .tooltip.pcuse {display:none;}
    /* .card_activity .tooltip.mouse {display:inline-flex; position:absolute; bottom:140px; right:190px;} */

    .premium_coupon_list .coupon_conts .txt_area strong {max-width:80%;}
    .premium_coupon_list .coupon_conts .txt_area p {max-width:80%;}
}

@media only screen and (max-width:375px) {
	/* Tops Club 안내 */  
	.insti_graph img {width:100%;}
	.grade_graph img {width:100%;}
      
    .premium_coupon_list .coupon_conts .txt_area strong {max-width:150px;}
    .premium_coupon_list .coupon_conts .txt_area p {max-width:150px;}

    .tops_thema_wrap .coupon_conts .ckag_box .premium{margin-left:0;}
}