@charset "utf-8";

.test_header {height:55px; background:url(/m/image/temp/top.png) no-repeat; background-size:cover;}
.test_footer {height:287px; background:url(/m/image/temp/bot.png) no-repeat center top; background-size:cover; border-top:8px solid #ededed;}
.area_content_card > div.area_snb {height:40px; padding:0; background:url(/m/image/temp/snb.png) no-repeat center top; }
#wrap {}
#container {position:relative;}
#container.index {position:relative; z-index:0;}


#header {position:relative;height:55px;background:#000; z-index:13;}
#header h1 {position: relative;z-index:11;width:166px;}
#header h1.logo a {display:block;height:55px;background:url(/m/image/common/logo_top.png) no-repeat center 0;background-size:auto 100%;line-height:0;font-size:0;overflow:hidden;}
#header a.btn_search {position:absolute;right:53px;top:0;display:block;width:30px;height:55px;background:url(/m/image/common/ico_search_top.png) no-repeat center 0;background-size:auto 200%;line-height:0;font-size:0;overflow:hidden;}
#header a.btn_search:ACTIVE,
#header a.btn_search.on {background-position:center bottom;}
#header a.btn_gnbMenu {z-index:15;}
.btn_gnbMenu {display:block;position:absolute;top:0px;right:0px;width: 20px;height:19px;padding:18px;z-index:10;}
#header a.btn_gnbMenu.close {padding:18px 21px 18px 14px;}
.btn_gnbMenu span {display:block;width: 20px;height: 1px;margin-bottom: 7px;background:#fff;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.btn_gnbMenu.close {position:fixed;right:0;top:0;}
.btn_gnbMenu.close span {width: 27px;}
.btn_gnbMenu.close span.slice1 {margin-top: 9px;margin-bottom: 7px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.btn_gnbMenu.close span.slice2 {opacity:0}
.btn_gnbMenu.close span.slice3 {margin-top: -16px;margin-bottom: 7px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}


.notice_open #gnbMenu_area {top:55px;}
#gnbMenu_area {display:none; position:fixed;width:100%;left:0;right:0;top:0;right:0;bottom:0;padding-top:55px;z-index:11;}
#gnbMenu_area .bg {width:100%;height:100%;z-index:10;background:#000; display:none;}
#gnbMenu_area div.top_bar {display:none; position:absolute;left:0;top:0;width:100%;height:55px;background:#1e75d6;z-index:13;}
#gnbMenu_area div.top_bar .left_area {color:#fff;}
#gnbMenu_area div.top_bar .left_area .user_name,
#gnbMenu_area div.top_bar .left_area a.btn_login {display:inline-block;padding: 18px 0 0 18px;}
#gnbMenu_area div.top_bar .left_area .user_name {font-size:19px;}
#gnbMenu_area div.top_bar .left_area a.btn_login {height:55px;padding-left:45px;font-size:18px;color:#fff;background:url(/m/image/common/ico_login.png) no-repeat 0 0;background-size:45px auto;box-sizing:border-box;-moz-box-sizing:border-box;-mzo-box-sizing:border-box;}
#gnbMenu_area div.top_bar .left_area a.btn_login:ACTIVE {color:#155295;background:url(/m/image/common/ico_login.png) no-repeat 0 -55px;background-size:45px auto;}
#gnbMenu_area a.btn_join {display:block;position:absolute;right:56px;top:14px;display:block;height:25px;line-height:25px;padding:0 7px;font-size:13px;color:#fff;border-radius:2px;border:1px solid #d2e3f7;}
#gnbMenu_area .menu_area{z-index:15;height:0;width:100%;position:absolute;left:0;top:65px;opacity:0;}
.hc_menu_opened {overflow:hidden !important; -webkit-overflow-scrolling:auto;}
.hc_menu_opened body {overflow:hidden !important; -webkit-overflow-scrolling:auto;}
.hc_menu_opened body #wrap {position:static; height:0; overflow:visible; padding:0 !important;}
.hc_menu_opened body #wrap>*:not(#header) {display:none !important;}
.hc_menu_opened #header {position:static !important;}
.hc_menu_opened #header h1.logo {display:none;}
.hc_menu_opened #header a.btn_search {display:none;}
.hc_menu_opened .main_notice.open {display:none;}
.hc_menu_opened #gnbMenu_area {display:none; position:fixed !important;width:100%;height:100%;box-sizing:border-box;padding-top:55px;z-index:11;-webkit-overflow-scrolling:auto;}
#gnbMenu_area .bg {position:absolute; top:0; left:0;}
.hc_menu_opened #gnbMenu_area .menu_area {-webkit-overflow-scrolling:auto; overflow:hidden;}
#gnbMenu_area .menu_area {position:relative; top:15px; transition:top 0.5s;}
.hc_menu_opened #gnbMenu_area .menu_area {-webkit-overflow-scrolling:auto; overflow:hidden; top:5px;}
.hc_menu_opened .btn_gnbMenu.close {position:fixed;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div {padding-bottom:35px; box-sizing:border-box;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div > ul {box-sizing:content-box; padding-bottom:20px; margin-bottom:-31px;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div.has_scroll {padding-top:86px; padding-bottom:35px;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div.has_scroll > a {position:absolute; top:0; left:0; width:100%; padding-top:39px;}
.hc_menu_opened #gnbMenu_area .menu_area .dep01 > div.has_scroll > ul {min-height:100%; margin-bottom:0; padding-bottom:10px;}
#gnbMenu_area.hc_menu_activated {display:block; height:0; transition:height 0.5s; overflow:hidden;}
#gnbMenu_area.hc_menu_activated.on {height:100%; height:0.1s;}
html:not(.hc_menu_opened) div#gnbMenu_area.hc_menu_activated {box-sizing:border-box; padding:0;}
#gnbMenu_area.hc_menu_activated .bg {display:block; position:absolute; top:0; left:0; width:100%; height:0; z-index:10;background:#000; transition:all 0.5s ease-out;}
#gnbMenu_area.hc_menu_activated.on .bg {height:100%;}
#gnbMenu_area.hc_menu_activated div.top_bar {display:block; top:-55px; transition:top 0.3s;}
#gnbMenu_area.hc_menu_activated.on div.top_bar {top:0;}
#gnbMenu_area.hc_menu_activated .menu_area{position:relative; top:10px; height:0; overflow:hidden; opacity:0; transition:all 0.5s;}
#gnbMenu_area.hc_menu_activated.on .menu_area{width:100%; height:100%; top:0; opacity:1; transition: top 0.5s, height 1s, opacity 1s;}

div.menu_area>ul {padding:20px 0;}
div.menu_area>ul li.dep01 {display:block; width:165px; overflow:visible;}
div.menu_area>ul li.dep01 ul li {line-height:20px;}
div.menu_area>ul li.dep01 ul li span {display:inline-block;}
div.menu_area>ul li.dep01 a.dep01 {padding: 9px 18px 10px 18px;display:block;font-size:15px;font-family:'YouandiModernHEB';color:#444;}
div.menu_area>ul li.dep01.on a.dep01 {color:#1e75d6;}
div.menu_area>ul li.dep01>div {display:none;position:absolute;left:170px;right:0;top:0;height:100%;bottom:0;overflow-y:auto;z-index:16;box-sizing:border-box;-mzo-box-sizing:border-box;-webkit-box-sizing:border-box; padding-bottom:60px;-webkit-overflow-scrolling:touch;}
div.menu_area>ul li.dep01.on>div {display:block;}
div.menu_area>ul li.dep01>div a.tit {display:block;padding: 29px 0 20px 0;border-bottom:1px solid #333;color:#fff;}
div.menu_area>ul li.dep01>div a.active {color:#1e75d6;}
div.menu_area>ul li.dep01>div strong.group_tit,
div.menu_area>ul li.dep01>div strong.group_tit02 {padding: 19px 0 7px 0;display:block;font-size: 15px;font-family:'YouandiModernHEB';color:#fff;}
div.menu_area>ul li.dep01>div strong.group_tit02 {padding-top: 14px;font-family:'YouandiModernTR';padding: 12px 0 3px 0;}
div.menu_area>ul li.dep01>div>ul {padding-top: 11px;padding-bottom: 60px;}
div.menu_area>ul li.dep01>div ul li a.dep02 {display:block;padding: 7px 0;font-size:15px;color:#aaa;line-height:20px;}
div.menu_area>ul li.dep01>div ul li ul li a.dep02 {padding: 4px 0 3px 0;}
div.menu_area>ul li.dep01>div ul li ul li a.active {color:#1e75d6;}


ul.zbox {*zoom:1;}
ul.zbox:after {display:block;clear:both;content:'';}
/*ul.zbox li {float:left;} 2018-11-16 삭제 */
#footer_area #footer {border-top: 9px solid #ededed; text-align:center;background:#434343;}
#footer_area .user_info {position:relative;border-top:9px solid #ededed;}
#footer_area .user_info .name {padding:18px;border-bottom:1px solid #d5d5d5;}
#footer_area .user_info .name p {position:relative;padding-left:20px;font-size:14px;color:#000;}
#footer_area .user_info .name p:after {display:block;position:absolute;left:0;top:0;width:14px;height:14px;content:'';background:url('/m/image/common/icon_fishing_set.png') no-repeat 0 -100px;background-size:100px auto;}
#footer_area .user_info .name.aa p:after {background-position:0 0;}
#footer_area .user_info .name.ab p:after {background-position:-20px 0;}
#footer_area .user_info .name.ac p:after {background-position:-40px 0;}
#footer_area .user_info .name.ad p:after {background-position:-60px 0;}
#footer_area .user_info .name.ae p:after {background-position:-80px 0;}
#footer_area .user_info .name.ba p:after {background-position:0 -20px;}
#footer_area .user_info .name.bb p:after {background-position:-20px -20px;}
#footer_area .user_info .name.bc p:after {background-position:-40px -20px;}
#footer_area .user_info .name.bd p:after {background-position:-60px -20px;}
#footer_area .user_info .name.be p:after {background-position:-80px -20px;}
#footer_area .user_info .name.ca p:after {background-position:0 -40px;}
#footer_area .user_info .name.cb p:after {background-position:-20px -40px;}
#footer_area .user_info .name.cc p:after {background-position:-40px -40px;}
#footer_area .user_info .name.cd p:after {background-position:-60px -40px;}
#footer_area .user_info .name.ce p:after {background-position:-80px -40px;}
#footer_area .user_info .name.da p:after {background-position:0 -60px;}
#footer_area .user_info .name.db p:after {background-position:-20px -60px;}
#footer_area .user_info .name.dc p:after {background-position:-40px -60px;}
#footer_area .user_info .name.dd p:after {background-position:-60px -60px;}
#footer_area .user_info .name.de p:after {background-position:-80px -60px;}
#footer_area .user_info .name.ea p:after {background-position:0 -80px;}
#footer_area .user_info .name.eb p:after {background-position:-20px -80px;}
#footer_area .user_info .name.ec p:after {background-position:-40px -80px;}
#footer_area .user_info .name.ed p:after {background-position:-60px -80px;}
#footer_area .user_info .name.ee p:after {background-position:-80px -80px;}
#footer_area .user_info .hcbtn_medium.type3 {position:absolute;right:17px;top:12px;border: 1px solid #ccc;}
#footer_area .user_info .hcbtn_medium.type3 span {font-size:12px;color:#666;}
#footer_area #footer .logo {padding:4px 0 20px 0;}
#footer_area #footer .logo img {width:78px;height:15px;}
#footer_area #footer .footer_menu {border-bottom:1px solid #363636;display:table;width:100%;}/* 2018-11-16 display:table;width:100% 추가*/
#footer_area #footer .footer_menu li {position:relative;display:table-cell;}/* 2018-11-16 display:table-cell;추가, width:23%;삭제*/
#footer_area #footer .footer_menu li:last-child {vertical-align:top;}/* 2018-11-16 vertical-align: top;추가, width:31%;삭제 */
#footer_area #footer .footer_menu li:last-child p{width:100%;}
#footer_area #footer .footer_menu li a {display:block;height:50px;line-height:50px;font-size:13px;font-family: 'YouandiModernHEB';color:#d3d3d3;}
/* 2018-11-16 추가 S */
#footer_area #footer .footer_menu li:nth-child(odd){width:19.5%;}
#footer_area #footer .footer_menu li:nth-child(2){width:34%}
#footer_area #footer .footer_menu li:nth-child(2) a{color:#fff;}
#footer_area #footer .footer_menu li:nth-child(4){width:28%;}
#footer_area #footer .footer_menu li:nth-child(4):after{display:none;}
#footer_area #footer .footer_menu li:nth-child(4) p{padding-right:0;}
/* 2018-11-16 추가 E */
#footer_area #footer .footer_menu li:after {display:block;position:absolute;right:0;top:17px;width:1px;height:15px;background:#363636;content:'';}
#footer_area #footer .share {padding:18px 0 15px 0;}
#footer_area #footer .share a {display:inline-block;margin:0 10px;}
#footer_area #footer .share a img {width:auto;height:26px;}
#footer_area #footer .copyright {padding:0 18px 12px 18px;font-size:12px;line-height:19px;color:#d3d3d3;}
#footer_area #footer .copyright a {color:#d3d3d3;}
#footer_area #footer .copyright .box_line span {display:inline-block;position:relative;padding:0 8px;}
#footer_area #footer .copyright .box_line span:after {display:block;position:absolute;right:-1px;top:5px;width:1px;height:8px;background:#666;content:'';}
#footer_area #footer .copyright .box_line span:last-child:after {display:none;}
#footer_area #footer .copyright.n02 {color:#828282;}


.pop_mibile_service {min-width:305px;}
.pop_mibile_service .tit_bar {display:box;display:-webkit-box;padding:0 18px;position:relative;border-sizing:border-box;height:33px;line-height:33px;border-bottom:1px solid #f1f1f1;background:#fafafa;}
.pop_mibile_service .tit_bar:after {display:block;clear:both;visivility:hidden;height:0;content:'';}
.pop_mibile_service .tit_bar .icon_box {width:40px;text-align:center;font-size:13px;color:#888;}
.pop_mibile_service .tit_bar .box01 {padding-top:0;font-size:13px;color:#999;}
.pop_mibile_service ul {border-bottom:1px solid #f1f1f1;}
.pop_mibile_service ul li {display:box;display:-webkit-box;padding:8px 9px 8px 18px;clear:both;position:relative;box-sizing:border-box;}
.pop_mibile_service ul li:first-child {padding-top:16px;}
.pop_mibile_service ul li:last-child {padding-bottom:25px;}
.pop_mibile_service ul li:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.pop_mibile_service .box01,
.pop_mibile_service .box02 {display:box; display:-webkit-box;box-orient:vertical; -webkit-box-orient:vertical;box-pack:center; -webkit-box-pack:center;box-flex:1; -webkit-box-flex:1;word-wrap:break-word;word-break:keep-all;}
.pop_mibile_service .box01 {width: 55%;padding-top:10px;font-size:14px;line-height:19px;color:#000;}
.pop_mibile_service .box01 span {display:inline-block;}
.pop_mibile_service .box02 {width: 45%;text-align:right;}
.pop_mibile_service .box02 .icon_box {display:inline-block;vertical-align:bottom;}
.pop_mibile_service .box02 .icon_box img {width:40px;height:40px;}
.pop_mibile_service .box02 .icon_box.n02 {margin-left:16px;}
.pop_mibile_service .box02 .icon_box.n02 img {width:49px;height:49px;}
.pop_mibile_service .box02 .icon_box.n01.no_img {position:relative; width:40px; height:40px;}
.pop_mibile_service .box02 .icon_box.n02.no_img {display:inline-block;position:relative;width:49px;height:49px;}
.pop_mibile_service .box02 .icon_box.n01.no_img:after {display:block;position:absolute;left:0;top:0px;width:38px;height:38px;background:#f8f8f8;border:1px solid #f2f2f2;border-radius:7px;content:'';}
.pop_mibile_service .box02 .icon_box.n02.no_img:after {display:block;position:absolute;left:0;top:9px;width:38px;height:38px;background:#f8f8f8;border:1px solid #f2f2f2;border-radius:7px;content:'';}

div.menu_area>ul li.dep01>div a.tit strong {display:inline-block;position:relative;padding-right: 12px;}
div.menu_area>ul li.dep01>div a.tit strong:after,
div.menu_area>ul li.dep01>div a.tit strong:before {display:block; content:""; position:absolute; width:2px; height:9px;background: #fff;right: 0;}
div.menu_area>ul li.dep01>div a.tit strong:after {top: 6px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
div.menu_area>ul li.dep01>div a.tit strong:before {top: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
div.menu_area>ul li.dep01>div a.active strong:after,
div.menu_area>ul li.dep01>div a.active strong:before {background:#1e75d6;}
div.menu_area>ul li.dep01.n03>div a.tit,
div.menu_area>ul li.dep01.n06>div a.tit {margin-bottom:13px;}


@media only screen and (min-width:667px){
    div.menu_area>ul li.dep01 a.dep01{font-size:13px;}
    div.menu_area>ul li.dep01>div a.tit {padding: 17px 0 14px 0;font-size:13px;}
    div.menu_area>ul {padding: 12px 0 15px 0;}
    div.menu_area>ul li.dep01>div>ul {padding-top:7px;}
    div.menu_area>ul li.dep01>div ul li a.dep02 {padding: 4px 0 3px 0;font-size: 13px;}
    div.menu_area>ul li.dep01>div strong.group_tit, div.menu_area>ul li.dep01>div strong.group_tit02 {padding: 17px 0 3px 0;font-size: 13px;}
    div.menu_area>ul li.dep01 a.dep01 {padding:7px 18px}
    div.menu_area>ul li.dep01>div a.tit strong {font-size:15px;}
    div.menu_area>ul li.dep01>div a.tit strong:after,
    div.menu_area>ul li.dep01>div a.tit strong:before {height:7px;}
    div.menu_area>ul li.dep01>div a.tit strong:after {top:5px;}
    div.menu_area>ul li.dep01>div a.tit strong:before {top:1px;}
}


@media only screen and (max-width:321px){
    div.menu_area>ul li.dep01>div {left:160px;}
    #footer_area #footer .copyright a {display:block;}
    #footer_area #footer .copyright > span {display:block; width:100%;}
}

.blind {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0; position:absolute;}
.local_menu_contents .search_open .btn_search_open {position:absolute;right:52px;top:-1px;display:block;width:30px;height:55px;background:url(/m/image/common/ico_search_top.png) no-repeat center 0;background-size:auto 200%;line-height:0;font-size:0;overflow:hidden;}
.header_search .input_wrap {height:32px; background:#1f75d6; position:relative; z-index:5;}
.header_search .input_article {position:relative; width:100%; margin:0 auto; line-height:32px;}
.header_search .input_article input {width:100; height:32px; padding:15px 0; border:none; background:#1f75d6; color:#fff; font-size:21px; line-height:32px;}
.header_search .input_article .btn_auto {position:absolute; top:26px; right:65px; width:20px; height:12px; background-position:-325px 0; vertical-align:middle; display:none;}
.header_search .input_article .btn_search {position:absolute; top:19px; right:0; width:24px; height:24px; background-position:-180px -25px; vertical-align:middle;}
input#topSearch {width:100%; height:32px; padding:7px 0; border:none; background:#1f75d6; color:#fff; font-size:15px; line-height:32px;}
.header_search .input_article .btn_auto {position:absolute; top:26px; right:65px; width:20px; height:12px; background-position:-325px 0; vertical-align:middle; display:none;}
.header_search .input_article .btn_search {position:absolute; top:19px; right:0; width:24px; height:24px; background-position:-180px -25px; vertical-align:middle;}
.non_bd_tp {border-top:0px !important;}
.non_bd_bt {border-bottom:0px !important;}
#header {z-index:20;}

.hc-fix-activated #wrap.hc-fix-header-fixed {padding-top:55px;}
.hc-fix-activated #wrap #header {transform:none;}
.hc-fix-activated.hc_menu_opened #wrap #header {transform:none;}
.hc-fix-activated #wrap.hc-fix-header-fixed #header {position:fixed; top:0; left:0; width:100%; z-index:20; transition:none;}
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide #header {top:-55px;}
.hc-fix-activated #wrap.hc-fix-header-fixed .search_area2 {position:fixed; top:55px; width:100%;}
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide .search_area2 {display:none;}
.hc-fix-activated #container .area_tit {transform:none; transition:none;}
.hc-fix-activated #wrap.hc-fix-header-fixed #container > .area_tit,
.hc-fix-activated #wrap.hc-fix-header-fixed #container > section > .area_tit {position:fixed; top:55px; transform:translate3d(0,0,0);}
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide #container > .area_tit,
.hc-fix-activated #wrap.hc-fix-header-fixed.hc-fix-header-hide #container > section > .area_tit {top:0;}
.hc-fix-activated .hc-fix-addwrap {position:relative;}
.hc-fix-activated .hc-fix-addwrap.hc-fix-fixed .hc-fix-top {position:fixed; left:0; width:100%; background:rgba(255,255,255,0.95); transform:translate3d(0,0,0); z-index:20;}
.hc-fix-activated.hc_menu_opened .hc-fix-addwrap.hc-fix-fixed {display:none;}
.digital_banner {position:absolute; bottom:18px; left:18px; width:110px; height:auto !important; padding-top:129px; text-align:left; background:url(/m/image/common/img_digital_banner.gif) no-repeat 0 0; background-size:56.5px 117px;}
.digital_banner p {padding:0 0 3px 0;color:#999; line-height:17px; font-size:12px; font-weight:normal;}
.digital_banner .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.digital_banner.micro {bottom:8px; padding-top: 67px;background-size: 32.5px 63px;}
.digital_banner.micro p {display:none;}
.digital_banner.mini {padding-top: 72px;background-size: 33.5px 66px;}
.digital_banner.mini p {display:none;}
.digital_banner.middle {padding-top:85px; background-size:35.5px 73px}

.cashback_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:101px; text-align:left; background:url(/m/image/common/img_superclub_banner.png) no-repeat -4px 0; background-size:91px 90px;}
.cashback_banner p {padding:0 0 3px 0;color:#999; line-height:17px; font-size:12px; font-weight:normal;}
.cashback_banner .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.cashback_banner.micro {bottom:18px; padding-top: 59px;background-size: 80px 59px;}
.cashback_banner.micro p {display:none}
.cashback_banner.mini {bottom:18px; padding-top: 59px;background-size: 80px 59px;}

.app_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:101px; text-align:left; background:url(/m/image/common/img_app_banner.png) no-repeat 0 0; background-size:91px 90px;}
.app_banner p {padding:0 0 3px 0;color:#999; line-height:17px; font-size:12px; font-weight:normal;}
.app_banner .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.app_banner.micro {bottom:18px; padding-top: 59px;background-size: 80px 59px;}
.app_banner.micro p {display:none}
.app_banner.mini {bottom:18px; padding-top: 59px;background-size: 80px 59px;}

.chameleon_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:120px; text-align:left; background:url(/m/image/common/img_chameleon_banner.png) no-repeat 0 0; background-size:77px;}
.chameleon_banner p {padding:0 0 3px 0;color:#999; line-height:17px; font-size:12px; font-weight:normal;}
.chameleon_banner .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.chameleon_banner.micro {bottom:18px; padding-top:59px;background-size: 43px 59px;}
.chameleon_banner.micro p {display:none}
.chameleon_banner.mini {bottom:18px; padding-top:80px;background-size:59px 80px;}
.chameleon_banner.middle {bottom:18px; padding-top:120px;background-size:77px;}

/*.finance_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:101px; text-align:left; background:url(/m/image/common/img_finance_banner.png) no-repeat 0 0; background-size:101px;}
.finance_banner p {padding:0 0 3px 0;color:#999; line-height:17px; font-size:12px; font-weight:normal;}
.finance_banner .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.finance_banner.micro {bottom:18px; padding-top: 59px;background-size: 59px;}
.finance_banner.micro p {display:none}
.finance_banner.mini {bottom:18px; padding-top: 90px;background-size: 90px;}*/
/* 얼리버드 이벤트
.finance_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:80px; text-align:left; background:url(/m/image/common/img_finance_banner_0830.png) no-repeat 0 0; background-size:101px;}
.finance_banner p {padding:0 0 3px 0;color:#999; line-height:17px; font-size:12px; font-weight:normal;}
.finance_banner .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.finance_banner.mini {bottom:18px; padding-top: 70px;background-size: 90px;}
.finance_banner.micro {bottom:18px; padding-top: 59px;background-size: 70px;}
.finance_banner.micro p {display:none}*/

/* 필요한 상황에 더욱 유용한 현대카드 금융 */
.finance_banner{position:absolute;bottom:23px;left:18px;width:120px;height:auto !important;padding-top:61px;text-align:left;background:url(/m/image/common/img_finance_banner_181120.png) no-repeat 13px 0;background-size:35px}
.finance_banner p, .finance_banner a{padding:0 0 3px 0;color:#fff;font-size:11px;line-height:15px;font-weight:normal}
.finance_banner .hcbtn1{color:#1e75d6;font-size:12px;line-height:17px}
.finance_banner.micro{bottom:18px;padding-top:0;background-size:0}

/* 단기카드대출 M포인트 재적립 이벤트
.finance_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:65px; text-align:left; background:url(/m/image/common/img_finance_banner_171201.png) no-repeat 0 0; background-size:78px;}
.finance_banner p,
.finance_banner a {padding:0 0 3px 0;color:#fff; font-size:12px; line-height:17px; font-weight:normal;}
.finance_banner .hcbtn1 {color:#1e75d6; font-size:12px; line-height:17px;}
.finance_banner.micro {bottom:18px; padding-top:0;background-size: 0;}
 */

/* 현대카드 앱, 단기카드대출 조회 캐시백 이벤트
.finance_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:85px; text-align:left; background:url(/m/image/common/img_finance_banner_180131.png) no-repeat 0 0; background-size:78px;}
.finance_banner .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.finance_banner.micro {bottom:18px; padding-top:0;background-size: 0;}
*/

/* 앱 알림메시지 이용대금명세서 이벤트 */
.myaccount_banner_01 {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:162px; text-align:left; background:url(/m/image/common/img_myaccount_banner_01.png) no-repeat 0 0; background-size:95px;}
.myaccount_banner_01 p {padding:0 0 3px 0;color:#fff; font-size:12px; line-height:17px; font-weight:normal;}
.myaccount_banner_01 .hcbtn1 {color:#1e75d6; font-size:12px; line-height:17px;}
.myaccount_banner_01.micro {bottom:18px; padding-top:0;background-size:0;}
.myaccount_banner_01.mini {bottom:18px; padding-top:70px;background-size:40px;}
.myaccount_banner_01.middle {bottom:18px; padding-top:120px;background-size:70px;}

/* 앱 알림메시지 이용대금명세서 이벤트 */
.card_banner {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:130px; text-align:left; background:url(/m/image/common/img_card_banner_01.png) no-repeat 0 0; background-size:115px;}
.card_banner p {padding:0 0 3px 0;color:#fff; font-size:12px; line-height:17px; font-weight:normal;}
.card_banner .hcbtn1 {color:#1e75d6; font-size:12px; line-height:17px;}
.card_banner.micro {bottom:18px; padding-top:0;background-size:0;}
.card_banner.mini {bottom:18px; padding-top:50px;background-size:40px;}
.card_banner.middle {bottom:18px; padding-top:80px;background-size:70px;}

/* 금융 M포인트 슈퍼적립 이벤트 */
.finance_banner_02 {position:absolute; bottom:18px; left:18px; width:120px; height:auto !important; padding-top:107px; text-align:left; background:url(/m/image/common/img_gnb_banner_02.png) no-repeat 0 0; background-size:113px;}
.finance_banner_02 p,
.finance_banner_02 a {padding:0 0 3px 0;color:#fff; font-size:12px; line-height:17px; font-weight:normal;}
.finance_banner_02 .hcbtn1 {color:#fff; font-size:12px; line-height:17px;}
.finance_banner_02.micro {bottom:18px; padding-top:0;background-size: 0;}
.finance_banner_02.mini {bottom:18px; padding-top:50px;background-size:40px;}
.finance_banner_02.middle {bottom:18px; padding-top:80px;background-size:70px;}

/* 법인, 가맹점 추가 */
#gnbMenu_area div.gnb_bar {z-index: 13; width: 100%; height: 45px;position: absolute; left: 0; top: 55px;background: #4b91de; }
#gnbMenu_area div.gnb_bar .left_area{padding: 15px 18px 15px;}
#gnbMenu_area div.gnb_bar .left_area a{padding-right: 16px;color: #fff;}
.hc_menu_opened #gnbMenu_area {padding-top:95px;}

/*.isApp #container .area_tit {height:0; overflow:hidden;}*/
.isApp #container .area_tit h1 {visibility:hidden;}
.isApp #container .area_tit.type_white {height: 0; overflow:hidden; background:transparent; border:none; padding: 0; margin: 0;}
.isApp #container .area_tit .tit_wrap {min-height:0;}
.isApp #container .area_layer .area_tit h1 {visibility:visible;}
.isApp #container .area_layer .area_tit.type_white {height:auto; overflow:visible; margin-top:0;  border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:rgba(0,0,0,.16);background-color:rgba(255,255,255,1);}
.isApp #wrap {padding-top: 55px !important;}
.isApp.hc-fix-activated #wrap.hc-fix-header-fixed #container > .area_tit,
.isApp.hc-fix-activated #wrap.hc-fix-header-fixed #container > section > .area_tit {position:absolute; top:0; transform:translate3d(0,0,0);}
.isApp .CPFRL0101_01 .area_tit {background:transparent !important;}

/* 2018-09-18 상단 띠배너 App에서 display None 처리 */
.isApp #m_index_cms22 {display: none !important; height: 0 !important; overflow: hidden !important;}
.isApp #m_index_cms23 {display: none !important; height: 0 !important; overflow: hidden !important;}

/* 2018-11-30 M혜택안내 */
.mpoint_banner {position:absolute; bottom:18px; left:18px; width:136px; height:auto !important; padding-top:91px; text-align:left; background:url(/m/image/common/m_img_mpoint_banner_09.png) no-repeat 0 0; background-size:113px;}
.mpoint_banner p {padding:0 0 4px 0;color:#fff; font-size:11px; line-height:15px; font-weight:normal;}
.mpoint_banner .hcbtn1 {color:#1e75d6; font-size:12px; line-height:17px;}
.mpoint_banner.micro {bottom:18px; padding-top:0;background-size:0;}
.mpoint_banner.mini {bottom:18px; padding-top:55px;background-size:70px;background-position:0 0}
.mpoint_banner.middle {bottom:18px; padding-top:75px;background-size:100px;background-position:0 0}

/* 2018-04-17 M혜택안내 */
.mpoint_banner.type_02 {position:absolute; bottom:18px; left:18px; width:136px; height:auto !important; padding-top:85px; text-align:left; background:url(/m/image/common/m_img_mpoint_banner_04.png ) no-repeat 0 0; background-size:70px;}
.mpoint_banner.type_02 p {padding:0 0 3px 0;color:#fff; font-size:12px; letter-spacing:-1px; line-height:17px; font-weight:normal;}
.mpoint_banner.type_02 .hcbtn1 {color:#1e75d6; font-size:12px; line-height:17px;}
.mpoint_banner.type_02.micro {bottom:18px; padding-top:0;background-size:0;}
.mpoint_banner.type_02.mini {bottom:18px; padding-top:30px;background-size:20px;}
.mpoint_banner.type_02.middle {bottom:18px; padding-top:50px;background-size:45px;}

/* 레드3 */
.card_red_banner {position:absolute; bottom:18px; left:18px; width:138px; height:auto !important; padding-top:130px; text-align:left; background:url(/m/image/common/img_card_banner_03.png) no-repeat left top; background-size:70px;}
.card_red_banner p {padding:0 0 3px 0;color:#fff; font-size:12px; line-height:17px; font-weight:normal;}
.card_red_banner .hcbtn1 {color:#1e75d6; font-size:12px; line-height:17px;}
.card_red_banner.micro {bottom:18px; padding-top:0;background-size:0;}
.card_red_banner.mini {bottom:18px; padding-top:75px;background-size:40px;}
.card_red_banner.middle {bottom:18px; padding-top:104px;background-size:60px;}