@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&subset=korean');

/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,div,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-family:'Noto Sans KR', '맑은 고딕', '돋움', Dotum, Verdana, sans-serif;} 
body,input,textarea,select,button,table{font-family:'Noto Sans KR', sans-serif, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, AppleGothic, verdana; font-size:14px; color:#333;}
table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%; padding:0; margin:0; border:0; outline:0; vertical-align:baseline; background:transparent; word-break:break-all}
table{border-collapse:collapse; border-spacing:0}
img, fieldset{border:0}
ul{list-style:none}
address,em{color:#000; font-style:normal}
a{display:block; color:#000; text-decoration:none !important; }
a:hover,a:active,a:focus{text-decoration:underline}
hr,legend,caption{display:none}
html{-webkit-text-size-adjust:none}
select::-ms-expand { display: none; }
::selection {
  background: #a8d1ff; /* WebKit/Blink Browsers */
  color:#000;
}
::-moz-selection {
  background: #a8d1ff; /* Gecko Browsers */
  color:#000;}

.skip{position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; width:1px; height:1px; font-size:0; line-height:0}
.hidden{position:absolute; top:-9999em; left:-9999em; overflow:hidden; visibility:hidden; width:1px; height:1px; line-height:0}
.blind{position:absolute; top:0; left:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
#wrap {position:relative; width:100%; margin:0 auto; clear:both;padding-top: 90px;}
.clearfix:before,.clearfix:after {content: " ";display: table}
.clearfix:after {clear: both}
.clearfix {*zoom: 1}

/* header */
.header{width: 100%;height: 90px; clear:both; z-index:10000; background-color:#fff}
.header-fixed {position: fixed;top: 0;left: 0;border-bottom: 1px solid #e9ecef;}
.header img{border:0}
.header .top{position:relative; width:1024px; height:81px; margin:0 auto}
.header .top .logo{float:left; margin:0; padding-top: 20px; padding-right: 45px;}
.header .top .menu{float:left}
.header .top .menu>ul{margin-top: 35px}
.header .top .menu>ul>li{position:relative; float:left; padding:0 12px; /* background:url('/images/mibank/ko/m_line.png') top right no-repeat;*/ }
.header .top .menu>ul>li>ul{display:none;}
.header .top .menu>ul>li>ul:hover{ display:block;}
.header .top .menu>ul>li a, .header .top .menu_r>ul>li a{ display:block; height: 16px; color: #495056; font-weight:400; font-size: 16px; }
.header .top .menu>ul>li:hover > a, .header .top .menu_r>ul>li a:hover{ color: #588db5; transition:0.1s; -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s;}
.header .top .menu>ul>li .on{ color: #588db5; }
.header .top .menu>ul>li:last-child{background:none}
.header .top .menu span.ico_m_new{ display:none; position:absolute; width:16px; height:19px; background:url(/images/mibank/ko/ico_m_new.png) top left no-repeat}

/*we want u*/
.header .top .menu_r>ul>li .m_incruit{display:block; width:110px;height:26px;background:url('/images/mibank/ko/menu_we_want_u.png')top center no-repeat; font-size:0; line-height:0;}
.header .top .menu_r>ul>li .m_incruit:hover{background:url('/images/mibank/ko/menu_we_want_u_on.png')top center no-repeat; }
/*비즈타운*/
.header .top .menu_r{float:right;}
.header .top .menu_r>ul{margin-top: 35px}
.header .top .menu_r>ul>li{float:left;margin-left: 20px;}
.header .top .menu_r>ul>li.sep{margin-right: 20px}
.header .top .menu_r>ul>li:last-child{margin-left: 15px}
/*안드로이드*/
.header .top .menu_r .m_android{padding-right: 15px;height: 24px;background:url('/images/mibank/ko/m_line.png') center right no-repeat; }
.header .top .menu_r .m_android.on, .header .top .menu_r .m_android:hover{opacity:0.7;}
/*IOS*/
.header .top .menu_r .m_ios{height: 24px;}
.header .top .menu_r .m_ios.on, .header .top .menu_r .m_ios:hover{opacity:0.7;}
/*서브메뉴*/
.header .top .menu_r .submenu,
.header .top .menu .submenu{position:absolute; top: 55px; left:0; background-color: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5); z-index:999}
.header .top .menu_r .submenu {
  top: 90px;
  left: 880px;
}
.header .top .menu_r .submenu li .menu_on,
.header .top .menu .submenu li .menu_on {background-color: #F5F5F5;}
.header .top .menu_r .submenu li:last-child a,
.header .top .menu .submenu li:last-child a {border-radius: 0 0 3px 3px;}
.header .top .menu_r .submenu li a,
.header .top .menu .submenu li a {font-size:15px; font-weight:400; color: #333; width:130px; height:45px; line-height:45px; padding:0 20px; white-space: nowrap;}
.header .top .menu_r .submenu li a:hover,
.header .top .menu .submenu li a:hover{background-color: #F5F5F5;}

/* slide */
#slide{position:relative; clear:both; width:100%; text-align:center; overflow:hidden}
#slide ul{position:relative; width:100%; height: 340px}
#slide ul li{position:absolute; width:100%; height: 340px; text-align:center}
#slide ul li:nth-of-type(1) img, #slide ul li:nth-of-type(2) img{margin-top: 140px !important;}
#slide ul li > img{ margin-top: 110px;}
#slide ul li.slide_1{background:url('/images/mibank/ko/bg_slide_1.jpg') center center no-repeat;  }
#slide ul li.slide_2{background:url('/images/mibank/ko/bg_slide_2.jpg') center center no-repeat;  }
#slide ul li.slide_3{background:url('/images/mibank/ko/bg_slide_3.jpg') center center no-repeat;  }

#slide .paging{position:absolute; left:50%; bottom: 20px; margin-left:-60px; z-index:120}
#slide .paging a{display:block; float:left; width:14px; height:27px; font-size:0; line-height:0; margin:0 0 0 20px; background:url(/images/mibank/ko/bg_page.png) center center no-repeat}
#slide .paging a.on{background:url(/images/mibank/ko/bg_page_on.png) center center no-repeat}

/* container */
#container{ clear:both; width:100%; overflow:hidden; padding-top: 20px;}
#container .content{width:960px; margin:0 auto}
#container .content .con_txt{ text-align:center; margin:70px 0 5px;}
#container .content .con_txt_02{ text-align:center; margin:0 0 40px; color: #999; font-size:16px; }
#container .content .con_txt i{font-family:Arial; font-size:35px; font-weight:normal}
#container .content .col_div{width:100%; margin-bottom:70px}
#container .content .col_div .col_3{float:left; width:33%; box-sizing: border-box; text-align:center}
#container .content .col_div .col_25{float:left; width:25%; box-sizing: border-box; text-align:center}
#container .content .col_div .ico_1, .ico_2, .ico_3{  box-sizing: border-box; height: 140px; }
.col__icon{height: 120px}
.col__icon svg{max-height: 120px}
.icon__3 svg,
.icon__1 svg {max-height: 110px}
/* icon animation */
.icon__travel,
.icon__exchange,
.icon__invest{overflow: visible}
.icon__travel--plane,
.icon__exchange--won,
.icon__exchange--dollar,
.icon__invest--won1,
.icon__invest--won2,
.icon__insurance--car,
.icon__insurance--person{
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.icon__invest--won1{
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.new {
  top: -5px;
  width: 12px;
  height: 11px;
  margin-right: 5px;
  line-height: 12px;
  display: inline-block;
  background: url('/images/mibank/ko/new-icon.png') center no-repeat;
  position: relative;
}
.c-blue {
  color: #4a8db9;
}
.c-orange {
  color: #e27f72;
}

/* footer */
/*
#footer{clear:both; text-align:center; border-top: 1px solid #e2e2e2; font-size:13px; color:#ccc; background-color:#fff; padding-top:15px; margin:0 auto}
#footer a{display:inline-block;}
.footer_menus_span{font-weight:300; font-size: 13px; color: #808080;}
.footer_bar{margin-left: 14px;margin-right: 14px;font-size:13px; color:#e2e2e2;}
.footer_menus{margin-bottom: 17px;margin-top: 5px; min-width:925px; overflow-x:hidden}
.footer_center{margin: 5px 0 20px;overflow-x:hidden; color:#b1b1b1;letter-spacing: 0;}  
.footer_copy{font-weight:300;}
.footer_bottom{margin-bottom: 80px; overflow-x:hidden; overflow-y:hidden}
*/


/* footer 새로 */
#footer {position: absolute; bottom: 0; left: 0; right: 0; height: 135px !important; color: #fff; padding: 30px 0 0 0; background-color: #585858;}
#footer .footerzone {position: relative; width: 1080px; max-width: 1080px; height: 120px; overflow: hidden; margin: 0 auto; padding-left: 20px;}
#footer .footerzone .copyright {position: absolute; font-size: 11px; color: #aaaaaa; bottom: 18px;}
#footer ul.f_menu {position: absolute; list-style-type: none; top: 0;}
#footer ul.f_menu li {float: left; font-size: 14px; padding: 0 25px; color: #fff;}
#footer ul.f_menu li:first-child {padding-left: 0;}
#footer ul.f_menu li.f_m_line {height: 24px;}
#footer ul.f_menu li a {color: #fff;}
#footer ul.f_copy {position: absolute; overflow: hidden; top: 0; right: 0;}
#footer ul.f_copy li {color: #bbb; padding: 0 10px; text-align: right;}
#footer ul.f_copy li.copy1 {padding-top: 0; font-size: 12px;}
#footer ul.f_copy li.copy1 .wfont {color: #fff;}
#footer ul.f_copy li.copy1 .font-size13 {font-size: 13px;}
#footer ul.f_copy .mibanklogo {width: 95px; height: 32px; margin-top: 5px;}
  /* 약관팝업1 */
.modalR_type {position:relative; width:580px; min-height:180px; background-color:#fff; margin:0 auto;}
.modal_wrap {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.6); z-index:10001;}
.modal_tb {display:table; width:100%; height:100%;}
.modal_1btn {position:absolute; bottom:0; left:0; right:0; height:70px; display:flex; align-items:stretch; padding:25px;}
.modal_1btn > p {padding:30px 0; width:100%;}
.modal_1btn > p button {height:40px; color:#fff; cursor:pointer !important; width:100%; border:0; outline:none; background:#608db7}
.terms_popup_z {padding-top:40px; padding-bottom:110px; text-align: left; padding-left:30px; padding-right:30px;}
.terms_popup_z > p {margin-bottom:15px;}
.modal_tb {display:table; width:100%; height:100%;}
.modal_cell {display:table-cell; vertical-align:middle; text-align:center;}
  /* 약관팝업2 */
.modalC_type {position:relative; width:680px; min-height:660px; background-color:#fff; margin:0 auto;}
.modalC_type .form_group {margin-top:5px;}
.modalC_type .bottom_notice {position:relative; float:right; bottom:70px; right:130px; display:inline-block; text-align:center; margin:0 auto; font-size:13px; font-weight:400; color:#00B1A5;}
.modal_con_terms h2 {width:640px; height:70px; line-height:70px; font-size:20px; padding-left:5px; font-weight:400; margin:0 auto; border-bottom:1px solid #eee; color:#608db7; text-align:left;}
.group_terms01 {width:640px; margin:0 auto; margin-top:0px; border-bottom:1px solid #eee;}
.step_4 > .form_group {margin-top:10px; height:400px; overflow-y:auto !important; padding:0 10px; color:#222; font-size:13px; font-weight:300; overflow:hidden; text-align:left;}
.step_4 > .form_group h3 {font-size:14px; margin-top:10px; color:#222; font-weight:400; text-align:left; height:30px; line-height:30px;;}
.step_4 > .form_group p {line-height:20px;}
.step_4 > .form_group ul, .step_4 > .form_group ul ul {list-style-type:decimal !important; margin-left:15px; margin-top:5px;}
.step_4 > .form_group ul li {font-size:13px; line-height:20px;}
.step_4 > .form_group ul li li {font-size:12px;}
.border_top2 .form_group {margin-top:0 !important; height:495px;}
.form_group {position:relative; width:100%; margin:0 auto; overflow:hidden;}
  /* 약관 */
.wrapper_terms {position:relative; font-size:13px; line-height:20px; font-weight:300;}
.wrapper_terms h1 {font-size:14px; line-height:23px; font-weight:400; color:#222; padding: 10px 0;}
.wrapper_terms > div {padding-left:10px;}
.wrapper_terms ul {list-style-type:decimal; margin-left:15px;}
.wrapper_terms li {padding:2px 0;}
.wrapper_terms ul ul {list-style-type:decimal; margin-left:25px; margin-top:5px; margin-bottom:5px;}
.wrapper_terms p {margin:10px 0;}
.wrapper_terms p span {display:block; margin-bottom:5px;}
.wrapper_terms ul.non__list {list-style-type:none; margin-left:0;}

/* 앱다운로드 */

.app_position {position:absolute; top:-10px; right:20px; z-index:77;}
.app_position li {display:inline-block;}
.app_position li:nth-child(1) {padding-right:12px; height:24px; background:url('/images/mibank/ko/m_line.png') center right no-repeat;}
.app_position li:nth-child(2) {padding-left:10px;}


@media (max-width: 640px) {#footer {padding: 25px;}}

/* contact_us */ 
.contact_us{width: 460px;height: 560px; border:2px solid #fff; z-index:1000000; border-radius:8px} 
.contact_us_header{height: 40px;border-bottom:2px solid #5797dd; box-shadow:0px 5px 10px 0px #f0f0f0; position:relative}
.contact_us_title{position:absolute;top: 12px;left: 15px;}
.contact_us_content{margin-top: 20px;margin-left: 20px;}
.contact_us_content .input{padding-bottom: 15px}
.contact_us_content .title{color: #5797dd;font-size: 16px;padding-bottom: 8px;}
.contact_us_content .input_style4{width: 410px;height: 40px;border:1px solid #e3e7ec; box-shadow:0px 0px 3px 2px #f7f7f7; text-align:left; border-radius:3px; color:#505050; font-size:15px; padding-left:10px;}
.contact_us_content .email_content{width: 400px; height:160px; border:1px solid #e3e7ec; box-shadow:0px 0px 3px 2px #f7f7f7; text-align:left; border-radius:3px;  color:#505050; font-size:15px; padding:11px; white-space:pre-wrap;}
.pop_close_saving{position:absolute; right:15px; top:20px}
.bt_send{text-align:center; margin:0 auto}
.contact_us_header .pop_close_saving{top:0;right:0;}
.contact_us_header .pop_close_saving .close{line-height:0;padding:15px;}
.contact_us_content .add_text{padding-bottom:10px;color:#697b94;font-size:12px;line-height:18px;}
.popup_selector {outline: none;}
#JS_contact_btn {display: inline-block;}

/* Service */
.service {
  padding-top: 80px;
  padding-bottom: 80px;
}

.service-light {
  background-color: #F9F9F9;
}

.service-light .service-content {
  margin-top: 20px;
}

.service-last {
  padding-bottom: 160px;
}

.service-icon {
  float: left;
  width: 300px;
}

.service-r-icon {
  float: right;
  width: 300px;
  margin-right: 80px;
}

.service-r-icon2 {
  float: right;
  width: 300px;
}

.service-content {
  float: left;
  padding-left: 80px;
}

.service-content p {
  color: #666;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: .03em;
  margin-top: 20px;
  margin-bottom: 30px;
}

.service-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
}

.service_sub-title {
  color: #598db5;
  font-size: 15px;
  font-weight: normal;
  display: inline-block;
  margin-left: 15px;
}

.btn-outline {
  color: #598db5;
  font-size: 16px;
  line-height: 45px;
  border-radius: 3px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  border: 1px solid #598db5;
  transition: all 100ms ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus {
  color: #fff;
  background-color: #598db5;
}

.img_header {
  width: 23px;
  height: 23px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  width: 100%;
  text-align: center;
  float: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background-color: #00b1a5;
  width: 80px;
  height: 40px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
  color: #fff;
  background-color: #00b1a5;
}

.hidden {
  display: none;
}

.banner_wraper { height: 60px; width: 800px; position: absolute; overflow: hidden; left:180px; top:580px; }
.banner_wraper.mibank-index {
  left:50%;
  margin-left: -400px;
}
.banner_wraper img { height: 24px; position: absolute; }