@charset "utf-8";

@media only screen and (max-width:359px){
	.select-card-holder .button{margin-top:1px;padding:7px 7px 8px;}
	.pin-container{margin:0 1px;}
	#pinboard .elements header, #pinboardBull .elements header, #pinboardBull2 .elements header{height:55px;left:10px;overflow:hidden;position:absolute;top:10px;width:75px;}
	.reveal-modal .elements header img{width:auto}
	.reveal-modal .elements header{width:100%;height:auto;position:relative;top:0;left:0;}
	.elements .panel, .corner-stamp .panel, .elements, .corner-stamp{width:280px;position:relative;}
	.elements .panel .elm-content-area p{display:none;}
	.fixed-style-no-img .panel .elm-content-area p, .social-hd .panel .elm-content-area p{display:block;}
	.fixed-style-no-img{float:right !important;z-index:9 !important;}
	#pinboard .elements .panel .elm-content-area {padding-left:92px;padding-top:10px;min-height:75px;padding-right:40px;}
	#pinboard .elements .panel .elm-content-area.elm-notice {padding-left:15px !important;padding-top:15px !important; min-height:100% !important;padding-right:40px;}
	#pinboardBull .elements .panel header + .elm-content-area {padding-left:92px;padding-top:10px;min-height:75px;padding-right:40px;}
	#pinboardBull .elements .panel .elm-content-area{padding-right:40px;}
	#pinboardBull2 .elements .panel header + .elm-content-area {padding-left:92px;padding-top:10px;min-height:75px;padding-right:40px;}
	#pinboardBull2 .elements .panel .elm-content-area{padding-right:40px;}
	.reveal-modal .elements .panel .elm-content-area{padding:10px;}
	.reveal-modal .credit-card-select aside{text-align:center;display:block;margin-bottom:25px;margin-top:10px;}
	.reveal-modal .elements .panel{width:auto;}
	.fixed-style-no-img .panel .elm-content-area/*, .social-hd .panel .elm-content-area*/{padding-left:15px}
	.elements .panel{margin-top:0}
	.elements footer{position:absolute;right:0;top:0;padding:10px 5px}
	.credit-card-select footer{position:relative}
	.elements hr{display:none}
	.social-hd header h6{display:none}
	.elements header.icon-in, .corner-stamp header.icon-in{ padding-left:60px;padding-bottom:0px}
	.social-hd .panel .elm-content-area{padding-top:10px}
	.elm-content-area{padding-bottom:12px}
	.elements header.icon-in .em-icon{ height:19px; left:0px; width:18px;bottom:0px}
	.elements header p{position:absolute;left:0;top:0}
	.elements header.icon-in .fb{ background-position:-91px -99px}
	.elements header.icon-in .tw{ background-position:-71px -99px}
	.social-hd .panel .elm-content-area p{display:none}
	.social-hd .panel .elm-content-area p:first-child{display:block}
	.panel .elm-content-area h6, .panel .elm-content-area p{color:#555}
} /* END :359px */


@media only screen and (max-width:478px){
	#utilityNav.nav-bar > li.animated-menu > a:first-child{/*padding:13px 7px 12px !important;*/}
	.universal-black #utilityNav.nav-bar > li.animated-menu > a:first-child b{display:inline}
	#utilityNav.nav-bar > li.animated-menu > a:first-child{line-height:12px}
	.universal-grey #utilityNav.nav-bar > li.animated-menu > a:first-child{/* padding:0px !important;*/height:50px;overflow:hidden;text-indent:-999px}
	.universal-grey #utilityNav > li.help-centre > a:first-child{width:40px}
	.universal-grey #utilityNav > li.atm-branches > a:first-child{width:36px}
	.universal-grey #utilityNav > li.contact-us > a:first-child{width:49px}
	.universal-grey #utilityNav li.help-centre > a:first-child:after{left:10px}
	.universal-grey #utilityNav li.atm-branches > a:first-child:after{left:10px}
	.universal-grey #utilityNav li.contact-us > a:first-child:after{left:12px}
	.one-up-holder .block-grid.mobile-two-up>li{width:100%}
	.one-up-holder .block-grid.mobile-two-up>li:nth-child(2n+1){clear:none}
} /* END :478px */

@media only screen and (max-width:479px){
	.corner-stamp{display:none;}
	.mast-sub-header h2{font-size:26px;}
	.card-header{width:120px;}
	.card-compare{margin-left:120px;}

	.page-cta article h5{font-size:14px}
	.show-for-480{display:none !important}
	.inpage-links p a{ padding:2px 5px}
	.inpage-links p, .inpage-links p a, .shadow-block p{ font-size:11px}
	.page-cta article a.button{ position:relative; right:0px; top:0px}
	.page-cta article h5{padding-right:0;margin-bottom:5px}

	/* 2013.07.19 ÀÎÆ®·Î Çɺ¸µå ÆäÀ̽ººÏ */
	.elements {width:140px;}
	#pinboard .elements .panel .elm-content-area p.fb-ico {height:auto; margin-bottom:2px;}
	#pinboard .elements .panel .elm-content-area p.fb-ico img {width:20px; height:20px;}
	.facebook-point .fb-ico {margin:0px 5px 0px 0px;}
	.facebook-point .fb-sc {font-size:12px; letter-spacing:-2px; line-height:14px;}

} /* END :479px */


@media only screen and (min-width:480px){
	.show-for-480{display:block !important}
} /* END :480px */

@media only screen and (min-width:480px) and (max-width:767px){
	.universal-grey #utilityNav.nav-bar > li.animated-menu > a:first-child{ /* padding:13px 7px 13px 35px;line-height:12px; */ }
	.universal-grey #utilityNav.nav-bar > li.animated-menu > a:first-child > b{display:inline}
	.universal-grey #utilityNav > li.atm-branches > a{padding-left:26px !important}
	.universal-grey #utilityNav > li.help-centre > a{padding-left:28px !important}
	.universal-grey #utilityNav > li.contact-us > a{padding-left:38px !important}
} /* END :480px - 767px */

@media only screen and (max-width:599px){
	#utilityNav.nav-bar > li.animated-menu.featured-menu{display:none}
} /* END :599px */

/* pc ¹öÀü¿¡µµ °°ÀÌ ÀÖÀ½ */
@media only screen and (max-width:600px){
	#filters li{margin-left:0;margin-right:10px;}
	#filters li:last-child{margin-right:0;}
}
@media only screen and (min-width:600px){
	.filter-block .row{overflow:visible;}
	/* #filters li{margin-left:0;margin-right:42px} 2013-10-02 */
	#filters li{margin-left:0;margin-right:5px}
	#filters li:last-child{margin-right:0}
}


@media only screen and (max-width:767px){

	body{/* background:#222222; 20130227 °ËÁ¤¹è°æ »èÁ¦ */}
	[role="main"]{background:#fff}

	/* 2013-03-11 ¸ÞÀÎ(intro) Ãß°¡ */
	ul.orbit-bullets{	/* margin-left:0 !important; Á¤·Ä ¹Ì½º·Î »èÁ¦ */ }

	.featured-select{right:30px;}
	.universal-black .featured-select{display:none;}
	.universal-grey # > a{color:#666;}
	.sub-page .inner-login{display:none;}
	.sub-page .login-home{ display:block;}
	.page-cta{top:-100px}
	.page-cta article{}
	.page-cta article a.button{ top:35%}
	table.responsive{margin-bottom:0}
	.pinned{position:absolute;left:0;top:0;background:#fff;width:35%;overflow:hidden;overflow-x:scroll;border-right:1px solid #ccc;border-left:1px solid #ccc}
	.pinned table{border-right:none;border-left:none;width:100%}
	.pinned table th, .pinned table td{white-space:nowrap}
	.pinned td:last-child{border-bottom:0}
	div.table-wrapper{position:relative;margin-bottom:20px;overflow:hidden;/*border-right:1px solid #ccc;*/ }
	div.table-wrapper div.scrollable table{margin-left:35%}
	div.table-wrapper div.scrollable{overflow:scroll;overflow-y:hidden}
	.table-data-full div.table-wrapper div.scrollable table{margin-left:0}
	.table-data-full .pinned{display:none}
	.table-data-full-name div.table-wrapper{margin-bottom:0;}
	table.responsive td, table.responsive th{overflow:hidden;
		/* 2013-03-04 º¸´õ ¿À·ù position:relative;*/
		/* 2013-03-11 ¸ð¹ÙÀϽà Å×ÀÌºí ºÒÇÊ¿äÇÑ »çÀÌÁî Á¦°Å white-space:nowrap; */
	}
	table.responsive th.at, table.responsive td.at, table.responsive td.at, table.responsive.pinned td{display:none}

	.filter .more-items{left:0px;-webkit-border-radius:5px 0 5px 5px; -moz-border-radius:5px 0 5px 5px; -ms-border-radius:5px 0 5px 5px; -o-border-radius:5px 0 5px 5px; border-radius:5px 0 5px 5px}
	.more-tags{padding-top:2px}
	.no-banner .sticky header.mast-sub-header dl{margin-left:5px}
	.stick-off{top:35px}
	#header .pos-rel{z-index:10}
	#header #universalNav{display:none}
	#selectedCap{display:block; left:0; position:absolute; z-index:10}
	#selectedCap > a{display:block; font-size:12px; line-height:50px; padding:0 18px 0 4px;color:#29ad48; text-transform:uppercase}
	.universal-grey #selectedCap > a{ padding:0 20px 0 10px}
	#selectedCap > a:after{content:"";display:block;width:0;height:0;border:solid 5px;border-color:#29ad48 transparent transparent transparent;margin-right:4px;margin-top:-2.5px;position:absolute;right:0;top:50%}
	#utilityNav.nav-bar > li.animated-menu > a:first-child{padding:0px 12px}
	#utilityNav.nav-bar > li.animated-menu{float:left;border-bottom:0px none}
	#utilityNav.nav-bar > li.animated-menu > a:first-child{ font-size:10px;color:#777}
	.universal-black #utilityNav.nav-bar > li.animated-menu:hover > a:first-child{color:#aaa;background:#4e4e50}
	.brand-header .nav-bar .flyout h4.subheader{position:relative;cursor:pointer}
	.brand-header .nav-bar .flyout li{border-bottom:1px solid #f5f5f5}
	.brand-header .nav-bar .flyout h4.subheader:before{content:"";display:block;width:0;height:0;border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #aaa;right:10px;margin-right:4px;margin-top:-2.5px;position:absolute;right:0;top:50%}

	.header .bg-menu{ bottom:0; left:0; position:absolute; width:50%}
	.top-bar ul > li a{white-space:pre-wrap; /* css-3 */
		white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
		white-space:-pre-wrap; /* Opera 4-6 */
		white-space:-o-pre-wrap; /* Opera 7 */
		word-wrap:break-word; /* Internet Explorer 5.5+ */
	}

	.top-bar ul > li a span{ display:block;font-size:11px;color:#666;margin-top:3px}
	#megaNav h4{ font-size:16px}
	#megaMenu, #megaLogin, #megaLogout{position:absolute; top:14px}
	#megaMenu{right:90px}
	#megaMenu span{background-position:-122px -101px}
	#megaMenu.open span{background-position:-160px -101px}
	#megaLogin{ right:12px}
	#megaLogout{ right:0px}
	#megaLogin{margin-left:0px;padding-right:0}
	#megaLogin span{background-position:-160px -64px}
	#megaLogout span{background-position:-160px -64px}
	#megaLogin.open span{background-position:-122px -64px}
	#megaMenu, #megaLogin.open, #megaLogout.open{color:#555}
	#megaMenu.open, #megaLogin, #megaLogout{color:#b5bcc2}
	/* ÀÛÀºÈ­¸é¿¡¼­ ½½¶óÀ̵ù ¸Þ´º ¹öÆ° °ü·Ã 2015-07-03 */
	#megaMenu_new2015 {position:absolute; top:14px}/* 2015-07-03 */
	#megaMenu_new2015 {right:90px}/* 2015-07-03 */
	#megaMenu_new2015 span{background-position:-122px -101px}/* 2015-07-03 */
	#megaMenu_new2015.open span{background-position:-160px -101px}/* 2015-07-03 */
	#megaMenu_new2015 {color:#555}/* 2015-07-03 */
	#megaMenu_new2015.open {color:#b5bcc2}/* 2015-07-03 */

	.navbar-button{padding:10px 10px 10px 36px;position:relative;color:#b5bcc2}
	.navbar-button span{display:block;position:absolute;left:0;top:0;background:url(images/page/iconlib_small.png) no-repeat;height:32px;width:32px}

	.mega-bar-cutter{display:none}
	.universal-grey .search-off{
		/* background:#f4f4f4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4 ', endColorstr='#e0e0e0'); background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4 ), to(#e0e0e0 )); background:-webkit-linear-gradient(top, #f4f4f4, #e0e0e0 ); background:-moz-linear-gradient(top, #f4f4f4, #e0e0e0 ); background:-ms-linear-gradient(top, #f4f4f4, #e0e0e0 ); background:-o-linear-gradient(top, #f4f4f4, #e0e0e0 ); background:linear-gradient(top, #f4f4f4, #e0e0e0 );*/
	}
	.lang-select{margin-left:3px;margin-top:-2px}
	.lang-select #smaLang{/*background:#484848;border:1px solid #545454;*/
		-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;border-radius:1000px; padding:19px 8px;cursor:pointer
	}
	.lang-select #smaLang span{ margin-right:0px}
	.lang-select .button.dropdown > ul{right:0}
	.banner-thumbs p{display:none}
	.lang-select{}
	#.sc-off, #.sc-on{z-index:10}

	.nav-bar > li{border-bottom:1px solid #282828}
	.nav-bar > li > a:first-child{background:#383838}
	.scb-logo-holder{padding:10px;-moz-box-shadow:0px 2px 2px #999; -webkit-box-shadow:0px 2px 2px #999; box-shadow:0px 2px 2px #999}

	.brand-header{padding:0}
	.brand-header .scb-logo-holder img{width:90px}
	.brand-header .nav-bar{ margin-top:3px}
	.brand-header .nav-bar > li{border-color:#eee;margin-right:0;padding-bottom:0px;border:1px solid #eee;margin-bottom:2px; background:#fefefe;background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));background: -webkit-linear-gradient(top, #f4f4f4, #fefefe);background:    -moz-linear-gradient(top, #f4f4f4, #fefefe);background:     -ms-linear-gradient(top, #f4f4f4, #fefefe);background:      -o-linear-gradient(top, #f4f4f4, #fefefe);background:         linear-gradient(top, #f4f4f4, #fefefe)}
	.brand-header .nav-bar .flyout{ box-shadow:none}
	.brand-header .nav-bar > li.active{border-color:#eee}
	.brand-header .nav-bar > li > a:first-child{ background:none repeat scroll 0 0 transparent}
	.brand-header .nav-bar > li, .brand-header .nav-bar > li > a:first-child{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
	.brand-header .nav-bar > li > a{padding:10px 5px}
	.brand-header .nav-bar > li > a:first-child{padding:3px 5px 2px}
	.brand-header .common-nav .nav-bar > li > a{ color:#222222; font-size:12px;line-height:13px;padding:0px}
	.brand-header .common-nav .nav-bar > li > a:hover{color:#29ad48}
	.brand-header .common-nav .nav-bar > li{margin-right:0px;margin-bottom:0px;border-bottom:0px none;padding-left:10px;margin-left:10px}
	.brand-header .common-nav .nav-bar > li:first-child{padding-left:0px;margin-left:0}

	#megaNav{padding:1px}
	#megaNav.nav-bar > li.has-flyout > a:first-child{ background:url(images/page/more-ways-grey-bg.png) no-repeat 95% center}
	.nav-bar > li.has-flyout.active > a:first-child:after{border-left-color:#29ad48}
	.row-container{width:100%;max-width:100%;min-width:100%;margin:0 auto;overflow:hidden}
	.common-nav{float:right}
	.common-nav .nav-bar > li{float:left}
	.isotope-boxes{padding-top:10px;position:relative}

	.menu-wrap{float:left}

	#utilityNav ul.flyout{ margin-left:0px; margin-right:0; position:absolute; top:50px; box-shadow:none}
	#utilityNav ul.flyout{ -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -ms-border-radius:0 0 7px 7px; -o-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;background:#4e4e50;border-top:0px none}
	#universalNav.nav-bar > li > a:first-child{background:#333;padding:0 15px}
	#universalNav ul.flyout:after, #utilityNav ul.flyout:after{display:none}
	.universal-grey.arrowed  #universalNav ul.flyout:after, .universal-grey.arrowed  #utilityNav ul.flyout:after{display:block}


	#header #universalNav{display:none; left:0; margin-left:0; position:absolute; top:50px}
	#header #universalNav.blockmenu{display:block!important}
	#universalNav ul.flyout{display:block !important;-webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px;left:0; margin-right:0;padding:1px 6px;box-shadow:none}
	#universalNav ul.flyout li{/*display:inline-block;*/ }
	#universalNav ul.flyout li a:after{display:block}
	#universalNav.nav-bar{padding:10px 0}
	#universalNav.nav-bar > li > a:first-child{line-height:24px; margin-top:10px}
	#universalNav.nav-bar > li > a:first-child, #universalNav.nav-bar{background:#3F3F3F}
	#universalNav.nav-bar > li{border:0px none;margin-right:0px}
	#universalNav.nav-bar > li:first-child a{margin-top:0px}
	.universal-grey #universalNav.nav-bar > li > a:first-child, .universal-grey #universalNav.nav-bar{background:#FFF}
	.universal-grey #universalNav.nav-bar{padding:10px 0; border:1px solid #ccc}

	ul.orbit-bullets{ bottom:0; margin-bottom:-20px; padding:0}
	.orbit-wrapper .orbit-caption{z-index:30;color:#fff;padding:0;font-size:13px;position:relative;width:100%;margin-bottom:30px}
	.single-banner .orbit-wrapper .orbit-caption{margin-bottom:0}
	.orbit.with-bullets{margin-bottom:0}
	/* 2013.07.18 ¼öÁ¤
	.orbit .orbit-slide{ margin-right:30% !important}
	.orbit .orbit-slide{ margin-right:40% !important}
	*/
	.orbit .orbit-slide{ margin-right:35% !important}
	div.orbit img.fluid-placeholder, div.orbit{ width:200% !important} 
	div.orbit img.fluid-placeholder{width:100%}

	.info-box h2{ font-size:23px;/* ÆùÆ®»çÀÌÁî º¯°æ 20130408 */}
	.info-box h3{display:none}
	.info-box{padding:12px;background:#919fa8}
	.info-box a.button{position:absolute;right:12px;top:50%}
	.info-box p{/*padding-right:100px;*//* margin-bottom:0; 2013-03-23 ¹öÆ°°ú ¿ä¾à¼³¸í °£°ÝÀÌ ºÙ¾î¼­ »èÁ¦ */ font-size:12px; line-height:15px}
	.footer-links .block-grid.four-up > li, .footer-links .block-grid.two-up > li{padding-bottom:0px}

	#loginBox{ z-index:100;right:0px; top:60px;display:none}
	.footer-block .row{ background-size:100% 6px}
	.footer-block h6{ font-size:13px}
	.footer-block .eight .block-grid > li{padding:0px;padding-left:5px}
	.footer-block .eight .block-grid > li a{/* padding:10px; background:#2c2c2c; */}
	.eight .block-grid.mobile-two-up > li:nth-child(2n+1){padding-left:0px}
	.footer-block .four .block-grid > li > a{padding:6px 0;border-top:1px solid #5e5e5e;margin-bottom:0}
	.footer-block .four .block-grid > li:last-child > a{border-bottom:1px solid #5e5e5e}
	.new-way .tabs dd a{ padding:0 12px}
	#ways-to-bank-tabs{margin-bottom:20px !important}
	#page-sitemap p{margin-bottom:0}
	#page-sitemap a:before{content:"/ ";color:#aaa}
	#page-sitemap a:first-child:before{content:" "}
	.inpage-links p{overflow-x:scroll;white-space:nowrap}
	.credit-card-select a.button{display:inline; line-height:15px; padding:5px 10px 8px}
	.credit-card-select aside{padding:10px}
	.credit-card-select a.button.green{margin-left:4px}
	#compare-btn-holder{position:absolute;right:10px;top:5px}
	.select-card-holder .text-right{text-align:left}
	.universal-grey #universalNav ul.flyout, .universal-grey #utilityNav ul.flyout{ background:#fff; border:0px none; top:50px; border-color:#ccc; border-style:solid; border-width:0px 1px 1px 1px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px}
	.universal-grey #universalNav ul.flyout{left:0px}
	.universal-grey #utilityNav .contact-us ul.flyout{left:auto;right:0px}
	.universal-grey.arrowed #utilityNav ul.flyout{	left:50% !important; right:auto !important;}
	.universal-grey.arrowed #utilityNav  .contact-us ul.flyout{margin-left:-65px}
	.universal-grey.arrowed #utilityNav  .help-centre  ul.flyout{margin-left:-72px}
	.universal-grey #universalNav .has-flyout .flyout{top:0px;padding-top:6px;border-color:#fff}
	.universal-grey #utilityNav > li > a:first-child:after{height:22px}
	.universal-grey #universalNav .has-flyout .flyout a{font-weight:normal}
	.universal-grey #utilityNav li.help-centre > a:first-child:after{background-position:-404px -165px;width:20px}
	.universal-grey #utilityNav li.atm-branches > a:first-child:after{background-position:-452px -165px;width:16px}
	.universal-grey #utilityNav li.contact-us > a:first-child:after{background-position:-495px -166px;width:25px}
	#utilityNav{float:right;margin-right:50px;margin-left:0px}

	/* »óÇ°¸®½ºÆ® :  saving_list */
	.block-grid.compare-list .shadow-panel .elm-content-area {height:auto;}
	.block-grid.compare-list .title + p {height:auto;}

	/* 2013.08.09 Ãâ¼®À̺¥Æ® Ä«·Î¼¿ */
	.ev-attend-orbit .orbit .orbit-slide{ margin-right:32% !important}


	/* 2014-03-24 Æݵ弭ºñ½º */
	.universal-grey #universalNav ul.flyout.fs {margin-top:-2px;}
	.universal-grey #universalNav ul.flyout.fs li a {padding:8px 10px 8px 22px;}
	#universalNav ul.flyout:after, #utilityNav ul.flyout.fs:after {content:none;}
	
	/* 2014-03-10 ShortCut Keys */
	#megaNav .shortcut-keys {display:none;}
} /* END :767px */

/* Landscape Orientation */
@media screen and (orientation:landscape){
}

/* Portrait Orientation */
@media screen and (orientation:portrait){
}
/* Touch Detection */
.touch .your-class{
}