/*

    Hyundai Card Micro site. base.css
    
    Site    : card.hyundaicard.com
    Author  : ununa (hmyu@weathe-r.com)

*/
@charset "utf-8";
/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time,menu,select,legend{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption{font-size:1em;font-weight: normal;font-style: normal}
caption,th{text-align:left}
html{overflow-y:scroll}
table{border-collapse:collapse;border-spacing:0}
article,aside,footer,header,hgroup,nav,section,menu,figure,figcaption,details,menu{display:block}
img,fieldset,iframe,audio{border:0}
ul,ol{list-style:none}
label,button{cursor:pointer}
a{z:expression(this.hideFocus=true)}
/* Layout */
html{background-color:#fff}
.blind{display:none}
.clear{clear: both}
.upper{text-transform:uppercase}
img.left,input.left{float:left}
img.right,input.right{float:right}
/* Grid */
.area,.content,.container{position:relative;width:100%}
.area{overflow:hidden}
.component{position:relative;width:940px;margin:0 auto;padding:0 42px}
.component:after{content:'';display:block;height:0;clear:both;visibility:hidden}
/* Type */
body{position:relative;font:12px/18px Malgun Gothic,Apple SD Gothic Neo,Dotum,Helvetica,Arial,Verdana,sans-serif;color:#000;-webkit-font-smoothing:antialiased;word-spacing:-1px}
a{color:#000}
a:link,a:visited,a:active{text-decoration:none}
a.block{display:block;cursor:pointer}
a.block span,a.block em {color:#000;cursor:pointer}
a.block:hover{text-decoration:none}
a.block:hover span,a.block:hover em{color:#000;text-decoration:underline}
/* Skip */
#hdc_skip{position:relative;z-index:2000}
#hdc_skip a{position:absolute;top:-100px;left:20px;display:block;width:210px;height:70px;border-radius:4px;background:#000;font-size:24px;color:#fff;text-align:center;line-height:70px;}
#hdc_skip a:focus,#hdc_skip a:active {top:20px;}
/* Wrap */
#hdc_wrap{position:relative;width:100%}
/* Header */
#hdc_header{position:fixed;z-index:1000;left:0;right:0;background-color:#fff}
#hdc_header .component{position:relative;z-index:1000;padding-top:57px;padding-bottom:26px;transition:all 200ms;-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms}
#header_area{z-index:100;background-color:#fff}
#logo{overflow:hidden;position:relative;float:left;width:206px;height:21px;background-image:url(/img_2013/common/header/logo.png);background-repeat:no-repeat;text-indent:-9999px} /* 2016-03-28 */
/* body.svg #logo{background-image:url(/img_2013/common/header/logo.svg);}*/ /* 2016-03-28 background-image:url(/img_2013/common/header/logo.svg); */
#hdc_gnb{position:relative;float:left;margin-top:6px;margin-left:100px} /* 2016-03-28 */
#hdc_gnb li{float:left;margin-right:26px}
#hdc_gnb li.last{margin-right:33px}
#hdc_gnb li a{overflow:hidden;display:block;height:14px;background-image:url(/img_2013/common/header/gnb.png);background-repeat:no-repeat;text-indent:-9999px}
body.svg #hdc_gnb li a{background-image:url(/img_2013/common/header/gnb.svg)}
#gnb_theme{width:51px;background-position:-2px -2px}
#gnb_rank{width:51px;background-position:-55px -2px}
#gnb_choice{width:51px;background-position:-108px -2px}
#gnb_all{width:52px;background-position:-161px -2px}
#gnb_event{width:39px;background-position:-215px -2px}
#gnb_theme.active{background-position:-2px -18px}
#gnb_rank.active{background-position:-55px -18px}
#gnb_choice.active{background-position:-108px -18px}
#gnb_all.active{background-position:-161px -18px}
#gnb_event.active{background-position:-215px -18px}
#hdc_search{position:relative;float:left;width:143px;height:27px;background-image:url(/img_2013/common/header/search/line.png)}
#hdc_search input{float:left;width:110px;margin-top:1px;margin-left:1px;padding:4px 2px 4px 6px;background:transparent;border:none;font:12px/18px Malgun Gothic,Apple SD Gothic Neo,Dotum,Helvetica,Arial,Verdana,sans-serif;}
#btn_search{overflow:hidden;float:left;width:24px;height:25px;margin-top:1px;background-image:url(/img_2013/common/header/search/btn.png);background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px}
#hdc_wallet{position:relative;float:right;width:77px;height:26px;margin-left:33px}
#wallet_open{float:left;width:78px;height:33px;margin-top:-4px;cursor:pointer;}
#wallet_open:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#wallet_open .title{float:left;overflow:hidden;width:32px;height:25px;margin-top:5px;margin-left:1px;background-image:url(/img_2013/common/header/wallet/title.png);text-indent:-9999px} 
body.svg #wallet_open .title {background-image:url(/img_2013/common/header/wallet/title.svg);}
#wallet_open .wallet{overflow:hidden;position:relative;float:left;width:36px;height:29px;margin-top:2px;margin-left:8px}
#wallet_open .wallet>span{position:absolute;background-repeat:no-repeat}
#wallet_open .wallet span.outside{z-index:10;top:2px;left:0;width:36px;height:27px;background-image:url(/img_2013/common/header/wallet/out.png);background-position:0 0;background-repeat:no-repeat}
body.svg #wallet_open .wallet span.outside {background-image:url(/img_2013/common/header/wallet/out.png);}
#wallet_open .wallet.active span.outside{background-position:-38px 0}
#wallet_open .wallet span.outside .num{overflow:hidden;display:block;position:relative;width:12px;height:12px;margin-top:8px;margin-left:12px;background-repeat:no-repeat;text-indent:-9999px}
#wallet_open .wallet span.outside .num.nempty{background-image: url(/img_2013/common/header/wallet/empty.png)}
#wallet_open .wallet span.outside .num.n1{background-image: url(/img_2013/common/header/wallet/1.png)}
#wallet_open .wallet span.outside .num.n2{background-image: url(/img_2013/common/header/wallet/2.png)}
#wallet_open .wallet span.outside .num.n3{background-image: url(/img_2013/common/header/wallet/3.png)}
body.svg #wallet_open .wallet span.outside .num.nempty{background-image: url(/img_2013/common/header/wallet/empty.svg)}
body.svg #wallet_open .wallet span.outside .num.n1{background-image: url(/img_2013/common/header/wallet/1.svg)}
body.svg #wallet_open .wallet span.outside .num.n2{background-image: url(/img_2013/common/header/wallet/2.svg)}
body.svg #wallet_open .wallet span.outside .num.n3{background-image: url(/img_2013/common/header/wallet/3.svg)}
#wallet_open .wallet span.inside{display:none;top:0;left:2px;width:32px;height:25px;background-image:url(/img_2013/common/header/wallet/card.png)}
#wallet_open .wallet.active span.inside{display:block}
#wallet_view{display:none;visibility:hidden;position:absolute;z-index:1100;top:53px;left:-33px;width:100px;padding:10px 13px 13px 10px;background-image:url(/img_2017/compare/bg.png);background-position:0 bottom}
#wallet_view .wallet_card{display:block}
#wallet_view .wallet_card .card_img{display:block;position:relative;margin-bottom:10px;text-align:center;} /* 2017-02-08 */
#wallet_view .wallet_card .card_plate{display:inline-block;width:100px;height:63px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;} /* 2017-02-08 */
#wallet_view .wallet_card .card_img.v .card_plate{width:60px;height:94px;} /* 2017-02-08 */
#wallet_view .wallet_card a:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#wallet_view .wallet_card .card_data{position:relative;padding-bottom:15px}
#wallet_view .wallet_card.last .card_data{padding-bottom:0}
#wallet_view .wallet_card .card_data:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#wallet_view .wallet_card .card_data .card_title{float:left;width:85px;color:#333;line-height:1.333em}
#wallet_view .wallet_card .card_data .card_delete{overflow:hidden;float:right;width:15px;height:15px;margin-top:3px;background-image:url(/img_2013/common/header/compare/close.gif);text-indent:-9999px}
#btn_wallet_compare{display:block;position:relative;width:100%;height:35px;margin-top:10px;background-image:url(/img_2013/common/header/compare/btn.png);background-position:-2px -2px;background-repeat:no-repeat;text-indent:-9999px}
#btn_wallet_compare.disabled{display:none}
#btn_wallet_compare:hover{background-position:-2px -39px}
#btn_wallet_compare:active{background-position:-2px -76px}
#hdc_header .shadow{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-image:url(/img_2013/common/header/shadow.png)}
#search_container{position:relative;height:0;z-index:10;}
#search_container .cloce_component,#search_container .search_component{position:relative;width:940px;margin:0 auto;padding:0 42px}
#search_container .search_component{padding-top:30px;padding-bottom:20px}
#search_area{overflow:hidden;position:relative;z-index:100;height:100%;background-color:#fff}
#search_not_found{overflow:hidden;position:relative;}
#search_area .result_notice{font-size:1.25em;font-weight:bold;word-spacing:-1px}
#search_area .result_notice em{color:#ec7d4a;font-weight:bold;word-spacing:-2px}
#search_area .card_notice{margin-top:5px;}
#search_area .card_notice em{font-weight:bold}
#search_card_slider_container{position:relative}
#search_card_slider_area{overflow:hidden;position:relative;margin:37px 0 0;height:122px}
#search_card_slider{position:relative;top:0;left:0;width:960px;height:100%}
#search_card_slider li{position:relative;float:left;width:140px;height:100%;margin-right:20px}
.search_card{width:100%;height:100%}
.search_card a:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.search_card a,.search_card img{position:relative;display:block;width:100%}
.search_card a {overflow:hidden; height:100px;}
.search_card img{z-index:10;padding-bottom:12px;}
.search_card a .card_shadow{position:absolute;bottom:-12px;left:0;width:100%;height:12px;background-image:url(/img_2013/common/header/search/shadow.png);background-repeat:no-repeat}
.search_paddle_nav li{position:absolute;z-index:20;top:0;left:0;width:100%;}
.search_paddle_nav li .arrow{overflow:hidden;display:block;position:absolute;top:0;width:30px;height:90px;z-index:1;cursor:pointer}
.search_paddle_nav li .arrow.disabled{display:none}
.search_paddle_nav li .arrow b{overflow:hidden;display:block;width:15px;height:30px;margin-top:30px;text-indent:-9999px}
.search_paddle_nav li .arrow.prev{left:-30px}
.search_paddle_nav li .arrow.prev b{float:right;margin-right:-30px;background-image:url(/img_2013/common/header/search/prev.png);background-position:0 -5px}
.search_paddle_nav li .arrow.prev:hover b{background-position:0 -45px}
.search_paddle_nav li .arrow.next{right:-30px}
.search_paddle_nav li .arrow.next b{float:left;margin-left:-30px;background-image:url(/img_2013/common/header/search/next.png);background-position:0 -5px}
.search_paddle_nav li .arrow.next:hover b{background-position:0 -45px}
#search_tag_area{overflow:hidden;position:relative;margin:26px 0 6px;height:36px}
#search_tag_area:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#search_tag_area .title{position:relative;float:left;width:125px;height:100%;font-size:1.667em;line-height:1.1em;font-weight:bold}
#search_tag_area .tag_list{position:relative;float:left;width:815px;height:100%}
#search_tag_area .tag_list:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.tag_list li{position:relative;float:left;margin-right:35px}
.tag_list li a{position:relative;font-size:1.667em;line-height:1.1em;color:#ec7d4a;font-weight:bold;border-bottom:1px solid #ec7d4a}
#search_container a.close{overflow:hidden;display:block;position:absolute;bottom:0;right:42px;width:55px;height:30px;background-image:url(/img_2013/common/header/search/close.png);background-repeat:no-repeat;text-indent:-9999px;background-position:0 bottom;cursor:pointer}
.autocomplete_area {position:relative;clear:both;} 
.autocomplete_container{position:absolute;top:25px;left:0;width:100%;z-index:9999;display:none;}
.autocomplete {position:relative;z-index:300;padding-top:3px;background:url(/img_2013/common/header/search/auto_bg.png) no-repeat 0 0;}
.autocomplete ul{padding:3px 0 8px; background:url(/img_2013/common/header/search/auto_bg.png) no-repeat 0 100%;}
.autocomplete li{height:23px;line-height:1.917em;white-space:nowrap;overflow:hidden;padding:0 4px;margin-left:2px;margin-right:1px;cursor:pointer}
.autocomplete .selected{background-color:#eee}
.autocomplete strong{color:#666}
.autocomplete a{color:#c6c6c6;}
/* Main */
#hdc_wrap .main_section{visibility:hidden;position:relative;padding-top:110px}
#hdc_wrap.min #hdc_header .component{padding-top:27px}
/* Footer */
#hdc_footer{visibility:hidden;position:relative;font-family:'돋움',dotum,Tahoma; background-color:#fff; word-spacing:normal;} /* 2016-03-28 */
#hdc_footer .line{position:absolute;top:0;left:0;width:100%;height:1px;background-image:url(/img_2013/common/footer/line.png);background-repeat:repeat-x}
#hdc_footer .component{position:relative;height:120px;padding:20px 0;} /* 2016-03-28 */
#hdc_footer .apply_tel{display:none; overflow:hidden; position:absolute; top:50%; margin-top:-19px; right:0; width:89px; height:32px; background:url(/img_2013/common/footer/apply_tel.png) no-repeat 0 0;text-indent:-9999px;cursor:default} /* 2016-03-28 */
body.svg #hdc_footer .apply_tel {background:url(/img_2013/common/footer/apply_tel.svg) no-repeat 0 0;} 
#hdc_footer h1{overflow:hidden;float:right;width:175px;height:20px;margin-top:2px;background-image:url(/img_2013/common/footer/copyright.png);background-repeat:no-repeat;text-indent:-9999px}
#hdc_footer .foot_cnt {float:left;}
#hdc_footer dl {position:relative; zoom:1; height:14px; margin-bottom:8px; color:#666; line-height:14px; } /* 2016-03-28 */
#hdc_footer dl:after {clear:both; display:block; content:'';}
#hdc_footer dd {float:left; padding-left:14px; background:url(/img_2013/common/footer/line.gif) no-repeat 6px 2px; background-position:6px 2px\9;}  /* 2016-03-28 */
#hdc_footer dd.fir {background:none; padding-left:0;}
#hdc_footer dd a {color:#666;}
#hdc_footer address dl {margin-bottom:6px; color:#747474;} /* 2016-03-28 */
/* #hdc_footer .copyright {display:block; width:286px; height:10px; background:url(/img_2013/common/footer/copyright.png) no-repeat 0 0; text-indent:-9999px;} */ /* 2016-03-28 */
#hdc_footer .copyright {color:#747474; word-spacing: normal;}  /* 2016-03-28 */
#hdc_footer .customer_mark{position:absolute; top:20px; right:57px; width:71px; height:32px;} /* 2016-03-28 */
#hdc_footer .wa_mark{position:absolute; top:20px; right:0; width:45px; height:32px;} /* 2016-03-28 */
#hdc_footer .foot_hdc_logo {padding-top:18px;} /* 2016-03-28 */
#hdc_footer .hdc_logo {display:block; width:124px; height:24px; font-size:0; text-indent:-9999px; background:#fff url(/img_2013/common/footer/hdc_logo.png) no-repeat 0 0;} /* 2016-03-28 */

.card_data,.card_data .card_desc{display:block;position:relative}
.card_data .card_desc{position:relative;clear:both;width:220px;color:#666;word-spacing:-2px}
.card_data .card_desc em{font-weight:bold;color:#333}
/* Apply Util */
.apply_util{position:relative;clear:both}
.apply_util:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.apply_util a{overflow:hidden;float:left;text-indent:-9999px;cursor:pointer}

.apply_util.theme_metro a{height:36px;margin-right:6px;background-image:url(/img_2013/common/ui/btn_metro_theme.png)}
.apply_util.theme_metro a.btn_apply{width:105px;background-position:-2px -2px}
.apply_util.theme_metro a.btn_easyapply{display:none;width:105px;background-position:-107px -2px}
.apply_util.theme_metro a.btn_consult{width:105px;background-position:-216px -2px}
.apply_util.theme_metro a.btn_add{width:48px; margin-right:0; background-position:-323px -2px}
.apply_util.theme_metro a.btn_apply:hover{background-position:-2px -40px}
.apply_util.theme_metro a.btn_easyapply:hover{background-position:-107px -40px}
.apply_util.theme_metro a.btn_consult:hover{background-position:-216px -40px}
.apply_util.theme_metro a.btn_add:hover{background-position:-323px -40px}
.apply_util.theme_metro a.btn_apply:active{background-position:-2px -78px}
.apply_util.theme_metro a.btn_easyapply:active{background-position:-107px -78px}
.apply_util.theme_metro a.btn_consult:active{background-position:-216px -78px}
.apply_util.theme_metro a.btn_add:active{background-position:-323px -78px}
/* 2014-11-14 추가 */
.apply_util.theme_small a{height:32px;margin-right:4px;background-image:url(/img_2013/common/ui/btn_small_theme.png)}
.apply_util.theme_small a.btn_apply{width:91px;background-position:-2px -2px}
.apply_util.theme_small a.btn_easyapply{display:none;width:91px;background-position:-95px -2px}
.apply_util.theme_small a.btn_consult{width:91px;background-position:-188px -2px}
.apply_util.theme_small a.btn_add{width:39px; margin-right:0; background-position:-281px -2px}
.apply_util.theme_small a.btn_apply:hover{background-position:-2px -36px}
.apply_util.theme_small a.btn_easyapply:hover{background-position:-95px -36px}
.apply_util.theme_small a.btn_consult:hover{background-position:-188px -36px}
.apply_util.theme_small a.btn_add:hover{background-position:-281px -36px}
.apply_util.theme_small a.btn_apply:active{background-position:-2px -70px}
.apply_util.theme_small a.btn_easyapply:active{background-position:-95px -70px}
.apply_util.theme_small a.btn_consult:active{background-position:-188px -70px}
.apply_util.theme_small a.btn_add:active{background-position:-281px -70px}
/* 2014-12-12 추가 */
.apply_util.theme_small_1 a{height:31px;margin-right:5px;background-image:url(/img_2013/common/ui/btn_small_theme_1.png)}
.apply_util.theme_small_1 a.btn_apply{width:101px;background-position:-2px -2px}
.apply_util.theme_small_1 a.btn_consult{width:101px;background-position:-108px -2px}
.apply_util.theme_small_1 a.btn_add{width:38px; margin-right:0; background-position:-214px -2px}
.apply_util.theme_small_1 a.btn_apply:hover{background-position:-2px -36px}
.apply_util.theme_small_1 a.btn_consult:hover{background-position:-108px -36px}
.apply_util.theme_small_1 a.btn_add:hover{background-position:-214px -36px}
.apply_util.theme_small_1 a.btn_apply:active{background-position:-2px -70px}
.apply_util.theme_small_1 a.btn_consult:active{background-position:-108px -70px}
.apply_util.theme_small_1 a.btn_add:active{background-position:-214px -70px}

/* 2015-02-02 추가 */
.apply_util.theme_small_2 a{height:31px;margin-right:5px;background-image:url(/img_2013/common/ui/btn_small_theme_2.png)}
.apply_util.theme_small_2 a.btn_apply{width:106px;background-position:-2px -2px}
.apply_util.theme_small_2 a.btn_consult{width:106px;background-position:-290px -2px}
.apply_util.theme_small_2 a.btn_add{width:38px; margin-right:0; background-position:-434px -2px}
.apply_util.theme_small_2 a.btn_apply:hover{background-position:-2px -36px}
.apply_util.theme_small_2 a.btn_consult:hover{background-position:-290px -36px}
.apply_util.theme_small_2 a.btn_add:hover{background-position:-434px -36px}
.apply_util.theme_small_2 a.btn_apply:active{background-position:-2px -70px}
.apply_util.theme_small_2 a.btn_consult:active{background-position:-290px -70px}
.apply_util.theme_small_2 a.btn_add:active{background-position:-434px -70px}

/* 2015-08-31 추가 */
.apply_util.theme_small_3 a{height:31px;margin-right:5px;background-image:url(/img_2013/common/ui/btn_small_theme_3.png)}

/* 2015-10-26 추가 */
.apply_util.theme_small_4 a{height:31px;margin-right:5px;background-image:url(/img_2013/common/ui/btn_small_theme_4.png)} 

/* 2016-06-24 추가 */
.apply_util.theme_small_6 a{height:31px;margin-right:5px;background-image:url(/img_2013/common/ui/btn_small_theme_6.png)} 
.apply_util.detail a{height:40px;margin-right:6px;background-image: url(/img_2013/common/ui/btn_detail.png)}
.apply_util.detail a.btn_apply{width:106px;background-position:-2px -2px}
.apply_util.detail a.btn_easyapply{display:none;width:106px;background-position:-110px -2px}
.apply_util.detail a.btn_consult{width:106px;background-position:-218px -2px}
.apply_util.detail a.btn_add{width:54px;background-position:-326px -2px}
.apply_util.detail a.btn_apply:hover{background-position:-2px -44px}
.apply_util.detail a.btn_easyapply:hover{background-position:-110px -44px}
.apply_util.detail a.btn_consult:hover{background-position:-218px -44px}
.apply_util.detail a.btn_add:hover{background-position:-326px -44px}
.apply_util.detail a.btn_apply:active{background-position:-2px -86px}
.apply_util.detail a.btn_easyapply:active{background-position:-110px -86px}
.apply_util.detail a.btn_consult:active{background-position:-218px -86px}
.apply_util.detail a.btn_add:active{background-position:-326px -86px}
.apply_util.current a{height:23px;margin-right:3px;background-image: url(/img_2013/common/ui/btn_current.png)}
.apply_util.current a.btn_apply{width:67px;background-position:-2px -2px}
.apply_util.current a.btn_easyapply{display:none;width:67px;background-position:-71px -2px}
.apply_util.current a.btn_consult{width:67px;margin-right:3px;background-position:-140px -2px}
.apply_util.current a.btn_add{width:32px;background-position:-209px -2px}
.apply_util.current a.last{margin-right:0}
.apply_util.current a.btn_apply:hover{background-position:-2px -27px}
.apply_util.current a.btn_easyapply:hover{background-position:-71px -27px}
.apply_util.current a.btn_consult:hover{background-position:-140px -27px}
.apply_util.current a.btn_add:hover{background-position:-209px -27px}
.apply_util.current a.btn_apply:active{background-position:-2px -52px}
.apply_util.current a.btn_easyapply:active{background-position:-71px -52px}
.apply_util.current a.btn_consult:active{background-position:-140px -52px}
.apply_util.current a.btn_add:active{background-position:-209px -52px}
/* s: 2017-01-23 */
.apply_util.compare{margin:0 auto;width:205px;}
.apply_util.compare a{overflow:hidden;float:left;margin:0 6px 0 0}
.apply_util.compare a:last-child{margin-right:0;}
a.compare{height:40px;background-image: url(/img_2013/common/ui/btn_compare2.png)}
a.compare.btn_apply{width:97px;background-position:0 0}
a.compare.btn_consult{width:97px;margin-right:3px;background-position:-99px 0}
a.compare.btn_apply:hover{background-position:0 -42px}
a.compare.btn_consult:hover{background-position:-99px -42px}
a.compare.btn_apply:active{background-position:0 -84px}
a.compare.btn_consult:active{background-position:-99px -84px}
/* e: 2017-01-23 */

.card_util .brand{position:relative}
.card_util .brand:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.card_util .brand p{overflow:hidden;float:left;height:13px;margin-right:10px;background-image:url(/img_2013/common/brand.jpg);background-repeat:no-repeat;text-indent:-9999px}
.card_util .brand.set03 p{margin-right:2px}/* 2015-04-06 add */
.card_util .brand p.visa{width:28px;background-position:-2px -2px}
.card_util .brand p.mc{width:21px;background-position:-32px -2px}
.card_util .brand p.local{width:22px;background-position:-55px -2px}
.card_util .brand p.mw{width:15px;background-position:-79px -2px}
.card_util .brand p.up{width:21px;background-position:-96px -2px} /* 2015-04-06 add */
.card_util .brand p.last{margin-right:0}
.detail_sns {overflow:hidden; zoom:1; position:absolute; right:42px; z-index:400;}
#sns_wrap_detail{position:absolute;bottom:0;left:0;width:100%;}
#sns_wrap_detail .component{padding-top:0 !important;padding-bottom:0 !important}
.detail_sns:after {clear:both; display:block; content:'';}
.detail_sns li {float:left;}
.detail_sns li a {float:left; display:block; height:36px; background:url(/img_2013/common/ui/btn_share_sns.png) no-repeat; text-indent:-9999em;}
.detail_sns li.e a {width:109px; margin-right:10px; background:url(/img_2013/common/ui/btn_sns_event.png) no-repeat;  text-indent:-9999em; cursor:pointer;}
.detail_sns li.f a {width:39px;}
.detail_sns li.t a {width:35px; background-position:-40px 0;}
.detail_sns li.p a {width:38px; background-position:-74px 0;}
.sns_wrap {z-index:100;}
.sns_wrap.h .component {height:80px;}
.sns_wrap.h .main_sns {bottom:0 !important; top:auto;}
.main_sns {overflow:hidden; zoom:1; position:absolute; right:42px; top:-35px;} /* 2016-03-28 */
.main_sns:after {clear:both; display:block; content:'';}
.main_sns li {float:left;}
.main_sns li a {float:left; display:block; height:36px; background:url(/img_2013/common/ui/btn_share_sns2.png) no-repeat; text-indent:-9999em; cursor:pointer;}
.main_sns li.e a {width:109px; margin-right:10px; background:url(/img_2013/common/ui/btn_event.png) no-repeat;  text-indent:-9999em; cursor:pointer;}
.main_sns li.f a {width:39px;}
.main_sns li.t a {width:38px; background-position:-39px 0;}
/* Pop Up */
#hdc_popup{display:none;visibility:hidden}
#hdc_popup{position:absolute;z-index:2000;top:0;left:0;width:100%;height:100%}
#hdc_popup .popup {display:none;}
#deem_bg{z-index:3000;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/img_2013/common/popup/bg/deem.png)}
#tel_apply{z-index:4000;position:absolute;top:0;left:50%}
#tel_apply:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#form_tel_apply{position:relative;display:block;width:360px;padding:20px;margin-left:-200px;border-radius:2px;background-color:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);outline:none;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}
#form_tel_apply fieldset{position:relative}
#form_tel_apply fieldset:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#form_tel_apply fieldset legend{position:relative;float:left;*margin-left:-7px}
#form_tel_apply .close{overflow:hidden;position:absolute;top:-1px;right:0;width:30px;height:25px;background-image:url(/img_2013/common/popup/close.png);text-indent:-9999px;cursor:pointer}
#form_tel_apply .btn_area:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#form_tel_apply fieldset>div{display:block;position:relative;clear:both;float:left;width:100%}
#form_tel_apply .realtime_notice{margin:30px 0 20px}
#form_tel_apply .realtime_notice .comment:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#form_tel_apply .realtime_notice .btn_area{display:block;position:relative;clear:both;float:left;margin-top:50px}
#form_tel_apply .input_area{margin-top:25px}
#form_tel_apply .input_area>div{display:block;clear:both;float:left;width:100%;z-index:1;}
/*#form_tel_apply .input_area>div{display:block;position:relative;clear:both;float:left;width:100%} 2014-08-19 백업*/
#form_tel_apply .input_area .name_area,#form_tel_apply .input_area .contact_area{margin-bottom:15px}
#form_tel_apply .input_area .contact_area:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#form_tel_apply .input_area label.name,#form_tel_apply .input_area label.contact{overflow:hidden;display:block;position:relative;float:left;width:60px;height:25px;background-position:0 50%;background-repeat:no-repeat;text-indent:-9999px}
#form_tel_apply input[type='text'],#form_tel_apply input[type='password'],#form_tel_apply select{border:1px solid #ccc}
#form_tel_apply input[type='text']:focus,#form_tel_apply input[type='password']:focus,#form_tel_apply select:focus{border-color:#ed4a11;outline:none}
#form_tel_apply .input_area .name_area label{background-image:url(/img_2013/common/popup/telapply/name.jpg)}
#form_tel_apply .input_area #userNm{position:relative;width:192px;height:20px;padding:2px 3px 1px}
#form_tel_apply .input_area .contact_area label{background-image:url(/img_2013/common/popup/telapply/contact.jpg)}
#form_tel_apply .input_area #receiveTel{position:relative;float:left;width:60px;height:25px}
#form_tel_apply .input_area #phone2,#form_tel_apply .input_area #phone3{position:relative;float:left;width:52px;height:20px;padding:2px 3px 1px}
#form_tel_apply .input_area span.line{overflow:hidden;position:relative;float:left;width:10px;height:26px;background-image:url(/img_2013/common/popup/telapply/line.jpg);background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px}
#form_tel_apply .tel_apply_private{margin-bottom:25px}
#form_tel_apply .tel_apply_private:after{content:'';display:block;height:0;clear:both;visibility:hidden}
#form_tel_apply .tel_apply_private input{float:left;border:0;margin-top:2px;margin-right:7px}
#form_tel_apply .tel_apply_private label{float:left;color:#333;margin-right:7px}
#form_tel_apply .tel_apply_private a{float:left;text-decoration:underline;color:#666;cursor:pointer}
#form_tel_apply .input_area .btn_area input{margin-right:10px}
#form_tel_apply .input_area .btn_area input.last{margin-right:0}
#form_tel_apply .tel_apply_notice{clear:both;float:left;margin-top:15px}
/*#form_tel_apply .tel_apply_notice{position:relative;clear:both;float:left;margin-top:15px} 2014-08-19 백업*/
#form_tel_apply .tel_apply_notice .info{position:relative;padding-bottom:2px;color:#ec7d4a}
#form_tel_apply .tel_apply_notice .info.last{padding-bottom:0}
#form_tel_apply .tel_apply_notice .info em{position:absolute;top:0;left:1px}
#form_tel_apply .tel_apply_notice .info span{position:relative;display:block;padding-left:10px}
#form_tel_apply .notice{margin:25px 0 0;color:#333}
#form_tel_apply .notice p{padding-bottom:10px;padding-left:22px;background-image:url(/img_2013/common/popup/telapply/notice.jpg);background-repeat:no-repeat;background-position:0 2px}
#form_tel_apply .contact_area div {float:left;}
#form_tel_apply .contact_area {position:relative;}
#form_tel_apply .secure {overflow:hidden; position:absolute; top:-10px; *top:2px; right:0; display:block; width:90px; height:auto; *height:21px; margin-left:10px;}
/*#form_tel_apply .secure {overflow:hidden; position:absolute; top:2px; right:0; display:block; width:90px; height:21px; margin-left:10px;} 2014-11-18 t3비교 후 다른부분이라 주석처리*/
#form_tel_apply .secure.on a {background-position:0 -21px;}
#form_tel_apply .secure a {font-size:0; line-height:0; width:90px; height:21px; display:inline-block; *display:inline; *zoom:1; background:url(/img_2013/common/popup/secure.jpg) no-repeat;}
/*#form_tel_apply .secure a {text-indent:-9999em; width:90px; height:21px; display:inline-block; *display:inline; *zoom:1; background:url(/img_2013/common/popup/secure.jpg) no-repeat;}*/
#card_compare{width:960px;margin:0 auto}
#compare_header{width:940px;height:26px;padding:10px 10px 40px}
#compare_header>.title{float:left;margin-top:2px}
#compare_header .print{overflow:hidden;float:right;width:30px;height:45px;background-image:url(/img_2013/common/compare/print.png);text-indent:-9999px;cursor:pointer}
/*2014-11-18 t3와 달라 주석처리
#compare_body{width:960px;margin:0 auto}*/
#compare_header .tit_info{clear:both;}
#compare_body{width:960px;margin:0 auto}
#compare_body.col2{width:640px}
#compare_body:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.compare_container .card_area{position:relative;padding-bottom:20px;margin-top:20px;}
.compare_container{position:relative;float:left;width:300px;margin:0 10px}
.compare_container .card_view{display:block;position:relative;padding-bottom:20px;} /* 2017-01-23 */
.compare_container .card_view > span.card_plate{display:block;width:300px;height:190px;border-radius: 8px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;} /* 2017-01-23 */
.compare_container.v_plate .card_view > span.card_plate{width:220px;height:350px;margin:0 auto;} /* 2017-01-23 */
.compare_container .card_view:after{content:'';display:block;height:0;clear:both;visibility:hidden}

.compare_container .card_data .card_title{overflow:hidden;display:block;height:17px;margin-bottom:12px;background-image:url(/img_2017/compare/sp_h3.png);background-repeat:no-repeat;text-indent:-9999px} 
.compare_container .card_title.TP{background-position:0 -261px} /* 2018-02-01 수정 */
.compare_container .card_title.TR{background-position:0 0}
.compare_container .card_title.TRX{background-position:0 -20px}
.compare_container .card_title.M{background-position:0 -40px}
.compare_container .card_title.MP{background-position:0 -60px}
.compare_container .card_title.M3P{background-position:0 -80px}
.compare_container .card_title.T3P{background-position:0 -100px}
.compare_container .card_title.X{background-position:0 -120px}
.compare_container .card_title.XP{background-position:0 -140px}
.compare_container .card_title.X3P{background-position:0 -160px}
.compare_container .card_title.ZRO{background-position:0 -180px}
.compare_container .card_title.MOZR{background-position:0 -200px}
.compare_container .card_title.MZRO{background-position:0 -220px}
.compare_container .card_title.MMOZR{background-position:0 -240px}
.compare_container.v_plate .card_data{width:220px;margin:0 auto;}
.compare_container .card_data .card_desc{height:104px;font-size:0.917em;color:#747474}
.compare_container .card_data .card_desc em{font-size:1.091em}
.compare_container .card_data .card_desc b{font-weight:normal;color:#ed6318}
.compare_container .info_area{min-height:730px}
.compare_container .info_area .card_info li{display:block;height:200px;border-top:1px solid #ccc;word-spacing:-2px}
.compare_container .info_area .card_info li.ht_long{display:block;height:200px;border-top:1px solid #ccc;word-spacing:-2px}
.compare_container .info_area .card_info li.card_util {height:237px;}
.compare_container .info_area .card_info li.card_util .fee{display:block;position:relative;padding-top:16px;font-size:1.083em;color:#000}
.compare_container .info_area .card_info li.card_util .brand{margin-top:6px}
.compare_container .info_area .card_info li .title{padding-top:10px}
.compare_container .info_area .card_info li .title:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.compare_container .info_area .card_info li .desc{display:block;position:relative;padding-top:8px;color:#333}
.compare_container .info_area .card_info li .desc b{font-weight:normal;color:#ed6318}

#event_popup {z-index:4000;position:absolute;top:0;left:50%}
#event_popup:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#event_popup .online {position:relative;display:block;width:480px;padding:20px;margin-left:-240px;border-radius:2px;background-color:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);outline:none;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)}
#event_popup .event_tit {font-size:0; line-height:0; margin-bottom:20px;}
#event_popup .event_area .tit {font-size:0; line-height:0; padding-bottom:19px; border-bottom:1px solid #e0e0e0;}
#event_popup .event_notice {}
#event_popup .event_notice li {padding-left:8px; background:url(/img_2013/detail/common/bu_list.gif) no-repeat 0 8px; color:#747474;}
#event_popup .event_area {margin-bottom:17px; border-bottom:1px solid #e0e0e0;}
#event_popup .event_area .ctns {padding:29px 0 29px; text-align:center; font-size:0; line-height:0;}
#event_popup .online .event_btn {height:38px; padding:17px 0 0; text-align:center;}
#event_popup .online .event_btn a {display:inline-block; *display:inline; *zoom:1; height:38px; overflow:hidden;}
#event_popup .close {overflow:hidden;position:absolute;top:19px;right:19px;width:30px;height:25px;background-image:url(/img_2013/common/popup/close.png);text-indent:-9999px;cursor:pointer}

/* not found */
.error {visibility:hidden;}
#notfound_area,#error_area{position:relative;margin-left:214px}
#notfound,#error{position:relative;margin-bottom:33px}
#notfound #card_section{overflow:hidden;position:absolute;top:10px;left:81px;width:28px;height:44px}
#error #card_section{overflow:hidden;position:absolute;top:15px;left:275px;width:48px;height:73px}
#card_section>div{position:absolute;top:0;left:0;-moz-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;
-moz-transition-duration:0.05s;-webkit-transition: 0.05s}
#card_section>div.filp_in{-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transition-duration:0.05s;-webkit-transition: 0.05s}
#notfound:after,#error:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#error_notice{position:relative;margin-bottom:25px}
#error_notice:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#error_desc{position:relative;color:#666;margin-bottom:20px}
#error_desc:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.error .go_home{overflow:hidden;position:relative;display:block;width:152px;height:37px;margin-left:-1px;background-image:url(/img_2013/common/error/go_home.png);background-repeat:no-repeat;text-indent:-9999px}
/* Mobile ver */
#hdc_mobile {position:relative; display:none; background:#f2f2f2;}
body.m #hdc_mobile {display:block}
#hdc_mobile p {padding-bottom:50px;}
#hdc_mobile p.text {padding-top:50px; font-size:2.833em; line-height:44px; color:#666;}
#hdc_mobile a {display:block; height:90px; border-radius:10px; line-height:90px; text-align:center; background:-moz-linear-gradient(top, rgba(57,57,57,1) 0%, rgba(44,44,44,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,57,57,1)), color-stop(100%,rgba(44,44,44,1))); background:-webkit-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(44,44,44,1) 100%); background:-o-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(44,44,44,1) 100%);}
#hdc_mobile a img {padding-top:25px;}

/* Print */
@media print{
    body{width:1024px !important; color:#000 !important}
    a,a:link,a:visited{color:#000 !important;text-decoration:none !important}
}
/* iPhone */
@media screen and (max-device-width: 480px){
    html{-webkit-text-size-adjust:none}
}
/* Minimal */
@media (max-width:1024px){
    body.m #hdc_wrap #hdc_header{position:fixed}
    body.m #hdc_wrap .main_section{padding-top:110px}
    body.m #hdc_wrap .detail_section{padding-top:110px}
    #hdc_wrap #hdc_header{position:relative}
    #hdc_wrap .main_section{padding-top:0}
}

/*랜딩배너*/
.landing{width:100%;margin:0 auto;}
.landing .landingInner{display:none}
.landing p {width:940px;height:100px;margin:0 auto;position:relative;}
.landing p1 {width:940px;height:100px;margin:0 auto;position:relative; top:110px;z-index:9999}
/*.landing p {width:940px;height:100px;margin:0 auto;position:relative;}*/
.landing a {display:inline-block;position:absolute;top:15px;right:15px;}

/* 플로팅 팝업 */
.floatingLayer{z-index:9999;}
.floatingLayer li{position:relative;width:112px;height:71px;overflow:hidden;text-align:center;margin-bottom:10px;}
.floatingLayer li a{position:absolute;left:0;bottom:0;display:block;color:#fff;width:100%;height:56px;}
.floatingLayer li.textType a{display:table;width:112px;height:56px;background:#727272;font-weight:bold;}
.floatingLayer li.textType a span{display: table-cell;vertical-align: middle;}
.floatingLayer li.imgType{padding:0;height:71px;}
.floatingLayer li.imgType a img{width:112px;height:56px;}
.floatingLayer li .btnFloagint{width:12px;height:10px;background:url(/img_2014/popup/btn_floatingclose.png) 0 0 no-repeat;border:0;position:absolute;top:0;left:0;display:inline-block;font-size:0;text-indent:-9999;}

.deliberate .component .bu{font-size:1.325em; line-height:20px} /* 2015-12-30 font-size:1.125em;  */

/* 카드 연회비 수정 2015-09-22 */
.compare_container .info_area .card_info li.card_util em {display:block; font-weight:bold; padding-top:7px;}
.compare_container .info_area .card_info li.card_util em:first-child,
.compare_container .info_area .card_info li.card_util em.family {padding-top:0;}


/* ---------------------------------------------------- */
/* 전체카드 목록 > 레이어 팝업 2015-01-04 : all.css에서 공통으로 가져옴
/* ---------------------------------------------------- */
.modal1 {position: absolute; padding: 0 0 0 7px;z-index: 50;}
.modal1 a{text-indent: 0;}
.modal1 .tip-con {background: none repeat scroll 0 0 #fff; border: 1px solid #333333; box-shadow: 2px 2px rgba(255, 255, 255, 0.2); width: 232px;}
.modal1 .tip-arr {position: absolute; top: 20px; background: url("/img_2013/common/popup/arrow_tooltip2.gif") no-repeat scroll 0 0; width: 8px; height: 23px; left: 0;  }
.modal1 .tip-con .btn-close {position: absolute;	width: 18px; height: 18px !important; background: url("/img_2013/common/popup/btn_close.png") no-repeat scroll 0 0;	border: 1px solid #fff; right: 5px; top: 5px; vertical-align: top; text-indent: -9999px; overflow: hidden;}
.modal1 .btn-close:focus, .modal1 .btn-close.focus, .modal1 .btn-close:hover {border-color:#333;}
.modal1 .tip-con .tip-tit{padding: 21px 50px 21px 24px;}
.modal1 .tip-con .btn-wrap {/*  font-size: 0 !important;*/}
.modal1 .tip-con .btn-wrap li {width:230px;	background:url("/img_2013/common/popup/arrow2_4x8_585858_r.gif")  no-repeat scroll 200px 20px #f0f0f0 ; border-top: 1px solid #d5d5d5;}
.modal1 .tip-con .btn-wrap a{height: 50px !important;	padding:0 24px;	line-height:50px;}
.modal1 .tip-con .btn-wrap a > img {vertical-align:middle;}
.modal1 .tip-con .btn-wrap li a{background:none}
.modal1.modal_footer .tip-con .btn-wrap a {height:30px !important; padding-top:20px; line-height:0;}


/* plate shadow */
.card_plate.M{-o-box-shadow: 0px 4px 8px rgba(96,160,167,0.35);-ms-box-shadow: 0px 4px 8px rgba(96,160,167,0.35);-moz-box-shadow: 0px 4px 8px rgba(96,160,167,0.35);-webkit-box-shadow: 0px 4px 8px rgba(96,160,167,0.35);box-shadow: 0px 4px 8px rgba(96,160,167,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.MP{-o-box-shadow: 0px 4px 8px rgba(49,144,170,0.35);-ms-box-shadow: 0px 4px 8px rgba(49,144,170,0.35);-moz-box-shadow: 0px 4px 8px rgba(49,144,170,0.35);-webkit-box-shadow: 0px 4px 8px rgba(49,144,170,0.35);box-shadow: 0px 4px 8px rgba(49,144,170,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.M3P{-o-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);-ms-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);-moz-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);-webkit-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);box-shadow: 0px 4px 8px rgba(0,92,185,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.T3P{-o-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);-ms-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);-moz-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);-webkit-box-shadow: 0px 4px 8px rgba(0,92,185,0.35);box-shadow: 0px 4px 8px rgba(0,92,185,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.X{-o-box-shadow: 0px 4px 8px rgba(253,130,4,0.35);-ms-box-shadow: 0px 4px 8px rgba(253,130,4,0.35);-moz-box-shadow: 0px 4px 8px rgba(253,130,4,0.35);-webkit-box-shadow: 0px 4px 8px rgba(253,130,4,0.35);box-shadow: 0px 4px 8px rgba(253,130,4,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.XP{-o-box-shadow: 0px 4px 8px rgba(252,103,25,0.35);-ms-box-shadow: 0px 4px 8px rgba(252,103,25,0.35);-moz-box-shadow: 0px 4px 8px rgba(252,103,25,0.35);-webkit-box-shadow: 0px 4px 8px rgba(252,103,25,0.35);box-shadow: 0px 4px 8px rgba(252,103,25,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.X3P{-o-box-shadow: 0px 4px 8px rgba(252,69,19,0.35);-ms-box-shadow: 0px 4px 8px rgba(252,69,19,0.35);-moz-box-shadow: 0px 4px 8px rgba(252,69,19,0.35);-webkit-box-shadow: 0px 4px 8px rgba(252,69,19,0.35);box-shadow: 0px 4px 8px rgba(252,69,19,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.ZRO,
.card_plate.MOZR,
.card_plate.MMOZR,
.card_plate.MZRO{-o-box-shadow: 0px 4px 8px rgba(0,0,0,0.1);-ms-box-shadow: 0px 4px 8px rgba(0,0,0,0.1);-moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.1);box-shadow: 0px 4px 8px rgba(0,0,0,0.1);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.TR,
.card_plate.TRX{-o-box-shadow: 0px 4px 8px rgba(153,0,1,0.35);-ms-box-shadow: 0px 4px 8px rgba(153,0,1,0.35);-moz-box-shadow: 0px 4px 8px rgba(153,0,1,0.35);-webkit-box-shadow: 0px 4px 8px rgba(153,0,1,0.35);box-shadow: 0px 4px 8px rgba(153,0,1,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 13px;-ms-border-radius: 4px;-o-border-radius: 4px;}
.card_plate.else{-o-box-shadow: 0px 4px 8px rgba(0,0,0,0.35);-ms-box-shadow: 0px 4px 8px rgba(0,0,0,0.35);-moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.35);-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.35);box-shadow: 0px 4px 8px rgba(0,0,0,0.35);border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 13px;-ms-border-radius: 4px;-o-border-radius: 4px;}