@charset "utf-8";

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

	body{overflow-x:hidden;}
	html, .row, [role="main"]{min-width:100%;width:100%;}
	.banner-container{overflow:hidden;}
	.banner-container .row{width:100%;min-width:100%;}
	/*
	ul.orbit-bullets{margin-bottom:-28px;}
	ul.orbit-bullets, ul.orbit-bullets li{height:auto;min-height:20px;}
	ul.orbit-bullets li a{height:18px;}
	*/
	ul.orbit-bullets{margin-bottom:0 !important;bottom:-30px;}
	ul.orbit-bullets, ul.orbit-bullets li{height:20px !important;min-height:20px;}
	ul.orbit-bullets li a{height:20px;}
	.ua-ie-9 ul.orbit-bullets{margin-left:-36px !important;/*margin-bottom:-28px !important;*/} /* 20130403 이혜원 */

	#utilityNav {margin-right:50px;}
	.featured-select, .lang-select{display:none;}
	.nav-bar>li.has-flyout>a.flyout-toggle{display:block;}
	.brand-header .nav-bar > li > a:first-child{padding:3px 5px 2px}
	.search-off {right:20px;}
	.universal-grey .search-on {right:0;}
	.universal-grey #header .searchbar-top #search-box.sbox-on{width:34px;;padding-right:0;}

	#megaNav{display:none;}
	#megaNav > li, .priority #megaNav > li, .privite #megaNav > li, .business #megaNav > li, .ko-en #megaNav > li{width:auto;padding:0;}
	.ko-en .privite #megaNav > li,
	.ko-en .business #megaNav > li{width:auto;padding:0;}
	.ko-en .sticky .privite #megaNav{min-height:auto;}

	#megaNav > li > a:first-child{height:auto;display:block;}

	#loginBox {display:none;}

	.hide-cell-button .button.white-grey{display:none;} /* 맞춤예금설계, 금융계산기 금액버튼 */

	.landing-list-type1 li .list-block{margin:0 auto 30px auto;} /* 20130208 이혜원 모바일에서 center로 위치 */

	.block-grid.product-recom li{float:none;margin:0 auto 20px;width:290px;}
	.sub footer{height:auto;}

	.footer-block .liner-ft{background:none;}
	.footer-block .liner-ft > .eight.columns > .block-grid{margin-left:-4px;}
	.footer-block .block-grid > li .ft-btns{display:none;}

	/* 2013-04-06 라인맵 삭제됨
	.ko-en .line-map{position:static;margin-top:15px;height:auto;}
	.ko-en .line-map:before{content:"Current Position";font-weight:bold;}
	*/

	#rewards .more{margin:0 0 20px 10px;}
	#rewards .title1{margin:0;}
	#rewards .subtitle1{line-height:1.2em;}
	#rewards .subtitle1,
	#rewards .list-reward{padding-left:10px;}

	.social-block .qr{background-position:98% 20px;}

	.bbs-seach-field{text-align:left;padding:10px;}
	.bbs-seach-field select, .bbs-seach-field .input, .bbs-seach-field .third{width:100% !important;display:block;margin:2px 0;}
	.bbs-seach-field input[value="검색"]{padding:7px 0;font-size:12px;width:100%;}
	.bbs-list, .bbs-view, .bbs-nav{width:100%;}
	.tb-head > .columns{float:left;}
	.tb-head [class*="column"] + [class*="column"]:last-child{float:right !important;}

	.responsive{width:999px;}
	.original-table-size .responsive{width:650px;}
	.responsive-table .responsive{width:100%}
	.responsive-table  .table-wrapper .scrollable {overflow:hidden;}

	.pin-list > li {margin-bottom:20px;}
	.list-toggle > li.on .toggle-contents .info .columns{float:left;width:50% !important;}
	.list-type1 li .list-block{margin:0 auto;}

	.rand-board p > .more{position:relative;}
	.rand-board a:hover{text-decoration:none;}
	.order-step.figure > li .img{text-align:center}
	.land-idx-artcle{margin:0 auto;}
	.elements footer .read-more-only strong{display:inline-block;overflow:hidden;text-indent:-9999px;}


	/* 레이어팝업, 새창 팝업 */
	.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge{padding:0}

	.reveal-modal .reveal-head,
	.reveal-window .reveal-head{padding:10px 40px 10px 10px;}
	.reveal-modal .reveal-body,
	.reveal-window .reveal-body{padding:7px 10px 10px;}
	.reveal-window .close-reveal{top:5px;}

	.reveal-modal.feat, .reveal-modal.figure, .reveal-modal.quick{width:80%;margin-left:-40%}
	.reveal-modal.feat,
	.reveal-modal.figure{text-align:center;}
	.reveal-modal.feat .reveal-body .caption{margin:10px 0;}

	.reveal-modal.figure img{}
	.reveal-modal.figure .reveal-body .btns{max-width:180px;margin:15px auto}
	.reveal-modal.figure .reveal-body .btns .button{max-width:100%}


	/* 프로세스 단계 */
	.progress-step > li,
	.progress-step.simple > li{margin-bottom:0;padding:0 0 40px !important;background:url(../images/kr/base/bg_step_vertical.png) 50% 87% no-repeat;}
	.progress-step > li .progress-inwrap,
	.progress-step.simple > li .progress-inwrap{/*margin-right:0;position:static !important;width:auto !important;height:auto !important;*/}
	.progress-step.simple > li .progress-inwrap{min-height:auto !important;height:auto !important;}
	.progress-step.simple{margin-bottom:10px;}
	.progress-step.three-up > li {background-position:50% 95%;}
	.progress-step > li.last-child, .progress-step > li:last-child{margin:0;padding:0 !important;background:none;} /* IE 7-8 add : .last-child */

	.progress-step.simple.land > li,
	.progress-step.simple > li{width:100% !important;background-position:50% 87% !important;}
	.progress-step.simple.land > li .progress-title,
	.progress-step.simple > li .progress-title{position:relative;height:auto !important;}
	.progress-step.simple.line-two > li .progress-title,
	.progress-step.simple.line-three > li .progress-title,
	.progress-step.simple.line-four > li .progress-title,
	.progress-step.simple.line-five > li .progress-title{padding:9px 10px 6px 40px !important;line-height:inherit;}
	.progress-step.simple.line-two > li .progress-title span,
	.progress-step.simple.line-three > li .progress-title span,
	.progress-step.simple.line-four > li .progress-title span,
	.progress-step.simple.line-five > li .progress-title span{/*padding-top:5px*/}

	.process-type1 > ol.block-grid{margin:0 !important}
	.process-type1 > ol.block-grid > li{width:100% !important;height:auto;padding:20px !important;background:none; border-bottom:1px solid #ccc;}
	.process-type1 > ol.block-grid > li span{position:static;padding:0 7px 0 0 !important;background:none !important;}
	.process-type1 > ol.block-grid > li:before{content:"";position:absolute;left:50%;bottom:-20px;width:30px;height:20px;background:url("../images/kr/base/bg_step_mobile.png") 0 0 no-repeat;}
	.process-type1 > ol.block-grid > li.on:before{background:url("../images/kr/base/bg_step_mobile_on.png") 0 0 no-repeat;}
	.process-type1 > ol.block-grid > li:last-child{border-bottom:0;}
	.process-type1 > ol.block-grid > li:last-child:before{background:none;;}

	.agree-check .checks{margin-top:10px;text-align:left;}
	.agree-check label{display:inline-block;}

	.sns-pdt-event{margin:-10px 0 15px}
	.sns-pdt-write{margin-left:0;padding:0 0 20px;}
	.sns-pdt-write .sns-list dt{position:static;}

	.common-contact-block .title2 + p{height:auto;}
	.common-contact-block .internet-new ul{text-align:center;}

	.block-grid.manual-list .exchange .icons_large {background-position: -151px 0;}
	.block-grid.manual-list .hours .icons_large {background-position: -220px 0;}
	.block-grid.manual-list .user .icons_large {background-position: -357px 0;}

	.seach_txt{position:static;}
	.bbs-seach-field.product-seach .bbs-button2 input.button.small{margin:2px 0;}
	.seach_box .button-area{margin:10px 0;}
	.seach_box div.close-area {overflow:hidden;padding-bottom:10px;}
	.bbs-seach-field.product-seach div.product-seach-input{margin-left:0px;}
	.seach_box ul.block-grid.four-up{margin:15px 0;}
	.seach_box ul.block-grid.four-up h3{padding-left:8px;}
	.seach_box div.product-tab2 ul.block-grid li{padding-right:20px;}
	.seach_box .close-area p.left{float:left;}
	.seach_box .close-area p.right{float:right;}
	.bbs-seach-field.product-seach div.seach_txt{margin-left:8px;padding-top:10px;padding-bottom:5px;border-top:1px solid #ddd;}

	.compare-list li .panel{width:230px;margin:0 auto;}
	.compare-list li footer .nine{width:75% !important;float:left;}
	.compare-list li footer .three{width:25% !important;float:right !important;}

	.comResult_table.tb td{white-space:normal;}

	.integrate_search_box{height:auto;}
	.integrate_search_box .searchLayer{position:static;}
	.integrate_search_box .input-area {width:63%;margin-right:7px;}
	.integrate_search_box .button-area {width:35%;}
	.integrate_search_box .button-area .checkbox{display:inline-block;}
	.integrate_search_box .button-area label {font-size:11px;vertical-align:middle;margin-top:6px;}
	.integrate_search_result{height:auto;}
	.integrate_search_result h1{padding-bottom:20px;}
	.integrate_search_result .result_detail_layer{position:static;float:right;}

	.tabs_box .tabs_btn{display:none;}

	#filters.product-list li a.selected em{background-image:none;;}
	/* 연혁 */
	.history-list .date{width:30%;}
	.history-list .tit{width:70%;}

	.mobile-text-center{text-align:center;}

	.block-grid.three-up.cashbag_main_list li{border:0px !important;}

	.info-box a.button{position:static;left:0;} /* 2013-03-23 opera 간격이 커서 조정 */
	.info-box.pe{background-color:#0e0e11;margin-right:0;margin-bottom:0;}
	.info-box.pe{margin-left:0;}

	.bbs-seach-field .secondary{margin:2px 0px;}
	.bbs-button1 span{top:10px}
	.bbs-button2 span{top:15px}

	.list-gid-two .block-grid.two-up.mobile-one-up li{width:100%; margin-left:0; margin-right:0;}

	.deposit-hd div{height:auto;padding:0 0 10px}
	.deposit-hd h2{float:none;}
	.deposit-hd p{float:none;padding:0 20px;background-image:none;}


	/* 오픈뱅킹 */
	.open-top{background:none; min-height:auto;}

	.breeze-info .img-breeze{display:none;}
	.breeze-info .txt-breeze{padding:0 0 15px 0px;}
	.breeze-type-step .order-step.vertical li{padding:20px 0 0 0; background:url("../images/kr/base/bg_step_vertical1.png") no-repeat center 4px; margin-bottom:0;}
	.breeze-type-step {padding-bottom:10px;}

	.branch-search {border:solid 1px #e5e5e5; border-radius:3px; background:#f3f3f3; height:auto; padding:0 15px; margin-bottom:20px;}
	.branch-map {display:none;}
	.tbl-dtil {margin-top:10px;}
	.branch-search .branch-list .layer-on{margin-bottom:10px;}

	.wishist-step{border-top:none;}
	.wishist-step p{width:100%}

	.planning-step, .planning-step li, .planning-step li span{background:none;}
	.planning-step li.on{background:url("../images/kr/page/bg_step_planning.gif") no-repeat right 5px;}

	.list-planning-img li{text-align:center;}
	.pt134{padding-top:20px}

	.fund-top .detail-view{position:static;}

	.r-style{padding-left:0px;}

	.center-intro li img{margin-bottom:25px;}
	.center-intro-en li img{margin-bottom:25px;}

	.pws_list li dl.pws_txt dt strong.pws_title{font-size:18px;}
	.pws_list li dl.pws_txt dd.txt{font-size:12px;margin-top:5px;}
	.pws_list li{margin-bottom:30px;}
	.pws_list{margin-bottom:30px;}

	.tel_box{padding:20px;background-position:100%50%}

	.breeze-type-step .breeze-step-328 li.two{padding-top:20px;}
	.breeze-step-328.block-grid.two-up>li {width:93%;margin:0 10px 20px 10px;}

	div.digital-area,
	ul.digital-list li {background:none;padding-left:15px;}
	ul.digital-list li div.digital_breeze,
	ul.digital-list li div.digital_easyopen,
	ul.digital-list li div.digital_service {margin-left:0px;padding-left:120px;/*background-size:20%;padding-left:25%;margin-left:0px;min-height:auto;*/}
	ul.digital-list li p {text-align:left;}
	ul.digital-list li p span.digital-list-color{font-size:15px;}

	.ko-event .elm-content-area,
	.ko-event p.txt, .ko-event p {height:auto;}

	/* 맞춤 제태크설계 */
	.planning-step.block-grid.mobile-one-up li{float:left;width:20%;padding-left:10px;padding-right:10px;}
	.planning-step.block-grid.mobile-one-up li.on{background:none;}


	.vmbanking-box {padding-right:0;background-size: 40%;}
	.vmbanking-box p{margin-bottom:10%}
	/* 지점검색
	.lt-768 .tabs.depth > li > ul{bottom:-40px;}
	.lt-768 .tabs.depth > li > ul > li{padding-bottom:5px;}
	.lt-768 .tabs > li.active > a > .after, .tabs > dd.active > a > .after, .tabs > li.active > a:after, .tabs > dd.active > a:after{height:11px;}
	.ko-en .lt-768 .tabs-section .btn-right{padding-top:35px;}
	*/

	/* 브리즈 오픈뱅킹 */
	.open-top h2.title-type3,.open-top h2.title-type3 .type2{font-size:20px;}

	/* 모바일 테스트 이혜원 추가 20130408 */
	.scrollnav li{margin-right:10px;padding-right:10px;}
	.inpage-content-top{padding-top:20px;}
	.inpage-content-top .button.share-icon{margin-bottom:15px;} /* 공유하기 밑에 여백 주기 */
	.title1{margin-bottom:13px;}
	.rnb{margin-top:0px !important;}
	.benefit-list li{margin-bottom:15px;} /* 상품 디테일 페이지 상품 혜택 */

	/* 용어사전 패딩수정(20130409) */
	.list-dic{padding-left:140px;}

	/* 비교하기 결과 페이지 */
	.comResult .comResult-list-box{width:520px;}

	.ua-mobile .grey-box-bg .table-data-full{margin-left:8px;margin-right:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.ua-mobile .grey-box-bg .table-data-full .table-wrapper .table-menual,
	.ua-mobile .grey-box-bg .table-data-full .table-wrapper .table-menual-bg{display:block;}

	.priority_area {padding:160px 0 10px 0;}


	/* 마이심플통장 */
	.mobile {background:none !important;width:100% !important;height:auto !important;}
	.simple-youtube-box{margin-left:0px;height:auto; overflow:hidden; position:relative;}
	.simple-youtube-box .simple-btns{width:auto;height:30px;margin-top:20px;text-align:right;}
	.simple-youtube-box .simple-youtube{float:left;width:100%;}
	.simple-youtube-box .simple-btn,
	.simple-youtube-box .simple-btn2 {margin-top:0px; margin-left:0px; text-align:center;}
	.simple-youtube-box .simple-btn .ms_mb1 {display:inline-block; *display:inline; zoom:1; text-align:center;}
	.simple-youtube-box .mobile-img {display:block;}
	.simple-youtube-box .mobile-img img.img1 {width:100%; padding:30px 50px;}
	.simple-youtube-box .mobile-img img.img2 {width:100%; padding:30px 50px 5px;}
	.simple-list {background-color:#e9e9e9;width:90%;margin:0 auto;}
	.simple-list a{margin-bottom:5px;display:block;text-align:center;float:none;}
	.simple-list a img{margin-left:0px !important;}
	.mobile_dn{display:none;}
	.simple-list > img{display:none;}
	.mobile-b{display:block; text-align:center;margin-bottom:10px;}

	/* 통합검색 : 결과 2013-04-15 */
	.searchResult_list{margin:0 0 30px;}

	.ua-mobile .footer-block .block-grid > li > a.pc {display:inline-block;}

} /* END : 767px */

@media only screen and (max-width: 650px){
	/* 비교하기 결과 페이지 */
	.comResult .comResult-list-box{width:350px;}

	.integrate_search_box .input-area,
	.integrate_search_box .button-area{width:100%;}
	.integrate_search_box .button-area{margin-top:5px;}

} /* END : 650px */

@media only screen and (max-width: 500px){
	.vmbanking-box{padding:40% 160px 0 0;height:auto;}
	.vmbanking-box p{position:absolute;width:90%;top:0;}

	/* 순서도 숫자 크기 및 간격수정(20130410) */
	.order-step > li{background:url(../images/kr/base/bg_order.png) 55px 5px no-repeat;}
	.order-step > li .order img{width:25px;}
	.order-step > li .order-content{padding-left:0;}
	.order-step.ie-order > li .order{float:none; width:90px; padding:10px 10px 10px 0;}
	.order-step.ie-order > li .order-content{float:none; width:auto; vertical-align:middle;padding-left:0px;color:#666;}

	/* 2018-12-28 투자전망 모바일 */
	span.br {display:inline;width:1px !important;height:1px !important;position:static !important;margin:0 !important;padding:0 !important;background:none !important;}

}

@media only screen and (max-width: 480px){
	/*.youtube {width:250px;height:200px;margin:0 auto;}*/
	/* 비교하기 결과 페이지 */
	.comResult .comResult-list-box{width:170px;}
	ul.digital-list li div.digital_breeze,
	ul.digital-list li div.digital_easyopen,
	ul.digital-list li div.digital_service {background-size:20%;padding-left:25%;margin-left:0px;min-height:auto;}
	/* 마이심플통장 */
	.simple-youtube-box .mobile-img img.img1 {width:100%; padding:20px;}
	.simple-youtube-box .mobile-img img.img2 {width:100%; padding:20px 20px 10px;}
	/*.simple-youtube-box{height:250px;}*/
	/*.simple-youtube-box .simple-youtube{height:200px;}*/
} /* END : 480px */

@media only screen and (max-width: 479px){
	div.num-division {padding: 0 0 0 50px;}
	.list-type1.num-division > li {padding: 0 0 20px 50px;}
	div.num-division .order, .list-type1.num-division > li .order {width:35px;height: 30px;}
	div.num-division .order img, .list-type1.num-division > li .order img{width:40%;}
	div.num-division .order .mask, .list-type1.num-division > li .order .mask{width: 35px;height: 30px;background-position:100% 100%;background-size: 60%;}
	div.num-division .order.seven, .list-type1.num-division > li .order.seven{height:30px;}
	div.num-division .order.seven .mask, .list-type1.num-division > li .order.seven .mask{bottom:4px;right:-3px;background-position:70% 90%;}

	.custom_history{padding:0 80px 10px 0;background-size:60px;background-position:100% 0;} /* 나의 상담내역 */
	.customer_login{padding:0 120px 10px 0;background-size:120px;background-position:100% 0;} /* 채팅상담 */
	.vmbanking-box {padding-right:120px;background-size: 60%;}

	/* 통합검색 : 결과 2013-04-15 */
	.scrollnav.search_result{position:static;right:0;display:inline-block;}
	.scrollnav.search_result li.last{border:0;margin-right:0;padding-right:0;}

	.searchResult_list{margin-left:0;}
	.result_box {padding: 20px 10px 20px 60px;}
	.result_box span{width:45px;height:45px;}
	.result_box span.searchResult {left:10px;background-position: -8px -35px;background-size: 350px;}

} /* END : 479px */

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

	.product-recom .elm-content-area .title {margin:0;}
	.product-recom footer{position:static;}
	.pin-container.lock .elm-content-area,
	.product-recom .elm-content-area{height:auto;}

	.elements .product-recom .panel{width: 260px;}
	.elements header p.thumb-img,
	.elements .product-recom header .thumb-img{position:relative;}
	#pinboard .elements .panel .elm-content-area p{display:block;/*height:4em;*/overflow:hidden;margin:0;}
	#pinboard .elements .panel .elm-content-area h6 + p{display:none;}
	.elements footer{background: transparent;}

	/* 2013.07.18 인트로 핀보드 페이스북 아이콘 이미지 */
	#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; margin-right:5px;}
	#pinboard .elements .panel .elm-content-area p.fb-sc {display:none;}
	.facebook-point .fb-msg {padding-top:0px;}

} /* END : 359px */