/*
 * Hyundai Card Micro site :: Base.
 * 
 * 
 * @RyongHwon.	ryonghwon@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{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{outline:none}
a{z:expression(this.hideFocus=true)}

/* Layout */
html{background-color:#fff}
.clear{clear: both}
img.left{float:left}
img.right{float:right}
.rounded{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-khtml-border-radius:4px}
.rounded_top{border-radius:4px 4px 0 0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius:4px 4px 0 0;-o-border-radius: 4px 4px 0 0;-khtml-border-radius:4px 4px 0 0}
.rounded_bottom{border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-khtml-border-radius:0 0 4px 4px}
.rounded_right{border-radius:0 4px 4px 0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0;-khtml-border-radius:0 4px 4px 0}
.rounded_left{border-radius:4px 0 0 4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;-khtml-border-radius:4px 0 0 4px}
.rounded_topleft{border-radius:4px 0 0;-webkit-border-top-left-radius:4px;-moz-border-radius:4px 0 0;-o-border-radius:4px 0 0;-khtml-border-radius:4px 0 0}
.rounded_topright{border-radius:0 4px 0 0;-webkit-border-top-right-radius:4px;-moz-border-radius:0 4px 0 0;-o-border-radius:0 4px 0 0;-khtml-border-radius:0 4px 0 0}
.rounded_bottomleft{border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius:0 0 0 4px;-o-border-radius:0 0 0 4px;-khtml-border-radius:0 0 0 4px}
.rounded_bottomright{border-radius:0 0 4px 0;-webkit-border-bottom-right-radius:4px;-moz-border-radius:0 0 4px 0;-o-border-radius:0 0 4px 0;-khtml-border-radius:0 0 4px 0}

/* Grid */
.area,.container,.img_container{position:relative;width:100%}
.area{overflow:hidden}
.component{position:relative;width:960px;margin:0 auto;padding:0 32px}
.img_component{position:absolute;top:0;left:0}
.column{position:relative;float:left}
.grid_rank .column.first{width:200px}
.grid_rank .column.last{width:730px}
.column.last{float:right !important}
.grid_rank:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.grid_rank{zoom:1}

/* Type */
body{position:relative;font:12px/18px Malgun Gothic,맑은 고딕,Dotum,Helvetica,Arial,Verdana,sans-serif;color:#000;-webkit-font-smoothing:antialiased;word-spacing:-1px}
.outline,.hidden{display:none}
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}

/* Global Header */
#hdcard_header{position:fixed;z-index:500;width:100%;background-color:#fff;-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 5px 2px;-moz-box-shadow:rgba(0, 0, 0, 0.4) 0 1px 5px 2px;box-shadow:rgba(0, 0, 0, 0.4) 0 1px 5px 2px}
#hdcard_header.m{position:relative}
#hdcard_header.ie .shadow{position:absolute;bottom:-6px;width:100%;height:6px;background-image:url(/img/common/gnb/shadow.png)}
#hdcard_header.min{top:-90px}
#hdcard_header .logo_bg{position:absolute;top:80px;left:0;width:100%;height:7px;background-image:url(/img/common/logo/mm_bg.jpg)}
#logo_area{position:relative;height:100px}
#hdcard_logo{float:left;width:123px;height:27px;margin-top:30px;margin-left:10px;background-image:url(/img/common/logo/logo.jpg);background-position:-2px -2px;background-repeat:no-repeat}
#hdcard_logo.svg{background-image:url(/img/common/logo/logo.jpg)}
#hdcard_logo a{overflow:hidden;display:block;height:100%;text-indent:-9999px;cursor:pointer}
#apply_tel_area{overflow:hidden;display:block;float:right;width:275px;height:20px;margin-top:36px;margin-right:13px;background-image:url(/img/common/ui/tel.jpg);background-position:-2px -2px;text-indent:-9999px;cursor:default}
body.m #apply_tel_area{cursor:pointer}
#apply_tel_area.select{cursor:pointer}
#hdcard_gnb_area{*z-index:1000;height:50px;position:relative}
#hdcard_gnb{float:left;height:15px;margin-top:11px;margin-bottom:24px;margin-left:10px}
#hdcard_gnb ul{height:100%}
#hdcard_gnb ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#hdcard_gnb ul li{overflow:hidden;float:left;height:100%;margin-right:30px;padding:0}
#hdcard_gnb ul li.last{margin-right:0}
#hdcard_gnb ul li a{overflow:hidden;display:block;float:left;width:100%;height:100%;background-image:url(/img/common/gnb/menu.jpg);text-indent:-9999px;cursor:pointer}
#hdcard_gnb ul li#gnb_theme{width:105px}
#hdcard_gnb ul li#gnb_theme a{background-position:-2px -2px}
#hdcard_gnb ul li#gnb_theme a.select,#hdcard_gnb ul li#gnb_theme a.selected,#hdcard_gnb ul li#gnb_theme a:hover{background-position:-2px -21px}
#hdcard_gnb ul li#gnb_rank{width:56px}
#hdcard_gnb ul li#gnb_rank a{background-position:-111px -2px}
#hdcard_gnb ul li#gnb_rank a.select,#hdcard_gnb ul li#gnb_rank a.selected,#hdcard_gnb ul li#gnb_rank a:hover{background-position:-111px -21px}
#hdcard_gnb ul li#gnb_benefit{width:105px}
#hdcard_gnb ul li#gnb_benefit a{background-position:-171px -2px}
#hdcard_gnb ul li#gnb_benefit a.select,#hdcard_gnb ul li#gnb_benefit a.selected,#hdcard_gnb ul li#gnb_benefit a:hover{background-position:-171px -21px}
#hdcard_gnb ul li#gnb_forme{width:96px}
#hdcard_gnb ul li#gnb_forme a{background-position:-280px -2px}
#hdcard_gnb ul li#gnb_forme a.select,#hdcard_gnb ul li#gnb_forme a.selected,#hdcard_gnb ul li#gnb_forme a:hover{background-position:-280px -21px}
#hdcard_gnb ul li#gnb_event{width:53px}
#hdcard_gnb ul li#gnb_event a{background-position:-380px -2px}
#hdcard_gnb ul li#gnb_event a.select,#hdcard_gnb ul li#gnb_event a.selected,#hdcard_gnb ul li#gnb_event a:hover{background-position:-380px -21px}
#hdcard_util{position:relative;float:right;margin-right:10px}
#hdcard_util>div{position:relative;float:left}
#hdcard_search{width:159px;height:26px;margin-top:5px;margin-right:10px;background-image:url(/img/common/search/input.jpg);background-repeat:no-repeat}
#query{float:left;width:112px;height:16px;margin:5px 0 3px 22px;padding:1px 2px;background-color:transparent;border:0;outline:none;color:#666}
#query::-webkit-input-placeholder{color:#aaa}
#query::-moz-placeholder{color:#aaa}
#hdcard_search a{overflow:hidden;position:absolute;top:1px;right:2px;width:11px;height:11px;padding:6px 4px 7px 4px;background-image:url(/img/common/ui/search.png);text-indent:-9999px}
.autocomplete_container{position:absolute;top:25px;left:0;width:100%;z-index:9999;display:none;}
#autocomplete_top{width:100%;height:3px;background-image:url(/img/common/search/auto_top.png)}
.autocomplete{padding:11px 0 17px;background-image:url(/img/common/search/auto_bg.png);background-position:0 bottom;background-repeat:no-repeat}
.autocomplete>div{height:23px;color:#c6c6c6;line-height:1.917em;white-space:nowrap;overflow:hidden;padding:0 10px;margin-left:2px;margin-right:1px;cursor:pointer}
.autocomplete .selected{background-color:#eee}
.autocomplete strong{color:#666}
#my_wallet{position:relative;width:100px;height:30px;margin-top:-4px;padding-left:10px;padding-top:9px}
#wallet_open{display:block;position:relative;z-index:200;width:100px;height:30px;cursor:pointer}
#wallet_open:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#my_wallet #wallet_open span{overflow:hidden;position:relative;float:left;width:58px;height:12px;margin-top:9px;margin-left:-1px;background-image:url(/img/common/wallet/title.jpg);background-position:-2px -2px;text-indent:-9999px}
#my_wallet .wallet{overflow:hidden;position:relative;float:right;width:40px;height:30px;margin-top:-4px;margin-right:-1px;margin-left:4px}
#my_wallet .wallet>div{position:absolute}
#my_wallet .wallet .outside{z-index:10;top:4px;left:0;width:39px;height:26px;background-image:url(/img/common/wallet/out_empty.png);background-position:-2px -2px;background-repeat:no-repeat}
.outside .num{overflow:hidden;width:10px;height:11px;margin-top:10px;margin-left:14px;background-repeat:no-repeat;text-indent:-9999px}
.outside .num.nempty{background-image:url(/img/common/wallet/empty.png)}
.outside .num.n1{background-image:url(/img/common/wallet/1.png)}
.outside .num.n2{background-image:url(/img/common/wallet/2.png)}
.outside .num.n3{background-image:url(/img/common/wallet/3.png)}
#my_wallet .wallet .inside{top:12px;left:1px;width:37px;height:27px;background-image:url(/img/common/wallet/card.png);background-position:-2px -2px;background-repeat:no-repeat}
#my_wallet .wallet .inside.select{top:0}
#wallet_view{display:none;position:absolute;z-index:100;top:0;left:0;opacity:0}
#wallet_view.open{display:block;opacity:1}
#wallet_view .top{width:124px;height:5px;background-image:url(/img/common/wallet/view_top.png);background-repeat:no-repeat}
#wallet_view .view_area{width:100px;padding:50px 14px 14px 10px;background-image:url(/img/common/wallet/view_bg.png);background-repeat:no-repeat;background-position:0 bottom}
#wallet_view .wallet_card:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#wallet_view .view_area li{width:100%;margin-bottom:11px}
#wallet_view .wallet_card,#wallet_view .wallet_card img{width:100%}
#wallet_view .wallet_card{display:none}
#wallet_view .wallet_card .card_img{float:left}
#wallet_view .waller_card_data{position:relative;float:left;margin-top:2px}
#wallet_view .card_title{position:relative;float:left;width:85px;margin-top:1px;margin-right:15px;color:#333;line-height:1.333em}
#wallet_view .card_delete{overflow:hidden;position:absolute;top:0;right:0;width:15px;height:15px;background-image:url(/img/common/wallet/delete.png);background-position:-2px -2px;background-repeat:no-repeat;text-indent:-9999px;cursor:pointer}
#wallet_util.select{display:none}
#wallet_util a{overflow:hidden;display:block;width:100px;height:35px;background-image:url(/img/common/wallet/compare_btn.png);background-position:-2px -2px;background-repeat:no-repeat;text-indent:-9999px;cursor:pointer}
#wallet_util a:hover{background-position:-2px -41px}
#wallet_close{overflow:hidden;position:absolute;bottom:5px;left:-27px;width:25px;height:25px;background-image:url(/img/common/wallet/close.png);background-position:-2px -2px;background-repeat:no-repeat;text-indent:-9999px}
#search_area{display:none;padding-top:30px;padding-bottom:20px}
#search_area.open{display:block}
#search_area .result_notice{margin-left:10px;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;margin-left:10px}
#search_area .card_notice em{font-weight:bold}
#search_card_slider_container{position:relative}
#search_card_slider_area{overflow:hidden;position:relative;margin:37px 20px 0;height:122px}
#search_card_slider{position:relative;top:0;left:0;width:1920px;height:100%}
#search_card_slider li{position:relative;float:left;width:140px;height:100%;margin-right:16px}
.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 img{z-index:10}
#search_card_slider .card_title{margin-top:12px}
.search_card a .card_shadow{position:absolute;bottom:-12px;left:0;width:100%;height:12px;background-image:url(/img/common/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;outline:none;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:-10px}
.search_paddle_nav li .arrow.prev b{float:right;background-image:url(/img/common/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:-10px}
.search_paddle_nav li .arrow.next b{float:left;background-image:url(/img/common/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 10px 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_area a.close{overflow:hidden;display:block;position:absolute;bottom:-25px;right:42px;width:55px;height:30px;background-image:url(/img/common/search/close.png);background-repeat:no-repeat;text-indent:-9999px;background-position:0 bottom;cursor:pointer}

/* Share */
.card_share>a{overflow:hidden;float:left;width:21px;height:21px;margin-right:3px;background-image:url(/img/common/ui/share.png);background-repeat:no-repeat;text-indent:-9999px;cursor:pointer}
.card_share>a.facebook{background-position:-2px -2px}
.card_share>a.twitter{background-position:-27px -2px}

/* Pagination */
#hdcard_pagination{position:fixed;z-index:400;top:0;right:17px}
#hdcard_pagination menu,.dot_nav{position:relative}
.dot_nav li{float:left;clear:both;display:block;margin-bottom:10px}
.dot_nav li a{overflow:hidden;display:block;position:relative;width:11px;height:11px;text-indent:-9999px;background-image:url(/img/common/ui/dot.png);background-position:-2px -2px}
.dot_nav li a.select{background-position:-2px -17px}

/* Footer */
#hdcard_footer{height:145px}
#hdcard_footer .component{width:940px;height:100px;padding:39px 42px 6px}
#hdcard_footer .column.first{float:left;width:568px}
#hdcard_footer .column.last{float:right;width:372px}
#hdcard_footer div{font-size:1em;line-height:1em;font-weight:bold}
#contact,#link,#infomation,#copyright{float:left;width:565px}
#hdcard_footer li{float:left;height:11px}
#hdcard_footer li.first{padding-left:0;background:transparent}
#hdcard_footer li.last{padding-right:0}
#contact{padding-bottom:10px;color:#8692ac}
#contact a{color:#5e6d8c;font-weight:bold;font-size:1em}
#contact li{padding-left:10px;background-image:url(/img/common/footer/line.png);background-repeat:no-repeat;background-position:0 -1px}
#contact .customer_center a>.icon{float:left;width:11px;height:11px;background-image:url(/img/common/footer/center.png)}
#contact .customer_center a>.title{float:left;padding-left:1px;font-weight:bold;color:#2d4768;letter-spacing:-1px;*letter-spacing:-2px}
#contact .customer_center a:hover>.title{color:#50b3cf}
#contact .ars>a{float:left}
#contact .ars>a>span.title{font-size:1em;line-height:1em;color:#8692ac}
#contact .ars>.title>span{float:left}
#contact .ars>a{float:left}
#contact .ars>a.tel{padding-left:2px;cursor:default}
#contact .ars>a.abroad{padding-top:0;padding-left:1px;color:#8692ac;cursor:default}
body.m #contact .ars>a.abroad{cursor:pointer}
#contact .consult>.title{float:left;font-size:0.917em}
#contact .consult>a{float:left;cursor:default}
body.m #contact .consult>a{cursor:pointer}
#contact .loss>a>span.title{float:left;font-size:0.917em;;color:#8692ac}
#contact .loss>a{float:left;cursor:pointer}
#contact .loss>a:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#contact .loss>a.tel{cursor:default}
body.m #contact .loss>a{cursor:pointer}
#link{padding-bottom:7px}
#link li{padding-left:9px;background-image:url(/img/common/footer/line.png);background-repeat:no-repeat;background-position:0 -1px}
#link a{float:left;letter-spacing:-1px;font-size:0.917em;color:#8692ac;line-height:1em}
#link a:hover{color:#40587c}
#link .personal_info_process a,#link .personal_info_handle a{font-weight:bold;color:#324566;letter-spacing:-2px;padding-right:1px}
#link .personal_info_process a:hover,#link .personal_info_handle a:hover{color:#50b3cf}
#infomation{padding-bottom:7px}
#infomation>div{float:left;font-size:0.917em;letter-spacing:-1px;color:#8692ac}
#infomation>div.president,#infomation>div.owner_number{padding-left:6px}
#infomation>div.owner_number>span{float:left}
#infomation>div.owner_number>span.hn{padding-left:3px;letter-spacing:0}
#copyright{float:left;width:570px;font-size:0.667em;text-transform:uppercase;color:#8396a5}
#family_site{position:relative;float:right;width:372px}
#family_site>a{overflow:hidden;position:relative;float:left;height:16px;margin-top:7px;margin-right:5px;background-image:url(/img/common/footer/family.jpg);background-repeat:no-repeat;text-indent:-9999px}
#family_site .hd_life{width:71px;background-position:-2px -2px}
#family_site .hd_capital{width:84px;background-position:-77px -2px}
#family_site .hd_commercial{width:103px;background-position:-165px -2px}
#family_site .more{position:relative;float:left;width:99px;height:23px;margin-top:1px}
#family_site .more_top{position:relative;float:left;width:99px;height:23px;background-image:url(/img/common/footer/family_top.jpg)}
#family_site .more_top>.more_btn{position:relative;display:block;width:83px;height:11px;margin:11px 8px 0;cursor:pointer}
#family_site .more_top>.more_btn:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#family_site .more_top>.more_btn .title{position:relative;float:left;padding-left:2px;color:#687989;font-weight:bold;font-size:0.917em;word-spacing:-2px;letter-spacing:-1px}
#family_site .more.open .more_top>.more_btn .title{color:#2f476b}
#family_site .more_top>.more_btn .arrow{overflow:hidden;position:absolute;top:0;right:3px;width:12px;height:12px;-webkit-transition: all .2s;-webkit-transform:rotate(0deg)}
#family_site .more.open .more_top>.more_btn .arrow{-webkit-transform:rotate(180deg)}
#family_site .more_top>.more_btn .arrow>div{position:absolute;width:12px;height:12px;background-repeat:no-repeat}
#family_site .more_top>.more_btn .arrow .default{top:0;left:1px;background-image:url(/img/common/footer/arrow/default.png)}
#family_site .more_top>.more_btn .arrow.ie .default{top:0;left:0}
#family_site .more_top>.more_btn .arrow .select{top:1px;left:1px;display:none;background-image:url(/img/common/footer/arrow/select.png)}
#family_site .more_top>.more_btn .arrow.ie .select{top:0;left:0;background-image:url(/img/common/footer/arrow/select_ie.png)}
#family_site .more.open .more_top>.more_btn .arrow .default{display:none}
#family_site .more.open .more_top>.more_btn .arrow .select{display:block}
#family_site .more.open .more_top>.more_btn .arrow.ie .select{display:block}
#family_site .more_content{display:none;overflow:hidden;position:relative;float:left;width:99px;height:76px;background-image:url(/img/common/footer/family_bg.png)}
#family_site .view_area{position:relative;overflow:hidden;width:80px;height:60px;margin:4px 10px 10px 9px}
#family_site .family_list{position:relative;display:block;*width:80px;*height:510px}
#family_site .family_list:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#family_site .view_area li{float:left;width:100%;height:15px}
#family_site .view_area li a{color:#6d788e;font-weight:bold;font-size:0.917em;line-height:1.364em;word-spacing:-2px;letter-spacing:-1px}
#family_site .view_area li a:hover{color:#2f476b}
#family_site .scroll{position:absolute;top:4px;right:7px;width:5px;height:60px}
#family_site .scroll .bg{position:relative;margin:2px 0;width:5px;height:56px;background-image:url(/img/common/footer/scroll_line.png);cursor:pointer}
#family_site .scroll .handle{position:absolute;top:0;left:0;width:5px;height:14px;background-image:url(/img/common/footer/handle.png);cursor:pointer}
.card_container{display:block;position:absolute;bottom:0;width:100%}
.rank_card_view_container.rank_b{width:280px}
.rank_card_view_container.rank_s{width:110px}
.card_view_area{position:relative;width:750px;height:180px}
.card_view_area:after,.card_data_area:after,.card_data:after,.request_util:after,.card_list:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.card_view_area .card_view{overflow:visible !important;float:left;position:relative;height:180px;margin-right:2px}
.card_view_area .card_container{display:block;position:absolute;bottom:0}
.card_rank_count{overflow:hidden;position:absolute;right:4px;top:-15px;width:7px;height:10px;background-image:url(/img/main/rank/card_count.png);background-repeat:no-repeat;text-indent:-9999px}
.card_list{position:relative}
.card_list.svg .card_rank_count{background-image:url(/img/main/rank/card_count.svg)}
.card_rank_count.count1{background-position:-2px -2px}
.card_rank_count.count2{background-position:-2px -16px}
.card_rank_count.count3{background-position:-2px -30px}
.card_rank_count.count4{background-position:-2px -44px}
.card_rank_count.count5{background-position:-2px -58px}
.card_view:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.card_view img{width:100%}
.card_data{display:block;position:relative;width:100%;margin-top: 15px}
.card_data>div{position:relative}
.card_data .card_title{overflow:hidden;width:100%;height:18px;background-image:url(/img/common/card/title_m_b.png);*zoom:1;background-repeat:no-repeat;text-indent:-9999px}
.card_data .card_title.TP{background-position:-2px -2px}
.card_data .card_title.TR{background-position:-2px -23px}
.card_data .card_title.M3P{background-position:-2px -44px}
.card_data .card_title.H3P{background-position:-2px -65px}
.card_data .card_title.R3P{background-position:-2px -86px}
.card_data .card_title.T3P{background-position:-2px -107px}
.card_data .card_title.MP{background-position:-2px -128px}
.card_data .card_title.VP{background-position:-2px -149px}
.card_data .card_title.EP{background-position:-2px -170px}
.card_data .card_title.AP{background-position:-2px -191px}
.card_data .card_title.KP{background-position:-2px -212px}
.card_data .card_title.M{background-position:-2px -233px}
.card_data .card_title.ML{background-position:-2px -254px}
.card_data .card_title.R10{background-position:-2px -275px}
.card_data .card_title.H{background-position:-2px -296px}
.card_data .card_title.O{background-position:-2px -317px}
.card_data .card_title.TT{background-position:-2px -338px}
.card_data .card_title.V{background-position:-2px -359px}
.card_data .card_title.DIR{background-position:-2px -380px}
.card_data .card_title.ZRO{background-position:-2px -401px}
.card_data .card_title.MCJ{background-position:-2px -422px}
.card_data .card_title.MHP{background-position:-2px -443px}
.card_data .card_title.HPP{background-position:-2px -464px}
.card_data .card_title.MHHS{background-position:-2px -485px}
.card_data .card_title.MQS{background-position:-2px -506px}
.card_data .card_title.MLGT{background-position:-2px -527px}
.card_data .card_title.LSKT{background-position:-2px -548px}
.card_data .card_title.SKB{background-position:-2px -569px}
.card_data .card_title.XPD{background-position:-2px -590px}
.card_data .card_title.METRO{background-position:-2px -611px}
.card_data .card_title.ME1{background-position:-2px -632px}
.card_data .card_title.MHOB{background-position:-2px -653px}
.card_data .card_title.LWJ{background-position:-2px -674px}
.card_data .card_title.LWELS{background-position:-2px -695px}
.request_util{clear:both;height:40px;margin-top:17px}
.request_util a.last{margin-right:0}
.request_util .card_apply{width:114px;background-position:-2px -2px}
.request_util .card_apply:hover{background-position:-2px -46px}
.request_util .tel_consult{width:97px;background-position:-121px -2px}
.request_util .tel_consult:hover{background-position:-121px -46px}
.request_util .card_add{width:56px;background-position:-223px -2px}
.request_util .card_add:hover{background-position:-223px -46px}

/* popup area */
#deem_bg{z-index:600;position:absolute;display:none;top:0;left:0;width:100%;height:100%;background-image:url(/img/common/popup/bg.png)}
.popup{display:none;opacity:0}

/* tel apply */
#tel_apply{z-index:700;position:absolute;top:20%;left:50%}
#tel_apply:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#tel_apply .content_box{position:relative;display:block;float:left;width:360px;height:100%;padding:20px 20px 17px;border-radius:2px;background-color:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);}
#tel_apply .content_box:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#tel_apply .consult_header:after,#tel_apply .consult_body:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#tel_apply .close{overflow:hidden;float:right;width:30px;height:25px;background-image:url(/img/common/consult/close.png);text-indent:-9999px;cursor:pointer}
#tel_apply .consult_header{position:relative;display:block;float:left;width:100%;height:24px}
#tel_apply .input_area{position:relative;float:left;display:block;width:100%;margin:25px 0 23px;z-index:1000} 
#consult_name label,#consult_contact label{float:left;width:60px}
#tel_apply .consult_body{display:block;clear:both;float:left;width:100%}
#consult_name,#consult_contact{display:block;width:100%;clear:both;float:left;margin-bottom:15px}
#tel_apply .btn_area,#consult_check{position:relative;display:block;width:100%;clear:both;float:left}
#consult_name:after,#consult_contact:after,.btn_area:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#consult_name label{overflow:hidden;height:25px;background-image:url(/img/common/consult/name.png);background-repeat:no-repeat;text-indent:-9999px}
#consult_name input{float:left;width:192px;height:20px;padding:2px 3px 1px;border: 1px solid #ccc}
#consult_contact label{overflow:hidden;height:25px;background-image:url(/img/common/consult/contact.png);background-repeat:no-repeat;text-indent:-9999px}
#consult_contact select{float:left;width:60px;height:25px;border:1px solid #ccc}
#consult_contact .line{float:left;width:10px;height:20px;background-image:url(/img/common/ui/line_g.png);background-repeat:no-repeat}
#consult_contact input{float:left;}
#consult_check input{float:left;border:0;margin-top:2px;margin-right:7px}
#consult_check label{color:#333}
#consult_check a{margin-left:5px;text-decoration:underline;color:#666;cursor:pointer}
#tel_apply .btn_area input{float:left;margin-right:10px}
#tel_apply .time_notice{position:relative;clear:both;float:left;width:100%;display:block;margin-top:15px}
#tel_apply .time_notice .info{clear:both;position:relative;display:block;padding-bottom:2px;fon-size:1em;color:#ec7d4a}
#tel_apply .time_notice .info em{position:absolute;top:0;left:1px}
#tel_apply .time_notice .info span{position:relative;display:block;padding-left:10px}
#tel_apply .notice{position:relative;display:block;float:left;clear:both;width:332px;margin-top:28px;padding-left:22px;padding-bottom:8px;color:#333;background-image:url(/img/common/consult/notice.png);background-repeat:no-repeat;background-position:0 2px}
.contact2,.contact3{float:left;width:52px;height:20px;padding:2px 3px 1px;border:1px solid #ccc}
#consult_notice{position:relative;float:left;display:block;margin:30px 0 21px}
#consult_notice .comment{position:relative;display:block;float:left;}
#consult_notice .comment:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#consult_notice .btn_area{position:relative;display:block;float:left;width:100%;margin-top:54px}

/* Card Compare */
#card_compare_area{width:960px}
#card_compare_area .top{width:100%}
#compare_header{width:940px;height:26px;margin:10px 10px 56px}
#compare_header>.title{float:left;margin-top:2px}
#compare_header .print{overflow:hidden;float:right;width:30px;height:45px;background-image:url(/img/main/compare/print.png);text-indent:-9999px;cursor:pointer}
#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_body .card_area{position:relative;padding-bottom:24px}
.compare_container{position:relative;float:left;width:300px;margin:0 10px}
.compare_container .del{overflow:hidden;position:absolute;top:-22px;left:0;width:15px;height:15px;background-image:url(/img/main/compare/delete.png);text-indent:-9999px;cursor:pointer}
.compare_container .card_data{margin-top:20px}
.compare_container .request_util{margin-top:15px}
#compare_body .card_data .card_desc{clear:both;width:100%;height:90px;margin-top:4px;word-spacing:-2px;color:#666}
#compare_body .card_data .card_desc>em{font-weight:bold;color:#000}
.compare_container .card_info{width:100%}
.compare_container .card_info li{position:relative;float:left;width:100%;border-top:1px solid #ccc}
.compare_container .card_info li{height:135px;}
.compare_container .card_info li.sort{height:83px;padding-top:17px}
.compare_container .card_info li.info_desc{height:88px;border:0}
.compare_container .card_info li .type{clear:both;width:100%;margin-top:6px}
.compare_container .card_info li .type>div{float:left;margin-right:10px}
.compare_container .card_info li .sort_desc{width:100%}
.compare_container .card_info li .sort_desc{width:100%}
.compare_container .card_info .title{height:26px;margin-top:7px;}
.compare_container .card_info .desc{margin-top:15px}
#compare_body .info_area:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#compare_body .info_desc .info{position:relative}
#compare_body .info_desc .info em{position:absolute;top:3px;left:1px}
#compare_body .info_desc .info span{position:relative;display:block;padding-left:10px}

/* private */
#private_area{width:350px;height:320px}
#private_header{width:310px;height:22px;padding:20px}
#private_header .title{float:left;margin-top:5px}
#private_header a.close{overflow:hidden;float:right;width:30px;height:25px;text-indent:-9999px;background-image:url(/img/common/ui/close.png);background-repeat:no-repeat;cursor:pointer}
#private_area .bg{width:100%;height:7px;background-image:url(/img/common/logo/mm_bg.jpg)}
#private_body{width:310px;height:210px;padding:15px 20px 25px;color:#666;line-height:1.667em;word-spacing:0}

/* not found */
#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/common/error/go_home.png);background-repeat:no-repeat;text-indent:-9999px}

#hdcard_mobile{position:relative}
#hdcard_mobile .component{width:940px;padding:0 42px}
#hdcard_mobile .component:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#hdcard_mobile .notice{padding-top:30px}
#hdcard_mobile .notice:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#hdcard_mobile a.btn_mobile{float:left;overflow:hidden;display:block;margin-top:20px;width:120px;height:30px;background-image:url(/img/common/mobile/btn_mobile.png);text-indent:-9999px;cursor:pointer}

#Tk_phone2,#Tk_phone2_layout{float:left}
#Tk_contact2,#Tk_contact2_layout{float:left}

/* print */
@media print{
	body{color:#000 !important}
	a,a:link,a:visited{color:#000 !important;text-decoration:none !important}
	#hdcard_header,#hdcard_footer,.noprint{display:none !important}
}

/* iphone */
@media screen and (max-device-width: 480px){
	html{-webkit-text-size-adjust:none}
}

/* 1024 */
@media (max-width:1024px) {
	body{width:1024px}
	#hdcard_header{width:1024px}
}