/* Hyundai Card Micro site. detila.css Site : card.hyundaicard.com Author : ununa (hmyu@weathe-r.com) */ @charset "utf-8"; @font-face { font-family: 'YouandiModernTR'; + font-style: normal; font-weight: normal; src: url(/font/Youandi_Modern_TextRegular.eot); src: url(/font/Youandi_Modern_TextRegular.eot?#iefix) format('embedded-opentype'), url(/font/Youandi_Modern_TextRegular.woff) format('woff') } @font-face { font-family: 'YouandiModernTB'; font-style: normal; font-weight: normal; src: url(/font/Youandi_Modern_TextBold.eot); src: url(/font/Youandi_Modern_TextBold?#iefix) format('embedded-opentype'), url(/font/Youandi_Modern_TextBold.woff) format('woff') } @font-face { font-family:'YouandiModernHEB'; font-style: normal; font-weight: normal; src: url(/font/Youandi_Modern_HeadExtraBold.eot); src: url(/font/Youandi_Modern_HeadExtraBold.eot?#iefix) format('embedded-opentype'), url(/font/Youandi_Modern_HeadExtraBold.woff) format('woff') } /** Page Common */ body {background:#fff} .detail_section{visibility:hidden} .section_header {margin-bottom:40px;} .section_header h3 {margin-bottom:7px; line-height:0;} .section_header {color:#666;} p.bu, .bu li {padding-left:8px; background:url(/img_2013/detail/common/bu_list.gif) no-repeat 0 8px; color:#666;margin-bottom:3px;} /* 2018-01-15 수정 */ p.bu.txt_spc_s, .bu.txt_spc_s li {letter-spacing:-0.6px} .bu li .bu-exc {padding-left:126px;} /* 2015-12-28 */ .deliberate {padding:0 0 56px;}/* 2017-01-23 */ .deliberate li {color:#666;} .deliberate strong {font-weight:bold;} /** Sales */ .visual_area{overflow:hidden;position:relative;width:auto;margin:0 20px;padding-top:110px} /** Sales *//* 2017-01-23 */ /*세로형 카드*/ /* 최신 브라우져 M계열 #ef4990, #ffa645, #f1ed5d X계열 #565bc0, #33b99d, #51d5dc T3 #337dc7, #33baa4, #f1ed5d ZERO #cdd3da, #fff, #e7e9f6 올드 브라우져 M : #ef4990 M2 : #ffa645 M3 : #f1ed5d T3 : #33baa4 X : #565bc0 X2 : #33b99d X3 : #51d5dc ZERO : #e7e9f6 */ .visual_card{overflow:hidden;position:relative;width:100%;height:560px;border-radius:0 0 10px 10px;} .visual_card.m{background: linear-gradient(270deg, #ef4990, #ffa645, #f1ed5d);background-size:300% 300%;background-repeat: initial;background-position:initial;-webkit-animation: AnimationName 5s ease infinite;-moz-animation: AnimationName 5s ease infinite;animation: AnimationName 5s ease infinite;} .visual_card.x{background: linear-gradient(270deg, #565bc0, #33b99d, #51d5dc);background-size:300% 300%;background-repeat: initial;background-position:initial;-webkit-animation: AnimationName 5s ease infinite;-moz-animation: AnimationName 5s ease infinite;animation: AnimationName 5s ease infinite;} .visual_card.t3{background: linear-gradient(270deg, #337dc7, #33baa4, #f1ed5d);background-size:300% 300%;background-repeat: initial;background-position:initial;-webkit-animation: AnimationName 5s ease infinite;-moz-animation: AnimationName 5s ease infinite;animation: AnimationName 5s ease infinite;} .visual_card.zro{background: linear-gradient(270deg, #cdd3da, #fff, #e7e9f6);background-size:300% 300%;background-repeat: initial;background-position:initial;-webkit-animation: AnimationName 5s ease infinite;-moz-animation: AnimationName 5s ease infinite;animation: AnimationName 5s ease infinite;} .visual_card.tr{background-image:url(/img_2017/cards/detail/bg_TR.jpg);position:relative; background-repeat:no-repeat; background-position:center top; background-size:cover;} .img_visual{display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;margin:0; z-index:-1;} .img_visual.m{background-color:#ef4990;} .img_visual.mp{background-color:#ffa645;} .img_visual.m3p{background-color:#f1ed5d;} .img_visual.t3p{background-color:#33baa4;} .img_visual.x{background-color:#565bc0;} .img_visual.xp{background-color:#33b99d;} .img_visual.x3p{background-color:#51d5dc;} .img_visual.zro{background-color:#e7e9f6;} @-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .brief{width:auto;text-align:center;padding-top:58px;} .slaes_area{overflow:hidden;position:relative;width:auto;height:600px;margin:0 20px;padding-top:110px} .slaes_area .slaes_item{overflow:hidden;position:relative;width:100%;height:100%;border-radius:0 0 10px 10px;} .slaes_area .slaes_img{position:absolute;top:0;left:0;width:100%;height:100%} .slaes_area .slaes_img img{position:relative;width:100%} .slaes_text{position:relative;width:940px;margin:0 auto;padding:0 22px} .slaes_text img{position:absolute;margin-left:222px} .slaes .round{display:block;position:absolute;bottom:0;width:8px;height:8px;background-repeat:no-repeat} .slaes .round.left{left:0;background-image:url(/img_2013/detail/slaes/round/left.png)} .slaes .round.right{right:0;background-image:url(/img_2013/detail/slaes/round/right.png)} .slaes .detail_card_area{width:355px;margin:-198px auto 55px;} .slaes .detail_card{position:relative;width:355px;} .slaes .detail_card.type{margin-left:68px;} .slaes .detail_card .card_data {clear:both;zoom:1;*padding-top:14px;} .slaes .detail_card .card_data:after{content:'';display:block;height:0;clear:both;visibility:hidden} .slaes .detail_card .card_view{position:relative;padding-bottom:14px} .slaes .detail_card .card_view:after{content:'';display:block;height:0;clear:both;visibility:hidden} .card_view > span.card_plate{display:inline-block;width:220px;height:350px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;} /* 2017-01-23 */ .current_card_container .card_view > span.card_plate{width:174px;height:109px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;} /* 2017-01-23 */ .current_card_container.v_plate .card_view > span.card_plate{width:90px;height:144px;} /* 2017-01-23 */ .slaes .detail_card .apply_util.detail{clear:none;float:left} .slaes .detail_card .card_util{position:relative;float:left;width:66px;height:40px} .slaes .detail_card .easy_card_notice{clear:both; padding-top:20px} .slaes .detail_card .easy_card_notice:after{content:".";display:block;height:0;clear:both;visibility:hidden} .slaes .detail_card .easy_card_notice .notice{float:left;} .slaes .detail_card .easy_card_notice .notice:after{content:".";display:block;height:0;clear:both;visibility:hidden} .slaes .detail_card .easy_card_notice a.btn_view{overflow:hidden;float:left;width:77px;height:12px;margin-left:10px;background-image:url(/img_2013/detail/easyapply/btn_view.png);text-indent:-9999px} .card_util .fee{display:block;position:relative;z-index:300;width:66px;height:23px} .card_util .fee:hover{cursor:default} .card_util .btn_fee{overflow:hidden;display:block;width:66px;height:23px;background-image:url(/img_2013/detail/fee/btn.png);text-indent:-999px} .card_util .fee_content{display:none;visibility:hidden;position:absolute;z-index:300;top:-1px;left:-3px;width:316px} .card_util .fee_content .fee_top{display:block;position:relative;width:100%;height:4px;background:url(/img_2013/detail/fee/bg/top.png) no-repeat 0 0} .card_util .fee_content .fee_text{display:block;position:relative;padding:8px 12px 16px;background:url(/img_2013/detail/fee/bg/bg.png) no-repeat 0 100%} .card_util .fee_content .fee_text em{display:block; font-weight:bold; padding-top:5px;} .card_util .fee_content .fee_text .note{position:relative;display:block;font-size:11px;line-height:15px;padding-left:10px;margin-top:3px;} .card_util .fee_content .fee_text .note:before{content:"*";position:absolute;left:0;top:2px;} .card_util .brand{position:relative;z-index:200;margin-top:4px;padding-left:3px;width:97px} .card_util .brand.set03{padding-left:0px;width:120px;}/* 2015-04-06 add */ #ZRO_slaes .slaes_area{background-color:#ccc} #TP_slaes .slaes_area{background-color:#5f3773} .detail_card_area .txt_note{margin-top:12px;text-align:center} /** Overview */ #TP_overview .component, #TR_overview .component, #T3P_overview .component, #ZRO_overview .component{padding-top:20px} .card_overview .component{padding-bottom:100px;text-align:center;} /* 2017-04-10 */ .card_overview .basic_overview:after{content:'';display:block;height:0;clear:both;visibility:hidden} .card_overview .basic_overview li{float:left;width:300px;height:40px; padding-left:20px; background:url(/img_2013/detail/overview/line.jpg) 10px 0 repeat-y;} .card_overview .basic_overview li.fir{padding-left:0;background:none;} .card_overview .basic_overview li img{display:block;margin:0 auto} .card_overview .card_phase {position:relative;} .card_overview .card_phase.x {height:130px;} .card_overview .card_phase .card_list {position:absolute; bottom:0; left:0;} .card_overview .card_phase .c1 {z-index:10;} .card_overview .card_phase .c2 {z-index:9;} .card_overview .card_phase .c3 {z-index:8;} /** Event */ .event_online {overflow:hidden; position:relative; display:block; padding:25px 0; margin-bottom:60px; border-radius:3px;} .event_online strong {display:block; text-align:center; margin-left:-115px; line-height:0; font-size:0;} .event_online span {position:absolute; top:20px; display:block; width:90px; height:30px; cursor:pointer;} .event_online.T3P span {right:122px;} .event_online.ZRO span {right:138px;} .event_online.M span, .event_online.MP span, .event_online.M3P span {right:87px;} .event_online.X span, .event_online.XP span {right:114px;} .event_online.M {background:#87a6c2} .event_online.MP {background:#6b86a1} .event_online.M3P {background:#3e557e} .event_online.T3P {background:#414f76} .event_online.X {background:#999a95} .event_online.XP {background:#70716c} .event_online.ZRO {background:#a1a1a1} .m12_online {overflow:hidden; position:relative; display:block; margin-bottom:65px; border-radius:3px; background:#f3f3f3} .m12_online strong {display:block; height:60px; padding-left:126px; padding-top:11px;} /** easy_apply */ .easy_apply_cnt {position:relative; border-radius:0 0 10px 10px;} .easy_apply_container {overflow:hidden; position:relative; margin:0 20px; padding-top:110px; min-width:940px; width:auto !important; width:940px; border-radius:0 0 10px 10px;} .easy_apply_container .round {z-index:10; position:absolute; display:block; bottom:0; width:8px; height:8px;} .easy_apply_container .round.lft {left:0; background:url(/img_2013/detail/slaes/round/left.png) no-repeat 0 0;} .easy_apply_container .round.rgt {right:0; background:url(/img_2013/detail/slaes/round/right.png) no-repeat 0 0;} .easy_apply_cnt .item_img {overflow:hidden; z-index:3; position:absolute; top:0; left:0; right:0; height:546px; min-width:1240px; width:auto !important; width:1240px;} .easy_apply_cnt .item_img img {position:relative;width:100%} .easy_apply_entry {position:relative; z-index:10; width:940px; margin:0 auto; padding:0 22px;} .easy_apply_entry .entry {height:200px; padding-top:40px; text-align:center;} /* 2015-05-28 height 수정(기존170px) */ .easy_apply_entry .entry h2 {margin-bottom:20px; font-size:0; line-height:0;} .easy_apply_entry .process ol {overflow:hidden; position:relative; height:200px; zoom:1;} .easy_apply_entry .process ol:after {clear:both; display:block; content:"";} .easy_apply_entry .process li {float:left; margin-right:27px;} .easy_apply_entry .process li.last {margin-right:0;} .easy_apply_notice {position:relative; z-index:9; height:112px; background:url(/img_2013/detail/easyapply/banner/bg.jpg) repeat-x;} .easy_apply_notice p {width:940px; padding:35px 22px 0; margin:0 auto;} .easy_apply_guide .component {padding:60px 0 50px;} .easy_apply_guide .add_info ul li{font-size: 1.325em; line-height:24px;} .easy_apply_guide .add_info ul li strong {font-weight:bold;} .easy_apply_guide .btn_link {text-decoration:underline;} .use_guidance {position:relative; zoom:1; margin-bottom:80px;} .use_guidance:after {clear:both; display:block; content:"";} .use_guidance h3 {height:55px;} .use_guidance h4 {height:40px;} .use_guidance .box {float:left; width:300px; margin-right:20px;} .use_guidance .box.last {margin-right:0} .use_guidance .box.last p {padding-top:20px;} .use_guidance .box .btn_check {overflow:hidden;display:block;width:136px;height:34px;background-image:url(/img_2013/detail/easyapply/ui/btn_check.gif);text-indent:-9999px} /* 2015-12-08 s */ .use_guidance .box h4 {height:40px;} .use_guidance .box ul {margin-left:10px;} .use_guidance div:first-child.box h4 {height:40px;} .use_guidance div:first-child.box ul {margin-left:0;} /*.use_guidance .box.last h4 {height:40px;} */ .use_guidance .box.last ul {margin-left:0;} /* 2015-12-08 e */ .use_guidance li {padding-left:10px; margin-bottom:2px; margin-left:-10px; background:url(/img_2013/detail/easyapply/bar.gif) no-repeat 0 8px;} .use_guidance li em {color:#ee6c25;} .issuance_card {position:relative; margin-bottom:60px;} .issuance_card h3 {height:52px;} .issuance_card h4 {height:13px; margin-bottom:10px;} .issuance_card p {word-spacing:-2px; color:#666;} .issuance_card .card_group {zoom:1; position:relative;} .issuance_card .card_group:after {clear:both; display:block; content:'';} .issuance_card .card_group .group {float:left; position:relative; zoom:1; padding:20px 0;} .issuance_card .card_group .group:after {clear:both; display:block; content:'';} .issuance_card .card_group .title {float:left; width:160px; height:100%;} .issuance_card .card_group .title h4 {margin-top:20px;} .issuance_card .card_group .stitle {float:left; width:178px;} .issuance_card .card_group.recom {border-top:1px solid #e1e1e1;} .issuance_card .card_group.etc {border:1px solid #e1e1e1; border-width:1px 0;} .issuance_card .card_group.etc .group.point {border-bottom:1px solid #e1e1e1;width:780px} .issuance_card .card_group.etc .title {height:382px;} .issuance_card .card_group .tagline {float:left; padding:25px 0 0 0;} .issuance_card ul {float:left;} .issuance_card ul:after {clear:both; display:block; content:"";} .issuance_card li {float:left; width:120px; margin-right:30px;} .issuance_card li.last {margin-right:0} .issuance_card li div,.issuance_card li a{float:left;clear:both} .issuance_card li a.card_img{width:156px; margin-bottom:5px} .issuance_card li .card_title{overflow:hidden;height:12px;margin-bottom:8px;background-image:url(/img_2013/common/cards/easyapply/title.png);background-repeat:no-repeat;text-indent:-9999px} .issuance_card li .card_title.M3P{width:113px;background-position:-2px -2px} .issuance_card li .card_title.MP{width:113px;background-position:-2px -16px} .issuance_card li .card_title.M{width:106px;background-position:-2px -30px} .issuance_card li .card_title.XP{width:150px;background-position:-2px -44px} .issuance_card li .card_title.X{width:150px;background-position:-2px -58px} .issuance_card li .card_title.ZRO{width:75px;background-position:-2px -72px} .issuance_card li .card_title.X3P{width:150px;background-position:-2px -86px} .issuance_card li .pt_5{width:100%} /* 2015-03-30 ie7 오류 */ .issuance_card li a.btn_easyapply{overflow:hidden;display:block;width:120px;height:28px;background-image:url(/img_2017/easyapply/btn_easyapply.png);background-position:-2px -2px;background-repeat:no-repeat;text-indent:-9999px;margin-top:10px;} .issuance_card li a.btn_easyapply:hover{background-position:-2px -32px;} .issuance_card li a.btn_easyapply:active{background-position:-2px -62px;} .issuance_card li a:after {clear:both; display:block; content:"";} .service_process {margin-bottom:60px;} .service_process h3 {height:55px;} .service_process .stit {font-size:0; line-height:0; margin-bottom:30px;} .service_process ol {overflow:hidden; position:relative; zoom:1; width:942px; margin-left:-1px;} .service_process ol:after {clear:both; display:block; content:'';} .service_process li {position:relative; float:left; width:222px; height:231px; margin-right:18px;} .service_process li.last {margin-right:0} .service_process li img {position:absolute; z-index:1;} .service_process li p {position:absolute; z-index:10; bottom:3px; width:100%; height:40px; line-height:40px; text-align:center; color:#666;} /** Simulation */ .simulation .component{padding-top:50px;padding-bottom:60px} .simulation{position:relative;padding-bottom:10px;background:#f2f2f2 url(/img_2013/detail/simulation/cut_line.png) repeat-x 0 100%} .simulation h2 {position:relative; zoom:1;} .simulation h2:after{content:'';display:block;height:0;clear:both;visibility:hidden} .simulation .major{overflow:hidden;zoom:1;position:relative;height:150px;padding-top:35px} .simulation .major:after{content:'';display:block;height:0;clear:both;visibility:hidden} .simulation_major{overflow:hidden;zoom:1;position:relative;margin-bottom:0;/*height:150px;*//*padding-top:35px*/} /* 2017-01-23 */ .simulation_major:after{content:'';display:block;height:0;clear:both;visibility:hidden} .conclusion{position:relative;float:left;margin-top:-5px;} /* 2017-01-23 */ .conclusion p{font-size:2.083em;line-height:1.36em} .conclusion p em{font-weight:bold;color:#ed4a11} .conclusion span {font-size:0.72em; word-spacing:-2px;} .conclusion span em {font-weight:normal;} .identity{position:relative;float:right; padding-right:10px;} .identity:after{content:'';display:block;height:0;clear:both;visibility:hidden} .identity>div{position:relative;float:left} .identity .photo:after{content:'';display:block;height:0;clear:both;visibility:hidden} .identity .info{padding:2px 0 2px 15px} .identity .info p {line-height:0;} .identity .info p:after{content:'';display:block;height:0;clear:both;visibility:hidden} .identity .info .desc {position:relative;padding-top:5px} .statement {overflow:hidden; *zoom:1; clear:both; padding:80px 0 0;} .statement:after{content:'';display:block;height:0;clear:both;visibility:hidden} .simulation input {height:21px; padding:1px 6px 1px 2px; border:1px solid #ccc; text-align:right; font-weight:bold; font-size:1.333em; color:#ed4a11;} .simulation table {width:100%} .simulation .tb_type{float:left; margin-right:20px} .simulation .tb_type.last{margin-right:0} .simulation .tb_type thead td,.simulation .tb_type thead th{padding:15px 0 9px;border-bottom:2px solid #d9d9d9} .simulation .tb_type h3 {padding:15px 0 9px;border-bottom:2px solid #d9d9d9;line-height:0;font-size:0;} .simulation .tb_type tbody td,.simulation .tb_type tbody th{height:25px;padding:5px 0 10px;vertical-align:middle} .simulation .tb_type tbody th {color:#666;} .simulation .tb_type tbody td{padding-right:5px !important;text-align:right} .simulation .tb_type .fir td,.simulation .tb_type .fir th{padding-top:21px;padding-bottom:10px} .simulation .tb_type .lst td,.simulation .tb_type .lst th{padding-top:5px;padding-bottom:27px} .simulation .tb_type tfoot td,.simulation .tb_type tfoot th{height:18px;padding-top:15px;padding-bottom:16px;border:2px solid #000;border-width:2px 0;font-weight:bold} .simulation .tb_type tfoot td{padding-right:5px;text-align:right;color:#ed4a11} .simulation tfoot .total td{padding:0;border-bottom:0} .statement + .statement_notice{margin-top:30px;} /* 2016-04-10 */ .statement_notice{padding-top:0} /* 2016-01-23 */ .statement_notice li{margin-bottom:7px} .statement_notice p{position:relative;padding-left:10px;color:#666} .statement_notice p.txtBld {font-weight:bold} /* 2018-01-17 수정 */ .statement_notice em{position:absolute;top:2px;*top:0;left:0;height:18px;font-weight:bold;color:#ed4a11} /* Simulation : TP */ .simulation .mileage {float:left; margin-right:20px;} .simulation .voucher {position:relative; zoom:1; clear:both; padding-top:35px;} .simulation .premium {padding:35px 0 40px;} .simulation .tb_type2 {color:#666;} .simulation input[type='text']:focus, .simulation select:focus{border-color:#ed4a11;outline: none} .simulation .tb_type2 input {width:58px; padding-right:10px;} .simulation .tb_type2 thead td, .simulation .tb_type2 thead th {padding:15px 0 7px; border-bottom:2px solid #d9d9d9;} .simulation .tb_type2 tbody td, .simulation .tb_type2 tbody th {padding:13px 0 0; line-height:1.333em;} .simulation .tb_type2 h3 {padding:15px 0 7px; border-bottom:2px solid #d9d9d9;} .simulation .tb_type2.total h3 {border-color:#000;} .simulation .tb_type2 p {position:relative; top:-2px;} .simulation .tb_type2 .month {display:inline-block; *display:inline; *zoom:1; width:20px; line-height:1.833em;} .simulation .tb_type2 .won {display:inline-block; *display:inline; *zoom:1; width:65px; text-align:right; font-size:0.917em; line-height:1.667em; word-spacing:-2px;} .simulation .tb_type2 .value * {display:inline-block; *display:inline; *zoom:1;} .simulation .tb_type2 .value strong {width:68px; font-weight:bold; text-align:right; color:#000;} .simulation .tb_type2 .value span {width:48px; padding-left:8px; text-align:left;} .simulation .tb_type2 .desc {text-align:left; font-size:0.917em; line-height:1.667em; word-spacing:-2px; color:#666;} .simulation .util * {display:inline-block; *display:inline; *zoom:1; color:#666; font-size:0.917em; line-height:1.667em; word-spacing:-2px;} .simulation .util .year {width:20px;} .simulation .util .price {width:63px; text-align:right; font-size:1em; line-height:1.833em; color:#000;} .simulation .util .price.empty {width:48px; padding-left:15px; text-align:center;} .simulation .util .won2 {width:67px; text-align:right;} .simulation .tb_type2.total {float:left;} .simulation .tb_type2.total thead th, .simulation .tb_type2.total thead td {border-color:#000;} .simulation .tb_type2.total p {top:0;} .simulation .tb_type2.total .average th, .simulation .tb_type2.total .average td {height:25px; padding:13px 0 9px; border-bottom:2px solid #d9d9d9;} .simulation .tb_type2.total .average td {text-align:right;} .simulation .tb_type2.total .average td strong {font-size:1.5em; font-weight:bold; color:#000;} .simulation .tb_type2.total .average p {height:25px;} .simulation .tb_type2.total .average p span {position:relative; top:-2px;} .simulation .tb_type2.total .tit {float:left; padding-top:3px;} .simulation .tb_type2.total .price {float:right;} .simulation .tb_type2.total .price strong {text-align:right; line-height:1em; font-size:1.667em; font-weight:bold; color:#ed4a11;} .simulation .tb_type2.total .price span {position:relative; top:-2px; display:inline-block; *display:inline; *zoom:1; width:50px; text-align:right;} /* 2018-01-15 수정 */ .simulation .tb_type2.total .save p {height:25px; padding:13px 0 5px;} /* Simulation : ZRO */ .simulation .tb_type input {width:45px;} .simulation .payment p {height:25px;} .simulation .payment p span {position:relative; *top:-4px; padding-left:6px; font-weight:bold; color:#666} .simulation .payment label {color:#666;} .simulation .discount p {height:25px; color:#666;} .simulation .payment tbody td {padding-right:20px !important;} .simulation .payment tfoot td {text-align:center;} .simulation .amount {padding-top:8px; font-size:2.083em; line-height:1.36em; font-weight:normal; color:#000;} .simulation .amount strong {font-weight:bold; color:#ed4a11;} .simulation .last {margin-right:0;} /* Statement */ .simulation .section_header{margin-bottom:60px;} /* 2017-01-23 */ .simulation .section_header p {padding-top:6px;} .statement {position:relative; zoom:1;} .statement:after {clear:both; display:block; content:"";} .statement_list {float:left; width:700px;} .statement_list .list_box {position:relative; margin-bottom:57px; color:#666;} /* 2017-01-23 */ .statement_list .list_box span.option {position:absolute; right:0; top:0px; display:block; width:124px; height:22px; text-indent:-9999em;} .statement_list .list_box span.option.s15 {background:url(/img_2013/detail/simulation/save_apply_15.png) no-repeat;} .statement_list .list_box span.option.s2 {background:url(/img_2013/detail/simulation/save_apply_2.png) no-repeat;} .statement_list .list_box span.option.on {background-position:0 100% !important;} .statement_list h3 {height:30px; margin-bottom:8px; border-bottom:2px solid #d9d9d9;} .statement_list li {padding:4px 0;} .statement_list li div {overflow:hidden; position:relative; zoom:1;} .statement_list li div:after {clear:both; display:block; content:"":} .statement_list .list_box .bu {margin-top:40px;} /* 2015-12-30 */ .statement_list .list_box .bu li {padding:0 0 0 8px;} /* 2015-12-30 */ .statement_list .list {float:left;} .statement_list .result {float:right;} .statement_list .compute {position:absolute; left:50%; text-align:center; color:#666;} .statement_list .compute *, .statement_list .result *, .statement_list .list * {display:inline-block; *display:inline; *zoom:1;} .statement_list .compute .lft {padding-right:15px; text-align:right;} .statement_list .compute .rgt {text-align:right;} .statement_list .compute .cnt {text-align:center;} .statement_list .compute b {width:45px; padding-right:5px; text-align:right; font-weight:bold; font-size:1.167em; color:#e14610;} .statement_list .compute em {color:#000; padding-right:5px;} .statement_list .result .util {width:105px; text-align:left;} .statement_list .result .price {width:65px; padding-right:12px; text-align:right; color:#000;} .statement_list li.total {margin-top:8px; padding-top:15px; border-top:2px solid #d9d9d9;} .statement_list li.total * {color:#e14610 !important;} /*.statement_list.TR li.total * {color:#666 !important;} 2015-03-27 */ .statement_list li.total .list strong {font-weight:bold; color:#000 !important;} .statement_list .explain {padding:8px 0 0; font-size:0.917em; color:#666;} .statement_amount {float:right; width:220px; color:#666;} .statement_amount h3 {height:30px; border-bottom:2px solid #000;} .statement_amount p {position:relative; zoom:1; line-height:20px;} /* 2015-12-30 */ .statement_amount p * {display:inline-block; *display:inline; *zoom:1;} .statement_amount p:after {clear:both; display:block; content:"";} .statement_amount p .lft {float:left; position:relative; top:3px;} .statement_amount p .rgt {float:right;} .statement_amount p .rgt span {width:30px; text-align:right;} .statement_amount p strong {font-weight:bold;} .statement_amount .total strong {font-size:1.5em; color:#000;} .statement_amount .total p {height:50px; line-height:50px;} .statement_amount .total {border-bottom:2px solid #d9d9d9} .statement_amount .list {padding:8px 0;} .statement_amount .list li {padding:4px 0;} .statement_amount .list strong {font-size:1.667em; color:#e14610; line-height:24px;} .statement_type {margin-bottom:45px;} .statement_type h3 {border:none; margin-bottom:0;} .statement_type ul {position:relative; zoom:1; height:63px; border:1px solid #cecece; background:#ededed;} .statement_type ul:after {clear:both; display:block; content:"";} .statement_nav li {position:relative; float:left; width:50%; margin-left:-1px; height:100%; padding:0; border-left:1px solid #cecece; text-align:center;} .statement_nav li input {z-index:50; position:absolute; top:50%; left:50%; margin-top:-7px; margin-top:-5px\9; margin-left:-40px; width:13px; height:13px; padding:0; border:0;} .statement_nav li label {overflow:hidden; position:absolute; top:50%; left:50%; display:inlin-block; *display:inline; *zoom:1; width:100px; height:30px; padding-left:50px; line-height:30px; margin:-15px 0 0 -75px; text-align:left; color:#9a9a9a;} .statement_nav li label.active {color:#000;cursor:default} .statement_nav li .radio {display:inline-block; *display:inline; *zoom:1;} .statement_nav li .radio * {float:left;} .statement_nav li .radio strong {position:relative; top:-2px; padding-left:6px; font-weight:bold; font-size:1.667em;} .statement_nav li .radio .text {padding-left:6px;} /* Statement : TR */ .statement_list.TR .compute {width:200px; margin-left:-100px;} .statement_list.TR .compute .lft {width:95px;} .statement_list.TR .compute .rgt {width:80px;} .statement_list.TR .compute .cnt {width:10px;} .statement_list.TR .l1 .compute {margin-top:-1px;} .statement_list.TR .l1 {height:28px; line-height:28px;} .statement_amount.point p .rgt span {width:52px;} .statement_list.TR .compute.total {margin-left:-132px} .statement_list.TR .compute .lft em {width:52px;} .statement_list.TR .total .lft {float:left; width:140px; color:#666 !important;padding:0 0 0 7px;} .statement_list.TR .total .lft em {color:#000 !important;} .statement_list.TR .t2 .compute .rgt {width:30px; padding:0 50px 0 15px; text-align:right;} /* Statement : T3P */ .statement_list.T3P .compute {width:160px; margin-left:-100px;} .statement_list.T3P .compute .lft {width:95px;} .statement_list.T3P .compute .rgt {width:40px;} .statement_list.T3P .compute .cnt {width:10px;} .statement_list.T3P .used {position:absolute; left:50%; width:350px; margin-left:-145px; color:#666;} .statement_list.T3P .used * {display:inline-block; *display:inline; *zoom:1;} .statement_list.T3P .used .price {width:50px; text-align:right; color:#000} .statement_list.T3P .used .util {width:110px; padding-left:7px;} .statement_list.T3P .used .per {position:relative; top:-1px; font-size:0.917em;} /* Statement : M3P */ .statement_list.M3P .compute {width:230px; margin-left:-100px;} .statement_list.M3P .compute .lft {width:95px;} .statement_list.M3P .compute .lft em {width:40px;} .statement_list.M3P .compute .rgt {width:80px; padding-left:15px; text-align:left;} .statement_list.M3P .compute .cnt {width:10px;} .statement_list.M3P .total .lft {float:left; width:142px; color:#666 !important;} .statement_list.M3P .total .lft em {color:#000 !important;} .statement_list.M3P .t2 .compute .rgt {width:30px; padding:0 50px 0 15px; text-align:right;} /* Statement : MP */ .statement_list.MP .compute {width:230px; margin-left:-100px;} .statement_list.MP .compute .lft {width:95px;} .statement_list.MP .compute .lft em {width:40px;} .statement_list.MP .compute .rgt {width:80px; padding-left:15px; text-align:left;} .statement_list.MP .compute .cnt {width:10px;} .statement_list.MP .total .lft {float:left; width:145px; color:#666 !important;} .statement_list.MP .total .lft em {color:#000 !important;} .statement_list.MP .t2 .compute .rgt {width:30px; padding:0 50px 0 15px; text-align:right;} /* Statement : M */ .statement_list.M .compute {width:230px; margin-left:-100px;} .statement_list.M .compute .lft {width:95px;} .statement_list.M .compute .lft em {width:40px;} .statement_list.M .compute .rgt {width:80px; padding-left:15px; text-align:left;} .statement_list.M .compute .cnt {width:10px;} .statement_list.M .total .lft {float:left; width:142px; color:#666 !important;} .statement_list.M .total .lft em {color:#000 !important;} .statement_list.M .t2 .compute .rgt {width:30px; padding:0 50px 0 15px; text-align:right;} /* Statement : XP */ .statement_list.XP .compute {width:260px; margin-left:-135px;} .statement_list.XP .compute.total {margin-left:-132px} .statement_list.XP .compute .lft {width:130px;} .statement_list.XP .compute .lft em {width:52px;} .statement_list.XP .compute .rgt {width:90px; padding-left:15px; text-align:left;} .statement_list.XP .compute .cnt {width:10px;} .statement_list.XP .total .lft {float:left; width:140px; color:#999 !important;padding:0 0 0 30px;} .statement_list.XP .total .lft em {color:#000 !important;} .statement_list.XP .t2 .compute .rgt {width:30px; padding:0 50px 0 15px; text-align:right;} .statement_list.XP .result .add {padding:2px 0 0 32px; color:#666;} /* Statement : X */ .statement_list.X .compute {width:260px; margin-left:-135px;} .statement_list.M .compute.total {margin-left:-132px} .statement_list.X .compute .lft {width:130px;} .statement_list.X .compute .lft em {width:52px;} .statement_list.X .compute .rgt {width:90px; padding-left:15px; text-align:left;} .statement_list.X .compute .cnt {width:10px;} .statement_list.X .total .lft {float:left; width:140px; color:#666 !important;padding:0 0 0 32px;} .statement_list.X .total .lft em {color:#000 !important;} .statement_list.X .t2 .compute .rgt {width:30px; padding:0 50px 0 15px; text-align:right;} .statement_list.X .result .add {padding:2px 0 0 32px; color:#999;} /* Statement : X3P 2015-03-27 */ .statement_list.X3P .compute {width:260px; margin-left:-135px;} .statement_list.X3P .compute.total {margin-left:-132px} .statement_list.X3P .compute .lft {width:130px;} .statement_list.X3P .compute .lft em {width:52px;} .statement_list.X3P .compute .rgt {width:90px; padding-left:15px; text-align:left;} .statement_list.X3P .compute .cnt {width:10px;} .statement_list.X3P .total .lft {float:left; width:140px; color:#999 !important;padding:0 0 0 30px;} .statement_list.X3P .total .lft em {color:#000 !important;} .statement_list.X3P .t2 .compute .rgt {width:30px; padding:0 50px 0 15px; text-align:right;} .statement_list.X3P .result .add {padding:2px 0 0 32px; color:#666;} /** Epilogue */ .epilogue .component{padding:80px 0;} .epilogue_header {position:relative; height:80px;} .epilogue_header h2 {overflow:hidden; zoom:1;} .epilogue_header p {position:relative; padding-top:8px; color:#666;} .epilogue_cnts:after {clear:both; display:block; content:''; height:0; visibility:hidden;} .epilogue_cnts .lft {float:left; width:450px;} .epilogue_cnts .rgt {float:right; width:450px;} .epilogue_cnts li {margin-bottom:35px;} .epilogue_cnts li.last {margin-bottom:0;} .epilogue_cnts .comment {position:relative; zoom:1;} .epilogue_cnts .comment:after {clear:both; display:block; content:''; height:0; visibility:hidden;} .epilogue_cnts .comment .photo {position:relative;} .epilogue_cnts .lft .comment .photo {float:left;} .epilogue_cnts .rgt .comment .photo {float:right;} .epilogue_cnts .lft .comment .photo:after {clear:both; display:block; content:''; height:0; visibility:hidden;} .epilogue_cnts .comment_cnts {position:relative; width:380px;} .epilogue_cnts .comment_cnts .edge {display:block; position:absolute; top:17px; width:14px; height:15px;} .epilogue_cnts .lft .comment .edge {left:-13px; background:url(/img_2013/detail/epilogue/lft_edge.png) no-repeat 0 0;} .epilogue_cnts .lft .comment_cnts {float:right;} .epilogue_cnts .rgt .comment_cnts {float:left;} .epilogue_cnts .rgt .comment .edge {right:-13px; background:url(/img_2013/detail/epilogue/rgt_edge.png) no-repeat 0 0} .epilogue_cnts .comment .bubble {position:relative; border:1px solid #e8e8e8; background:#f3f3f3; border-radius:4px; box-shadow:0 1px 2px #f3f3f3;} .epilogue_cnts .comment .bubble_text {padding:18px 16px; color:#666;} /* 2108-01-15 수정 */ .epilogue_cnts .comment .bubble_text strong {display:block; margin-bottom:2px; font-weight:bold; color:#333;} .epilogue_cnts .comment_cnts .user {padding-top:9px; font-weight:bold;} /** Benefit */ .benefit .component {overflow:hidden; position:relative; zoom:1; width:940px; margin:0 auto;} .benefit .save {margin:0 0 80px;} .benefit .save h3 {height:22px;} /* save */ .save_type {overflow:hidden;} .save_type .article {float:left; width:300px; margin-right:20px;} .save_type .article.w450 {width:450px !important;} /* 2015-03-17 add */ .save_type .article.prefer {margin-right:0;} .save_type .article h4 {height:25px; margin:0 0 30px;} .save_type .major {position:relative; height:150px; margin:0 0 20px; padding:20px; background:url(/img_2013/detail/benefit/save/bg_box.png) no-repeat 0 0;} .save_type .major .mtit {position:absolute; left:20px; top:20px;} .save_type .major .mtit_b {position:absolute; left:20px; top:90px;} /* 2015-03-19 add */ .save_type .major2 {position:relative; height:150px; margin:0 0 20px; padding:20px; background:url(/img_2013/detail/benefit/save/bg_box_2.png) no-repeat 0 0;} .save_type .major2 .mtit {position:absolute; left:20px; top:20px;} .save_type .graph {position:relative; padding:2px 0 0;} .save_type .graph .tit {position:absolute; left:0; bottom:-36px; font-size:0; line-height:0;} .save_type .graph ul {height:110px; border-bottom:1px solid #d5d5d5; text-align:right;} .save_type .graph li {position:relative; display:inline-block; *display:inline; *zoom:1; height:110px; width:50px; margin-left:3px; line-height:110px;} .save_type .graph .term {position:absolute; right:0; bottom:-30px; height:20px; font-size:0; line-height:0;} .save_type .graph .bar {overflow:hidden; position:relative; display:inline-block; *display:inline; *zoom:1; width:100%; height:0; background:#999; vertical-align:bottom;} .save_type .graph .bar span {position:absolute; top:5px; right:5px;font-size:0; line-height:0;} .save_type .add .text {position:absolute; bottom:18px;} .save_type .add .logo {position:absolute; right:17px; top:20px;} .save_type .prefer .txt1 {height:54px; margin-bottom:20px; border-bottom:1px solid #d5d5d5; background:url(/img_2013/detail/benefit/save/prefer/bg_car.png) no-repeat 98% 0;} .save_type .prefer .txt2 {height:46px; background:url(/img_2013/detail/benefit/save/prefer/bg_gs.png) no-repeat 98% 0;} .save_type .notice li {word-spacing:-2px; padding-left:8px; background:url(/img_2013/detail/saving/bu_saving_notice.gif) no-repeat 0 9px; line-height:18px; color:#666;} .save_type .notice ul li {word-spacing:-2px; padding-left:8px; background:url(/img_2013/detail/saving/bu_saving_notice_2.gif) no-repeat 0 9px; line-height:18px; color:#666;} .save_type .notice span {letter-spacing:-1px;} .save_type .season .box {position:relative; top:29px; height:125px; background:url(/img_2013/detail/benefit/save/etc/bg_season.png) no-repeat 50% -2px;} /* 2017-01-23 */ .save_type .season .box.bg_season_2 {background:url(/img_2013/detail/benefit/save/etc/bg_season_2.png) no-repeat 50% -2px;} /* 2015-03-10 */ .save_type .season .box.bg_season_x3p {background:url(/img_2013/detail/benefit/save/etc/bg_season_x3p.png) no-repeat 50% -2px;} /* 2015-12-18 */ .save_type .season .box span {position:absolute;} .save_type .season .box .s1 {left:0; top:10px;} .save_type .season .box .s2 {right:0; top:10px;} .save_type .season .box .s3 {left:0; bottom:10px;} .save_type .season .box .s4 {right:0; bottom:10px;} .save_type .bonus {margin-right:0;} .save_type .graphx .tit {display:block; margin-bottom:20px;} .save_type .graphx ul {position:relative; height:64px; border-bottom:1px solid #d5d5d5;} .save_type .graphx li {position:relative; height:15px; padding-left:50px; margin-bottom:5px;} .save_type .graphx .term {position:absolute; top:1px; left:0; bottom:-30px; display:block; width:41px; height:20px; font-size:0; line-height:0; text-align:right;} .save_type .graphx .bar {overflow:hidden; display:block; height:15px; background:#999;} .save_type .graphx .bar span {position:absolute; top:1px; right:5px; font-size:0; line-height:0;} .save_type .graphx .datum {position:absolute; left:0; right:0; bottom:-28px; padding-left:0;} .save_type .graphx .datum .left {float:left;} .save_type .graphx .datum .right {float:right;} .save_type .sale {margin-right:0;} .save_type.ZRO .major {position:relative; height:99px; background:url(/img_2013/detail/benefit/save/etc/bg_zero.png) no-repeat 0 0;} .save_type .zero_box {height:100%;} .save_type .zero_box.s1 {background:url(/img_2013/detail/benefit/save/etc/bg_sale_01.png) no-repeat 200px 45px;} .save_type .zero_box.s2 {background:url(/img_2013/detail/benefit/save/etc/bg_sale_02.png) no-repeat 153px 8px;} .save_type .zero_box.s3 {background:url(/img_2013/detail/benefit/save/etc/bg_sale_03.png) no-repeat 192px 35px;} .save_type .zero_box p {padding-top:10px; line-height:0;} .save_type .zero_box strong {display:block; margin-bottom:8px;} .save_type.T3P .article {float:left; width:460px; margin-right:20px;} .save_type.T3P .mileage {margin-right:0;} .save_type.T3P .major {height:150px; background:url(/img_2013/detail/benefit/save/etc/bg_t3.png) no-repeat 0 0;} .save_type.T3P .mileage .pic {position:absolute; bottom:23px; line-height:0;} /* save : Point */ .save_type .graph .bar.point {background:#82a2b5;} .save.m .save_type .graph .bar.point {background:#1ca3ab;} /* 2017-01-23 */ .save.mp .save_type .graph .bar.point {background:#02a1c8;} /* 2017-01-23 */ .save.m3p .save_type .graph .bar.point {background:#005cb9;} /* 2017-01-23 */ .save_type .graph .bar.point2 {background:#9fbccb;} .save.m3p .save_type .graph .bar.point2 {background:#0a7e9f;} /* 2017-01-23 */ .save.t3p .save_type .graph .bar.point {background:#004e9d;} /* 2017-01-23 */ .save_type .graph .bar.red {background:#ed6318;} .save_type .graph .bar.cashback {background:#b6b089;} .save_type .graphx .bar.cashback {background:#b6b089;} /* ratio */ .ratio {clear:both; padding:50px 0 0;} .ratio h4 {height:17px; margin:0 0 15px;} .ratio table {width:100%;} .ratio thead th {padding:0 0 10px; font-weight:bold; text-align:right; border-bottom:1px solid #e0e0e0; vertical-align:bottom;} .ratio thead th.t_lft {text-align:left;} .ratio table td {height:33px; line-height:33px; vertical-align:middle; border-bottom:1px solid #e0e0e0; text-align:right; color:#000;} .ratio tbody th {height:33px; line-height:33px; vertical-align:middle; border-bottom:1px solid #e0e0e0; color:#666;} .ratio.point td.p {color:##82a2b5;} .save.m .ratio.point td.p {color:#1ca3ab;} /* 2017-01-23 */ .save.mp .ratio.point td.p {color:#44c8e8;} /* 2017-01-23 */ .save.m3p .ratio.point td.p {color:#005cb9;} /* 2017-01-23 */ .ratio.red td {color:#ed6318;} /** Point Use */ .point_use {position:relative; zoom:1; padding-bottom:80px;} /* 2017-01-23 */ .point_use ul {overflow:hidden; position:relative; zoom:1; margin-bottom:40px;} .point_use ul:after{content:'';display:block;height:0;clear:both;visibility:hidden} .point_use ul.last {margin-bottom:20px;} .point_use li {float:left; width:172px; margin:0 20px 0 0;} .point_use li.last {margin-right:0;} .point_use .notice {margin-bottom:50px; color:#666;} .coupon_top {height:60px; line-height:0;} .coupon_cnt {overflow:hidden;position:relative; height:271px; text-align:center; line-height:0;} .coupon_cnt h4 {padding-top:24px; margin-bottom:12px;} .coupon_cnt .coupon_nav {position:absolute; bottom:78px; left:72px;} .coupon_cnt .coupon_nav a {display:inline-block; *display:inline; *zoom:1; width:10px; height:10px; text-indent:-9999em;} .coupon_cnt .coupon_nav a.on {background-position:-18px 0 !important;cursor:default} .coupon_cnt .coupon_nav a.fir {margin-right:8px;} .coupon.w .coupon_cnt {background:url(/img_2013/detail/benefit/use/bg_oupon_w.gif) no-repeat 0 0;} .coupon.b .coupon_cnt {background:url(/img_2013/detail/benefit/use/bg_oupon_b.gif) no-repeat 0 0;} .coupon.d .coupon_cnt {background:url(/img_2013/detail/benefit/use/bg_oupon_d.gif) no-repeat 0 0;} .coupon.y .coupon_cnt {background:url(/img_2013/detail/benefit/use/bg_oupon_y.gif) no-repeat 0 0;} .coupon.y .coupon_cnt .coupon_nav a {background:url(/img_2013/detail/benefit/use/coupon_nav_y.png) no-repeat 0 0;} .coupon.d .coupon_cnt .coupon_nav a {background:url(/img_2013/detail/benefit/use/coupon_nav_d.png) no-repeat 0 0;} .coupon_cnt_banner{position:absolute;top:0;left:0;width:344px;height:160px} .coupon_cnt_banner .coupon_cnt_item{position:relative;float:left;width:172px} /** voucher */ .premium_voucher {position:relative; margin-bottom:100px;} .premium_voucher .premium_cnts {position:relative; zoom:1;} .premium_voucher .premium_cnts:after {clear:both; display:block; content:'';} .premium_voucher.TP h4 {height:60px;} .premium_voucher.TP .article {float:left; width:300px; margin-right:20px;} .premium_voucher.TP .article.hotel {margin-right:0;} .premium_voucher.TP .major {overflow:hidden; position:relative; height:128px; padding:30px; margin-bottom:16px; background:url(/img_2013/detail/benefit/voucher/bg_purple.png) no-repeat 0 0;} .premium_voucher.TP .major p {line-height:0;} .premium_voucher.TP .flight p {margin-bottom:11px;} .premium_voucher.TP .luxury p {margin-bottom:25px;} .premium_voucher.TP .hotel p {margin-bottom:25px; word-spacing:-1px; letter-spacing:-0.5px;} .premium_voucher.TR h4 {height:60px;} .premium_voucher.TR .article {float:left; width:460px; margin-right:20px;} .premium_voucher.TR .article.luxury {margin-right:0;} .premium_voucher.TR .major {overflow:hidden; position:relative; height:164px; padding:30px; margin-bottom:16px; background:url(/img_2013/detail/benefit/voucher/bg_red.png) no-repeat 0 0; line-height:0;} .premium_voucher.TR .major p {line-height:0;} .premium_voucher.TR .travel p {margin-bottom:22px;} .premium_voucher.TR .luxury p {margin-bottom:25px;} .premium_voucher.TR p.bu {margin:0; background:none;} .premium_voucher.TR li.last {word-spacing:-1px; letter-spacing:-0.5px;} /** Particular */ .particular_article {padding-bottom:90px;} .particular_article.TR {padding-bottom:100px;} .particular_article .section_header {margin-bottom:30px;} .particular_cnts {padding-bottom:30px; background:url(/img_2013/detail/benefit/particular/bg_particular.gif) no-repeat 0 100%;} .particular_cnts .box {position:relative; padding:30px 30px 0; background:url(/img_2013/detail/benefit/particular/bg_particular.gif) no-repeat 0 0; line-height:0;} .particular_cnts .ico {position:absolute; top:30px; right:30px;} .particular_article.open .tit {margin-bottom:16px;} .particular_article.lm .tit {margin-bottom:20px; padding-bottom:19px; border-bottom:1px solid #e0e0e0;} .particular_article.zero .notice {padding-top:90px;} .particular_article.zero .notice h4 {margin-bottom:20px;} /** Mpoint */ .mpoint .component {width:940px; margin:0 auto; padding:50px 0 80px;} .mpoint .tit_month {position:relative; margin:0 0 55px;} .mpoint .tit_month .txt {position:absolute; left:144px; top:46px;} .mpoint .brand {position:relative; width:172px; background:url(/img_2013/detail/mpoint/bg_brand_benefit.gif) no-repeat 0 0;} .mpoint .brand strong {position:absolute; top:0; left:auto; right:0; width:48px; height:48px;} .mpoint .list_group {overflow:hidden; zoom:1; height:auto;} .mpoint .list_group:after {clear:both; display:block; content:'';} .mpoint .list {float:left;} .mpoint .tit {clear:both; height:25px; margin:0 0 30px; border-bottom:3px solid #747474;} .mpoint .notice {display:block; clear:both; zoom:1; padding:20px 0 0; color:#666;} .mpoint .weekday ul {background:url(/img_2013/detail/mpoint/bg_brand_benefit.gif) no-repeat 0 100%;} .mpoint .weekday li {height:60px; text-align:center;} .mpoint .weekday li.txt {height:auto; padding:15px 0; background:url(/img_2013/detail/mpoint/bg_line.gif) repeat-x 0 0; line-height:16px; word-spacing:-2px; color:#666;} .mpoint .weekday.fir {padding-bottom:40px;} .mpoint .weekday h4 {height:17px; margin:0 0 40px;} .mpoint .weekday .list {width:172px; margin-right:20px;} .mpoint .weekday .list.last {margin-right:0;} .mpoint .weekday .list .brand {margin:0 0 30px;} .mpoint .weekday .list .notice {padding-top:6px; background:#fff; word-spacing:-2px; color:#666;} .mpoint .bu {padding-top:20px;} /* M8 */ .list_one {float:left; width:172px; margin-right:20px;} .list_one.last {float:right; margin-right:0;} .list_two {float:left; width:364px; margin-right:20px;} .list_third {float:left; width:556px; margin-right:20px;} .list_four {float:left; width:748px; margin-right:20px;} .list_all {float:left; width:940px; margin-right:20px;} /** Service */ .service .conponent {overflow:hidden; position:relative; zoom:1; width:940px; margin:0 auto;} /* platinum : Default */ .service .platinum {overflow:hidden; position:relative; zoom:1;} .service .platinum .item {float:left; width:218px; border:1px solid #ddd; border-radius:4px; margin-right:12px; background:#f6f6f6;}/* 2018-01-15 수정 */ .service .platinum .item .cont {height:274px; margin:7px; background:#fff url(/img_2013/detail/service/bg_platinum.gif) 0 98px repeat-x;} .service .platinum .item.last {margin-right:0; float:right;} .service .platinum .item h4 {height:80px; padding:20px 0 0; text-align:center;} .service .platinum .list {padding:15px 8px 0 12px;} .service .platinum .list li {word-spacing:-2px; line-height:1.5em;} .service .platinum .list li .tit {display:block; margin-bottom:2px; color:#333;} .service .platinum .list li .tit em {color:#ee6c25} .service .platinum .list li .txt {color:#666;} .service .platinum .notice {display:block; clear:both; zoom:1; margin:0 0 80px; padding:20px 0 0; color:#666;} /* platinum : TP */ .service .platinum.TP .item {width:176px;} /* 2108-01-15 수정 */ .service .platinum.TP .item .cont {height:360px;} /* 2108-01-15 수정 */ .service .platinum.TP .list {padding-left:12px; padding-right:0px;} .service .platinum.TP .list li .txt {display:block; padding-left:8px; background:url(/img_2013/detail/service/bu_list.gif) no-repeat 0 8px;letter-spacing:-0.1px} /* 2018-01-15 수정 */ .service .platinum.TP .list li .txt.txtBld {font-weight:bold} /* 2018-01-17 수정 */ .service .platinum.TP .list li .txt.brand {padding-left:0; background:none;} .service .platinum.TP .bu {background-position:0 28px; padding-left:8px;} /* platinum : TR */ .service .platinum.TR {margin-bottom:100px;} .service .platinum.TR .item {width:170px;} .service .platinum.TR .item .cont {height:313px;} .service .platinum.TR .list {padding-left:8px; padding-right:0px;} .service .platinum.TR .list li .txt {display:block; padding-left:8px; background:url(/img_2013/detail/service/bu_list.gif) no-repeat 0 8px;} .service .platinum.TR .list li .txt.brand {padding-left:0; background:none;} .service .platinum.TR .list li .txt.non {background:none;} /* platinum : XP, X3P 2015-12-18 */ .service .platinum.XP .list li strong {font-weight:bold;} .service .platinum.X3P .list li strong {font-weight:bold;} .service .platinum.XP .list {padding-top:11px;} .service .platinum.XP .list > li {margin-bottom:4px;} .service .platinum.X3P .list {padding-top:11px;} .service .platinum.X3P .list > li {margin-bottom:4px;} /* travel : T3P */ .travel_service {padding-bottom:70px;} .travel_service .coupon {position:relative; margin-bottom:70px;} .travel_service .coupon ul {position:relative; zoom:1;} .travel_service .coupon ul:after {clear:both; display:block; content:'';} .travel_service .coupon li {position:relative; z-index:10; float:left; margin-right:20px;} .travel_service .coupon li.last {margin-right:0;} .travel_service .coupon span.option {position:absolute; z-index:5; top:-10px; right:-11px;} /** Cashback : used */ .cashback_use {margin-bottom:100px;} .cashback_use .section_header {margin-bottom:30px;} .cashback_use .usage {position:relative; zoom:1; line-height:0; margin-bottom:40px;} .cashback_use .usage:after {clear:both; display:block; content:"";} .cashback_use .usage .stxt {margin-bottom:30px;} .cashback_use .usage .box {float:left; width:410px; height:182px; padding:20px 25px;} /* 2015-05-28 수정(height:162px;) */ .cashback_use .usage .usage1 {margin-right:20px; background:url(/img_2013/detail/benefit/cashback/use/bg_usage_01.png) no-repeat 0 0;} .cashback_use .usage .usage2 {position:relative; background:url(/img_2013/detail/benefit/cashback/use/bg_usage_02.png) no-repeat 0 0;} .cashback_use .usage .stit {margin:0 0 25px;} .cashback_use .usage h4 {margin:0 0 40px;} .cashback_use .usage .usage2 span {position:absolute; top:-20px; right:2px} .cashback_use .apply {position:relative; clear:both; zoom:1;} .cashback_use .apply .stxt {margin-bottom:30px;} .cashback_use .apply ul {position:relative; zoom:1; height:25px;} .cashback_use .apply ul:after {clear:both; display:block; content:""} .cashback_use .apply li {float:left; margin-right:20px;} .cashback_use .apply .notice {clear:both; zoom:1; padding-top:20px; color:#666;} /** Cashback : Season */ .season_save {position:relative;} .season_save .header {height:95px;} .season_save h3 {margin:0 0 40px;} .season_month {position:relative; *zoom:1; margin-bottom:10px;} .season_month:after {clear:both; display:block; content:"";} .season_month dl {float:left; width:200px; height:580px; padding:5px; margin-right:20px; border:5px solid #f3f3f3; border-radius:3px; background:#f3f3f3;} .season_month dl.on {border-color: #acacac;background:#fff;}/* 150327 border color 추가*/ .season_month dl.last {margin-right:0;} .season_month dt {height:78px; margin-bottom:30px; padding:15px 0 0 9px; border-bottom:1px solid #d5d5d5;} .season_month dd {position:relative; min-height:30px; height:auto !important; *height:30px; padding-left:45px; margin-bottom:18px;} .season_month dd .ico {position:absolute; left:5px; top:3px;} .season_month dd strong {display:block; margin-bottom:3px; font-weight:bold; color:#666;} .season_month dd span {display:block; word-spacing:-2px; color:#666;} .season_month dl.on strong {color:#333;} .season_month dl .ico {opacity:0.5; filter:alpha(opacity=50);} .season_month dl.on .ico {opacity:1; filter:alpha(opacity=100)} .season_month dl .ico img {background:transparent; zoom:1; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} .season_month dl.on .ico img {background:transparent; zoom:1; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} .season_save p.bu {clear:both; margin-bottom:80px;} .season_save .mb_80 {clear:both; margin-bottom:80px;} /* 2015-12-31 */ .slide-wrap {overflow:hidden; position:relative;} .slide-wrap .season_month.slides {width:860px;} /* margin-left:45px; 2016-03-22 슬라이드오픈 */ .slide-wrap .season_month.slides li {width:215px;float:left;display:block; } .slide-wrap .season_month.slides li dl dd li {width:100%} /** Season use */ .season_use {position:relative; padding-bottom:40px;} .season_use h3 {margin:0 0 40px; line-height:0; font-size:0;} .season_use dl {overflow:hidden; position:relative; zoom:1; margin-bottom:40px;} .season_use dl:after {clear:both; display:block; content:'';} .season_use dt {display:block; height:25px; margin-bottom:30px; border-bottom:1px solid #e0e0e0;} .season_use .when dd {font-size:0; line-height:0;} .season_use .when dd.when-txt {font-size:12px; line-height:normal;} /* 2015-12-30 */ .season_use .where dd {float:left; width:300px; margin-right:20px; word-spacing:-2px;} .season_use .where dd.last {margin-right:0;} .season_use .where strong {display:block; height:32px; margin-bottom:20px;} .season_use .where span {color:#333;} /** Others */ #hdc_footer_area{visibility:hidden} #hdc_footer_area,.card_footer{position:relative} .current_card{position:relative;height:100px;background-color:#111} .current_card .card_info{position:relative;float:left;width:640px;color:#aaa} .current_card .card_info .card_title{overflow:hidden;display:block;position:relative;height:20px;margin-top:18px;text-indent:-9999px;background-image:url(/img_2017/common/footer/title.png);background-repeat:no-repeat} .current_card .card_title.TP{width:89px;background-position:-2px -2px} .current_card .card_title.TR{width:238px;background-position:0 -240px}/* 2015-12-24 */ .current_card .card_title.M3P{width:167px;background-position:-2px -46px} .current_card .card_title.MP{width:167px;background-position:-2px -68px} .current_card .card_title.M{width:156px;background-position:-2px -90px} .current_card .card_title.T3P{width:159px;background-position:-2px -112px} .current_card .card_title.XP{width:1160px;background-position:-2px -134px} /* 2015-12-18 */ .current_card .card_title.X{width:149px;background-position:-2px -156px} /* 2015-12-18 */ .current_card .card_title.ZRO{width:260px;background-position:-2px -265px} .current_card .card_title.MOZR{width:260px;background-position:-2px -285px} .current_card .card_title.MZRO{width:260px;background-position:-2px -310px} .current_card .card_title.MMOZR{width:260px;background-position:-2px -335px} .current_card .card_title.X3P{width:238px;background-position:-2px -200px}/* 2015-04-06 */ .current_card .card_title.TRX{width:238px;background-position:0 -220px}/* 2015-12-24 */ .current_card .card_info .card_desc{position:relative;padding-top:13px} .current_card .card_info .card_desc:after{content:'';display:block;height:0;clear:both;visibility:hidden} .current_card .card_info .card_desc p{position:relative;float:left;width:220px;line-height:1.25em;word-spacing:-2px} .current_card .card_info .card_desc p.tagline{width:200px;color:#fff} .current_card .current_card_container{position:relative;float:right;margin-top:-57px;width:240px;height:136px} .current_card .current_card_container.v_plate{margin-top:-97px;height:180px;} /* 2017-01-23 */ .current_card .current_card_container .card_share{position:absolute;bottom:0;left:0;width:45px} .current_card .current_card_container .current_detail_card{position:absolute;bottom:0;right:0;width:172px;height:100%} .current_card .current_card_container .card_share:after{content:'';display:block;height:0;clear:both;visibility:hidden} .card_share li{position:relative;float:left;width:60px;height:16px;padding:7px 0;border-bottom:1px solid #4d4d4d}/* 2015-04-06 width:45px; */ .card_share li.last{border-bottom:none} .card_share li a{overflow:hidden;position:relative;float:left;width:14px;height:16px;text-indent:-9999px;background-image:url(/img_2013/common/ui/btn_share_s.png);cursor:pointer} .card_share li a.fb{background-position:-2px -2px} .card_share li a.tw{background-position:-18px -2px} .card_share li p{position:relative;float:left;padding-left:6px;line-height:1.333em;color:#fff} .current_card_container .card_view{margin-bottom:4px; /* box-shadow:0 0 6px rgba(0,0,0,0.25) */; border-radius:3px; line-height:0; font-size:0;} .current_card_container.v_plate .card_view{margin-bottom:10px;} /* 2017-01-23 */ .current_detail_card .card_view img {float:none; line-height:0; font-size:0;} .current_detail_card .card_view.premium {border-radius:8px;} .current_detail_card .card_view:after{content:'';display:block;height:0;clear:both;visibility:hidden} .other_card{position:relative;background-color:#111} .other_card .line{position:absolute;top:0;left:42px;width:940px;height:1px;background-color:#343434} .other_card .other_recommend{/*overflow:hidden;*/padding:40px 0 60px} /* 2017-01-23 */ .other_card .other_recommend:after{content:"";display:block;float:none;clear:both;} .other_recommend>div{position:relative;float:left;} /* 2015-04-07 수정 .recommend_primium{width:273px} .recommend_point{width:435px} .recommend_cashback{width:232px}*/ .recommend_primium{width:233px} .recommend_point{width:395px} .recommend_cashback{width:310px} .other_recommend .quest{position:relative;height:14px;padding-bottom:10px} .other_recommend .quest:after{content:'';display:block;height:0;clear:both;visibility:hidden} .other_recommend .grade{position:relative;height:10px;padding-bottom:21px} .other_recommend .grade:after{content:'';display:block;height:0;clear:both;visibility:hidden} .other_recommend ul:after{content:'';display:block;height:0;clear:both;visibility:hidden} .other_recommend ul li{position:relative;float:left;margin-right:10px} /* 2017-01-23 */ .other_recommend ul li.last{margin-right:0} .other_recommend ul li a,.other_recommend ul li p{display:block;position:relative} .other_recommend ul li a:after,.other_recommend ul li p:after{content:'';display:block;height:0;clear:both;visibility:hidden} .detail_section.others{margin-bottom:160px} .detail_section.default{margin-bottom:57px} .detail_section.default.v_plate{margin-bottom:97px} #hdc_footer_area.others{z-index:1000;position:fixed;width:100%;bottom:-440px} #hdc_footer_area.default{position:relative;width:100%;bottom:0} .point_benefit {margin-bottom:97px;} .point_benefit .section_header {zoom:1; margin-bottom:55px;} .point_benefit .section_header:after {display:block; clear:both; content:"";} .point_benefit .section_header .left {float:left;} .point_benefit .txt_3month {margin:46px 0 0 20px;} .point_benefit h3 {padding-bottom:9px; margin-bottom:30px; border-bottom:3px solid #999999;} .point_benefit .list_type {zoom:1; margin-bottom:40px;} .point_benefit .list_type:after {display:block; clear:both; content:"";} .point_benefit .list_type li {float:left; width:220px; height:153px; margin:0 20px 20px 0; background:url(/img_2013/detail/mpoint/point_3M_box.png) no-repeat left top;} .point_benefit .list_type li.last {margin-right:0;} .point_benefit .list_type li h4 {width:220px; height:69px; margin:1px 0 16px; text-align:center;} .point_benefit .list_type li p {text-align:center; margin-bottom:4px;} .point_benefit .point_culture ul {margin-bottom:36px;} /* ---------------------------------------------------- */ /* 전체카드 목록 > 레이어 팝업 2015-03-30 /* ---------------------------------------------------- */ .tooltip2 {position:absolute; padding:0 0 0 7px; z-index:50;} .tooltip2 .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;} .tooltip2 .tip-arr {background:url("/img_2013/common/popup/arrow_tooltip2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width:8px; height:23px; left:0; overflow:hidden; position:absolute; top:20px;} .tooltip2 .btn-close {display:none; position:absolute; width:18px; height:18px !important; background:url("/img_2013/common/popup/btn_close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #fff; right:5px; top:5px; vertical-align:top; text-indent:-9999px; overflow:hidden;} .tooltip2 .btn-close:focus, .tooltip2 .btn-close.focus, .tooltip2 .btn-close:hover {border-color:#333;} .tooltip2 .tip-con .tip-tit{padding:21px 50px 21px 24px;} .tooltip2 .tip-con .btn-wrap {/* font-size:0 !important;*/} .tooltip2 .tip-con .btn-wrap li {width:230px; background:url("/img_2013/common/popup/arrow2_4x8_585858_r.gif") no-repeat scroll 0 0 #f0f0f0 ; border-top:1px solid #d5d5d5;} .tooltip2 .tip-con .btn-wrap a{height:50px !important; padding:0 15px; line-height:50px;} @media print{ .slaes_area {padding-top:0 !important;} .detail_section {margin-bottom:0 !important;} .card_util .fee_content {display:block !important; opacity:1 !important; visibility:visible !important;} #hdc_header,.simulation,.epilogue,.deliberate,#hdc_footer_area,.apply_util.detail,.detail_sns {display:none;} } /* Minimal */ @media (max-width:1024px) { .slaes_area,.easy_apply_container{padding-top:0} } /* ---------------------------------------------------- */ /* 바로발급서비스 연회비 수정 2015-09-22 /* ---------------------------------------------------- */ .card_util .fee_content .fee_text em:first-child, .card_util .fee_content .fee_text em.family {padding-top:0;} #easy_apply .card_util .fee-type2 {display:block; position:relative; width:66px; height:23px;} #easy_apply .card_util .fee-type2:hover {cursor:default;} #easy_apply .card_util .btn_fee {overflow:hidden; display:block; width:75px; height:23px; padding-top:5px; font-weight:bold; text-indent:0; background-image:none;} #easy_apply .card_util .fee-type2_content {display:none; position:absolute; z-index:300; top:8px; left:-3px; width:316px;} #easy_apply .card_util .fee-type2_content .fee_top {display:block; position:relative; width:100%; height:4px; background:url(/img_2013/detail/fee/bg/top.png) no-repeat 0 0;} #easy_apply .card_util .fee-type2_content .fee_text {display:block; position:relative; padding:8px 12px 16px; background:url(/img_2013/detail/fee/bg/bg.png) no-repeat 0 100%;} #easy_apply .card_util .fee-type2_content .fee_text em {display:block; font-weight:bold; padding-top:5px;} #easy_apply .card_util .fee-type2_content .fee_text em:first-child, #easy_apply .card_util .fee-type2_content .fee_text em.family {padding-top:0;} /* 2015-12-24 */ /* ---------------------------------------------------- */ /* X Edition2 상품 상세 신규 추가 조혜은 2015-12-18 /* ---------------------------------------------------- */ .detail_xedition .save_type {width:940px;} .detail_xedition .save_type:after {clear:both; display:block; content:"";} .detail_xedition .save_type .article {width:459px; float:left; margin:0;} .detail_xedition .save_type .article.standard {margin-right:22px;} .detail_xedition .save_type .article h4 {margin-bottom:22px;} .detail_xedition .save_type .major {margin-bottom:6px; background: url("/../img_2013/detail/benefit/save/bg_box_3.png") no-repeat 0 0;} .detail_xedition .save_type .article.season .major .box {width:260px; margin:0 auto;} .detail_xedition .save_type .graph {height:117px;} .detail_xedition .save_type .graph ul {height:117px;} .detail_xedition .save_type .graph li {width:72px; height:117px; margin-right:40px; line-height:110px;} .detail_xedition .save_type .graph li:first-child {margin-right:35px;} .detail_xedition .save_type .graph .tit {bottom:-20px;} .detail_xedition .save_type .graph .term {right:5px;} .detail_xedition .save_type .graph .bar {background:url("/img_2013/detail/benefit/save/standard/arrow_bar.png") no-repeat 0 bottom;} .detail_xedition .save_type .graph .bar.cashback {background:url("/img_2013/detail/benefit/save/standard/arrow_cashback.png") no-repeat 0 bottom;} .detail_xedition .save_type .graph .bar span {right:15px;} .detail_xedition .season_month dl {width:158px; height:377px;padding:4px 16px; margin-right:15px; border:5px solid #f3f3f3;} .detail_xedition .season_month dl.on {border-color:#f3f3f3;} .detail_xedition .season_month dt {padding-left:0; margin-bottom:22px;} .detail_xedition .season_month dd {padding-left:0; margin-bottom:14px; text-align:center;} .detail_xedition .season_month dd.season_basic {height:129px !important;} .detail_xedition .season_month dd .ico_big {margin-bottom:13px;} .detail_xedition .season_month dd .ico_plus {margin-bottom:11px;} .detail_xedition .slide-wrap .flex-viewport {width:860px; margin-left:45px;} /*.detail_xedition .slide-wrap .flex-direction-nav {display:none}*/ /* 2017년 추가시 삭제요망 */ .detail_xedition .slide-wrap .flex-direction-nav li {display:block; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px;} .detail_xedition .slide-wrap .flex-direction-nav li a {display:block; width:100%; height:100%; text-indent:-9999px;} .detail_xedition .slide-wrap .flex-nav-prev {left:0;} .detail_xedition .slide-wrap .flex-prev {background: url("/img_2013/detail/benefit/use/btn_scroll_pre_on.png") no-repeat 0 0;} .detail_xedition .slide-wrap .flex-prev.flex-disabled {display:none; background: url("/img_2013/detail/benefit/use/btn_scroll_pre.png") no-repeat 0 0;} /* 2016-03-29 */ .detail_xedition .slide-wrap .flex-nav-next {right:0;} .detail_xedition .slide-wrap .flex-next {background: url("/img_2013/detail/benefit/use/btn_scroll_next_on.png") no-repeat 0 0;} .detail_xedition .slide-wrap .flex-next.flex-disabled {display:none; background: url("/img_2013/detail/benefit/use/btn_scroll_next.png") no-repeat 0 0;} /* 2016-03-29 */ .detail_xedition .slide-wrap .flex-disabled + .flex-blind {display:block; width:100%; height:100%; margin-top:-30px;} /* 2016-03-22 */ .detail_xedition .slide-notice {width:940px;padding-left:45px; margin-bottom:80px;} .detail_xedition .slide-notice li strong {font-weight:bold;} .detail_xedition .slide-notice .bu li .bu-exc {letter-spacing:-1px;} /* 2016-03-22 */ .detail_xedition .statement_amount .simuSub1 .compute {color:#000} .detail_xedition .statement_amount .simuSub1 .compute_sub {width:65px; text-align:right;} .detail_xedition .statement_amount .simuSub2 .compute {color:#e14610;} .detail_xedition .statement_amount .simuSub3 .compute {color:#e14610;} .detail_xedition .statement_amount .simuSub3 .rgt {padding-top:20px;} .detail_xedition .service .platinum .item .cont {height:300px;} .detail_xedition .epilogue_x .lft {width:674px;} .detail_xedition .epilogue_x .comment_cnts {width:602px} .detail_xedition .epilogue_x2 .lft {width:802px;} .detail_xedition .epilogue_x2 .comment_cnts {width:740px} .detail_xedition .epilogue_x3 .lft {width:802px;} .detail_xedition .epilogue_x3 .comment_cnts {width:740px} /* ---------------------------------------------------- */ /* red Edition2 상품 상세 신규 추가 조혜은 2015-12-24 /* ---------------------------------------------------- */ .detail_rededition .statement_amount .simuSub1 .compute {color:#000} .detail_rededition .statement_amount .simuSub1 .compute_sub {width:65px; text-align:right;} .detail_rededition .statement_amount .simuSub2 .compute {color:#e14610;} .detail_rededition .statement_amount .simuSub3 .compute {color:#e14610;} .detail_rededition .statement_amount .simuSub3 .rgt {padding-top:0;} .detail_rededition.detail_xedition .save_type .graph .tit {bottom:-36px;} /* ---------------------------------------------------- */ /* 간편신청 신규페이지 조혜은 2016-02-01 /* ---------------------------------------------------- */ .hdc_header_simpleapply #logo {float:none;display:block;margin:0 auto;} #hdc_wrap .simpleapply_section {padding:110px 0 0;} #hdc_wrap .fl {float:left;} #hdc_wrap .fr {float:right;} #hdc_wrap .section01 {padding-top:47px;} #hdc_wrap .hide {font-size:0; line-height:0; text-indent:-99999} #hdc_wrap .hidden {display:none;} #hdc_simpleapply {} #hdc_simpleapply .section_simpleapply {/* padding-bottom:70px */ margin-bottom:80px;} #hdc_simpleapply .section_simpleapply > .notice {padding-top:25px;} #hdc_simpleapply .onlineApply .btn_sub {overflow:hidden; padding-top:10px;} #hdc_simpleapply .onlineApply .btn_sub:after {clear:both; display:block; content:'';} #hdc_simpleapply .onlineApply .btn_sub .btn_booking {width:470px;} #hdc_simpleapply .onlineApply .btn_sub .btn_standard {width:460px;} #hdc_simpleapply .component_apply {width:100%; padding:0; background:#f4f4f4} #hdc_simpleapply .component_apply .section_apply .apply_top {height:180px; background:#f36e4a;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_MZRO, #hdc_simpleapply .component_apply .section_apply .apply_top.apply_MOZR, #hdc_simpleapply .component_apply .section_apply .apply_top.apply_MMOZR, #hdc_simpleapply .component_apply .section_apply .apply_top.apply_ZRO {background:#f2795a;} #hdc_simpleapply .component_apply .section_apply .apply_top.gs25 {height:210px;} #hdc_simpleapply .component_apply .section_apply .apply_top.bnr {height:203px;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_EMRT {background:#fccf55;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_ME2 {background:#e64086;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_XE2 {background:#4255e0;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_bg_blue1 {background:#004b8d;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_bg_blue2 {background:#214db0;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_bg_blue3 {background:#005cb9;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_bg_emart {background:#fccf55;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_bg_green {background:#19b79d;} /*171024 추가*/ #hdc_simpleapply .component_apply .section_apply .apply_top.apply_onlylight {background:#005cb9;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_LSKT {background:url(/img_2016/simpleapply/title_bg_LSKT.png) repeat-x 0 0} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_MSCR {background:#005cb9;height:202px;} #hdc_simpleapply .component_apply .section_apply .apply_top.apply_simpl{background:#1ec2a8;height:180px} #hdc_simpleapply .component_apply .section_apply .apply_top.blue {background:#214db0;} #hdc_simpleapply .component_apply .section_apply .apply_top.purple {background:#41479b;} #hdc_simpleapply .component_apply .section_apply .h3_title {position:relative; display:block; width:722px; margin:0 auto; padding:0; } #hdc_simpleapply .component_apply .section_apply .apply_area {width:722px; margin:0 auto; padding-bottom:60px;} #hdc_simpleapply .component_apply .section_apply .apply_area .apply_title {position: relative; margin-top:20px;} #hdc_simpleapply .component_apply .section_apply .apply_area .apply_title > a { position: absolute; top: 0; right: 0; } #hdc_simpleapply .component_apply .section_apply .apply_area .apply_wrap {width:680px; margin:0 auto;} #hdc_simpleapply .component_apply .section_apply .apply_area .apply_info{position:relative;} #hdc_simpleapply .component_apply .section_apply .apply_area .apply_info ul{height:0;} #hdc_simpleapply .component_apply .section_apply .apply_area .notice{padding-top:30px;} #hdc_simpleapply .component_apply .section_apply .apply_area .btn_detail{position:absolute;bottom:5px;left:380px;width:81px;height:18px;display:block;color:transparent;} #hdc_simpleapply .component_apply .section_apply .apply_area .btn_detail.EMRT{top:44px;left:564px;width:84px;height:22px} /* 이마트용 */ #hdc_simpleapply .component_apply .section_apply .apply_area .apply_txt {color:#f36c4f;} #hdc_simpleapply .component_apply fieldset legend {display:none;} #hdc_simpleapply .component_apply .privacy_form {padding:0 0 40px 0} #hdc_simpleapply .component_apply .privacy_form > dt {padding-top:58px;} #hdc_simpleapply .component_apply .privacy_form > dt:first-child {padding-top:40px;} #hdc_simpleapply .component_apply .privacy_form > dd {padding-top:15px;} /*2016-11-30 s*/ #hdc_simpleapply .component_apply .privacy_form > dd .apply_txt02 {color:#666;font-size: 14px;font-family:'YouandiModernTR';} #hdc_simpleapply .component_apply .privacy_form > dd .apply_txt02 li{position:relative;padding-left:8px;} #hdc_simpleapply .component_apply .privacy_form > dd .apply_txt02 li:after {content:'*';position:absolute;top:2px;left:0;font-size:12px;} #hdc_simpleapply .component_apply .privacy_form > dd .apply_txt02 li + li {margin-top:5px;} /*2016-11-30 e*/ #hdc_simpleapply .component_apply .privacy_form input {width:228px; height:46px; border:1px solid #d5d5d5; line-height:48px; font-size:14px;} #hdc_simpleapply .component_apply .privacy_form .select_wrap {overflow:hidden;} #hdc_simpleapply .component_apply .privacy_form .select_wrap:after {clear:both; content:""; display:block; width:100%;} #hdc_simpleapply .component_apply .privacy_form .select-box {position: relative; float:left; width:168px; height:46px; line-height:46px; border:1px solid #d5d5d5; font-size:14px; background:#fff; } #hdc_simpleapply .component_apply .privacy_form .select-box label {position:absolute; width:90%; top:0; left:0; padding:0 5%; } #hdc_simpleapply .component_apply .privacy_form .select-box label:after {content:''; position:absolute; top:-1px; right:-2px; width:46px; height:46px; border:1px solid #d5d5d5; text-align:center; background:url("/img_2015/mobile/event_card_zero/form_select.gif") no-repeat 100% 0;} #hdc_simpleapply .component_apply .privacy_form .select-box select {width:166px; height:44px; opacity: 0; filter: alpha(opacity=0)/* IE 8 */;} #hdc_simpleapply .component_apply .privacy_form input.contact2 {float:left; margin-left:10px;} #hdc_simpleapply .component_apply .privacy_form.add{margin-top:40px;padding-bottom:10px;} #hdc_simpleapply .component_apply .privacy_form.add > label{margin-right:20px;} #hdc_simpleapply .component_apply .privacy_wrap {position:relative; font-size:14px;font-family:'YouandiModernTR';} #hdc_simpleapply .component_apply .privacy_wrap.second{margin-top:20px;} #hdc_simpleapply .component_apply .privacy_wrap .i_check {position:absolute; left:33px; top:18px; padding:0;} /* 2016-11-14 */ #hdc_simpleapply .component_apply .privacy_wrap .privacy {border-top:1px solid #d5d5d5;} /* 2016-11-04 */ #hdc_simpleapply .component_apply .privacy_wrap .privacy dt {border-bottom:1px solid #d5d5d5; background:url(/img_2016/simpleapply/acc_arrow_down.png) no-repeat 640px 20px;} /* 2016-11-04 */ #hdc_simpleapply .component_apply .privacy_wrap .privacy dt.open {background:url(/img_2016/simpleapply/acc_arrow_up.png) no-repeat 640px 20px;} #hdc_simpleapply .component_apply .privacy_wrap .privacy dt .chk_area {position:relative;padding:15px 0;} /* 2016-11-04 */ #hdc_simpleapply .component_apply .privacy_wrap .privacy dt a.btnmore {display:inline-block; position:absolute; top:12px; right:20px; width:29px; height:27px;} #hdc_simpleapply .component_apply .privacy_wrap .privacy dd > div {padding:15px 50px; border-bottom:1px solid #d5d5d5;color:#666;} #hdc_simpleapply .component_apply .privacy_wrap .chk_area label {padding-left:50px;} #hdc_simpleapply .component_apply .privacy_wrap .privacy .chk_area strong{font-weight:bold;} #hdc_simpleapply .component_apply .privacy_wrap .privacy .chkbox_wrap{color:#000;margin:25px 0 10px;} #hdc_simpleapply .component_apply .privacy_wrap .privacy .chkbox_wrap:first-child{margin-top:0;} /* 2016-11-14 s */ #hdc_simpleapply .component_apply .privacy_wrap .refuse {margin-top:30px;} #hdc_simpleapply .component_apply .privacy_wrap .refuse strong {font-size: 16px;} #hdc_simpleapply .component_apply .privacy_wrap .refuse ul {margin-top:10px;color:#666;} #hdc_simpleapply .component_apply .privacy_wrap .refuse ul li + li {margin-top:5px;} #hdc_simpleapply .component_apply .privacy_wrap .refuse ul li {position:relative;padding-left: 10px;} /*2016-11-30*/ #hdc_simpleapply .component_apply .privacy_wrap .refuse ul li:after {content:'-';position:absolute;top:0;left:0;} /*2016-11-30*/ #hdc_simpleapply .component_apply .privacy_wrap .refuse input[type='checkbox'] {vertical-align:middle;margin-left: 10px;} #hdc_simpleapply .component_apply .privacy_wrap .refuse label {color:#000;font-size:16px;} /* 2016-11-14 e */ #hdc_simpleapply .component_apply .submit_area {padding:30px 0; text-align:center;} #hdc_simpleapply .component_apply .submit_area .btn_submit img {margin-right:36px;} #hdc_simpleapply .component_apply .apply_banner {margin-top:30px;} #hdc_simpleapply .component_apply .emart .apply_banner{margin-top:15px;} #hdc_simpleapply .component_apply .caution {padding-top:50px;} #hdc_simpleapply .component_apply .notice {padding-top:60px;} #hdc_simpleapply .component_apply .emrt_event {margin-left:-1px;margin-bottom:-20px;padding-top:30px;font-size:20px;font-weight:bold;} /* 2016-07-06 */ #hdc_simpleapply .component_standard .section_apply .apply_top {background:#ccc;} .section_simpleapply .title_out {padding-top:12px;} /* 2016-04-25 */ .section_simpleapply .onlineApply {padding:23px 0 35px;} /* 2016-04-25 */ .section_simpleapply .onlineApply .btn_sub {margin-top:15px;} /* 2016-04-27 */ /* 간편신청 : 공통 메세지 */ .message_wrap{background:#f2795a;text-align:center} .message_wrap .message{background:url(/img_2016/simpleapply/ico_apply_fail.png) no-repeat center 0;padding-top:140px;} .message_wrap .btn{margin:37px 0 30px} .message_wrap{display:block;padding:60px 0;} /*간편신청 메뉴 좌우 배치 2016-07-05 */ .simpleapply_section.menu_type02 {background:#eee;} /*2016-07-05*/ .simpleapply_section.menu_type02 .component {width:790px;padding-top:50px;} /*2016-07-05*/ .simpleapply_section.menu_type02 .component .title_direct {text-align:center;} /*2016-07-05*/ .simpleapply_section.menu_type02 .onlineApply {padding:0;margin:23px 0 35px;box-shadow:0 0 8px rgba(0,0,0,0.1);} /*2016-07-05*/ .simpleapply_section.menu_type02 .onlineApply:after {content:'';display:block;clear:both;} /*2016-07-05*/ .simpleapply_section.menu_type02 .onlineApply .self_Direct {float:left;width:50%;} /*2016-07-05*/ .simpleapply_section.menu_type02 .onlineApply .btn_sub {float:right;width:50%;margin:0;} /*2016-07-05*/ .simpleapply_section.menu_type02 .onlineApply a {display:block;height:398px;} /*2016-07-05*/ /* 간편신청 (이마트 e카드 ) */ .apply_area ul.privacy_form.col {padding-bottom:50px;} .apply_area ul.privacy_form.col li{position:relative;margin-bottom:20px;} .apply_area ul.privacy_form.col li label{position:absolute;left:0;top:10px;} .apply_area ul.privacy_form.col li .data{padding-left:70px;} .apply_area ul.privacy_form.col li p{margin-top:10px;} .agree_area .txt_info{margin:40px 0 32px;} .agree_area .txt_info2{margin:-10px 0 20px;} /* 팝업 */ #hdc_popup_card {position:absolute; z-index:2000; top:0; left:0; width:100%; height:100%;} #hdc_popup_card #event_popup .component_apply {width:706px; padding:0; margin-left:-303px; background:#f4f4f4} #hdc_popup_card #event_popup_standard #mw_pop1 {margin:418px 0 0 306px;} #hdc_popup_card .hidden {display:none;} /* Minimal */ @media (max-width:1024px){ #hdc_wrap .simpleapply_section {padding:0;} } /* 2016-06-09 */ .apply_parking {height:57px; text-align:center; background:#ededed;} .slaes.container {z-index:300;} /* 2016-06-30 ie z-index 오류 */ /* 아코디언 https://tcard3.hyundaicard.com/BANNER?easyApply=Y 2016-09-19 */ .accodion_box {font-family:'YouandiModernTR', 'YouandiModernHEB', 'YouandiModernHEB', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;} .accodion_box .title {position:relative;border-bottom:2px solid #555;height:38px;color:#000; font-size:21px;}/* 2016-09-23 ggbq16 */ .accodion_box .title a {display:block;height:35px;} /* 20161011 GGBQ16 아코디언 스크립트 삭제 .accodion_box .title a:before {display:block; position:absolute; top:50%; right:25px; width:18px; height:10px; margin:-10px 0 0 0; background:url('/img_2016/arrow_open_03_1.png') no-repeat 0 0; content:'';} .accodion_box .title a.on:before {background-position:0 -12px;} .accodion_box .title a.on:hover:before {background-position:-20px -12px;} */ .accodion_box .title a:hover {color:#1e75d6;} /* 20161011 GGBQ16 아코디언 스크립트 삭제 .accodion_box .title a:hover:before{background-position:-20px 0;} .accodion_box .acc_cont {display:none;} */ body.popup_micro {overflow:hidden;} .popup_micro .wrap {width:726px;height:822px;padding:0 40px;font-family:'YouandiModernTR'; overflow:auto;} .popup_micro h1 {padding:34px 0 15px;font-size:21px; border-bottom:2px solid #555;font-family:'YouandiModernHEB';} .popup_micro h1 p {font-size:18px;} .popup_micro .section-primary.culture-detail {font-family:'YouandiModernTR';font-size:15px;} .popup_micro .event_cashbag ul.list {border-top:none;} .popup_micro .event_cashbag ul.list > li {padding-left:152px;} .popup_micro .event_cashbag .event_contents .tit {line-height:26px; letter-spacing:-0.5px;} .popup_micro .link_href {color: #666;text-decoration: none;padding-bottom: 1px;} .popup_micro .link_href:hover {border-bottom:1px solid #666;} .card_thmb.card_plate{width:120px;height:188px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;} .easy_apply_guide .easy_title {width:100px;position:relative;} .easy_apply_guide .easy_title h5 {height:15px; margin:5px 0 8px; background:url(/img_2017/easyapply/sp_h5.png) no-repeat; text-indent:-9999em;} .easy_apply_guide .easy_title h5.M {background-position:0 0;} .easy_apply_guide .easy_title h5.MP {background-position:0 -20px;} .easy_apply_guide .easy_title h5.M3P {background-position:0 -40px;} .easy_apply_guide .easy_title h5.X {background-position:0 -60px;} .easy_apply_guide .easy_title h5.XP {background-position:0 -80px;} .easy_apply_guide .easy_title h5.X3P {background-position:0 -100px;} .easy_apply_guide .easy_title h5.MMOZR {height:32px;background-position:0 -120px;} .easy_apply_guide .easy_title h5.MZRO {height:32px;background-position:0 -160px;} .easy_apply_guide .easy_title h5.MOZR {height:32px;background-position:0 -200px;} .easy_apply_guide .easy_title h5.ZRO {height:32px;background-position:0 -240px;} /* 카드상세 : ZERO *//* 2017-05-22 */ .aside{position:absolute;right:20px;top:690px;background-color:#333;border-radius:2px;box-sizing:border-box;padding:20px 22px;font-family:'YouandiModernTR';font-size:16px;} .aside p{color:#fff;padding-bottom:10px;} .aside a{color:#277ad6;text-decoration:underline} .save.zro .save_list{overflow:hidden;} .save.zro .save_list > li{float:left;margin-left:20px;width:300px;} .save.zro .save_list > li:first-child{margin-left:0} .save.zro .discount, .save.zro .point{width:300px;height:198px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;margin-bottom:20px;} .save.zro .discount.stand{background:url(/img_2017/cards/detail/discount_ZRO_01.png) no-repeat;} .save.zro .discount.add{background:url(/img_2017/cards/detail/discount_ZRO_02.png) no-repeat;} .save.zro .discount.add2{background:url(/img_2017/cards/detail/discount_ZRO_03.png) no-repeat;} .save.zro .MOZR .discount.stand {background:url(/img_2017/cards/detail/discount_MOZR_01.png) no-repeat;} .save.zro .MOZR .discount.add {background:url(/img_2017/cards/detail/discount_MOZR_02.png) no-repeat;} .save.zro .MOZR .discount.add2 {background:url(/img_2017/cards/detail/discount_MOZR_03.png) no-repeat;} .save.zro .point.stand{background:url(/img_2017/cards/detail/point_MZRO_01.png) no-repeat;} .save.zro .point.add{background:url(/img_2017/cards/detail/point_MZRO_02.png) no-repeat;} .save.zro .point.add2{background:url(/img_2017/cards/detail/point_MZRO_03.png) no-repeat;} .save.zro .MMOZR .point.stand{background:url(/img_2017/cards/detail/point_MMOZR_01.png) no-repeat;} .save.zro .MMOZR .point.add{background:url(/img_2017/cards/detail/point_MMOZR_02.png) no-repeat;} .save.zro .MMOZR .point.add2{background:url(/img_2017/cards/detail/point_MMOZR_03.png) no-repeat;} /* 심의필 */ .botNote_wrap{margin:30px 0 50px;font-family:'YouandiModernTR';} .botNote_wrap h4.tit2{font-weight:bold;font-size:14px;margin-bottom:5px;} .botNote_wrap ul + ul, .botNote_wrap ul + h4{margin-top: 30px;} .botNote_wrap .btn_link{display:inline-block;text-decoration:underline;color:#666;margin-left:5px;} .ul_hyphen li{position:relative;padding-left:8px;color:#666 ;font-size:14px;margin-bottom:3px;} .ul_hyphen li:before{content:"-";position:absolute;left:0;top:0;} .ul_hyphen li .ul_dot{margin-top:5px;} .ul_hyphen li strong{font-weight:bold;color:#000} .ul_dot li{position:relative;padding-left:8px;color:#888;font-size:14px;} .ul_dot li:before{content:"";display:block;position:absolute;left:0;top:9px;width:2px;height:2px;background:#888;} .botNote_wrap.img{position:relative;} #hdc_simpleapply .component_apply .section_apply .botNote_wrap.img > .btn_detail.MSCR{left:6px;top:186px;width:205px;height:24px;} #hdc_simpleapply .component_apply .section_apply .botNote_wrap.img > .btn_detail.MSCR.apply_simpl{left:385px;top:77px;width:90px;height:24px;} #hdc_simpleapply .component_apply .section_apply .botNote_wrap.img > .btn_detail.MSC{left:6px;top:210px;width:278px;height:24px;} /*171215추가 */ .certi_btn {float:left; box-sizing:border-box; background:#fff; border:1px solid #666; height:48px; line-height:46px; margin-left:10px; text-align:center; padding:0 20px; font-family: 'YouandiModernTR'; font-size:15px; background: #666; color:#fff !important;} .certi_box {clear:both; margin-top:10px; overflow:hidden;} .certi_input {float:left; box-sizing: border-box; width:228px; height:48px !important; line-height:48px; font-family: 'YouandiModernTR'; border:1px solid #d5d5d5; font-size:14px; padding-left:10px;} .certi_btn2 {float:left; box-sizing: border-box; background:#666; border:1px solid #666; height:48px; line-height:46px; margin-left:10px; text-align:center; padding:0 20px; font-family: 'YouandiModernTR'; color:#fff; min-width:80px; font-size:15px;} /* 2018-04-20 추가 */ .easy_apply_guide .add_info ul li.ft_size_18{font-size:18px;} /* 2018-05-17 추가 */ .ul_hyphen.type1 li{position:relative;padding-left:14px;} .ul_hyphen.type1 li:before{position:absolute;top:0;left:-1px;letter-spacing:-1px;;width:2px;height:2px;content:'·'} .ul_hyphen .highlight{font-size:19px;color:#000;line-height:30px;letter-spacing:-0.05em;} /* 2018-05-23 추가 */ .ul_hyphen .star:before,.ul_hyphen.type1 .star:before{position:absolute;top:3px;left:-1px;letter-spacing:-1px;;width:2px;height:2px;content:'*'} .easy_apply_guide .add_info .ul_hyphen li{font-size: 19px;} /* 2018-05-25 추가 */ .bx_emart.ul_hyphen .highlight{font-size:18px;line-height:26px;letter-spacing:-0.05em;} .ul_hyphen li .bx_blank{display:inline-block;padding-left:47px;vertical-align:middle;} /* 2018-05-31 L_cashback LSKT */ #hdc_simpleapply .component_apply .section_apply .apply_top.apply_LSKT{background:#41479a;}