@charset "utf-8";

/* 화면 롱터치시 메세지 뜨는현상 수정본 */
body{-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;}

/* common */
.w_30 {width:30%}
.w_50 {width:50%}
.w_70 {width:70%}
.w_100 {width:100%}

/*******************
	font
*******************/
/* Noto Sans KR*/
@font-face {
	font-family:"NSKR-L";
	src:local('※'), 
		url('../../font/NotoSans-Light.otf') format('opentype'),
		url('../../font/NotoSans-Light.woff') format('woff'),
		url('../../font/NotoSans-Light.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-DL";
	src:local('※'), 
		url('../../font/NotoSans-DemiLight.otf') format('opentype'),
		url('../../font/NotoSans-DemiLight.woff') format('woff'),
		url('../../font/NotoSans-DemiLight.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-R";
	src:local('※'), 
		url('../../font/NotoSans-Regular.otf') format('opentype'),
		url('../../font/NotoSans-Regular.woff') format('woff'),
		url('../../font/NotoSans-Regular.woff2') format('woff2');
}

@font-face {
	font-family:"NSKR-M";
	src:local('※'), 
		url('../../font/NotoSans-Medium.woff') format('woff'),
		url('../../font/NotoSans-Medium.woff2') format('woff2'),
		url('../../font/NotoSans-Medium.otf') format('opentype');
}

@font-face {
	font-family:"NSKR-B";
	src:local('※'),
		url('../../font/NotoSans-Bold.otf') format('opentype'),
		url('../../font/NotoSans-Bold.woff') format('woff'),
		url('../../font/NotoSans-Bold.woff2') format('woff2');
}

/* KoPub Dotum KR*/
@font-face {
	font-family:"KDKR-B";
	src:local('※'),
		url('../../font/KoPubDotum-Bold.ttf') format('trutype'),
}
@font-face {
	font-family:"KDKR-M";
	src:local('※'),
		url('../../font/KoPubDotum-Medium.ttf') format('trutype'),
}

/* font에서 fs쪽으로 사용변경 font는 신규할때 사용하지 말 것 */
.sfont{font-size: 12px!important; letter-spacing: -1px;}
.font14{font-size: 14px!important; letter-spacing: -1px;}
.font17{font-size: 17px!important; letter-spacing: -1.5px;}
.font20{font-size: 20px!important; letter-spacing: -1.7px;}
.font23{font-size: 23px!important; letter-spacing: -2px;}
.font25{font-size: 25px!important; letter-spacing: -2.3px;}
.font30{font-size: 30px!important; letter-spacing: -2.5px;}
.fs_1{font-size: calc(1.375rem + 1.5vw)!important;}
.fs_2{font-size: calc(1.325rem + .9vw)!important;}
.fs_3{font-size: calc(1.3rem + .6vw)!important;}
.fs_4{font-size: calc(1.275rem + .3vw)!important;}
.fs_5{font-size: 1.25rem!important;}
.fs_6{font-size: 1rem!important;}

.font_red{color: #e92927 !important;}
.font_green, .font_teal{color: #029189 !important;}
.font_light_green{color:#008695 !important;}
.font_black{color: #333 !important;}
.font_yellow{color: #ffe346 !important;}
.font_blue{color:#2c4b9c !important;}
.font_skyblue{color:#01b7cf !important;}
.font_navy{color: #0061af !important;}
.font_white{color:#fff !important;}
.font_grey{color:#6c757d !important;}
.font_light_gray{color:#c8ccd0!important;}
.fontB{font-family:'NSKR-M';}

.bg_green{background-color:#029189 !important;}
.bg_grey{background-color:#6c757d !important;}
.bg_orange{background-color:#f37721 !important;}
.bg_skyblue{background-color:#01b7cf !important;}
.bg_lightmint{background-color:#D6FFE4 !important;}

.outline_orange{border-color:#f37721 !important;}

.p_3 {padding: 3px !important;}
.p_5 {padding: 5px !important;}
.p_10 {padding: 10px !important;}
.p_20 {padding: 20px !important;}
.p_30 {padding: 30px !important;}
.p_40 {padding: 40px !important;}
.p_50 {padding: 50px !important;}
.p_60 {padding: 60px !important;}
.p_70 {padding: 70px !important;}
.p_80 {padding: 80px !important;}
.p_90 {padding: 90px !important;}
.p_100 {padding: 100px !important;}

.pt_3 {padding-top: 3px !important;}
.pt_5 {padding-top: 5px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_30 {padding-top: 30px !important;}
.pt_40 {padding-top: 40px !important;}
.pt_50 {padding-top: 50px !important;}
.pt_60 {padding-top: 60px !important;}
.pt_70 {padding-top: 70px !important;}
.pt_80 {padding-top: 80px !important;}
.pt_90 {padding-top: 90px !important;}
.pt_100 {padding-top: 100px !important;}

.pb_3 {padding-bottom: 3px !important;}
.pb_5 {padding-bottom: 5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pb_30 {padding-bottom: 30px !important;}
.pb_40 {padding-bottom: 40px !important;}
.pb_50 {padding-bottom: 50px !important;}
.pb_60 {padding-bottom: 60px !important;}
.pb_70 {padding-bottom: 70px !important;}
.pb_80 {padding-bottom: 80px !important;}
.pb_90 {padding-bottom: 90px !important;}
.pb_100 {padding-bottom: 100px !important;}

.m_0 {margin:0 !important;}
.m_3 {margin: 3px !important;}
.m_5 {margin: 5px !important;}
.m_10 {margin: 10px !important;}
.m_20 {margin: 20px !important;}
.m_30 {margin: 30px !important;}
.m_40 {margin: 40px !important;}
.m_50 {margin: 50px !important;}
.m_60 {margin: 60px !important;}
.m_70 {margin: 70px !important;}
.m_80 {margin: 80px !important;}
.m_90 {margin: 90px !important;}
.m_100 {margin: 100px !important;}

.mt_3 {margin-top: 3px !important;}
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_50 {margin-top: 50px !important;}
.mt_60 {margin-top: 60px !important;}
.mt_70 {margin-top: 70px !important;}
.mt_80 {margin-top: 80px !important;}
.mt_90 {margin-top: 90px !important;}
.mt_100 {margin-top: 100px !important;}

.mb_3 {margin-bottom: 3px !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_60 {margin-bottom: 60px !important;}
.mb_70 {margin-bottom: 70px !important;}
.mb_80 {margin-bottom: 80px !important;}
.mb_90 {margin-bottom: 90px !important;}
.mb_100 {margin-bottom: 100px !important;}

.my_3 {margin-top: 3px !important;margin-bottom: 3px !important;}
.my_5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.my_10 {margin-top: 10px !important;margin-bottom: 10px !important;}
.my_20 {margin-top: 20px !important;margin-bottom: 20px !important;}
.my_30 {margin-top: 30px !important;margin-bottom: 30px !important;}
.my_40 {margin-top: 40px !important;margin-bottom: 40px !important;}
.my_50 {margin-top: 50px !important;margin-bottom: 50px !important;}
.my_60 {margin-top: 60px !important;margin-bottom: 60px !important;}
.my_70 {margin-top: 70px !important;margin-bottom: 70px !important;}
.my_80 {margin-top: 80px !important;margin-bottom: 80px !important;}
.my_90 {margin-top: 90px !important;margin-bottom: 90px !important;}
.my_100 {margin-top: 100px !important;margin-bottom: 100px !important;}

.badge {color:#fff;background-color:#6c757d;text-align:center;border-radius:100%;padding:3px 8px 3px 8px;margin:1px;width:40px;}

.m-auto {margin:auto;}

.fixed{position:fixed; left:0; right:0; top:0; bottom:0;}
.d_none {display:none !important;}
.animate {display:none;}

.motp_proc {position:fixed; top: 220px; width:100%; height:100%; text-align:center;}

.term_stress {font-family:KDKR-B;}

.icon {width:4rem;height:4rem;margin-top:10px;}
.icon.icon1_1 {background-image:url(../images/main/link_menu1_1.png);background-position:15px 50%;background-repeat:no-repeat;background-size:54px 64px;}
.icon.icon1_2 {background-image:url(../images/main/link_menu1_2.png);background-position:15px 50%;background-repeat:no-repeat;background-size:54px 64px;}
.icon.icon1_3 {background-image:url(../images/main/link_menu1_3.png);background-position:15px 50%;background-repeat:no-repeat;background-size:54px 64px;}
.icon.icon2_1 {background-image:url(../images/main/link_menu2_1.png);background-position:15px 50%;background-repeat:no-repeat;background-size:54px 64px;}
.icon.icon2_2 {background-image:url(../images/main/link_menu2_2.png);background-position:15px 50%;background-repeat:no-repeat;background-size:54px 64px;}
.icon.icon2_3 {background-image:url(../images/main/link_menu2_3.png);background-position:15px 50%;background-repeat:no-repeat;background-size:54px 64px;}

.round_box {display:flex;padding:15px 15px;line-height:1em;border-radius:15px;box-shadow:1px 1px 10px 3px rgba(0,0,0,0.1);box-sizing:border-box;margin:25px 0 25px 0}

/* welcome */
.rending_box1 {background-image: url('../images/content/img_rending01.png'); background-repeat: no-repeat; background-size: 9rem 8rem; background-position: right 10px bottom 0; margin-top: 5px;}
.rending_box2 {background-image: url('../images/content/img_rending02.png'); background-repeat: no-repeat; background-size: 12.5rem 8rem; background-position: right 0 bottom 0; margin-top: 5px;}
.rending_box3 {background-image: url('../images/content/img_account.png'); background-repeat: no-repeat; background-size: 6rem 3.5rem; background-position: right 1rem bottom 0.5rem;}
.rending_box4 {background-image: url('../images/content/img_money.png'); background-repeat: no-repeat; background-size: 6rem 3.5rem; background-position: right 1rem bottom 0.7rem;}


/* layout */
.contanier{position:relative;}

/* nav(new) */
.nav_dim{display:none;position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background-color:#000;opacity:0;}
.nsidebar{display:none;position:fixed;top:0;right:-100%;z-index:9999;width:100%;height:100vh;background-color:#fff;}
.nsidebar.scroll{position:absolute;}
.nsidebar.scroll .nav_header{z-index:1000;}
.nsidebar .nav_header{border-bottom:4px solid #f4f4f4;background-color:#fff;}
.nsidebar .nav_header .header_top,
.nsidebar .nav_header .header_bottom{position:relative;box-sizing:border-box;}
.nsidebar .nav_header .header_top{padding:11px 30px 12px;border-bottom:1px solid #eee;}
.nsidebar .nav_header .header_bottom{padding:12px 30px 20px;border-bottom:3px solid #f4f4f4;box-sizing:border-box;}

.nsidebar .nav_header .btn_login,
.nsidebar .nav_header .btn_logout{padding-left:19px;color:#444;background:url('../images/common/icon_logout.png') no-repeat 0 50%;background-size:14px 15px;}
.nsidebar .nav_header .date{position:absolute;top:18px;right:60px;font-size:10px;line-height:1;color:#777;}
.nsidebar .nav_header .customer_info em{color:#777;}
.nsidebar .nav_header .customer_info p{font-size:16px;color:#444;}
.nsidebar .nav_header .nav_logo{position:absolute;top:22px;right:30px;width:100px;height:28px;background:url('../images/common/logo_sidebar_adv.png') no-repeat 0 0; background-size:100% 100%;}

.nsidebar .submenu_wrap{padding:0 65px;}
.nsidebar .submenu_wrap ul{display:flex;}
.nsidebar .submenu_wrap ul li{width:33.33%;text-align:center;}
.nsidebar .submenu_wrap ul li a{display:block;padding:50px 0 16px;color:#666;background-repeat:no-repeat;background-position:50% 24.5%;background-size:22px 22px;}
.nsidebar .submenu_wrap ul li.menu01 a{background-image:url('../images/common/icon_navSub1.png');}
.nsidebar .submenu_wrap ul li.menu02 a{background-image:url('../images/common/icon_navSub2.png');}
.nsidebar .submenu_wrap ul li.menu03 a{background-image:url('../images/common/icon_navSub3.png');}

.nsidebar .nav_wrap{overflow:hidden;position:relative;height:100vh;background-color:#f4f5f5;}
.nsidebar .nav_wrap .depth1{width:46%;height:100vh;background-color:#f4f4f4;}
.nsidebar .nav_wrap .depth1 > li{border-bottom:1px solid #e9e9e9;}
.nsidebar .nav_wrap .depth1 > li.active{background-color:#fff;}
.nsidebar .nav_wrap .depth1 > li.active .depth2{display:block;}
.nsidebar .nav_wrap .depth1 > li.active > a,
.nsidebar .nav_wrap .depth1 > li:active > a{color:#029189;background-image:url('../images/common/icon_menuBar2_adv.png');}
.nsidebar .nav_wrap .depth1 > li > a{display:block;height:45px;line-height:45px;padding:0 30px 0 15px;font-family:'NSKR-M';color:#444;box-sizing:border-box;background:url("../images/common/icon_menuBar.png") no-repeat right 13px top 50%;background-size:10px 10px;}
.nsidebar .nav_wrap .depth2{display:none;overflow-y:auto;position:absolute;top:0;right:0;width:54%;height:100%;padding-top:7px;background-color:#fff;}
.nsidebar .nav_wrap .depth2 li{background-color:#fff;}
.nsidebar .nav_wrap .depth2 li:last-child{margin-bottom:7px;}
.nsidebar .nav_wrap .depth2 li a{display:block;overflow:hidden;height:37px;line-height:37px;margin:0 5px;padding:0 15px 0 10px;font-family:'NSKR-M';font-size:14px;color:#666;background:url("../images/common/icon_arr.png") no-repeat right 15px top 50%;background-size:5.5px 9px;}
.nsidebar .nav_wrap .depth2 li:active a{color:#fff;background-color:#999;background-image:url('../images/common/icon_arr2_adv.png');}

.nsidebar .btn_close_nav{overflow:hidden;position:absolute;top:14px;right:30px;width:17px;height:17px;background:url('../images/common/btn_close.png') no-repeat 0 0;background-size:100% 100%;text-indent:-9999px;}


/* header */
header{position:fixed; top:0; left:0; width:100%; min-height: 45px; padding:12px 45px 0 45px; box-sizing:border-box; border-bottom: 1px solid #e9e9e9; text-align: center; background-color:#fff; z-index:100;}
header h2{color: #333; font-size: 18px; font-family:'NSKR-M';}
header > button, header > a{position: absolute; top:0; width:45px; height: 45px; background-repeat: no-repeat; background-size: 22px 17px; background-position: 50%; text-indent: -100000px;}  
header .btn_back{left:0; background-image: url('../images/common/btn_back.png');}
header .menu{right:0; background-image: url('../images/common/btn_menu.png');}
header .set{right:0; background-image: url('../images/common/btn_set.png'); background-size:22px;}
header.no_line{padding-top:20px; border:0;}

/* contents */
.contents{position:relative; padding-top:45px; padding-bottom:150px;}
.tab{display:table; width:100%; box-sizing:border-box; border-bottom: 1px solid #e9e9e9;}
/* .tab{display:table; width:80%; margin-left:10%; box-sizing:border-box;} */
.tab:after{content: ""; display: table; clear: both; *zoom: 1;}
.tab li{position: relative; display:table-cell; width:50%; height: 50px;}
.tab.auto li{width:auto; box-sizing:border-box;}
.tab.auto li.w50{width:50%;}
.tab.auto li.w40{width:40%;}
.tab.col3 li {width:33.333%;}
.tab li a{display: block; line-height: 50px; box-sizing: border-box; text-align: center; font-size: 15px;}
.tab li.active:before{position: absolute; left:50%; bottom:0; content: ''; width:70%; height:2.5px; margin-left: -35%; background-color: #009559;}
.tab li.active a{color: #009559;font-family:'NSKR-M';}
.tab + .price_box {border-top:0;}

.price_box{border: 1px solid #e9e9e9; border-width: 1px 0; /*background-image: url('../images/icon/icon_won.png'); background-repeat: no-repeat; background-size: 29px; background-position: 18px 18px;*/
  background-color: #f7f7f7; padding:21px 0; text-align: center; color: #009559;}
.price_box .tit{font-size: 15px;}
.price_box .tit + .price{margin-top:5px;}
.price_box .price{position:relative;font-size: 20px; line-height:40px;}
.price_box .price em{font-size: 30px; font-family:'NSKR-M'; padding-right: 5px; color:#009559;}
.price_box .price .btn_result_search{position:absolute;top:50%;right:auto;margin-top:-10px;}
.price_box.type2{border:0; color:#fff; background-color:#ebebeb;}
.price_box.type2 span,
.price_box.type2 p{color:#666767;}
.price_box.type2 .num{border:1px solid #fff;}
.price_box.type2 .price em{margin-right:8px;font-family:'NSKR-M';font-size:26px;color:#111;}
.account_list{padding: 20px 15px;}
.account_list .group{padding:0;}
.account_list .left_text{float: left;}
.account_list .left_text p,
.account_list .account_text p{font-size: 18px; font-family:'NSKR-M'; color: #333;}
.account_list .left_text span,
.account_list .account_text span{display: block; margin-top: 5px; font-size: 15px;}
.account_list .tot_price{margin-top: 15px; float: right;}
.account_list .tot_price em{font-size: 18px; font-weight: 400; color: #333;}
.account_list .price{margin-top: 20px; float: right;}
.account_list .price em{font-size: 21px; font-family:'NSKR-M'; color: #333;}
.account_list .btn_list{clear:both; margin-top: 20px; text-align:center;}
.account_list .btn_list span{display: inline-block; width:auto; box-sizing: border-box;/* margin-left:-2px;*/ vertical-align:top;}
.account_list .btn_list span:first-child{padding-left: 0; margin-left:0;}
.account_list + .account_list{border-top: 1px solid #e9e9e9;}

.no_data{background-image: url('../images/icon/icon_point.png'); background-repeat: no-repeat; background-size: 36px; background-position: 50% 40px; padding-bottom: 35px; text-align: center;}
.no_data .text{padding:90px 10px 0; font-size: 15px; color: #333;}
.no_data .text strong{display:block;margin-bottom:7px;font-size:16px;color:#000;}
.no_data.white_box{border:1px solid #ddd;background-color:#fff;}
.no_data.white_box .text{color:#555;}

.account_info {}
.account_info .tit{background-color: #f4f5f5; height: 37px; line-height: 37px; padding:4px 15px 0 15px; color: #333; font-family:'NSKR-M';}
.account_info .tit .r_btn{float:right;width:auto;margin-top:5px;}
.account_info .list{padding:0 15px;}
.account_info .list .circle { width:20px; vertical-align:top;}
.account_info .tit + .list{padding:10px 15px;}
.account_info .tit + .list.type3{margin-top:10px;}
.account_info .list > li{display:table; width:100%; padding:10px 0; margin:0; letter-spacing: -1px;}
.account_info .list.line li{border-bottom:1px solid #ddd;}
.account_info .list.line.top{padding-top:0;}
.account_info .list.line.top li:first-child{border-top:1px solid #bbb;}
.account_info .tit + .list.line.top li:first-child{border-top:0;}
.account_info .list > li > *{display:table-cell; vertical-align: middle;}
.account_info .list .sup{float: left;font-family:'NSKR-DL';font-size:15px; max-width:40%; word-break:keep-all;}
.account_info .list .cont{/*float: right;*/ display:block; font-size: 18px; color: #000; /*max-width:59.5%;*/ text-align:right; word-break:break-all;}
.account_info .list .cont .sfont{display:block;color:#666 !important;text-align:right;font-family:'NSKR-R';}
/* .account_info .list .cont.font_green, .account_info .list .cont.font_red{font-family:'NSKR-M';} */
.account_info .list .cont .sub_txt{display:block;margin-top:4px;font-size:15px;font-family:'NSKR-R';color:#666;}
.account_info .list .icon_bank{margin-top:-2px;}
.account_info +.account_info{margin-top: 20px;}

.account_info .tit + .list.type2{padding:5px 15px 0;}
.account_info .tit + .list.type2 li .icon_bank{margin-top:-2px;}
.account_info .list.type2 + .list.type2 {margin-top:0;} 
.account_info .list.type2 > li:first-child,
.account_info .list.type3 > li:first-child{border-top:1px solid #000;}
.account_info .list.type3{padding:0;}
.account_info .list.type3 > li{padding:10px 15px;box-sizing:border-box;}
.account_info .list.type3 > li:last-child{border-color:#000;}
.account_info .list.type4{padding:0;border-top:1px solid #111;}
.account_info .list.type4 > li{display:block;width:auto;padding:0;border-bottom:1px solid #999;}
.account_info .list.type4 > li > *{display:block;}
.account_info .list.type4 > li .txt_wrap{padding:15px;}
.account_info .list.border_box{padding:0 !important;}
.account_info .list.border_box > li{padding:10px 15px;box-sizing:border-box;}
.account_info .list.border_box > li:last-child{border-bottom:0;}
.account_info .tile_sec.type1 > .list,
.account_info .tile_sec.type2 > .list,
.account_info .tile_sec.type4 > .list{padding:0 !important;}

.account_info .list + .list{margin-top:15px;}
.grp_tit + .account_info .list, .grp_tit + .account_info .list.line.top{padding-top:15px;}

.transfer_info .list.type2{margin-top:22px;}
.transfer_info .list.type2 li:after{content:'';display:block;clear:both;}
.transfer_info .list.type2 li + li{margin-top:5px;}
.transfer_info .list.type2 li .sup{float:left;font-family:'NSKR-M';font-size:13px;font-family:'NSKR-R';}
.transfer_info .list.type2 li .cont{float:right;color:#000;}
.transfer_info .list.type2 li .cont > strong{font-size:21px;}

/* title */
.section_tit{padding:25px 15px 23px; text-align: center;}
.section_tit.type2{padding:45px 10px 15px;}
.section_tit.type3{padding:45px 10px;}
.section_tit h1{font-family:'NSKR-M';font-size: 40px;color:#333;}
.section_tit h2{font-family:'NSKR-M';font-size: 30px;color:#333;}
.section_tit h3{font-family:'NSKR-M';font-size: 20px;color:#333;}
.section_tit h3.small{font-family:'NSKR-R';font-size:18px;}
.section_tit h3 > .normal{font-family:'NSKR-R';}
.section_tit h3 > em{font-family:'NSKR-R';font-size:14px;color:#666;}
.section_tit p{margin-top:10px;}
.section_tit p:first-child{margin-top:0;}
.section_tit .txt1{margin-top:0; font-size: 18px; color: #333; }
.section_tit .txt2{margin-top:12px; color: #666;font-size:14px;}
.section_tit .txt3{margin-top:15px; color: #666;}
.section_tit .txt4{margin-top:0px; font-size: 18px; font-family:'NSKR-M'; color: #333;}
.section_tit .txt5{font-size:16px;color:#333;}
.section_tit .txt5 span{font-family:'NSKR-R';}
.grp_tit{margin: 20px 0 0 0; min-height:37px; padding:8px 0; box-sizing:border-box; font-family:'NSKR-M'; font-size: 16px;color: #333; line-height:35px; overflow:hidden;}
.grp_tit.mih_unset{min-height:unset;}
.grp_tit span.fl{line-height:1.4em;}
.grp_tit .sfont{font-family:'NSKR-R';}
.grp_tit a, .grp_tit button{float:right;margin:-4px 0 0 4px !important;}
.group{padding: 0 15px;}
.group .btn_wrap{margin-top: 5px; padding:0;}
.btn_select{background-image: url('../images/icon/icon_selectArr.png'); background-repeat: no-repeat; background-size: 8px 5px; background-position: right 10px top 50%; margin-top: 5px; border:1px solid #ccc;}
.btn_select > button{width:100%; height: 37px; line-height: 37px; padding:0 0 0 5px; text-align: left; box-sizing:border-box;}

.btn_select.type2{border:0;background-color:#fff;}
.btn_select.type2 button{height:45px;line-height:45px;padding-left:9px;border:solid #666;border-width:0 0 1px;}
.btn_select.type2 button:focus{outline:none;border-color:#199f86;color:#45b19d;}

.date_wrap{margin-top: 10px;}
.date_wrap:after{content: ""; display: table; clear: both; *zoom: 1;}
.date_wrap > button, .date_wrap > input.date{float: left; width:48%; height: 37px; line-height: 37px; box-sizing: border-box; padding-left: 5px; border: 1px solid #ccc; text-align: left; background-color:#fff;}
.date_wrap.one{margin-top:0;}
.date_wrap.one > button, .date_wrap.one > input.date{width:100%;}
.date_wrap .date, .date_wrap input.date{background-image: url('../images/icon/icon_cal.png'); background-repeat: no-repeat; background-size: 19px 22px; background-position: right 5px top 50%;}
.date_wrap .dash{float: left; width:4%; height: 37px; line-height: 35px; text-align: center;}

.btn_wrap + .result_list{margin-top: 30px;}
.result_list .tit{background-color: #f4f5f5; height: 37px; line-height: 37px; padding:0 15px;}
.result_list .tit:after,
.result_list .list li > a{display:block;overflow:hidden;}
.result_list .list li:after{content: ""; display: table; clear: both; *zoom: 1;}
.result_list .tit p{float: left; color: #333; font-family:'NSKR-M'; line-height:37px;}
.result_list .tit span{float: right; color: #888;}
.result_list .list > li{border-top: 1px solid #e9e9e9; padding:18px 15px; margin:0;}
.result_list .list .left_cont{float: left; color:#000;}
.result_list .list .left_cont .fontB{font-size:17px;}
.result_list .list .left_cont p em{font-size: 12px; color: #888; margin:0 5px;}
.result_list .list .left_cont p > em:first-child{margin-left:0;}
.result_list .list .right_cont{float: right; text-align: right; font-size:18px;}
.result_list .list .right_cont2{float: right; text-align: right; font-size:17px;}
.result_list .list .right_cont span{display: block;}
.result_list .list .right_cont2 span{display: block;}
.result_list .list .right_cont em{padding:0 5px;}
.result_list .list .right_cont2 em{padding:0 5px;}
.result_list .list .right_cont .state{font-size:14px;}
.result_list .list .right_cont2 .state{font-size:14px;}
.result_list .list .price.plus{color: #e92927;}
.result_list .list .price2.plus{color: #e92927;}
.result_list .list .price.minus{color: #0061af;}
.result_list .list .price2.minus{color: #0061af;}
.result_list .list .price.plus em, .result_list .list .price.minus em{display:inline-block;margin:7px 0 3px 0;font-size: 26px;font-family:'NSKR-M';}
.result_list .list .price2.plus em, .result_list .list .price2.minus em{display:inline-block;margin:7px 0 3px 0;font-size: 17px;font-family:'NSKR-M';}
.result_list .list .price em{font-size: 21px; font-family:'NSKR-M';}
.result_list .list .price2 em{font-size: 17px; font-family:'NSKR-M';}
.result_list .list.float_none .left_cont, .result_list .list.float_none .right_cont{float:none;}
.result_list .list.float_none .right_cont{margin-top:15px;}

.result_list .list .left_cont > p, .result_list .list .right_cont > p{margin-top:5px;}
.result_list .list .left_cont > p:first-child, .result_list .list .right_cont > p:first-child{margin-top:0;}
.result_list .list .left_cont > p + .fontB{display:inline-block;margin-top:5px;}

.result_list .list.type2 a{min-height:48px}
.result_list .list.type2 .day{display:block;}
.result_list .list.type2 .title{display:block;margin-top:5px;font-size:17px;font-family:'NSKR-M';color:#000;}
.result_list .list.type2 .badge{display:inline-block;min-width:90px;height:33px;text-align:center;margin-top:10px;padding:0 5px;line-height:33px;/* box-sizing:border-box; */border:1px solid #999;border-radius:4px;color:#333;font-family:'NSKR-M';font-size:16px;}

/*radio*/
.input_wrap{position:relative; overflow:hidden; margin-top: 5px; /* line-height:30px; */}
.terms_chk_bar .input_wrap,
.ele_bar .input_wrap{line-height:20px;}
.radio{position:relative;}
.radio label{display:inline-block;height:18px;line-height:16px;padding:0 0 0 25px;color:#000;background-image:url('../images/icon/radio.png');background-repeat:no-repeat;background-position:0 0;background-size:18px;}
.radio input:checked + label{background-image: url(../images/icon/radio_checked.png);}
.radio input{position:absolute; opacity: 0;}
.radio input:disabled{opacity:0; background-color:transparent;}
.radio input:disabled + label{opacity:0.5;}
.radio + .radio{margin-left: 15px;}
.input_wrap.type2{margin-top:0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.input_wrap.type2 .radio label, .input_wrap.type3 .radio label{display:block; width:100%; height:auto; color:#333; font-family:'NSKR-M'; padding:15px 15px 13px 45px; box-sizing:border-box; background-position:15px 50%;}
.input_wrap.type2 .radio:nth-child(2n-1) input + label{background-color:#f4f5f5; border-bottom:0;}
.input_wrap.type2 .radio + .radio, .input_wrap.type3 .radio + .radio{margin-left:0;}
.input_wrap.type2 .radio + .radio label{border-bottom:1px solid #f4f5f5;}
.input_wrap.type2 .radio:last-child label{border-bottom:0;}
.input_wrap.type3{margin-top:0;border-top:1px solid #e9e9e9;}
.input_wrap.type3 .radio{border-bottom:1px solid #e9e9e9;}
.input_wrap + .btn_select{margin-top:10px;}

/* -----------------------------------------
  common
----------------------------------------- */
.block{display:block !important;}
.hidden{display:none;}
.fixed{position:fixed; left:0; right:0; top:0; bottom:0;}

hr.line{display:block;width:100%;height:1px;margin:10px 0 5px;border-width:1px 0 0;border-style:solid;border-color:#ddd;background-color:transparent;}

.freeze{overflow:hidden;}

.contents > .gray_box:first-child{margin-top:30px;}
.tile_sec.type1{margin:30px 15px 0 15px;}
.tile_sec.type2{margin:15px 15px 0 15px;}
.tile_sec.type3{margin:30px 0 0 0;}
.tile_sec.type4{margin:0 15px;}
.tile_sec.type5{margin:25px 0 0 !important;}

.section_tit + .tile_sec,
.section_tit + .input_wrap,
.section_tit + .gray_box,
.section_tit + .btn_wrap{margin-top:0;}
.tile_sec + .section_tit{margin-top:40px;}
.tile_sec > .grp_tit:first-child, .ele_bar > .grp_tit:first-child{margin-top:0;}
.tile_sec.type3 > .grp_tit{padding:0 15px;}
.tile_sec > .grp_tit + .gray_box{margin-top:10px;}
.tile_sec.type3 .import{margin-left:15px;margin-right:15px;}
.tile_sec.type1 .import, .tile_sec.type2 .import{margin-left:0;margin-right:0;}
.tile_sec.bor_top{padding-top:0;}
.tile_sec .btn_wrap{padding:0;}
.tile_sec .account_info .tit + .list,
.tile_sec .account_info .tit + .tile_sec .list{/* padding:10px 0 0 0; */}
.tile_sec > .gray_box:first-child{margin-top:0;}
.tile_sec ~ .tile_sec, .btn_wrap + .tile_sec{margin-top:50px;}
.tile_sec + .tile_sec.type2{margin-top:15px;}
.tile_sec.type2 .account_info .list{padding-left:0;padding-right:0;}
.tile_sec .sub_tit{margin-bottom:12px;font-size:15px;color:#333;}
.tile_sec .sub_tit span.import{display:block;margin-top:0;}
.tile_sec .ele_bar .sub_tit{margin-bottom:7px;}

.w_wrap{background-color:#fff;}
.al_center{text-align:center !important;}
.al_left{text-align:left !important;}
.al_right{text-align:right !important;}
.fr{float:right !important;}
.fl{float:left !important;text-align:left;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt60{margin-top:60px !important;}
.mt120{margin-top:120px !important;}

.pd0{padding:0 !important;}
.p_30 {padding: 30px !important;}

.gray_tit{position:relative;min-height:37px;padding:4px 15px 0 15px;font-family:'NSKR-M';line-height:37px;color:#333;background-color:#f4f5f5;}
.gray_tit .radio label{height:37px;background-position:0 45%;}
.big_title{font-family:'NSKR-M';}

.bor_top{padding-top:25px;border-top:1px solid #ddd;}
.bor_bot{border-bottom:1px solid #ddd;}
.bor_topbot{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.bor_none{border:0 !important;}
.borT_none{border-top:0 !important;}

.block{display:block !important;}
.space{display:inline-block;margin:0 5px;color:#888;}
.space_r{display:inline-block;margin:0 5px 0 0;}
.space_l{display:inline-block;margin:0 0 0 5px;}

input + .space.type2{width:6%;margin:0;text-align:center;line-height:37px;}

/* btn */
.btn_wrap{margin:35px 0 20px; padding:0 15px; text-align:center;}
.btn_wrap:after{content: ""; display: table; clear: both; *zoom: 1;}
.btn_wrap.one span{width:100%;}
.btn_wrap.one.w60 span{display:inline-block; width:60%;}
.btn_wrap.one.w60 span + span{margin-top:10px;}
.btn_wrap.one.w73 span{display:inline-block;width:73%;}
.btn_wrap.two > span{width:50%; float: left; box-sizing: border-box; padding-right: 2px; padding-left: 2px;}
.btn_wrap.two > span + span {padding-right:0;}
.btn_wrap.three{margin:20px 0;padding:0 15px;}
.btn_wrap.three span{width:33.333%;float:left;box-sizing:border-box;padding-left:2px;}
.btn_wrap.three span button {width:100%;padding:0 10px;}
.btn_wrap.four span{width:25%;float:left;box-sizing:border-box;padding-left:2px;}
.btn_wrap.six span{width:16.666%;float:left;box-sizing:border-box;padding-left:2px;}
.btn_wrap span{vertical-align:middle;}
.btn_wrap span:first-child{padding-left:0;}
.btn_wrap.ty_row{margin-top:-8px;}
.btn_wrap.ty_row span{float:left;width:23.95%;margin:8px 0 0 1.4%;}
.btn_wrap.ty_row span:nth-child(4n+1){clear:both;margin-left:0;}
.btn_wrap.al_center span{float:none;display:inline-block;margin:0 auto;}
.btn_wrap + .btn_wrap{margin-top:10px;}
.btn_wrap.foot_fix{margin:0;padding:0 0 70px;position:fixed;bottom:0;left:0;width:100%;}
.btn_wrap.foot_fix > span{padding:0;}
.btn_wrap.foot_fix .btn_type{border-radius:0;}
.btn_wrap.foot_fix .import{margin:0 0 17px;}

.tile_sec .top_btn_wrap{text-align:right;margin:10px 0 20px;}

.btn_type{display:block; width:100%; height: 45px; /*padding-top:2px;*/ line-height: 43px; border:1px solid #999; border-radius: 4px;font-family:'NSKR-M'; font-size: 16px; font-family:'NSKR-R'; color: #333; letter-spacing:-1px; box-sizing:border-box; background-color:#fff;}
.btn_type.green,
.btn_type7.green{background-color: #008695; border:1px solid #008695; color: #fff;}
.btn_type.gray{background-color: #ddd; border:1px solid #ddd; color: #333;}
.btn_type.darkgray{background-color: #999; border:1px solid #999; color: #fff;}
.btn_type.darkgray2{background-color: #7f7f7f; color: #fff;}
.btn_type.light_green{font-family:'NSKR-M';border:0;font-family:'NSKR-R';background-color: #199f86;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.btn_type.teal{background-color:#008695;color:#fff;}
.btn_type em{padding-right: 25px;}
.btn_type2{display:inline-block; border:1px solid #999; border-radius: 3px; min-width:82px; padding:0 5px; width:auto; height:23px; line-height: 23px; text-align: center; font-family:'NSKR-M'; font-size: 13px; color: #333; box-sizing:border-box;}
.btn_type2.light_green{border:0;font-family:'NSKR-R';font-size:12px;color:#fff;background-color:#199f86;}
.btn_type3{border:1px solid #ccc; border-radius: 3px; width:100%; min-width:46px; box-sizing:border-box; padding:5px 15px;/* height:25px; line-height: 25px; */text-align: center; letter-spacing:-1px; font-family:'NSKR-M'; font-size: 13px; color: #666; }
.btn_type3.gray{background-color: #f4f5f5;}
.btn_type3.darkgray, .btn_type4.darkgray{background-color:#7f7f7f; border:1px solid #7f7f7f; color:#fff;}
.btn_type4{display:inline-block; border:1px solid #999; border-radius: 3px; width:auto; padding:0 10px; box-sizing:border-box; height:35px; line-height: 35px; text-align: center; letter-spacing:-1px; font-family:'NSKR-M'; font-size: 15px; color: #000; }
.btn_type4.w80{min-width:80px;}
.btn_type4.lg{min-width:150px;min-height:80px!important;}
.btn_type4.navy{background-color: #0197ab; border:1px solid #0197ab; color: #fff;}
.btn_type5{display:inline-block;height:27px;line-height:25px;padding:0 12px;border:1px solid #d0d0d0;border-radius:13px;font-size:12px;color:#000;}
.btn_type5:active{border-color:transparent;color:#fff;background-color:#009eb1;}
.btn_type6{display:inline-block;overflow:hidden;height:30px;line-height:28px;padding:0 10px 0 8px;font-family:'NSKR-M';font-size:14px;color:#000;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;}
.btn_type7{display:inline-block;height:39px;line-height:39px;padding:0 20px;border-radius:3px;color:#fff;background-color:#7f7f7f;}
.btn_type7.gray{border:1px solid #999;font-family:'NSKR-M';color:#000;background-color:#fff;}
.btn_type8{display:table;overflow:hidden;width:100%;height:65px;border:1px solid #008695;border-radius:4px;font-family:'NSKR-M';text-align:center;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.btn_type8:focus{color:#fff;background-color:#008695;}
.btn_type8.t_bdr{border-top-width:4px;}
.btn_type8.l_bdr{border-left-width:4px;}
.btn_type8 span{display:table-cell;vertical-align:middle;}
.btn_type9 span{display:inline-block;height:16px;line-height:16px;padding:0 9px;vertical-align:middle;border-radius:8px;font-family:'NSKR-DL';font-size:12px;text-align:center;color:#fff;background-color:#7c7c7c;}

.btn_wrap.six .btn_type3,
.btn_wrap.four .btn_type3,
.btn_wrap.three .btn_type3{padding-left:2px; padding-right:2px;}

em[class^='btn_icon']{background-repeat: no-repeat;background-position:0 50%;}
em.btn_icon1{background-image:url('../images/icon/icon_btn1.png');background-position:right 0 top 50%;background-size:17px 10px;}
em.btn_icon2{background-image:url('../images/icon/icon_btn2.png');background-position:right 0 top 50%;background-size:17px;}
em.btn_icon3{background-image:url('../images/icon/icon_btn3.png');background-position:right 0 top 50%;background-size:17px;}
em.btn_icon4{background-image:url('../images/icon/icon_btn4_adv.png');background-position:right 0 top 50%;background-size:17px;}
em.btn_icon5{padding-left:16px;background-image:url('../images/icon/icon_btn5_adv.png');background-size:10px;}
em.btn_icon6{background-image:url('../images/icon/icon_btn6_adv.png');background-size:14px 17px;}
em.btn_icon7{background-image:url('../images/icon/icon_btn7_adv.png');background-size:14px 17px;}
em.btn_icon8{background-image:url('../images/icon/icon_btn_arrow01_adv.png');background-position:right 0 top 50%;background-size:8px 8px;}
em.btn_icon9{background-image:url('../images/icon/icon_btn_arrow02_adv.png');background-position:right 0 top 50%;background-size:8px 8px;}
em.btn_icon10{padding-left:27px;background-image:url('../images/icon/icon_share_adv.png');background-size:20px 19px;}

/* -----------------------------------------
  form
----------------------------------------- */
input[type="text"], input[type="password"], 
input[type="tel"], input[type="number"], input[type="search"],
input[type="email"], textarea{width:100%;height:37px;line-height:37px;box-sizing:border-box;vertical-align:baseline;padding-left:5px;border:1px solid #ccc;text-align:left;outline:none;background-color:#fff;}
/* input[type="number"]{padding:0 10px 0 0;text-align:right;} */

input[type="text"]:focus, input[type="password"]:focus,
input[type="tel"]:focus, input[type="number"]:focus,
input[type="email"]:focus, textarea:focus{border:1px solid #008695;}
input:disabled, select:disabled{color:#000;opacity:0.9;background-color:#ededed !important;}

textarea{height:100px;overflow-y:scroll;box-sizing:border-box;padding:10px;}

input::-webkit-input-placeholder{text-align:left;}
.al_right input::-webkit-input-placeholder{text-align:right;}

input[type="text"].input_type2,
input[type="number"].input_type2{height:45px;line-height:45px;border:0;background-color:#fff;padding-left:9px;border:solid #666;border-width:0 0 1px;}

input[type="text"].input_type2::-webkit-input-placeholder,
input[type="number"].input_type2::-webkit-input-placeholder{color:#45b19d;}

input[type="text"].input_type2:focus,
input[type="number"].input_type2:focus,
.btn_select.type2 button:focus{outline:none;border-color:#199f86;color:#45b19d;}


.inp_label_wrap{position:relative;}
.inp_label_wrap label.title{position:absolute;top:1px;left:13px;font-family:'NSKR-M';font-size:15px;font-family:'NSKR-R';color:#2d2d2d;}
.inp_label_wrap input[type="number"],
.inp_label_wrap .btn_select > button{padding-left:80px;}
.inp_label_wrap .btn_select{margin-top:0;}

.resident_num:after{content:'';display:block;clear:both;}
.resident_num .first_num,
.resident_num .space,
.resident_num .last_num{float:left;}
.resident_num .first_num,
.resident_num .last_num{width:43%;}
.resident_num .space{width:4%;line-height:37px;text-align:center;}
.resident_num .last_num > input[type='text']{width:22%;}
.resident_num .last_num .masking{font-size:10px;letter-spacing:1px;}

.checkbox{min-height:26px;position:relative;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"]{position:absolute;top:0;width:1px;height:1px;opacity:0;}
.checkbox label{display:block;min-height:26px;padding-left:38px;color:#333;background:url(../images/icon/checkbox.png) no-repeat 0 50%;background-size:26px 26px;}
.checkbox input:checked + label{background:url('../images/icon/checkbox_checked_adv.png') no-repeat 0 50%;background-size:26px 26px;}

.checkbox2{min-height:23px;margin:2px 0;position:relative;display:inline-block;}
.checkbox2 input[type="checkbox"]{position:absolute;top:0;width:1px;height:1px;opacity:0;}
.checkbox2 label{display:block;min-height:23px;line-height:23px;padding-left:20px;color:#333;background-image:url(../images/icon/checkbox2.png);background-repeat:no-repeat;background-position:0 5px;background-size:14px 14px;}
.checkbox2 input:checked + label{background-image:url(../images/icon/checkbox2_checked.png);background-size:14px 14px;}
.tit_posi_r{position:absolute;top:0;right:0;}
.tit_posi_r label{background-position:0 50%;}

.checkbox.type2 label,
.checkbox.type2 input:checked + label{background-position:right 1px top 50%;}
.checkbox.type2 label{padding:0 35px 0 0;}

.checkbox_wrap{}
.checkbox.border_box{margin-top:10px;border-radius:0;padding:10px 10px 8px 10px;background-color:#fff;}
.checkbox.border_box label{margin-right:28px;font-family:'NSKR-M';line-height:26px;}
.checkbox.border_box label .tit{display:block;line-height:1em;}
.checkbox.border_box label .txt{font-family:'NSKR-R';color:#666;}
.checkbox_wrap .checkbox.border_box:first-child{margin-top:0;}
.checkbox.border_box.arrow_r{padding:10px 30px 8px 10px !important;}

.checkbox_wrap.type2 li.checkbox{padding:25px 12px;background:#fff url('../images/icon/bg_list_arrow3_adv.png') no-repeat right 15px top 50%; background-size:6px 9px;}
.checkbox_wrap.type2 > li label{font-size:15px;color:#000;}

.arrow_r{position:relative;padding-right:30px !important;}
.arrow_r:after{display:none;content:"";position:absolute;top:50%;right:15px;width:8px;height:11px;background:url(../images/common/icon_arr.png) no-repeat 0 0;background-size:6px 9px;}
li.arrow_r{padding-right:15px !important;}
li.arrow_r a{padding-right:15px !important;}
.result_list .list li.arrow_r:after{top:23px;}

.inp_reset{position:relative;display:block;}
.inp_reset input{padding:0 37px 0 10px;text-align:right; }
.inp_reset .reset{position:absolute;top:0;right:0;width:37px;height:37px;background-image: url(../images/common/inp_search_reset.png);background-repeat:no-repeat; background-position:right 10px top 50%;background-size:15px 15px;}

.inp_reset.type2 .reset{height:45px;line-height:45px;}

/* search */
.search_bar{height:55px;padding:9px 15px 9px 29px;box-sizing:border-box;background:url(../images/icon/ico_search.png) no-repeat 5px 50%;background-size:16px;}
.search_bar input[type="text"]{padding:0;border:0;}
.search_bar + .tab_bar{margin-top:0;}

/* ele_bar */
.ele_bar{position:relative;display:block;overflow:hidden;}
.ele_bar label{/*line-height:37px;*/}
.ele_bar + .ele_bar{margin-top:15px;}
.ele_bar .radio label{/*line-height:20px;*/}
.ele_bar.btn_right{padding-right:105px;}
.ele_bar.btn_right .r_btn{position:absolute;top:0;right:0;width:100px;height:37px;line-height:35px;}
.ele_bar.btn_right.w70{padding-right:70px;}
.ele_bar.btn_right.w70 .r_btn{width:65px;}
.ele_bar.btn_right.w90{padding-right:90px;}
.ele_bar.btn_right.w90 .r_btn{width:85px;}
.ele_bar .btn_wrap{margin-top:0;margin-bottom:10px;}
.ele_bar .btn_wrap.r_btn{margin:0;}
.ele_bar.passw,
.ele_bar.ele6{text-align:center;}
/* .ele_bar.ele6 input[type="password"]{text-align:center;width:30px;padding:0 2px;font-size:28px;border:0;color:#009559;} */
.ele_bar.passw input[type="password"]{width:165px; padding:0 2px;font-size:25px; letter-spacing:2px; text-align:center; border:0;color:#009559;background-color:#f7f7f7;}
.inp_20 input{width:20%;}
.inp_25 input{width:25%;}
.inp_30 input{width:30%;}
.inp_35 input{width:35%;}
.inp_40 input{width:40%;}
.inp_45 input{width:45%;}
.inp_50 input{width:50%;}
.ele_bar.al_left input[type="number"], input.al_left{text-align:left;padding:0 0 0 10px;}
.ele_bar.al_right input[type="number"], input.al_right{text-align:right;padding:0 10px 0 0;}
.ele_bar.al_center input[type="number"], .ele_bar.al_center input[type="tel"], input.al_center{text-align:center;padding:0 5px;}
.ele_bar.al_center .title{text-align:left;}
div[class*="ele_inp"] .select_bar{position:absolute;top:0;left:0;margin-right:1%;}

.ele_bar.ele_inp2{min-height:37px;padding-left:30%;}
.ele_bar.ele_inp2 .select_bar{position:absolute;top:0;left:0;width:29%;margin-right:1%;}
.ele_bar.ele_inp3{padding-left:43.8%;}
.ele_bar.ele_inp3 .select_bar{width:42.8%;}

.btn_wrap.posi_r{position:absolute;top:0;right:0;width:auto;margin:0;text-align:right;line-height:37px;}
.btn_wrap.posi_r span{width:auto;}
input + .time{display:inline-block;color:#000;position:absolute;top:0;right:10px;line-height:37px;}
.ele_bar .account_info .list{padding-top:0;}
input.sinp{width:50px;}
.ele_bar label + .date_wrap{margin-top:0;}

/* float_box */
.float_box{position:relative;}
.float_box:after{display:block;clear:both;content:"";}
.float_box .left{float:left;width:45%;line-height:37px;color:#000;font-size:16px;letter-spacing:-1px;} 
.float_box .left .font_red{display:inline-block;font-family:'NSKR-M';min-width:20px;font-size:18px;}
.float_box .right{float:right;width:55%;line-height:37px;} 
.float_box + .float_box{margin-top:10px;}
.float_box .left.w30{width:30%;}
.float_box .left.w30 + .right{width:70%;}
.float_box .left.w40{width:40%;}
.float_box .left.w40 + .right{width:60%;}

/* select */
.select_bar{background: url('../images/icon/icon_selectArr.png');background-repeat: no-repeat;background-size: 8px 5px;background-position: right 10px top 50%;background-color:#fff;}
.select_bar select{width:100%;height:37px;padding:2px 0 0 5px;box-sizing:border-box;border-radius:0;border: 1px solid #ccc;background-color:transparent;outline:none;}
.select_bar select:focus{border:1px solid #009559;}

.date_wrap .space{float:left;width:8%;box-sizing:border-box;margin:0;height:37px;line-height:37px;text-align:center;}
.date_wrap .space_txt{float:left;width:auto;margin:0 5px;box-sizing:border-box;height:37px;line-height:37px;text-align:center;}
.date_wrap .select_bar{width:40%;float:left;}
.date_wrap.w100 .date{float:none;width:100%;text-align:center;}

label.title{display:block;color:#333;font-size:17px;font-family:'NSKR-M'; line-height:37px;}
label.title_small{font-family:'NSKR-M';font-size:15px;color:#333;}
label.title .btn_type2{float:right;margin-top:4px;height:26px;line-height:26px;}
label.title + .data{line-height:37px;}

.sta{position:relative;float:left;width:8px;height:18px;font-size:0;}
.sta:before{display:block;font-size:14px;margin-top:3px;content:"*";width:5px;height:100%;color:#009559;z-index:100;}

.info_txt{margin-top:5px;font-size:14px;text-align:left;}

/* 양식 */
.birth_wrap{display:flex;justify-content:space-between;}
.birth_wrap .select_bar{width:33.33%;margin-left:11px;}
.birth_wrap .select_bar:first-child{margin-left:0;}


/* -----------------------------------------
  toggle_list
----------------------------------------- */
.toggle_list{position:relative;border-top:1px solid #e9e9e9;line-height:1.4em; font-size:14px;}
.toggle_list > li{border-bottom:1px solid #e9e9e9;}
.toggle_list > li a{position:relative;display:block;padding:13px 30px 13px 15px;color:#444;font-family:'NSKR-M';}
.toggle_list > li .toggle_cont{display:none;padding:15px;border-top:1px solid #e9e9e9;background-color:#f7f7f7;}
.toggle_list > li a:after{display:block;content:"";width:9px;height:6px;position:absolute;top:50%;right:15px;margin-top:-3px;background:url(../images/common/list_arrow_off.png) no-repeat;background-size:9px 6px;}
.toggle_list > li.opened a:after{background:url(../images/common/list_arrow_on.png) no-repeat;background-size:9px 6px;}
.toggle_list > li.opened .toggle_cont{display:block;}
.toggle_list .toggle_cont .btn_wrap{margin-top:20px;}

.toggle_type1, .toggle_type2{position:relative;}
.toggle_type1 .toggle_cont, .toggle_type2 .toggle_cont{display:none;line-height:1.4em;margin:10px;}
.toggle_type1.opened .toggle_cont, .toggle_type2.opened .toggle_cont{display:block;}
.toggle_type2 ~ .toggle_type2{border-top:1px solid #e9e9e9;}
.tile_sec.toggle_cont{margin:15px;}

a.control{position:absolute;top:20px;right:9px;width:23px;height:70px;background:url(../images/common/arrow_off.png) no-repeat 50% 50%;background-size:11px 7px;}
.opened a.control{background:url(../images/common/arrow_on.png) no-repeat 50% 50%;background-size:11px 7px;}

.radio label.control{display:block;}

.qna > li a{padding:16px 30px 14px 43px;background:url(../images/icon/ico_Q.png) no-repeat 20px 18px;background-size:12px 16px;}

.notice{position:relative;border-top:1px solid #e9e9e9;line-height:1.4em;}
.notice li{border-bottom:1px solid #e9e9e9;}
.notice a{position:relative;display:block; width:100%; padding:18px 40px 14px 15px;color:#333;font-family:'NSKR-M'; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
.notice a:after{display:block;content:"";width:10px;height:10px;position:absolute;top:50%;right:15px;margin-top:-3px;background:url(../images/common/icon_arr.png) no-repeat;background-size: auto 100%;}

.boardView{border-bottom:1px solid #e9e9e9;}
.boardView .bvHead{display:block; width:100%; padding:10px 15px; background:#f4f5f5; box-sizing:border-box;}
.boardView .bvHead strong{float:left; width:70%; padding:0 0 0 22px; font-family:'NSKR-M'; box-sizing:border-box;}
.boardView .bvHead em{float:right; width:30%; padding:0 22px 0 0; text-align:right; box-sizing:border-box;}
.boardView .bvCont{padding:25px 22px; border-bottom:1px solid #e9e9e9;}
.boardView .bvfoot{padding:5px 18px;}
.boardView .bvfoot .btn{border:0;}

.boardView .btn{display:inline-block; width:auto !important; height:auto !important; padding:5px 12px 9px; background:#fff;  letter-spacing:-1px; vertical-align:3px; border:1px solid #a9a9a9; border-color: #dadada#a9a9a9 #a9a9a9 #dadada; border-radius:3px; border:0;}
.boardView .btn.icon{padding:5px 15px 9px;}
.boardView a.btn.icon{padding-bottom:7px;}
.boardView .btn.doc{padding-left:35px !important; background:#fff url(../images/icon/btn_doc.png) no-repeat 12px 8px;}
.boardView .btn.pdf{padding-left:35px !important; background:#fff url(../images/icon/btn_pdf.png) no-repeat 12px 8px;}
.boardView .btn.xls{padding-left:35px !important; background:url(../images/icon/btn_xls.png) no-repeat 12px 8px;}


/* -----------------------------------------
  table
----------------------------------------- */
.tbl_cmt{margin-bottom:10px;text-align:right;}
.tbl_cmt:after{display:block;content:"";clear:both;}
.tbl_cmt .tit{float:left;font-size:18px;color:#000;font-family:'NSKR-M';}
.tbl_cmt .sm{font-size:14px;}

.foot_cmt{margin-top:10px;text-align:right;}
.foot_cmt .import{display:inline-block;color:#666;}
.foot_cmt p{margin-top:5px;color:#000;font-size:14px;}
.foot_cmt p:first-child{margin-top:0;}

.tbl_basic{border-top:1px solid #5a9f93;border-bottom:1px solid #5a9f93;background-color:#fff;}
.tbl_basic thead th{padding:10px 0 8px 0;text-align:center;font-size:14px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;color:#009559;font-family:'NSKR-R';background-color:#f3fafa;}
.tbl_basic thead tr:first-child th{border-top:0px;}
.tbl_basic thead tr > th:first-child{border-left:0px;}
.tbl_basic tbody th{padding:10px 8px 6px 8px;font-size:14px;text-align:center;color:#666;border-bottom:1px solid #ddd;font-family:'NSKR-R';font-weight:normal;}
.tbl_basic tbody th.bg{color:#009559;background-color:#f3fafa;}
.tbl_basic tbody th.vt{vertical-align:top;padding-top:20px;}
.tbl_basic tbody td{padding:8px 2px 6px 5px;font-size:14px;line-height:1.4em;color:#000;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#fff;}
.tbl_basic tbody td .btn_type3{width:auto;vertical-align:text-top;/*height:23px;line-height:23px;*/}
.tbl_basic tbody td.al_left span .btn_type3{padding:2px;}
.tbl_basic tbody td p{margin-top:10px;}
.tbl_basic tbody td p:first-child{margin-top:0;}
.tbl_basic tbody td > .date_wrap:first-child, .tbl_basic tbody td > .btn_select:first-child{margin-top:0;}
.tbl_basic tbody tr > td:first-child{border-left:0px;}
.tbl_basic tbody tr:last-child th, .tbl_basic tbody tr:last-child td{border-bottom:0;}
.tbl_basic + .tbl_basic{margin-top:25px;}
.tbl_basic.al_left tbody th, .tbl_basic.al_left td{text-align:left;}
.tbl_basic.al_leftcenter th{text-align:left;}
.tbl_basic.al_leftcenter td{text-align:center;}
.tbl_basic.al_centerleft th{text-align:center;}
.tbl_basic.al_centerleft td{padding-left:2px; text-align:left;}

.tbl_basic.tbl_form tbody th{padding:4px 0 4px 15px;}
.tbl_basic.tbl_form tbody td{padding:4px 0 4px 15px;}

.tbl_basic.gray{border-top:1px solid #999;border-bottom:1px solid #999;}
.tbl_basic.gray thead th{color:#000;background-color:#f4f5f5;}
.tbl_basic.gray tbody th{color:#000;}
.tbl_basic.gray tbody td{color:#000;}
.tbl_basic.gray tbody th.bg{color:#000;background-color:#f4f5f5;}

.tbl_basic .no_data{padding-bottom:20px;background-position:50% 25px;}
.tbl_basic .no_data .text{padding:75px 10px 0;}

.text_box{margin-top:15px;}
.text_box .tit{display:block;margin-top:20px;font-family:'NSKR-M';color:#000;font-size:18px;}
.text_box .tit2{display:block;margin-top:20px;color:#000;font-size:17px;}
.text_box p{margin-top:6px;}
.text_box .tit:first-child, .text_box p:first-child{margin-top:0;}


/* -----------------------------------------
  tab
----------------------------------------- */
.tab_bar{margin-top:30px;text-align:left;}
.tab_bar:after{display:block;clear:both;content:"";}
.tab_bar ul{display:table;width:100%;table-layout:fixed;}

.tab_bar.type1 ul li{display:table-cell;box-sizing:border-box;vertical-align:middle;}
.tab_bar.type1 ul li a{display:table;width:100%;padding:14px 5px 10px 5px;text-align:center;color:#000;box-sizing:border-box;}
.tab_bar.type1 ul li a span{display:table-cell;vertical-align:middle;}

.tab_bar.type1.col3 ul{border-left:1px solid #c1c1c1;}
.tab_bar.type1.col3 ul:first-child{border-top:1px solid #c1c1c1;}
.tab_bar.type1.col3 ul li{width:33.333%;border:1px solid #c1c1c1;border-top:0;border-left:0;}
.tab_bar.type1.col3 ul li.on{border-color:#009559;background-color:#009559;}
.tab_bar.type1.col3 ul li.on a, .tab_bar.type1.col3 ul li.on a span{color:#fff;font-family:'NSKR-M';}

.tab_bar.type1.col4 ul{border-spacing:3px;}
.tab_bar.type1.col4 ul li{width:25%;border:1px solid #c1c1c1;}
/* .tab_bar.type1.col4 ul li.on{color:#fff;border:1px solid #009559;background-color:#009559;}
.tab_bar.type1.col4 ul li.on a{color:#fff;} */

.tab_bar.type1.col3.bg ul li, .tab_bar.type1.col4.bg ul li{background-color:#fafafa;}
.tab_bar.type1.col3.bg ul li.on, .tab_bar.type1.col4.bg ul li.on{background-color:#009559;}

.tab_bar.type3{border-bottom:1px solid #e9e9e9;}
.tab_bar.type3 ul li{display:table-cell;border:0;text-align:center;}
.tab_bar.type3 ul li a{display:block;padding:15px 0;letter-spacing:-1.5px;}
.tab_bar.type3 ul li.on a{position:relative;font-family:'NSKR-M';color:#009559;background-color:#fff;}
.tab_bar.type3 ul li.on a:after{display:block;content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#009559;}

.contents > .tab_bar.type3{margin-top:0;}

.tab_container{position:relative;}
.tab_container > .tab_body{display:none;}
.tab_container > .tab_body:first-child{display:block;}
/* .tab_container > .tab_body > .price_box:first-child{margin-top:20px;} */

/* -----------------------------------------
  list
----------------------------------------- */
.list_wrap .list_head{position:relative;padding-bottom:10px;}
.list_wrap .list_head:after{content:'';display:block;clear:both;}
.list_wrap .list_head .tit{font-family:'NSKR-M';color:#000;}
.list_wrap .list_head .right_el{position:absolute;bottom:7px;right:0;}
.list_wrap .btn_wrap{margin:10px 0 0;}

.list > li{position:relative;margin-top:2px;line-height:1.4em;}
.list > li:first-child{margin-top:0;}
.list.hyphen > li{position:relative;padding-left:10px;}
.list.hyphen > li:before{display:block;content:"";position:absolute;top:6px;left:1px;width:4px;height:1px;background-color:#666;}

.list.disc > li{padding-left:10px;}
.list.disc > li:before{display:block;content:"";position:absolute;top:9px;left:1px;width:2px;height:2px;border-radius:50%;background-color:#222;}

.list.check > li{position:relative;margin-top:6px;padding-left:22px;font-size:13px;color:#555;}
.list.check > li:before{content:'';position:absolute;top:5px;left:0;width:15px;height:11px;background:url('../images/icon/ico_chk2_adv.png') no-repeat 0 0;background-size:100% 100%;}

.list.num > li{padding-left:17px;text-indent:-17px;}

.list_type_col:after,
.list_type_col.ty_lr li:after{content:'';display:block;clear:both;}
.list_type_col li{float:left;}

.list_type_col.bdr_bottom{padding-bottom:5px;border-bottom:1px solid #999;}

.list_type_col.col2 li{width:50%;}
.list_type_col.col4 li{width:25%;}

.list_type_col.ty_lr li{float:none;}
.list_type_col.ty_lr li + li{margin-top:10px;}
.list_type_col.ty_lr li .sup{float:left;max-width:unset;font-family:'NSKR-M';font-size:15px;color:#333;}
.list_type_col.ty_lr li .cont{float:right;font-size:14px;color:#000;}
.list_type_col.ty_lr li .cont .block{display:block;}
.list_type_col.ty_lr li.price .cont i,
.list_type_col.ty_lr li .cont i.price{font-size:18px;}
.list_type_col.ty_lr li .sup.emp_txt{font-size:18px;}

.check_list{border-top:1px solid #111;}
.check_list > li{position:relative;border-bottom:1px solid #999;box-sizing:border-box;}
.check_list > li .checkbox,
.check_list > li .input_wrap.type2{position:absolute;top:0;left:0;width:100%;height:100%;}
.check_list > li .input_wrap.type2 .radio{height:100%;}
.check_list > li .checkbox label,
.check_list > li .input_wrap.type2 .radio label{display:block;width:100%;height:100%;min-height:unset;padding:0;background-color:transparent;}
.check_list > li .checkbox label{background-position:right 0 top 20px;}

.check_list.type2 > li .txt_wrap{padding:15px 15px 15px 50px;}
.check_list.type2 > li .txt_wrap .account_tit{font-size:17px;text-align:right;color:#555;}
.check_list.type2 > li .txt_wrap .account_tit + .list_type_col{margin-top:10px;}
.check_list.type2 > li .txt_wrap .account_tit em{display:block;font-size:15px;color:#333;}
.check_list.type2 > li .txt_wrap .list_type_col li + li{margin-top:10px;}
.check_list.type2 > li .txt_wrap .price .cont{color:#333;}
.check_list.type2 > li .checkbox label,
.check_list.type2 > li .radio label{background-position:15px 16px;}

.check_list.type3 > li{width:100%;margin:0;padding:10px 50px 10px 15px;background:url('../images/icon/bg_list_arrow2.png') no-repeat right 25px top 50%;background-size:10px 15px;}
.check_list.type3 > li.checkbox2 label{font-size:16px;}

.check_list.bdr_none,
.check_list.bdr_none > li{border:0;}

.import{position:relative;margin-top:10px;font-size:14px;}
.import.font_red{font-size:12px;}
/* .import:before{display:inline-block;content:"��";color:#666;position:absolute;top:0;left:0;}
.import.font_red:before{color:#e92927;} */

.procedure_list li + li{position:relative;padding-top:30px;background:url('../images/icon/bg_list_arrow_adv.png') no-repeat 50% 9px;background-size:30px 15px;}
.procedure_list li .txt_wrap{overflow:hidden;border-radius:5px;border:1px solid #ddd;text-align:center;box-shadow:0 5px 7px rgba(0, 0, 0, 0.1);}
.procedure_list li .txt_wrap .tit{margin:0;padding:10px 0;font-family:'NSKR-R';color:#fff;background-color:#5ebcaa;}
.procedure_list li .txt_wrap .tit .num{display:inline-block;width:24px;height:24px;line-height:20px;margin-right:6px;border:2px solid #fff;border-radius:100%;text-align:center;box-sizing:border-box;color:#fff;}
.procedure_list li .txt_wrap .txt{margin:0;padding:11px 0;font-size:13px;color:#333;background-color:#fff;}

.procedure_list.type2 li + li{background:url('../images/icon/bg_list_arrow4_adv.png') no-repeat 50% 10px;background-size:14px 9px;}
.procedure_list.type2 li .txt_wrap{display:table;width:100%;border:1px solid #eee;background-color:#fff;}
.procedure_list.type2 li .txt_wrap .left,
.procedure_list.type2 li .txt_wrap .right{display:table-cell;vertical-align:middle;}

.bank_select .list_type_col{margin-top:-20px;}
.bank_select .list_type_col > li{margin-top:20px;text-align:center;}
.bank_select .list_type_col > li:nth-child(4n+1){clear:both;}
.bank_select .list_type_col > li a{display:block;}
.bank_select .list_type_col > li .icon span{display:block;}

.bank_select .tab_bar.type1.col4 ul{margin-top:20px;border-spacing:0;}
.bank_select .tab_bar.type1.col4 ul:first-child{margin-top:0;}
.bank_select .tab_bar.type1.col4 ul li{float:left;border:0;}
.bank_select .tab_bar.type1.col4 ul li a{display:block;padding:56px 0 0;}
.bank_select .tab_bar.type1.col4 ul li a span{display:block;}

.document_list li{display:table;width:100%;padding:20px 15px;border:1px solid #ddd;background-color:#fff;box-sizing:border-box;}
.document_list li + li{margin-top:10px;}
.document_list li .txt_wrap,
.document_list li .btn_wrap{display:table-cell;vertical-align:middle;}

.document_list li .txt_wrap {/* width:51%; */width:71%;padding-right:1%;}
.document_list li .txt_wrap .tit{position:relative;padding-left:17px;font-family:'NSKR-M';font-size:15px;color:#000;}
.document_list li .txt_wrap .tit:before{content:'';position:absolute;top:50%;left:0;width:13px;height:16px;margin-top:-9px;background:url('../images/icon/icon_document_adv.png') no-repeat 0 0;background-size:100%;}
.document_list li .txt_wrap .date{margin-top:10px;font-size:12px;color:#000;}
.document_list li .txt_wrap .date span{margin-left:5px;}

.document_list li .btn_wrap{/* width:48%; */width:28%;text-align:right;}
.document_list li .btn_wrap span{width:100%;}
/* .document_list li .btn_wrap span{float:left;width:49.25%;}
.document_list li .btn_wrap span:last-child{margin-left:1.5%;} */
.document_list li .btn_wrap button{width:100%;padding:0;}


/* -----------------------------------------
  popup
----------------------------------------- */
.dimmed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#000;opacity:0.6;}
.pop_layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:30px 15px;box-sizing:border-box;z-index:501;}
.pop_layer .inner{position:relative;text-align:center;border-radius:4px;background-color:#f7f7f7;}
.pop_layer .body{border-radius:4px 4px 0 0;box-sizing:border-box;background-color:#fff;}
.pop_layer .body .tit{padding:0 15px; color:#000;letter-spacing:-1.2px;line-height:1.4em;font-size:18px;font-family:'NSKR-M';}
.pop_layer .body .account_info .tit{color:#333;line-height:37px;font-size:14px;}
.pop_layer .body header + .tit{margin-top:15px;}
.pop_layer .foot{overflow:hidden;}
.pop_layer .foot .btn{display:block;height:45px;line-height:44px;font-size:18px;font-family:'NSKR-M';color:#fff;border-radius:0 0 4px 4px;background-color:#009559;}
.pop_layer .foot .btn.gray{color:#000;background-color:#ddd;}
.pop_layer .foot.two .btn{float:left;width:50%;border-radius:0 0 4px 0;}
.pop_layer .foot.two .btn:first-child{border-radius:0 0 0 4px;}
.pop_layer .inner .btn_wrap{margin:0;padding:25px 0;}
.pop_layer .content{padding:20px 15px 0 15px;}

.pop_layer.type2{padding:0;}
.pop_layer.type2 .inner{border-radius:0;height:100%;text-align:left;background-color:#fff;}
.pop_layer.type2 .header{padding:10px 0;min-height:45px;color:#333;font-family:'NSKR-M';font-size:18px;box-sizing:border-box;text-align:center;border-bottom:1px solid #e9e9e9;background-color:#fff;}
.pop_layer.type2 .header h1{padding:0 45px; color:#000;font-family:'NSKR-M';font-size:18px;box-sizing:border-box;}
.pop_layer.type2 .body{height:91%;overflow-y:scroll;padding-bottom:40px;}
.pop_layer.type2 .body > .tile_sec:first-child{margin-top:20px;}
.pop_layer.type2.h_auto .body{height:auto;overflow-y:hidden;}
.pop_layer.type2 h2{margin-top:20px;font-size:18px;color:#000;font-family:'NSKR-M';text-align:left;}
.pop_layer.type2 .inner.bg{background-color:#f7f7f7;}
.pop_layer.type2 .inner.bg .body{padding:20px 15px 40px 15px;background-color:#f7f7f7;}
.pop_layer.type2 .terms_box{height:400px;text-align:left;background-color:#fff;}
.pop_layer.type2 .terms_box.h85p{height:85%;}
.pop_layer.type2 .text_box{margin-top:0;text-align:left;line-height:1.4em;color:#000;}
.pop_layer.type2 .text_box + .scroll_box{margin-top:20px;line-height:1.4em;}
.pop_layer.type2 .scroll_box{height:200px;padding:15px;box-sizing:border-box;text-align:left;overflow-y:scroll;background-color:#fff;}
.pop_layer.type2 .scroll_box strong, .pop_layer.type2 .scroll_box .tit{display:block;margin-top:10px;}
.pop_layer.type2 .scroll_box .tit{position:relative;padding-left:10px;}
.pop_layer.type2 .scroll_box .tit:before{display:block;content:"";position:absolute;top:9px;left:1px;width:2px;height:2px;border-radius:50%;background-color:#222;}
.pop_layer.type2 .scroll_box p{margin-top:6px;}
.pop_layer.type2 .scroll_box > strong:first-child, 
.pop_layer.type2 .scroll_box > .tit:first-child,
.pop_layer.type2 .scroll_box > p:first-child{margin-top:0;}
.pop_layer.type2 .account_info{background-color:#fff;}
.pop_layer.type2 .account_info ul{padding:0;}
.pop_layer.type2 .account_info ul li{padding:10px 15px;box-sizing:border-box;}
.pop_layer.type2 .account_info ul li:last-child{border-bottom:0;}
.pop_layer.type2 .account_info.type2 ul{padding:0 15px;}
.pop_layer.type2 .account_info.type2 ul li{padding:10px 0;}
.pop_layer.type2 .body .tab_bar li:hover{border-color:#009559;background-color:#009559;}
.pop_layer.type2 .body .tab_bar li:hover a{color:#fff;}
.pop_layer.type2 .step_title{position:relative;margin-bottom:15px;}
.pop_layer.type2 .step_title .title{display:block;margin-top:5px;height:43px;overflow:hidden;color:#000;font-size:16px;font-family:'NSKR-M';}
.pop_layer.type2 .step_title .step{float:right;width:auto;overflow:hidden;}
.pop_layer.type2 .step_title .step li{float:left;margin-left:4px;}
.pop_layer.type2 .step_title .step li span{display:inline-block;min-width:18px;height:21px;padding-top:2px;box-sizing:border-box;font-family:'NSKR-M';text-align:center;border:1px solid #c1c1c1;background-color:#fff;}
.pop_layer.type2 .step_title .step li.on span{color:#fff;border-color:#009559;background-color:#009559;}
.pop_layer.type2 .w_box{padding:15px;border:1px solid #c1c1c1;background-color:#fff;}

.pop_layer.type2 .inner.bg .tab{border:1px solid #c1c1c1;background-color:#fff;}
.pop_layer.type2 .inner.bg .tab_container{margin-top:15px;}

.pop_layer .btn_wrap.foot_fix{padding:0;}

.btn_closed_b{z-index:510;position:absolute;top:0px;right:0px;width:45px;height:45px;background:url(../images/common/btn_close_b.png) no-repeat 50% 50%;background-size:16px;}

.layer_select_container{display:none;position:fixed;bottom:0;left:0;width:100%;height:50%;padding-top:45px;box-sizing:border-box;z-index:200;background-color:#fff;}
.layer_select_container .title{position:absolute;top:0;left:0;width:100%;height:45px;color:#333;color:#fff;line-height:43px;text-align:center;background-color:#009559;}
.layer_select_container .title + .input_wrap{height:100%;overflow-y:scroll;}
.layer_select_container .btn_closed_b{background:url(../images/common/btn_close.png) no-repeat 50% 50%;background-size:16px;}
.layer_select_container .scroll_auto{overflow-y:auto;height:100%;padding-bottom:80px;box-sizing:border-box;}

.layer_select_container.type2{padding:0;}
.layer_select_container.type2 .pop_contents{height:100%;padding:20px 15px;box-sizing:border-box;}
.layer_select_container.type2 .pop_con_tit{margin-bottom:12px;font-family:'NSKR-M';font-size:17px;color:#333;}

/* 알림팝업 */
.pop_alert{overflow:hidden;position:fixed;bottom:0;left:0;z-index:9999;width:100%;border-radius:10px 10px 0 0;background-color:#fff;}
.pop_alert .pop_con{position:relative;width:100%;height:100%;text-align:center;padding:30px 15px 75px;box-sizing:border-box;}
.pop_alert .pop_con.left {position:relative;width:100%;height:100%;text-align:left;padding:30px 15px 75px;box-sizing:border-box;}
.pop_alert .pop_con .tit{font-family:'NSKR-M';margin-bottom:20px;font-size:16px;color:#000;font-weight:300;}
.pop_alert .pop_con .txt{width:100%;}
.pop_alert .pop_con .txt + .txt{margin-top:20px;}
.pop_alert .pop_con .ty_icon{padding-top:45px;background:url('../images/icon/icon_point.png') no-repeat 50% 0;background-size:36px 36px;}
.pop_alert .pop_con .ty_icon2{padding-top:45px;background:url('../images/icon/icon-success.png') no-repeat 50% 0;background-size:36px 36px;}
.pop_alert .btn_wrap .btn_type{border:0;}

.pop_alert.type_top{position:absolute;top:55px;bottom:unset;left:50%;transform:translateX(-50%);width:90%;border-radius:10px;}
.pop_alert.type_top .pop_con{padding-bottom:25px;}
.pop_alert.type_top .btn_wrap{margin:0;padding:0;}
.pop_alert.type_top .btn_wrap .btn_type{border-radius:0;}

/* 보이스피싱안내 팝업 */
.pop_alert .bg_voice{width:80px;height:70px;margin:0 auto 20px;background:url('../images/content/bg_pop_voicephishing_adv.png') no-repeat 0 0;background-size:100% 100%;}

/* 이벤트 팝업 */
.event_pop_wrap{position:fixed;bottom:0;left:0;z-index:2000;width:100%;height:100%;}
.event_pop_wrap .event_pop{overflow:hidden;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1;width:100%;height:44%;border-radius:10px 10px 0 0;opacity:1;}
.event_pop_wrap .event_pop.active{bottom:0 !important;width:100% !important;}
.event_pop_wrap .event_pop .pop_container{position:relative;height:100%;background-color:#fff;}
.event_pop_wrap .pop_body .event_pop_wrap .pop_body .con_wrap{padding:18px 15px 18px 20px;box-sizing:border-box;}
.event_pop_wrap .pop_footer{position:absolute;bottom:0;width:100%;height:38px;border-top:1px solid #e9e9e9;box-sizing:border-box;background-color:#fff;}
.event_pop_wrap .pop_footer > button{position:absolute;top:0;height:100%;padding:0 20px;line-height:38px;font-size:13px;box-sizing:border-box;}

.event_pop_wrap .tit_wrap{padding:20px 20px 6px;}
.event_pop_wrap .pop_tit{font-family:'NSKR-M';font-size:16px;text-decoration:underline;color:#333;}
.event_pop_wrap .pop_sub_tit{margin-bottom:14px;font-size:15px;color:#000;}

.event_pop_wrap .event_con{display:table;width:100%;}
.event_pop_wrap .event_con .txt_wrap,
.event_pop_wrap .event_con .img_wrap{display:table-cell;vertical-align:top;}
.event_pop_wrap .con_wrap{padding:20px 20px 15px;}
.event_pop_wrap .con_wrap .txt{margin-top:10px;font-size:13px;color:#555;}
.event_pop_wrap .con_wrap .txt:first-child{margin-top:0;}

.event_pop_wrap .btn_pop_anymore{left:0;color:#555;}
.event_pop_wrap .btn_pop_close{right:0;color:#000;}

.event_pop_wrap #event_pop01 .pop_container{background-color:#fef8e0;}

.event_pop_wrap #event_pop02{bottom:20px;width:96%;}
.event_pop_wrap #event_pop02 .pop_container{background-color:#fbe4d5;}

.event_pop_wrap #event_pop03{bottom:40px;width:93%;}
.event_pop_wrap #event_pop03 .pop_container{background-color:#cdf1ed;}


/* -----------------------------------------
  etc
----------------------------------------- */
.bg_gray{background-color:#f4f5f5;}
.bg_darkgray{background-color:#61686e;}

.gray_box{margin-top:25px;padding:15px 15px 18px 15px;background-color:#f1f1f1;line-height:1.4em;}
.gray_box.type2{padding:20px 38px;}
.gray_box.type2 > p{font-size:15px;color:#000;}
.gray_box.type2 > p > strong{font-family:'NSKR-M';font-family:'NSKR-R';}
.gray_box.type2 > p > span{display:block;margin-top:7px;font-size:12px;}
.gray_box.type3{padding:20px 15px;}
.gray_box.type4{padding:25px 15px;border-top:1px solid #b2b2b2;background-color:#f6f6f6;}
.gray_box .tit{display:block;margin-bottom:10px;font-family:'NSKR-M';font-size:17px;font-family:'NSKR-R';color:#333;}
.gray_box .s_tit{display:block;color:#333;}
.gray_box .tit_big{margin-bottom:9px;font-size:19px;color:#333;}
.gray_box .list > li{margin-top:7px;}
.gray_box .list + .tit{margin-top:20px;}
.gray_box p{margin-top:6px;}
.gray_box > p:first-child{margin-top:0;}
.gray_box .grp_tit{padding:0;min-height:auto;}
.gray_box.pad_none{padding:0;}
.gray_box .terms_box{background-color:#fff;}
.gray_box.import{background-color:#ebebeb;font-size:12px;}
.gray_box.import .tit{padding-left:25px;font-size:14px;background:url('../images/icon/icon_inform_adv.png') no-repeat 0 50%;background-size:16px;}
.gray_box.bg_none{padding:0px 15px;background-color:#fff;}

.green_box{padding:25px 15px;border-top:1px solid #80cabc;background-color:#e8f5f3;}
.green_box .grp_tit{min-height:unset;margin:0 0 10px;padding:0;line-height:1;font-family:'NSKR-M';font-size:17px;color:#333;}
.green_box .btn_wrap{margin:15px 0 10px;}
.green_box .input_wrap{margin-top:10px;}

.white_box{padding:12px;border:1px solid #ddd;background-color:#fff;}

.border_box{border:1px solid #c1c1c1;border-radius:4px;}
.border_box.ty_icon{position:relative;margin-top:60px;padding:45px 20px 20px;}
.border_box.ty_icon:before{content:'';position:absolute;top:-30px;left:50%;width:60px;height:60px;margin-left:-30px;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;}
.border_box.gray_box.ty_icon .tit{text-align:center;}

.terms_box{height:150px;padding:10px;box-sizing:border-box;line-height:1.4em;overflow-y:scroll;border:1px solid #c1c1c1;background-color:#fafafa;-webkit-overflow-scrolling:touch;}
.terms_box.h_auto{height:auto;overflow:hidden;}
.terms_box.h_150{height:150px !important;}
.terms_box.small{height:200px !important;}
.terms_box .tit{display:block;margin:25px 0;color:#333;}
.terms_box strong{display:block;margin-top:20px;color:#000;font-size:16px;}
.terms_box p, .terms_box ul, .terms_box .tbl_basic{margin-top:15px;}
.terms_box > p:first-child, .terms_box > strong:first-child{margin-top:0;}

.terms_chk_bar{margin-top:15px;}
.terms_chk_bar:after{display:block;content:"";clear:both;}
.terms_chk_bar.bor_top{margin-top:25px;}
.terms_chk_bar.type2{margin-top:0;}
.terms_chk_bar .text{margin:15px 0 25px 0;}
.terms_chk_bar .input_wrap{color:#333;font-family:'NSKR-M';}
.terms_chk_bar.col2 > .checkbox2,
.terms_chk_bar > .white_box .checkbox2{float:left;width:50%;box-sizing:border-box;}

.terms_cont{position:relative;line-height:1.4em;color:#666;}
.terms_cont h1{margin:30px 0 15px 0 !important;font-size:18px !important;font-family:'NSKR-M' !important;color:#000 !important;}
.terms_cont > h1:first-child{margin-top:0 !important;}
.terms_cont h2{margin-top:20px !important;font-family:'NSKR-M' !important;font-size:16px !important;color:#333 !important;}
.terms_cont h3{margin-top:10px !important;color:#666 !important;font-family:'NSKR-M' !important;}
.terms_cont p{margin-top:10px;}
.terms_cont li{margin-top:10px;}
.terms_cont > ul > li > ul{margin-top:4px;padding-left:14px;}
.terms_cont li > ul li:first-child{margin-top:4px;}
.terms_cont > ul > li > ul > li > p{padding-left:14px;}

.all_chk label{line-height:26px;}

.all_agree_wrap .all_chk{margin-bottom:10px;padding-left:13px;}
.all_agree_wrap .all_chk label{font-family:'NSKR-M';font-size:18px;color:#000;}

.img_wrap img{width:100%;}

.txt_box{text-align:center;}
.txt_box .txt{font-size:15px;color:#555;}

.ico_box{position:relative;padding:30px 0;text-align:center;}
.ico_box_md{position:relative;padding:90px 0;text-align:center;}
.ico_box_lg{position:relative;padding:210px 0;text-align:center;}
.ico_box .ico{display:block;min-height:36px;margin-bottom:20px;}
.ico_box .tit{font-size:16px;font-family:'NSKR-M';}
.ico_box p{margin-top:10px;}
.ico_box p + p{margin-top:5px !important;}
.ico_box > p:first-child{margin-top:0;}

.ico_chk{padding-left:15px;background:url(../images/icon/ico_chk.png) no-repeat 0 5px;background-size:11px 9px;}

.ico_box.login{padding:90px 0 30px 0; background-image: url('../images/icon/icon_login.png'); background-repeat: no-repeat; background-size: 36px; background-position: 50% 40px; }
.ico_box.chk_green{padding:90px 0 30px 0; background-image: url('../images/icon/ico_chk_green.png'); background-repeat: no-repeat; background-size: 50px; background-position: 50% 25px; }
.ico_box.chk_green2{padding:115px 0 30px 0; background-image: url('../images/icon/ico_chk_green2.png'); background-repeat: no-repeat; background-size: 71px; background-position: 50% 30px; }
.ico_box.chk_gray{padding:115px 0 30px 0; background-image: url('../images/icon/ico_chk_gray.png'); background-repeat: no-repeat; background-size: 65px 71px; background-position: 50% 30px; }
.ico_box.login_simple{padding:90px 0 30px 0; background-image: url('../images/icon/icon-security.png'); background-repeat: no-repeat; background-size: 50px 50px; background-position: 50% 40px; }
.ico_box.login_finger{padding:115px 0 20px 0; background-image: url('../images/icon/icon-fingerprint-default.png'); background-repeat: no-repeat; background-size:65px 63px; background-position: 50% 30px; }
.ico_box.import_orange{padding:90px 0 30px 0; background-image: url('../images/icon/icon_point.png'); background-repeat: no-repeat; background-size: 36px; background-position: 50% 40px; }

.ico_box.ico_account{padding:115px 0 30px 0; background-image: url('../images/icon/ico_account.png'); background-repeat: no-repeat; background-size: 90px 66px; background-position: 50% 30px; }

.ico_box.ico_error{padding:115px 0 30px 0; background-image: url('../images/icon/ico_error.png'); background-repeat: no-repeat; background-size: 62px 55px; background-position: 50% 40px; }

.exp_send_money{background-image: url('../images/content/1won.png'); background-repeat: no-repeat; background-size: 90%; background-position: 50% 40px; }
.send_money{background-image: url('../images/content/send_money.png'); background-repeat: no-repeat; background-size: 90%; }
.ico_left{padding-left:103px;}

.ico_left.kdic{min-height:59px; background-image:url('../images/icon/ico_kdic.png'); background-repeat: no-repeat; background-size: 76px 49px; background-position: 15px 20px;}

.list_menu{border-top:1px solid #e9e9e9;}
.list_menu ul li{border-bottom:1px solid #e9e9e9;}
.list_menu .btn_type3{padding:5px 2px;}

.step_bar{position:relative;margin-top:30px;text-align:center;}
.step_bar span{position:relative;display:inline-block;width:30px;height:30px;padding-top:2px;box-sizing:border-box;margin-left:22px;line-height:29px;font-family:'NSKR-M';color:#d7d7d7;border-radius:50%;border:1px solid #d7d7d7;background-color:#fff;}
.step_bar span:first-child{margin-left:0;}
.step_bar span:before{display:block;content:"";position:absolute;top:50%;left:30px;width:35px;height:1px;background-color:#d7d7d7;}
.step_bar span:last-child:before{display:none;}
.step_bar span.on{color:#333;border:1px solid #333;}
.step_bar span.chk:after{display:block;content:"";position:absolute;top:-1px;left:-1px;width:30px;height:30px;padding-top:2px;box-sizing:border-box;background:url(../images/icon/ico_step_chk.png) no-repeat 50% 50%;background-size:29px 29px;}
.step_bar + .text_box{margin-top:30px;padding:0 15px;}
.section_tit + .step_bar{margin-top:0;}

.info_color{padding:20px 0;color:#fff;background-color:#008695;}
.info_color .title{font-size:24px;color:#fff;font-family:'NSKR-M';}
.info_color .btn_wrap{margin-top:20px;}
.info_color .btn_wrap:first-child{margin-top:0;}
.info_color .btn_wrap + .title{margin-top:7px;}
.info_color .btn{display:inline-block;min-width:87px;padding-top:2px;margin:0 5px;line-height:22px;color:#fff;border-radius:15px;border:1px solid #fff;}
.info_color .btn.orange{border-color:#f47920;background-color:#f47920;}
.info_color .btn.big{min-width:80%;padding-top:2px;color:#000;font-size:16px;line-height:43px;border-radius:25px;font-family:'NSKR-M';background-color:#fff;}
.info_color.type2{background-color:#009559;}

.secret_box1{position:relative;}
.secret_box1 .font_red{font-family:'NSKR-M';font-size:18px;}
.secret_box1 .box{margin-top:15px;}
.secret_box1 .box:first-child{margin-top:0;}
.secret_box1 .box input{width:35px;padding:0;text-align:center;}
.secret_box1 .top{font-size:16px;color:#000;}
.secret_box1 .bot{text-align:center;/* background-color:#ddd; */}

.secret_box2{position:relative;}
.secret_box2 .left, .secret_box2 .right{width:auto;}
.secret_box2 .right{min-width:50%;}
.secret_box2 .right input{width:35px;padding:0;text-align:center;}

.round_banner_wrap .round_banner{overflow:hidden;position:relative;margin-top:20px;border-radius:10px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15);background-repeat:no-repeat;background-position:right 25px top 50%;}
.round_banner_wrap .round_banner:first-child{margin-top:0;}
.round_banner_wrap .round_banner:active:after{content:'';position:absolute;top:0;left:0;;width:100%;height:100%;border:2px solid #f2a77f;border-radius:10px;box-sizing:border-box;}
.round_banner_wrap .round_banner a{display:table;width:100%;height:100%;min-height:80px;padding:0 74px 0 25px;box-sizing:border-box;}
.round_banner_wrap .round_banner .inner{display:table-cell;vertical-align:middle;}
.round_banner_wrap .round_banner .tit{display:inline-block;margin-bottom:10px;font-size:17px;color:#000;}
.round_banner_wrap .round_banner .txt{text-indent:34px;font-size:12px;color:#959595;font-weight:bold}
.round_banner_wrap .round_banner .txt span{margin-left:3px;vertical-align:bottom;font-family:'NSKR-M';font-size:17px;color:#ea5504;}

.highlighter{position:relative;z-index:0;}
.highlighter:before{content:'';position:absolute;bottom:4px;left:0;z-index:-1;width:100%;height:8px;}

.highlighter.color_orange:before{background-color:#fbd6bc;}
.highlighter.color_green:before{background-color:#b6e1c6;}
.highlighter.color_blue:before{background-color:#b3e5f7;}

/* 은행, 증권 아이콘 */
.account_name .icon_bank{display:inline-block;overflow:hidden;width:25px;height:25px;margin-right:6px;vertical-align:middle;border-radius:100%;background-repeat:no-repeat;background-position:0 0;background-size:100%;box-shadow:0 0 5px rgba(0,0,0,0.2);}

.bank_select .icon_bank{position:relative;padding-top:56px;font-size:13px;letter-spacing:-1.5px;color:#333;}
.bank_select .icon_bank:before{content:'';position:absolute;top:0;left:50%;width:50px;height:50px;margin-left:-25px;border-radius:100%;background-repeat:no-repeat;background-position:0 0;background-size:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);box-sizing:border-box;}

/* 은행 아이콘 */
.account_name .icon_bank.b000, .bank_select .icon_bank.b000:before{background-image:url('../images/icon/icon_b000_adv.png');} /* DB저축은행 000 */
.account_name .icon_bank.b002, .bank_select .icon_bank.b002:before{background-image:url('../images/icon/icon_b002_adv.png');} /* 산업 002 */
.account_name .icon_bank.b003, .bank_select .icon_bank.b003:before{background-image:url('../images/icon/icon_b003_adv.png');} /* 기업 003 */
.account_name .icon_bank.b004, .bank_select .icon_bank.b004:before{background-image:url('../images/icon/icon_b004_adv.png');} /* KB국민 004 */
.account_name .icon_bank.b007, .bank_select .icon_bank.b007:before{background-image:url('../images/icon/icon_b007_adv.png');} /* 수협 007 */
.account_name .icon_bank.b011, .bank_select .icon_bank.b011:before{background-image:url('../images/icon/icon_b011_adv.png');} /* 농협중앙회 011 */
.account_name .icon_bank.b012, .bank_select .icon_bank.b012:before{background-image:url('../images/icon/icon_b012_adv.png');} /* 농협회원조합 012 */
.account_name .icon_bank.b020, .bank_select .icon_bank.b020:before{background-image:url('../images/icon/icon_b020_adv.png');} /* 우리 020 */
.account_name .icon_bank.b023, .bank_select .icon_bank.b023:before{background-image:url('../images/icon/icon_b023_adv.png');} /* 스탠다드차타드 023 */
.account_name .icon_bank.b027, .bank_select .icon_bank.b027:before{background-image:url('../images/icon/icon_b027_adv.png');} /* 한국씨티 027 */
.account_name .icon_bank.b031, .bank_select .icon_bank.b031:before{background-image:url('../images/icon/icon_b031_adv.png');} /* 대구 031 */
.account_name .icon_bank.b032, .bank_select .icon_bank.b032:before{background-image:url('../images/icon/icon_b032_adv.png');} /* 부산 032 */
.account_name .icon_bank.b034, .bank_select .icon_bank.b034:before{background-image:url('../images/icon/icon_b034_adv.png');} /* 광주 034 */
.account_name .icon_bank.b035, .bank_select .icon_bank.b035:before{background-image:url('../images/icon/icon_b035_adv.png');} /* 제주 035 */
.account_name .icon_bank.b037, .bank_select .icon_bank.b037:before{background-image:url('../images/icon/icon_b037_adv.png');} /* 전북 037 */
.account_name .icon_bank.b039, .bank_select .icon_bank.b039:before{background-image:url('../images/icon/icon_b039_adv.png');} /* 경남 039 */
.account_name .icon_bank.b045, .bank_select .icon_bank.b045:before{background-image:url('../images/icon/icon_b045_adv.png');} /* 새마을금고 045 */
.account_name .icon_bank.b048, .bank_select .icon_bank.b048:before{background-image:url('../images/icon/icon_b048_adv.png');} /* 신용협동조합 048 */
.account_name .icon_bank.b050, .bank_select .icon_bank.b050:before{background-image:url('../images/icon/icon_b050_adv.png');} /* 상호저축은행 050 */
.account_name .icon_bank.b052, .bank_select .icon_bank.b052:before{background-image:url('../images/icon/icon_b052_adv.png');} /* 모간스탠리 052 */
.account_name .icon_bank.b054, .bank_select .icon_bank.b054:before{background-image:url('../images/icon/icon_b054_adv.png');} /* HSBC 054 */
.account_name .icon_bank.b055, .bank_select .icon_bank.b055:before{background-image:url('../images/icon/icon_b055_adv.png');} /* 도이치 055 */
.account_name .icon_bank.b057, .bank_select .icon_bank.b057:before{background-image:url('../images/icon/icon_b057_adv.png');} /* JP모간 057 */
.account_name .icon_bank.b063, .bank_select .icon_bank.b063:before{background-image:url('../images/icon/icon_b063_adv.png');} /* 중국은행 063 */
.account_name .icon_bank.b064, .bank_select .icon_bank.b064:before{background-image:url('../images/icon/icon_b064_adv.png');} /* 산림조합중앙회 064 */
.account_name .icon_bank.b067, .bank_select .icon_bank.b067:before{background-image:url('../images/icon/icon_b067_adv.png');} /* 중국건설은행 067 */
.account_name .icon_bank.b071, .bank_select .icon_bank.b071:before{background-image:url('../images/icon/icon_b071_adv.png');} /* 우체국 071 */
.account_name .icon_bank.b081, .bank_select .icon_bank.b081:before{background-image:url('../images/icon/icon_b081_adv.png');} /* KEB하나 081 */
.account_name .icon_bank.b088, .bank_select .icon_bank.b088:before{background-image:url('../images/icon/icon_b088_adv.png');} /* 신한 088 */
.account_name .icon_bank.b089, .bank_select .icon_bank.b089:before{background-image:url('../images/icon/icon_b089_adv.png');} /* K뱅크 089 */
.account_name .icon_bank.b090, .bank_select .icon_bank.b090:before{background-image:url('../images/icon/icon_b090_adv.png');} /* 카카오뱅크 090 */
.account_name .icon_bank.b090, .bank_select .icon_bank.b092:before{background-image:url('../images/icon/icon_b271_adv.png');} /* 토스뱅크092 */ 

/* 증권 아이콘 */
.account_name .icon_bank.b209, .bank_select .icon_bank.b209:before{background-image:url('../images/icon/icon_b209_adv.png');} /* 유안타증권 209 */
.account_name .icon_bank.b218, .bank_select .icon_bank.b218:before{background-image:url('../images/icon/icon_b218_adv.png');} /* KB증권 218 */
.account_name .icon_bank.b224, .bank_select .icon_bank.b224:before{background-image:url('../images/icon/icon_b224_adv.png');} /* BNK투자증권 224 */
.account_name .icon_bank.b225, .bank_select .icon_bank.b225:before{background-image:url('../images/icon/icon_b225_adv.png');} /* IBK투자증권 225 */
.account_name .icon_bank.b226, .bank_select .icon_bank.b226:before{background-image:url('../images/icon/icon_b226_adv.png');} /* KB투자증권 226 */
.account_name .icon_bank.b227, .bank_select .icon_bank.b227:before{background-image:url('../images/icon/icon_b227_adv.png');} /* KTB투자증권 227 */
.account_name .icon_bank.b238, .bank_select .icon_bank.b238:before{background-image:url('../images/icon/icon_b238_adv.png');} /* 미래에셋대우 238 */
.account_name .icon_bank.b240, .bank_select .icon_bank.b240:before{background-image:url('../images/icon/icon_b240_adv.png');} /* 삼성증권 240 */
.account_name .icon_bank.b243, .bank_select .icon_bank.b243:before{background-image:url('../images/icon/icon_b243_adv.png');} /* 한국투자증권 243 */
.account_name .icon_bank.b247, .bank_select .icon_bank.b247:before{background-image:url('../images/icon/icon_b247_adv.png');} /* NH투자증권 247 */
.account_name .icon_bank.b261, .bank_select .icon_bank.b261:before{background-image:url('../images/icon/icon_b261_adv.png');} /* 교보증권 261 */
.account_name .icon_bank.b262, .bank_select .icon_bank.b262:before{background-image:url('../images/icon/icon_b262_adv.png');} /* 하이투자증권 262 */
.account_name .icon_bank.b263, .bank_select .icon_bank.b263:before{background-image:url('../images/icon/icon_b263_adv.png');} /* 현대차증권 263 */
.account_name .icon_bank.b264, .bank_select .icon_bank.b264:before{background-image:url('../images/icon/icon_b264_adv.png');} /* 키움증권 264 */
.account_name .icon_bank.b265, .bank_select .icon_bank.b265:before{background-image:url('../images/icon/icon_b265_adv.png');} /* 이트레이드증권 265 */
.account_name .icon_bank.b266, .bank_select .icon_bank.b266:before{background-image:url('../images/icon/icon_b266_adv.png');} /* 에스케이증권 266 */
.account_name .icon_bank.b267, .bank_select .icon_bank.b267:before{background-image:url('../images/icon/icon_b267_adv.png');} /* 대신증권 267 */
.account_name .icon_bank.b269, .bank_select .icon_bank.b269:before{background-image:url('../images/icon/icon_b269_adv.png');} /* 한화증권 269 */
.account_name .icon_bank.b270, .bank_select .icon_bank.b270:before{background-image:url('../images/icon/icon_b270_adv.png');} /* 하나대투증권 270 */
.account_name .icon_bank.b271, .bank_select .icon_bank.b271:before{background-image:url('../images/icon/icon_b271_adv.png');} /* 토스증권 271 */
.account_name .icon_bank.b278, .bank_select .icon_bank.b278:before{background-image:url('../images/icon/icon_b278_adv.png');} /* 신한금융투자 278 */
.account_name .icon_bank.b279, .bank_select .icon_bank.b279:before{background-image:url('../images/icon/icon_b279_adv.png');} /* DB금융투자 279 */
.account_name .icon_bank.b280, .bank_select .icon_bank.b280:before{background-image:url('../images/icon/icon_b280_adv.png');} /* 유진투자증권 280 */
.account_name .icon_bank.b287, .bank_select .icon_bank.b287:before{background-image:url('../images/icon/icon_b287_adv.png');} /* 메리츠증권 287 */
.account_name .icon_bank.b290, .bank_select .icon_bank.b290:before{background-image:url('../images/icon/icon_b290_adv.png');} /* 부국증권 290 */
.account_name .icon_bank.b291, .bank_select .icon_bank.b291:before{background-image:url('../images/icon/icon_b291_adv.png');} /* 신영증권 291 */
.account_name .icon_bank.b292, .bank_select .icon_bank.b292:before{background-image:url('../images/icon/icon_b292_adv.png');} /* LIG투자증권 292 */
.account_name .icon_bank.b294, .bank_select .icon_bank.b294:before{background-image:url('../images/icon/icon_b294_adv.png');} /* 펀드코리아 294 */

/* -----------------------------------------
  main
----------------------------------------- */
.contanier h1.logo{margin:3px;}
.contanier h1.logo img{width:150px;height:43px;}
.contanier h2.logo{margin-top:-4px;}
.contanier h2.logo img{width:110px;height:31px;}
.contents.main{padding-bottom:0;background-position:50% 45px;background-repeat:no-repeat;background-size:100%;}
.main_login{z-index:100;position:absolute;top:15px;right:18px;width:32px;height:41px;padding-top:26px;font-size:12px;font-family:'NSKR-M';text-align:center;letter-spacing:-1.5px;box-sizing:border-box;background:url(../images/main/btn_login.png) no-repeat 50% 0;background-size:23px 26px;}

.visual_title{padding:20px 25px;}
.visual_title p{margin-top:20px;}
.visual_title p:first-child{margin-top:0;}
.visual_title .tit1{font-size:12px;color:#888;}
.visual_title .tit2{font-size:23px;color:#222;font-family:'NSKR-M';}

/* main - old */
.contents.main .main_menu_swiper{width:78%;height:51%;padding-right:20px;position:absolute;bottom:0px;left:20px;padding-bottom:30px;}
.contents.main .main_menu_swiper a{display:inline-block;}

.contents.main .main_menu_swiper .line{height:36%;margin-top:10px;}
.contents.main .main_menu_swiper .line:first-child{margin-top:0;}
.contents.main .main_menu_swiper .line:after{display:block;clear:both;content:"";}
.contents.main .main_menu_swiper .line > .box{position:relative;display:inline-block;width:48.5%;float:right;height:100%;box-sizing:border-box;text-align:center;}
.contents.main .main_menu_swiper .line > .box a{width:100%;height:100%;color:#000;font-size:16px;font-weight:600;box-shadow:1px 1px 10px 3px #d5dde3;box-sizing:border-box;border-radius:5px;background-color:#fff;}

.contents.main .main_menu_swiper .line.box1 > div:first-child{float:left;}
.contents.main .main_menu_swiper .line.box1 > .bx1{text-align:left;}
.contents.main .main_menu_swiper .line.box1 > .bx1 a{background-color:transparent;box-shadow:none;}

.contents.main .box_swiper .swiper-slide{background-color:#00a086;border-radius:5px;box-shadow:none;}
.contents.main .box_swiper{height:100%;}
.contents.main .box_swiper .tit{padding:20px 0 0 25px;color:#fff;font-size:15px;}
.contents.main .box_swiper .data{display:block;padding:5px 0 0 25px;color:#fff;font-size:32px;font-weight:600;}
.contents.main .box_swiper .add{background:#016bb8;}
.contents.main .box_swiper .add .data{padding-top:25px; font-size:22px;}
.contents.main .box_swiper .add  .data + .tit{display:block; padding-top:0;}

.contents.main .main_menu_swiper .line.box1 > .bx2 a,
.contents.main .main_menu_swiper .line.box2 > .bx1 a,
.contents.main .main_menu_swiper .line.box2 > .bx2 a,
.contents.main .main_menu_swiper .line.box3 > .bx1 a{display:table;}
.contents.main .main_menu_swiper .line.box1 > .bx2 a span,
.contents.main .main_menu_swiper .line.box2 > .bx1 a span,
.contents.main .main_menu_swiper .line.box2 > .bx2 a span,
.contents.main .main_menu_swiper .line.box3 > .bx1 a span{display:table-cell;vertical-align:middle;}
.contents.main .main_menu_swiper .line .box a span em{display:inline-block;}

.contents.main .main_menu_swiper .line.box1 > .bx2{padding-top:18%;box-sizing:border-box;}
.contents.main .main_menu_swiper .line.box1 > .bx2 a span em{line-height:20px;padding-left:24px;background-image:url(../images/main/main_menu_swiper_ico2.png);background-position:0 50%;background-repeat:no-repeat;background-size:16px 18px;}

.contents.main .main_menu_swiper .line.box2 > div:first-child{float:left;}
.contents.main .main_menu_swiper .line.box2 > .bx1 a span em{min-width:41px;padding-top:34px;background-image:url(../images/main/main_menu_swiper_ico3.png);background-position:50% 0;background-repeat:no-repeat;background-size:41px 30px;}
.contents.main .main_menu_swiper .line.box2 > .bx2 a span em{min-width:41px;padding-top:34px;background-image:url(../images/main/main_menu_swiper_ico4.png);background-position:50% 0;background-repeat:no-repeat;background-size:41px 30px;}

.contents.main .main_menu_swiper .line.box3{height:18%;}
.contents.main .main_menu_swiper .line.box3 > .bx1{width:100%;}
.contents.main .main_menu_swiper .line.box3 > .bx1 a span em{line-height:34px;padding-left:38px;background-image:url(../images/main/main_menu_swiper_ico5.png);background-position:0 50%;background-repeat:no-repeat;background-size:29px 31px;}
/* //main - old */

.main_menu_swiper .link_menu{position:absolute;bottom:7px;left:0;width:100%;}
.main_menu_swiper .link_menu > li{margin-top:12px;}
.main_menu_swiper .link_menu > li:first-child{margin-top:0;}
.main_menu_swiper .link_menu > li > a{display:block;padding:7% 10px 7% 70px;line-height:1em;border-radius:5px;box-shadow:1px 1px 10px 3px #d5dde3;box-sizing:border-box;background-color:#fff;}
.main_menu_swiper .link_menu > li.ico1_1 a{background-image:url(../images/main/link_menu1_1.png);background-position:15px 50%;background-repeat:no-repeat;background-size:44px 54px;}
.main_menu_swiper .link_menu > li.ico1_2 a{background-image:url(../images/main/link_menu1_2.png);background-position:15px 50%;background-repeat:no-repeat;background-size:44px 54px;}
.main_menu_swiper .link_menu > li.ico1_3 a{background-image:url(../images/main/link_menu1_3.png);background-position:15px 50%;background-repeat:no-repeat;background-size:44px 54px;}
.main_menu_swiper .link_menu > li.ico2_1 a{background-image:url(../images/main/link_menu2_1.png);background-position:15px 50%;background-repeat:no-repeat;background-size:44px 54px;}
.main_menu_swiper .link_menu > li.ico2_2 a{background-image:url(../images/main/link_menu2_2.png);background-position:15px 50%;background-repeat:no-repeat;background-size:44px 54px;}
.main_menu_swiper .link_menu > li.ico2_3 a{background-image:url(../images/main/link_menu2_3.png);background-position:15px 50%;background-repeat:no-repeat;background-size:44px 54px;}

.main_menu_swiper .link_menu .title{display:block;font-size:18px;font-family:'NSKR-R';color:#333;}
.main_menu_swiper .link_menu p{margin-top:3px;font-size:12px;color:#333;}

.main_menu_swiper .swiper-slide{color:#000;font-size:25px;}
.main_menu_swiper .swiper-pagination{position:relative;width:100%;bottom:-2px;}
.main_menu_swiper .swiper-pagination-bullet{width:10px;height:10px;opacity:0.9;background-color:#fff; border:1px solid #b1b1b1}
.main_menu_swiper .swiper-pagination-bullet-active{background-color:#b1b1b1;}

.main_menu_link{padding:0 15px}
.main_menu_link .sub_menu span{display: inline-block; float: left; background-repeat: no-repeat; background-position: 50% 4px; text-align: center; color: #000;}
.main_menu_link .sub_menu span a{display:block; padding-top:63px; font-size:18px;}
.main_menu_link .sub_menu .comment{width: 50%; text-align:left;}
.main_menu_link .sub_menu .comment h1{margin:10px;font-size:17px;}
.main_menu_link .sub_menu .menu1{width: 25%; background-image: url('../images/icon/ico_phone.png');background-size:44px 44px;}
.main_menu_link .sub_menu .menu2{width: 25%; background-image: url('../images/icon/ico_page.png');background-size:44px 44px;}

.main_notice_bar{display:table;position:relative;width:100%;margin-top:18px;padding-right:28px;box-sizing:border-box;border:1px solid #dfdfdf;border-width:1px 0;background-color:#fff;}
.main_notice_bar:after{content:'';display:block;clear:both;}
.main_notice_bar > *{float:left;height:50px;line-height:50px;}
.main_notice_bar .tit{width:17%;text-align:center;font-family:'NSKR-M';font-size:15px;color:#000;}
.main_notice_bar .con,
.main_notice_bar .date{font-family:'NSKR-DL';font-size:13px;}
.main_notice_bar .con{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:60%;color:#5c5c5c;}
.main_notice_bar .date{float:right;width:auto;color:#999;}
.main_notice_bar .more{position:absolute;top:50%;right:12px;transform:translateY(-50%);height:auto;line-height:initial;padding:0 3px;}
.main_notice_bar .more:after{content:'+';color:#999;}

.main_menu_swiper .swiper-slide{color:#000;font-size:25px;}
.main_menu_swiper .swiper-pagination{position:relative;width:100%;bottom:10px;}
.main_menu_swiper .swiper-pagination-bullet{width:10px;height:10px;opacity:0.9;background-color:#fff; border:1px solid #b1b1b1}
.main_menu_swiper .swiper-pagination-bullet-active{background-color:#b1b1b1;}

.openbank_content .comming_soon {position:absolute; width:100%; height:100%; background:url(../images/main/comming_soon.jpg) no-repeat 0 0;background-size:100% 100%;}

/* -----------------------------------------
  sub
----------------------------------------- */
/* login */
.section_tit.list_title{padding:20px 15px 16px 15px;text-align:left;}

.set_list ul li label{display:block;padding:10px 0 12px 0;/* padding:20px 15px 18px 15px; */color:#333;line-height:21px;font-size:16px;background-position:right 0px top 50%;}

.link_group{position:relative;text-align:center;margin:35px 15px 0 15px;overflow:hidden;}
.link_group li{float:left;width:50%;box-sizing:border-box;padding-right:1%;margin-top:10px;}
.link_group li:nth-child(2n){padding:0 0 0 1%;}
.link_group li:nth-child(1), .link_group li:nth-child(2){margin-top:0;}
.link_group li.full{width:100%;}
.link_group li.full a{display:inline-block;width:100%;}
.link_group .btn{display:block;line-height:30px;border:1px solid #c1c1c1;border-radius:4px;color:#333;}
.link_group .btn span{display:inline-block; padding:2px 10px 0 30px;}

.link_group .btn.id span{background:url(../images/content/link_group_ico1.png) no-repeat 11px 50%;background-size:18px;}
.link_group .btn.pw span{background:url(../images/content/link_group_ico2.png) no-repeat 11px 50%;background-size:18px;}
.link_group .btn.pw2 span{background:url(../images/content/link_group_ico3.png) no-repeat 11px 50%;background-size:18px;}
.link_group .btn.reset span{background:url(../images/content/link_group_ico4.png) no-repeat 11px 50%;background-size:18px;}

.accredit_num{padding:23px;text-align:center;color:#fff;background-color:#2c4b9c;}
.accredit_num .tit{margin-bottom:14px;color:#fff !important;}
.accredit_num .num{display:inline-block;margin:0 3px;padding:0 4px;padding-bottom:8px;border-bottom:2px solid #fff;font-size:30px;font-family:'NSKR-M';}

.accredit_num.type2{padding:0;background-color:transparent;}
.accredit_num.type2 .inner{padding:12px 0 23px;background-color:#39518f;}
.accredit_num.type2 .num{color:#fff;}

.accredit_num .time_limit{margin-top:50px;text-align:center;}
.accredit_num .time_limit > strong{font-size:18px;font-family:'NSKR-R';}
.accredit_num .time_limit > strong span{margin-left:13px;font-family:'NSKR-B';color:#333;}
.accredit_num .time_limit .import{margin-top:25px;font-size:14px;}

.certificate_list{position:relative;border-top:1px solid #e9e9e9;}
.certificate_list li{border-bottom:1px solid #e9e9e9;}
.certificate_list li a{position:relative;display:block;min-height:68px;padding:20px 15px 25px 98px;background-image:url(../images/icon/certificate_list_ico.png); background-repeat:no-repeat; background-position:15px 25px;background-size:68px;}
.certificate_list li a:hover{background-color:#e9f5f0;}
.certificate_list li a span{display:block;font-size:15px;margin-top:3px;}
.certificate_list li a .data{margin-bottom:10px;}
.certificate_list li a .data:after{display:block;clear:both;content:"";}
.certificate_list li a .data span{float:left;margin-right:5px;font-size:18px;color:#000;}
.certificate_list li a .data span:last-child{margin-right:0;}
.certificate_list li a .data .name{font-family:'NSKR-M';}
.certificate_list li a .cmt{font-size:14px;color:#ff0000;}
.certificate_list li.off a{opacity:0.4;background-color:#ddd;}

.certificate_title{margin-top:25px;padding:0 15px;font-size:19px;color:#333;font-family:'NSKR-M';}

.certificate_list.type2{padding:15px;border-top:0;}
.certificate_list.type2 li{margin-top:10px;}
.certificate_list.type2 li:first-child{margin-top:0;}
.certificate_list.type2 a{padding:15px 15px 15px 83px;border:1px solid #ccc;border-radius:4px;background-color:#fff;background-image:url(../images/icon/certificate_list_ico2.png);background-position:22px 50%;background-size:39px 44px;}
.certificate_list.type2 a:hover{border:1px solid #009559;background-color:#fff;}
.certificate_list.type2 a span{display:block;margin-top:0;font-size:12px;}
.certificate_list.type2 a .name{margin-bottom:10px;font-family:'NSKR-M';color:#333;font-size:22px;}

/* 금융인증서 로그인 진입화면 */
.certify_login_guide .border_box.ty_icon:before{background-image:url('../images/icon/ico_certify_loginguide_adv.png');}
.certify_login_guide .txt_box{margin-top:60px;}
.certify_login_guide .btn_wrap {margin-top:20px;}

/* 고객센터 */
.gray_bg{background-color:#f6f6f6;}
.customer_main{padding:15px 15px 30px 15px;}
.customer_main .menu{}
.customer_main .menu li{margin-top:8px;}
.customer_main .menu li:first-child{margin-top:0;}
.customer_main .menu li a{display:block;padding:18px 20px 18px 92px;box-sizing:border-box;border:1px solid #eaeaea;box-shadow:2px 2px 1px #eaeaea;border-radius:4px;font-size:16px;line-height:1.4em;letter-spacing:-2px;color:#444;background-color:#fff;}
.customer_main .customer_etc{position:fixed;bottom:0;left:0;width:100%;padding:20px 25px 20px 69px;border-top:1px solid #ddd;box-sizing:border-box;font-size:16px;line-height:1.4em;color:#333;letter-spacing:-2px;background:#fff url(../images/content/ico_customer_etc.png) no-repeat 15px 50%;background-size:44px 40px;}
.customer_main .customer_etc:after{display:block;content:"";width:10px;height:19px;position:absolute;top:50%;right:15px;margin-top:-5px;background:#fff url(../images/common/arrow_green.png) no-repeat 0 0;background-size:10px 19px;}

.customer_main .menu li.ico1 a{background-image:url(../images/content/ico_customer_main_m1.png);background-size:41px 35px;background-repeat:no-repeat;background-position:25px 50%;}
.customer_main .menu li.ico2 a{background-image:url(../images/content/ico_customer_main_m2.png);background-size:38px 38px;background-repeat:no-repeat;background-position:25px 50%;}
.customer_main .menu li.ico3 a{background-image:url(../images/content/ico_customer_main_m3.png);background-size:28px 45px;background-repeat:no-repeat;background-position:32px 50%;}
.customer_main .menu li.ico4 a{background-image:url(../images/content/ico_customer_main_m4.png);background-size:42px 30px;background-repeat:no-repeat;background-position:25px 50%;}
.customer_main .menu li.ico5 a{background-image:url(../images/content/ico_customer_main_m5.png);background-size:34px 40px;background-repeat:no-repeat;background-position:30px 50%;}
.customer_main .menu li.ico6 a{background-image:url(../images/content/ico_customer_main_m6.png);background-size:30px 40px;background-repeat:no-repeat;background-position:30px 50%;}

.customer_ico_location{padding-left:20px !important;background:url(../images/content/customer_ico_location.png) no-repeat 3px 50%;background-size:9px 14px;}
.customer_ico_tel{padding-left:20px !important;background:url(../images/content/customer_ico_tel.png) no-repeat 3px 50%;background-size:14px 11px;}
.customer_ico_bus{padding-left:20px !important;background:url(../images/content/customer_ico_bus.png) no-repeat 3px 50%;background-size:15px 12px;}

.gray_box.otp_inp{padding-bottom:79px;background-image:url(../images/icon/ico_kdic.png); background-repeat:no-repeat;background-position:left 50% bottom 15px;background-size:86px 43px;}

.area_box{width:100%;height:100%;}
.area_box img{width:100%;}

.mapArea{border:1px solid #ccc; box-sizing:border-box;}
.mapArea .mapFooter{width:100%; padding:10px; background:#f6f6f6; border-top:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
.mapArea .mapFooter em{float:left; font-family: tahoma; font-size: 11px; color:#666;}
.mapArea .mapFooter .zoom{float:left; padding:0 0 0 10px; font-family: tahoma; font-size: 11px; color:#666;}
.mapArea .mapFooter .corp{float:right; font-family:tahoma; font-size:9px; font-family:'NSKR-M'; color:#2db400; text-decoration:none;}
.mapArea .mapFooter .corp span{font-size:9px; font-family:Verdana, sans-serif; color:#444;}
.mapArea .mapBody a{display:block; width:100%; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;}

/* 고객센터 - 보이는 ARS */
.visible_ars .inform_area > .txt_wrap{margin-bottom:10px;text-align:center;font-family:'NSKR-M';}
.visible_ars .inform_area > .txt_wrap p{font-size:13px;color:#008695;}
.visible_ars .inform_area > .txt_wrap span{font-size:12px;color:#777;}

.visible_ars .call_info{text-align:center;border:1px solid #eee;border-radius:4px;background-color:#008695;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.visible_ars .call_info a{display:table;width:100%;padding:24px;box-sizing:border-box;color:#fff;}
.visible_ars .call_info .txt_wrap{display:table-cell;vertical-align:middle;}
.visible_ars .call_info .txt_wrap p{display:inline-block;padding-left:38px;font-family:'NSKR-M';color:#fff;background:url('../images/common/icon_db_ci_adv.png') no-repeat 0 50%;background-size:23px 28px;}
.visible_ars .call_info .txt_wrap p span{display:block;}

.visible_ars .grp_tit{margin:12px 0 9px;padding:0;line-height:1;}
.visible_ars .call_list{margin-top:-28px;}
.visible_ars .call_list:after{content:'';display:block;clear:both;}
.visible_ars .call_list li{float:left;width:48.6%;margin:14px 0 0 2.8%;} 
.visible_ars .call_list li:nth-child(2n+1){clear:both;margin-left:0;}
.visible_ars .call_list .btn_type8 em{color:#008695;}
.visible_ars .call_list .btn_type8 i{display:block;font-size:15px;}

/* user */
.mail_link, a.link{text-decoration:underline;color:#0061af;}

/* 조회 */
.bank_title{display:table;width:100%;table-layout:fixed;padding:20px 0;}
.bank_title .sup{display:table-cell;vertical-align:middle;}
.bank_title .cont{display:table-cell;font-size: 18px;color:#000;text-align:right;}
.gray_box .bank_title:first-child{padding:10px 0 20px 0;}

.bank_month_head{margin:13px 0;height:23px;line-height:23px;text-align:center;}
.bank_month_head a{display:inline-block;width:23px;height:23px;}
.bank_month_head .prev{background:url(../images/content/bank_month_prev.png) no-repeat 0 0;background-size:23px 23px;}
.bank_month_head .next{background:url(../images/content/bank_month_next.png) no-repeat 0 0;background-size:23px 23px;}
.bank_month_head .day{display:inline-block;width:auto;height:23px;margin:0 20px;line-height:23px;vertical-align:top;color:#000;font-size:18px;font-family:'NSKR-M';}
.bank_month_head + .gray_box{margin-top:0;}

.month_graph{position:relative;padding:15px;background-color:#fff;overflow:hidden;}

.result_search{border-bottom:1px solid #e9e9e9;background-color:#f7f7f7;}
.result_search .btn_list{padding:13px 2px;}
.result_search .btn_list:after{display:block;clear:both;content:"";}
.result_search .btn_list span{position:relative;display:inline-block;float:left;width:16.4%;text-align:center;border-left:1px solid #e9e9e9;}
.result_search .btn_list span:first-child{border-left:0;}
.result_search .btn_list span button{width:100%;}
.result_search .btn_list span.on:after{display:block;content:"";position:absolute;bottom:-13px;left:0;width:100%;height:3px;background-color:#009559;}
.result_search .btn_list.col5 span{width:19.7%;}
.result_search dl{border-top:1px solid #e9e9e9;}
.result_search dl dt{float:left;padding:10px 10px 0 10px;line-height:37px;}
.result_search dl dd{padding:10px 10px 10px 85px;line-height:37px;letter-spacing:-1.5px;}
.result_search dl dd .radio{line-height:37px;}
.result_search dl dt.padt_none{padding:0 10px;}
.result_search dl dd.padt_none{padding:0 10px 10px 85px;}
.result_search .date_wrap, .result_search .input_wrap{margin:0;min-height:37px;}
.result_search .input_wrap label{height:auto;background-position:0 50%;}
.result_search .input_wrap .radio + .radio{margin-left:10px;}
.result_list.bor_top{padding-top:0;}
.result_list .no_data{border-bottom:1px solid #e9e9e9;}
.result_list .account_info .list{padding:0;}
.result_list .account_info li{padding:10px 0;}
.result_list .account_info li:first-child{border-top:0;}
.result_search .line{border-top:1px solid #e9e9e9;}
.btn_result_search{width:20px;height:20px;margin-top:8px;vertical-align:top;background:url(../images/common/btn_result_search.png) no-repeat 0 0;background-size:20px 20px;}
.result_search > dl:first-child{border-top:0;}
.result_search > dl + .btn_list{border-top:1px solid #e9e9e9;}

/* 이체 */
.transfer_list{}
.transfer_list li{border-bottom:1px solid #e9e9e9;}
.transfer_list li a{display:block;padding:15px;box-sizing:border-box;overflow:hidden;}
.transfer_list .cont{float:left;}
.transfer_list .name{font-size:16px;color:#000;font-family:'NSKR-M';}
.transfer_list .bank{margin-top:5px;font-size:17px;color:#000;}
.transfer_list .bank .num{margin-left:5px;font-family:'NSKR-M';color:#009559;}
.transfer_list .date{float:right;margin-top:15px;text-align:right;}

.account_info.transfer_info .list{padding:0;}
.account_info.transfer_info .list li{padding:5px 0 0 0;}
.inp_text{display:block;margin-top:5px;text-align:right;}
.account_list.toggle_type1 {padding:1.2em 2em;line-height:1em;border-radius:15px;box-shadow:1px 1px 10px 3px rgba(0,0,0,.1);box-sizing:border-box;margin:15px 20px;background-color:#fff;}
.account_list.toggle_type1 .control{width:100%;background-position:right 5px top 4px;}
.account_list.toggle_type1 .tot_price{position:absolute;top:0px;right:29px;width:163px;height:70px;text-align:right;}

.green_bar{margin-top:50px;position:relative;padding:15px;background-color:#def0eb;}
.green_bar p{text-align:right;color:#00854a;font-size:17px;}
.green_bar p em{display:inline-block;margin:0 2px;font-size:21px;font-family:'NSKR-M';}
.green_bar p span{display:inline-block;}
.section_tit + .green_bar{margin-top:0;}
.green_bar.account_info > .list{padding:0;}
.green_bar.account_info > .list > li:first-child{padding-top:0;}
.green_bar.account_info > .list > li:last-child{padding-bottom:0;border-bottom:0;}

.SMS_accredit + .ARS_accredit{}
.one_accredit{}

.table{display:table;width:100%;}
.table > li{display:table-row;}
.table > li > p{display:table-cell;line-height:23px;}
.table > li .bold{color:#000;font-family:'NSKR-M';font-size:18px;}
.table > li .name{font-size:18px;color:#000;font-family:'NSKR-M';}
.table > li .date em{font-size:12px;color:#888;}
.table > li .price{color:#000;}
.table > li .price em{font-size:21px;font-family:'NSKR-M';color:#e92927;}
.table > li .font_green{font-family:'NSKR-M';}
.table.al_leftright > li > p:first-child{text-align:left;}
.table.al_leftright > li > p:last-child{text-align:right;color:#000;font-size:17px;}
.cancel_no{color:#999 !important;font-family:'NSKR-M';}
.cancel_yes{color:#009559 !important;font-family:'NSKR-M';}

.table.line > li > p{padding:10px 0;border-bottom:1px solid #ddd;}

.w_line{border:1px solid #ddd;background-color:#fff;}
.w_line .table > li > p{padding:10px 15px;border-bottom:1px solid #ddd;}
.w_line .btn_wrap{margin:25px 0;}
.w_line + .w_line{margin-top:15px;}

/* 이체 - ATM 출금 */
.img_wrap.atm_guide{margin:60px 0;}

/* 다른은행 */
.openbanking_transfer_wrap .account_area .grp_tit{margin-top:0; font-size:17px;line-height:1;}
.openbanking_transfer_wrap .account_area .account_name{margin:10px 0 7px;font-family:'NSKR-M';font-size:20px;color:#00854a;}
.openbanking_transfer_wrap .account_area .account_sub_txt{margin-top:0;font-size:14px;text-align:right;}
.openbanking_transfer_wrap .account_area .transfer_info{display:table;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid #cbcbcb;}
.openbanking_transfer_wrap .account_area .transfer_info .sup,
.openbanking_transfer_wrap .account_area .transfer_info .cont{display:table-cell;vertical-align:middle;}
.openbanking_transfer_wrap .account_area .transfer_info .sup{font-family:'NSKR-R';font-size:14px;}
.openbanking_transfer_wrap .account_area .transfer_info .cont{font-size:20px;text-align:right;color:#000;}

.openbanking_transfer_wrap .btn_wrap.three span,
.openbanking_transfer_wrap .btn_wrap.six span{padding-left:5px;}

.sum_amount{position:relative;padding:20px 15px;border:solid #5a9f93;border-width:1px 0;text-align:right;background-color:#f3fafa;}
.account_info .sum_amount{margin-top:-1px;}
.sum_amount > strong {margin-right:2px;font-size:18px;font-family:'NSKR-R';color:#00854a;}
.sum_amount > span {font-size:15px;color:#666;}

.account_select_list li{background-color:#fff;}
.account_select_list li + li{margin-top:30px;}
.account_select_list li a{display:table;position:relative;width:100%;min-height:140px;padding:0 15px;border-radius:10px;box-sizing:border-box;box-shadow:0 2px 10px rgb(0,0,0,0.1);}
.account_select_list li a:after{transition:all .2s;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #7fcaac;border-radius:10px;box-sizing:border-box;}
.account_select_list li a:focus:after{border-width:2px;border-color:#05975c;}
.account_select_list li a .txt{display:table-cell;padding-left:80px;vertical-align:middle;font-size:18px;color:#333;background-repeat:no-repeat;background-position:0 50%;background-size:65px 90px;}
.account_select_list li a .txt .cf{display:block;margin-top:8px;padding-left:19px;text-indent:-17px;font-size:15px;color:#009559;}
.account_select_list li.icon_load .txt{background-image:url('../images/content/icon_account_load_adv.png');}
.account_select_list li.icon_input .txt{background-image:url('../images/content/icon_account_input_adv.png');}

.account_register .check_list .account_info{padding:20px 65px 20px 32px;}
.account_register .check_list .account_name{position:relative;}
.account_register .check_list .account_name span{line-height:22px;font-family:'NSKR-M';font-size:15px;color:#333;}
.account_register .check_list .account_name span .icon_bank{position:absolute;top:0;left:-31px;}
.account_register .check_list .account_name .label{margin-left:12px;}
.account_register .check_list .account_num{display:inline-block;position:relative;margin:7px 0;padding-bottom:7px;font-size:17px;color:#000;}
.account_register .check_list .account_num:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#727272;}
.account_register .check_list li.impossible .account_num{color:#666;}
.account_register .state{position:absolute;top:22px;right:0;font-size:13px;}
.account_register .state.red{color:#e92927;}
.account_register .state.blue{color:#2c4b9c;}
.account_register .btn_type3{display:inline-block;position:absolute;top:50%;right:10px;width:auto;margin-top:-13px;padding:3px 10px;}

.account_register.type2 .account_info{padding:13px 15px 13px 40px;}
.account_register.type2 .account_name{display:block;width:49%;}
.account_register.type2 .account_num{position:absolute;top:14px;right:15px;margin:0;padding:0;font-size:15px;}
.account_register.type2 .account_num:after{content:none;}
.account_register.type2 .prdt_name{display:inline-block;margin-top:2px;}

.account_name .label{display:inline-block;width:70px;height:22px;line-height:22px;border:1px solid;border-radius:10px;font-size:11px;text-align:center;box-sizing:border-box;}
.account_name .label.activity{border-color:#bfc9e1;color:#2c4b9c;background-color:#f0f2f8;}
.account_name .label.inactivity{border-color:#f8bebe;color:#e92927;background-color:#fdf0f0;}

.account_nickname .account_num{display:table;width:100%;margin-bottom:20px;}
.account_nickname .account_num .sup,
.account_nickname .account_num .cont{display:table-cell;vertical-align:middle;font-family:'NSKR-M';color:#333;}
.account_nickname .sup{font-size:15px;}
.account_nickname .cont{font-size:17px;text-align:right;}
.account_nickname .inp_label_wrap input[type='text']{padding-left:90px;text-align:left;background-color:#f7f7f7;}
.account_nickname .import{margin-top:18px; text-align:center;}

.certify_wrap{margin:15px 15px 60px;}
.certify_wrap .btn_type7{padding:0;}
.certify_wrap > div:after{content:'';display:block;clear:both;}
.certify_wrap .top > p{float:left;width:31.4%;padding-left:4.3%;line-height:39px;font-size:15px;color:#00854a;box-sizing:border-box;}
.certify_wrap .top > .btn_type7{float:left;width:68.6%;}
.certify_wrap .bottom{margin-top:5px;}
.certify_wrap .bottom .input_wrap{float:left;width:79.7%;margin:0;padding-right:5px;box-sizing:border-box}
.certify_wrap .bottom .input_wrap input[type='text']{height:39px;line-height:39px;padding-right:23.6%;box-sizing:border-box;}
.certify_wrap .bottom .input_wrap .time_limit{position:absolute;top:0;right:15px;line-height:39px;font-size:15px;color:#000;}
.certify_wrap .bottom > .btn_type7{float:right;width:20.3%;}


/* 신규-해지 */
.ico_info_list{position:relative;padding:30px 0 20px 0;border-bottom:1px solid #e9e9e9;background-color:#f7f7f7;}
.ico_info_list .title{padding:0 10px; text-align:center;color:#000;}
.ico_info_list ul{display:table;width:100%;table-layout:fixed;}
.ico_info_list ul > li{position:relative;display:table-cell;width:33.333%;padding-top:110px;text-align:center;}
.ico_info_list ul > li.ico1{background:url(../images/content/ico_info_list_01.png) no-repeat 50% 20px;background-size:64px 79px;}
.ico_info_list ul > li.ico2{background:url(../images/content/ico_info_list_02.png) no-repeat 50% 20px;background-size:64px 79px;}
.ico_info_list ul > li.ico3{background:url(../images/content/ico_info_list_03.png) no-repeat 50% 20px;background-size:64px 79px;}
.ico_info_list ul > li span{display:block;}
.ico_info_list ul > li .tit{font-family:'NSKR-M';}
.ico_info_list ul > li .txt{margin-top:3px;font-size:11px;color:#000;}
.ico_info_list ul > li .txt .al_right{padding-right:15px;}
.ico_info_list ul > li:after{display:block;content:"";width:1px;height:75%;position:absolute;top:18%;right:-1px;background-color:#ddd;}
.ico_info_list ul > li:last-child:after{display:none;}

.sns_list{line-height:normal;}
/*.sns_list a{display:inline-block;width:26px;height:26px;margin:0 0 0 2px !important;float:none;}*/
.sns_list .sns_01{background:url(../images/icon/sns_01.png) no-repeat 0 0;background-size:26px 26px;}
.sns_list .sns_02{background:url(../images/icon/sns_02.png) no-repeat 0 0;background-size:26px 26px;}
.sns_list .sns_03{background:url(../images/icon/sns_03.png) no-repeat 0 0;background-size:26px 26px;}

.grp_tit .btn_type2{margin-top:0px !important;vertical-align:top;height:26px;line-height:26px;}

.pdf_list{margin-top:0;}
.pdf_list button{padding:0 10px 0 25px;height:37px;line-height:37px;background-color:#fff;background-image:url(../images/icon/ico_pdf.png);background-repeat:no-repeat;background-position:8px 50%;background-size:14px 14px;}

/* 대출 */
.ico_info_list.loan ul > li{width:50%;padding-top:130px;}
.ico_info_list.loan ul > li.ico1{background:url(../images/content/ico_info_list_loan_01.png) no-repeat 50% 27px;background-size:74px 96px;}
.ico_info_list.loan ul > li.ico2{background:url(../images/content/ico_info_list_loan_02.png) no-repeat 50% 25px;background-size:83px 99px;}

/* 설정 */
.set_menu{border-top:0;background-color:#f4f5f5;}
.set_menu li{position:relative;}
.set_menu li a{display:block;padding:0 30px 0 15px;color:#444;font-family:'NSKR-M'; font-size:14px;height:45px;line-height:45px;}
.set_menu li > ul{border-top:1px solid #e9e9e9;background-color:#fff;}
.set_menu li > ul > li:last-child{border-bottom:0;}
.set_menu li > ul > li a{padding:0 30px 0 30px;color:#666;height:37px;line-height:37px;}

.set_radio{position:relative;display:inline-block;background-color:#fff;}
.set_radio label{display:inline-block;width:66px;height:32px;padding:0 5px;border:1px solid #ddd;border-radius:25px;box-sizing:border-box;}
.set_radio label span{display:inline-block;width:50%;text-align:center;height:30px;line-height:32px;color:#000;}
.set_radio label span.on{color:#fff;font-family:'NSKR-M';}
.set_radio input[type="checkbox"]{position:absolute;top:0;left:0;opacity:0;}
.set_radio input[type="checkbox"]:checked + label{border:1px solid #009559;background-color:#009559;}
.set_radio label:after{display:block;content:"";width:28px;height:28px;box-shadow:1px 1px 5px #eee;position:absolute;top:1px;left:1px;border:1px solid #eee;border-radius:15px;background-color:#fff;}
.set_radio input[type="checkbox"]:checked + label:after{left:35px;}
.set_radio input:disabled{opacity:0;background-color:transparent;}
.set_radio input:disabled + label{opacity:0.5;}

.set_list li{padding:12px 15px 8px 15px;}
.set_list li .bank{white-space:nowrap;}
.set_list li a.arrow_r{display:block;}
.set_list.btn_list li{position:relative;padding:12px 125px 8px 15px;}
.set_list.btn_list .btn_wrap{position:absolute;top:8px;right:15px;padding:0;margin:0;width:100px;}

.set_radio_list li{position:relative;padding:12px 91px 8px 15px;min-height:42px;}
.set_radio_list li strong{font-size:18px;color:#000;}
.set_radio_list li p{margin-top:5px;}
.set_radio_list li .set_radio{position:absolute;top:50%;right:15px;margin-top:-16px;}
.set_radio_list li.pad_none{padding:10px 15px;}
.set_radio_list li.pad_none .btn_wrap{margin-top:20px;padding:0;}

.set_pattern_login .border_box{position:relative;margin-top:60px;padding:45px 15px 25px;}
.set_pattern_login .border_box:before{content:'';position:absolute;top:-30px;left:50%;width:60px;height:60px;margin-left:-30px;background:url('../images/icon/ico_pattern_adv.png') no-repeat 0 0;background-size:100%;}
.set_pattern_login .border_box .tit{margin-bottom:20px;font-size:20px;text-align:center;}
.set_pattern_login .btn_wrap{margin:30px 0 0;}
.set_pattern_login .btn_wrap .btn_type{width:50%;margin:0 auto;}

.pattern_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.pattern_msg_tit{text-align:center;font-family:'NSKR-M';font-size:18px;color:#333;}

/* 비대면 */
.photo_container{position:relative;overflow:hidden;text-align:center;border-radius:3px;background-size:100%;background-color:#f4f5f5;}
.photo_container img{width:100%;}
.photo_container + .list{margin-top:20px;}
.btn_change{display:block;margin-top:10px;text-align:right;}
.btn_change .btn_type2{float:none;}
.btn_change .btn_type2.on{color:#fff;border-color:#009559;background-color:#009559;}
.chk_all_bar{margin-bottom:10px;font-family:'NSKR-M';}
.chk_all_bar label{color:#000;}

.account_info_title{text-align:center;font-size:25px;color:#333;letter-spacing:-2px;}
.account_info_list{margin-top:30px;color:#333;font-size:22px;line-height:1.4em;}
.account_info_list li{display:table;width:100%;min-height:60px;margin-top:10px;box-sizing:border-box;}
.account_info_list li:first-child{margin-top:0;}
.account_info_list li.ico1{background:url(../images/content/account_info_ico1.png) no-repeat 0 50%;background-size:60px;}
.account_info_list li.ico2{background:url(../images/content/account_info_ico2.png) no-repeat 0 50%;background-size:60px;}
.account_info_list li.ico3{background:url(../images/content/account_info_ico3.png) no-repeat 0 50%;background-size:60px;}
.account_info_list li.ico4{background:url(../images/content/account_info_ico4.png) no-repeat 0 50%;background-size:60px;}
.account_info_list li > span{display:table-cell;padding-left:75px;vertical-align:middle;color:#333;}
.account_info_list li .sfont{font-size:17px !important;}
.account_cont .list{margin-top:30px;color:#333;font-size:17px;line-height:1.4em;}
 
.line_list.gray_box{margin-top:0;padding:25px 15px;text-align:center;}
.line_list .title{margin-bottom:18px;font-size:19px;color:#333;}
.line_list li{margin-top:10px;padding:15px 10px;color:#333;border:1px solid #cfcfcf;border-left:2px solid #009559;background-color:#fff;}
.line_list li strong{display:block;font-size:19px;}
.line_list li span{display:block;margin-top:10px;}

.regi_num span{float:left; width:10%; line-height:2.5; text-align:center;}
.regi_num input{float:left; width:45%;} 

/* certify ----------------------- */
.certify_wrapper .minbeon{ width: calc((100% - 20px) / 2 ); }
.consent_wrap{ display: grid; grid-template-columns: auto auto; padding:5px;}
.consent_wrap label,
.consent_wrap p{ font-size:12px !important; }
.consent_wrap label:nth-of-type(2){ margin-left:10px; }
.show_detail_btn{ border-radius: 3px; color:#fff; background-color: #00854a; font-size:10px !important; padding:1px; position: absolute; bottom: 0; right:0; }
.sait2_consent, 
.sun_consent{ display: none;}

/* 인증센터 */
.logo_pass{display:inline-block;height:19px;vertical-align:top;line-height:1;}
.logo_pass i{display:inline-block;width:56px;height:100%;}
.logo_pass i img{width:100%;height:100%;}
.logo_pass em{margin-left:3px;vertical-align:middle;}

.pass_certify_guide{padding-top:20px;}
.pass_certify_guide .tit{margin-bottom:15px;font-family:'NSKR-M';font-size:19px;color:#333;}
.pass_certify_guide .procedure_list{margin-bottom:40px;}
.pass_certify_guide .procedure_list .left{width:14.2%;text-align:center;}
.pass_certify_guide .procedure_list .left .num{display:inline-block;width:20px;height:20px;border:1px solid #666;border-radius:100%;}
.pass_certify_guide .procedure_list .right{padding-left:50px;}
.pass_certify_guide .procedure_list .right .txt{text-align:left;}
.pass_certify_guide .procedure_list li .right{background-repeat:no-repeat;background-position:0 50%;}
.pass_certify_guide .procedure_list li.order01 .right{background-image:url('../images/content/icon_pass01_adv.png');background-size:39px 44px;}
.pass_certify_guide .procedure_list li.order02 .right{background-image:url('../images/content/icon_pass02_adv.png');background-size:36px 43px;}
.pass_certify_guide .procedure_list li.order03 .right{background-image:url('../images/content/icon_pass03_adv.png');background-size:36px 36px;}

/* 간편번호 입력 */
.pin_pw_wrap .section_tit{margin:120px 0 35px;padding:0 15px;}
.pin_pw_wrap .section_tit h3{font-family:'NSKR-M';font-size:18px;color:#333;}
.pin_pw_wrap .passw{position:relative;width:67%;height:36px;margin:0 auto;padding:0 1px 4px 0;}
.pin_pw_wrap .passw:after{content:'';position:absolute;bottom:0;right:-1px;width:32px;height:24px;background:url('../images/icon/bg_pin_passinput_adv.png') no-repeat 0 0;background-size:100% 100%;}
.pin_pw_wrap .passw > a{display:block;position:relative;width:100%;height:100%;}
.pin_pw_wrap .passw .passw_under_sub {display:flex;justify-content:center;margin:5px}
.pin_pw_wrap .passw .passw_under_sub > * {margin:5px;font-weight:500;}
.pin_pw_wrap .passw input[type="password"]{transition:all .2s;display:block;width:100%;height:100%;border:1px solid #7f7f7f;border-radius:17px;text-align:center;letter-spacing:10px;color:#008695;color:transparent;background-color:#fff;}
.pin_pw_wrap .passw input[type="password"]:focus{border-color:#008695;}
.pin_pw_wrap .passw .value{position:absolute;top:50%;left:0;z-index:100;width:100%;margin-top:-7px;text-align:center;}
.pin_pw_wrap .passw .value span{display:inline-block;width:14px;height:14px;margin-left:3.2%;border-radius:100%;background-color:#008695;}
.pin_pw_wrap .passw .value span:first-child{margin-left:0;}


/* 예금, 대출, 다른은행 메인 공통 */
.db_main .tab li.active:before{content:none;}
.db_main .tab li.active a{color:#008eb2;}
.account_wrap > .inner{position:relative;padding:15px 15px 0;}
.account_wrap > .inner:before{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;min-height:130px;background-color:#01b7cf;}
.account_wrap > .inner .btn_wrap{margin:0;padding:0;}
.account_wrap > .inner > .btn_wrap .btn_type{border-radius:10px;}
.account_wrap > .inner > .btn_wrap .btn_type5{float:right;margin-top:15px;color:#565656;}

.account_wrap .count_wrap{position:relative;z-index:1;margin-bottom:18px;}
.account_wrap .count_wrap p{text-align:center;}
.account_wrap .count_wrap .count{margin-right:14px;font-family:"NSKR-DL";font-size:20px;font-family:'NSKR-R';color:#fff;}
.account_wrap .count_wrap .count span {font-family:"NSKR-B";}
.account_wrap .count_wrap .date{position:absolute;top:5px;right:0;font-size:13px;color:#333;}

.account_wrap .inform_wrap{margin-top:120px;text-align:center;}
.account_wrap .inform_wrap .txt_area{margin:0 -15px 24px;padding:19px 0;border:solid #e9e9e9;border-width:1px 0;}
.account_wrap .inform_wrap .txt_area p{font-size:15px;color:#888;}

.account_wrap .account_box.no_data{background-position:50% 62px;}
.account_wrap .account_box.no_data .text{padding:100px 0 0;color:#888;}
.account_wrap .account_box.no_data .btn_wrap{margin-top:45px;padding:0;}
.account_wrap .account_box.no_data .btn_wrap span{display:inline-block;width:57%;}
.account_wrap .account_box.no_data .btn_wrap .btn_type{height:40px;line-height:40px;font-size:15px;border-color:#e9e9e9;}

.account_wrap .account_box{position:relative;margin-bottom:20px;padding:12px 19px 20px;border-radius:14px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);} 
.account_wrap .account_box.toggle_type1{overflow:hidden;padding:0;}
.account_wrap .account_box.toggle_type1 .toggle_cont{margin:0;}
.account_wrap .account_box.toggle_type1 a.control{top:10px;right:10px;width:40px;height:30px;background:url('../images/icon/icon_arrow_off2.png') no-repeat 50% 50%;background-size:20px 11px;}
.account_wrap .account_box.toggle_type1 .account_info_top,
.account_wrap .account_box.toggle_type1 .account_info_bottom{padding:12px 19px 20px;}
.account_wrap .account_box.toggle_type1.opened a.control{background-image:url('../images/icon/icon_arrow_on2.png');}

.account_wrap .account_info_top .tit{font-family:"NSKR-M";font-size:13px;color:#000;}
.account_wrap .account_info_top .price_wrap{position:relative;margin-top:7px;padding-bottom:10px;padding-right:24px;text-align:right;}
.account_wrap .account_info_top .price_wrap .price{font-family:"NSKR-DL";font-size:12px;letter-spacing:normal;color:#7d7d7d;}
.account_wrap .account_info_top .price_wrap .price strong{margin:0 4px 0 2px;font-family:"NSKR-M";font-size:20px;font-family:'NSKR-R';vertical-align:text-top;color:#000;}
.account_wrap .account_info_top .price_wrap .price .inqr{margin:0 4px 0 2px;font-family:"NSKR-M";font-size:12px;font-family:'NSKR-R';vertical-align:text-top;color:#7d7d7d;line-height:1.5em}
.account_wrap .account_info_top .price_wrap .price span{font-size:13px;color:#000;}
.account_wrap .account_info_top .price_wrap .btn_refresh{position:absolute;top:1px;right:0;width:17px;height:17px;text-indent:-9999px;background:url('../images/icon/icon_refresh.png') no-repeat 50% 50%;background-size:100% 100%;}

.account_wrap .account_info_bottom{border-top:1px dashed #e7e7e7;}
.account_wrap .account_info_bottom .account_num{padding-top:10px;font-size:14px;color:#3b3b3b;}
.account_wrap .account_info_bottom .account_num > *{vertical-align:middle;}
.account_wrap .account_info_bottom .account_num em{display:inline-block;font-size:13px;color:#008695;}
.account_wrap .account_info_bottom .account_num span{margin:0 4px;font-family:"NSKR-DL";font-size:18px;color:#7d7d7d;}
.account_wrap .account_info_bottom .btn_copy{width:19px;height:19px;text-indent:-9999px;background:url('../images/icon/icon_copy.png') no-repeat 50% 50%;background-size:100% 100%;}
.account_wrap .account_info_bottom .btn_list{margin-top:20px;text-align:center;}
.account_wrap .account_info_bottom .btn_list .btn_type5{font-size:13px;}
/* .account_wrap .account_info_bottom .btn_list.item_4{display:flex;justify-content:space-between;} */

/* 예금, 대출 메인 공통 */
.dbbank_content .welcome_txt{margin-bottom:10px;font-family:'NSKR-DL';font-size:13px;letter-spacing:0;color:#5c5c5c;}
.dbbank_content .welcome_txt span{font-size:17px;color:#000;}

.dbbank_content .quick_list ul li{text-align:center;}
.dbbank_content .quick_list ul li a{display:block;width:100%;padding:40px 0 7px;background-repeat:no-repeat;background-position:50% 0;background-size:40px 34px;}
.dbbank_content .quick_list ul li .txt_wrap{line-height:1;}
.dbbank_content .quick_list ul li .txt_wrap strong{font-size:12px;color:#000;}
.dbbank_content .round_banner_wrap{margin-top:13px;}

/* 예금 메인 */
.dpst_content .quick_list ul li.list01 a{background-image:url(../images/icon/icon_atm_withdraw_adv.png);}
.dpst_content .quick_list ul li.list02 a{background-image:url(../images/icon/icon_online_loan01_adv.png);}
.dpst_content .quick_list ul li.list03 a{background-image:url(../images/icon/icon_certify_center_adv.png);}
.dpst_content .quick_list ul li.list04 a{background-image:url(../images/icon/icon_certificate_issued_adv.png);}

.dpst_content .round_banner.banner01{background-image:url(../images/icon/icon_deposit_banner01_adv.png); background-size:53px 43px;}
.dpst_content .round_banner.banner02{background-image:url(../images/icon/icon_deposit_banner02_adv.png); background-size:43px 41px;}

/* 대출 메인 */
.loan_content .account_wrap .inner:before{background-color:#40bbbc;}

.loan_content .quick_list ul li.list01 a{background-image:url(../images/icon/icon_atm_withdraw_adv.png);}
.loan_content .quick_list ul li.list02 a{background-image:url(../images/icon/icon_online_loan01_adv.png);}
.loan_content .quick_list ul li.list03 a{background-image:url(../images/icon/icon_loan_waive_adv.png);}
.loan_content .quick_list ul li.list04 a{background-image:url(../images/icon/icon_rate_claim_adv.png);}

.loan_content .round_banner.banner01{background-image:url(../images/icon/icon_loan_banner01_adv.png); background-size:55px 38px;}
.loan_content .round_banner.banner02{background-image:url(../images/icon/icon_loan_banner02_adv.png); background-size:55px 42px;}
.loan_content .round_banner.banner03{background-image:url(../images/icon/icon_loan_banner03_adv.png); background-size:55px 41px;}

/* 오픈뱅킹 메인 */
.openbank_content .account_wrap .inner:before{min-height:169px;}
.openbank_content .account_info_top .account_name .bank_name{display:inline-block;margin-top:-1px;vertical-align:middle;font-size:13px;color:#000;}
.openbank_content .account_info_top .account_name .nickname{display:inline-block;height:22px;line-height:20px;margin-left:7px;padding:0 7px;vertical-align:middle;border:1px solid #c6dad9;border-radius:10px;font-size:11px;text-align:center;box-sizing:border-box;color:#029189;background-color:#f2f6f6;}

/* 온라인 대출신청, 랜딩페이지 공통 */
.visual_area .inner{position:relative;background-repeat:no-repeat;background-size:100% 100%;}
.visual_area .inner .txt_wrap{position:absolute;}
.visual_area .txt_wrap p{font-size:15px;color:#000;}
.visual_area .txt_wrap p span{display:inline-block;position:relative;margin-top:6px;font-size:30px;}
.visual_area .txt_wrap p span:before{content:'';position:absolute;bottom:-3px;left:0;z-index:0;width:100%;height:8px;}
.visual_area .txt_wrap p span em{position:relative;}
.visual_area .txt_wrap > span{display:inline-block;margin:4px 0 0 2px;font-size:15px;color:#000;}

/* 온라인 대출신청(2021.03.24 추가) */
.loan_main {min-height:800px;}
.loan_main header{border-bottom:0;background-color:#d8f4f8;}
.loan_main .visual_area{padding-top:10px;background-color:#d8f4f8;}
.loan_main .visual_area .inner{/* height:35.625vh; */height:228px;background-image:url('../images/content/img_loan_main_adv.png');background-position:0 0;}
.loan_main .visual_area .txt_wrap{top:15px;left:18px;}
.loan_main .visual_area .txt_wrap .txt1 span:before{background-color:#6eebe3;}
.loan_main .visual_area .txt_wrap .txt2 span:before{background-color:#6ecbed;}

.loan_main .direct_menu_wrap{padding:30px 20px;}
.loan_main .direct_menu_wrap ul{margin-top:-15px;font-size:0;}
.loan_main .direct_menu_wrap ul > li{display:inline-block;/* overflow:hidden; */width:47.8%;height:130px;margin:15px 0 0 4.4%;vertical-align:bottom;border-radius:8px;}
.loan_main .direct_menu_wrap ul > li:nth-child(2n+1){margin-left:0;}
.loan_main .direct_menu_wrap ul > li > a{display:block;position:relative;width:100%;height:100%;border:1px solid #b3dcf1;border-radius:8px;background-color:#fff;box-sizing:border-box;}
.loan_main .direct_menu_wrap ul > li > a:focus:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #038ad1;border-radius:8px;box-sizing:border-box;}
.loan_main .direct_menu_wrap ul > li .txt_wrap{display:table;width:100%;height:100%;text-align:center;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.loan_main .direct_menu_wrap ul > li .txt_wrap p{display:table-cell;vertical-align:middle;height:100%;line-height:1.2;font-family:'NSKR-M';font-size:16px;color:#000;background-repeat:no-repeat;box-sizing:border-box;}
.loan_main .direct_menu_wrap ul > li:not(.menu02) .txt_wrap p{padding-top:45px;background-position:50% 24px;}
.loan_main .btn_wrap .btn_type em{padding-right:13px;}

/* 빠른 대출신청 */
.loan_main .direct_menu_wrap ul > li.menu01 > a, .loan_main .direct_menu_wrap ul > li.menu05 > a {border-color:transparent;background-color:#038ad1;}
.loan_main .direct_menu_wrap ul > li.menu01 .txt_wrap{display:block;text-align:left;box-sizing:border-box;}
.loan_main .direct_menu_wrap ul > li.menu01 .txt_wrap p{display:block;padding: 45px 20px 0;font-size:24px;color:#fff;background-image:url('../images/content/icon_loan_menu01_adv.png');background-position:right 20px top 20px;background-size:56px 39px;}

/* 대출신청 이어가기, 전자약정 이어가기 */
.loan_main .direct_menu_wrap ul > li.menu02 > a{height:48.5%;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.loan_main .direct_menu_wrap ul > li.menu02 .txt_wrap{text-align:left;}
.loan_main .direct_menu_wrap ul > li.menu02 .txt_wrap p{padding:0 0 0 82px;background-position:25px 50%;}
.loan_main .direct_menu_wrap ul > li.menu02 .menu02_1 .txt_wrap p{background-image:url('../images/content/icon_loan_menu02_1_adv.png');background-size:40px 25px;}
.loan_main .direct_menu_wrap ul > li.menu02 .menu02_2{margin-top:4px;background-color:#4eaddf;}
.loan_main .direct_menu_wrap ul > li.menu02 .menu02_2 .txt_wrap p{color:#fff;background-image:url('../images/content/icon_loan_menu02_2_adv.png');background-size:38px 32px;}

/* 대출상품 소개 */
.loan_main .direct_menu_wrap ul > li.menu03 .txt_wrap p{background-image:url('../images/content/icon_loan_menu03_adv.png');background-size:42px 32px;}

/* 표준사잇돌2 전자약정 */
.loan_main .direct_menu_wrap ul > li.menu04 .txt_wrap p{background-image:url('../images/content/icon_loan_menu04_adv.png');background-size:56px 29px;}

/* 신용대출 및 전자약정 */
.loan_main .direct_menu_wrap ul > li.menu05 .txt_wrap p{background-image:url('../images/content/icon_loan_menu02_1_adv.png');background-size:56px 29px;color:#fff}

/* 랜딩페이지(2021.04.02 추가) */
.landing header{border-bottom:0;background-color:#f9ece7;}
.landing header h2.logo img{width:122px;height:34px;}
.landing .contents{padding-bottom:0;}
.landing .contents .con_wrap{padding:20px 0 15px;}

.landing .visual_area{/* height:39.0625vh; */height:250px;background-color:#f9ece7;}
.landing .visual_area .inner{height:100%;padding-bottom:23px;background-image:url('../images/content/img_landing_adv.png');background-position:0 100%;}
.landing .visual_area .txt_wrap{top:30px;left:18px;}
.landing .visual_area .txt_wrap .txt1 span:before{background-color:#f59a5c;}

.landing .list_wrap{margin-bottom:20px;padding:0 20px;}
.landing .list_type_col li a{display:block;padding:60px 0 10px;background-repeat:no-repeat;background-position:50% 16px;background-size:40px 34px;}
.landing .list_type_col li.list01 a{background-image:url('../images/icon/icon_create_account_adv.png');}
.landing .list_type_col li.list02 a{background-image:url('../images/icon/icon_online_loan02_adv.png');}
.landing .list_type_col .txt_wrap{text-align:center;}
.landing .list_type_col .txt_wrap span,
.landing .list_type_col .txt_wrap strong{font-family:'NSKR-DL';}
.landing .list_type_col .txt_wrap span{display:block;font-size:12px;color:#5c5c5c;}
.landing .list_type_col .txt_wrap strong{font-size:18px;color:#000;}

.landing .go_to_login{margin-bottom:14px;text-align:center;}
.landing .go_to_login p,
.landing .go_to_login .btn_type9{display:inline-block;vertical-align:middle;}
.landing .go_to_login p{font-size:17px;color:#000;}
.landing .go_to_login span{margin:2px;padding:5px 15px 5px 15px ;border-radius:15px;font-size:14px;}

.landing .round_banner_wrap{padding:16px 20px;}
.landing .round_banner_wrap .round_banner{margin-top:0;}
.landing .round_banner_wrap .swiper-pagination{bottom:-4px;}
.landing .round_banner_wrap .swiper-pagination-bullet{width:10px;height:10px;background-color:#cdd0d7;opacity:1;}
.landing .round_banner_wrap .swiper-pagination-bullet-active{background-color:#00a086;}

.landing #landing-prdt-swiper1 .banner01{background-image:url('../images/icon/icon_landing_banner01_adv.png');background-size:38px 54px;}
.landing #landing-prdt-swiper1 .banner02{background-image:url('../images/icon/icon_landing_banner03_adv.png');background-size:51px 52px;}

.landing #landing-prdt-swiper2 .banner01{background-image:url('../images/icon/icon_landing_banner02_adv.png');background-size:44px 54px;}
.landing #landing-prdt-swiper2 .banner02{background-image:url('../images/icon/icon_landing_banner04_adv.png');background-size:42px 54px;}

/* 개선사항 (2022.04.27 추가) */
.tile_sec.type2 > p[class*="import"] {margin-top:-5px !important;}
.btn_type3.green {display:inline-block;padding:8px;width:auto;font-family:'NSKR-R';font-size:14px;font-weight:500;border:1px solid #008695;color:#008695;}

/* 개선사항 (2022.04.29 추가) */
.account_wrap .swiper-wrapper .account_box.no_data {width:calc(100% - 38px);min-height:153px;}

/* 개선사항 (2022.05.04 추가) */
#etc_bank input[type="number"] {width:calc(100% - 75px);}
.btn_wrap.posi_rb {position:absolute;bottom:0;right:0;}

@media only screen and (max-width:359px) {
	#etc_bank input[type="number"] {width:100%;}
	.btn_wrap.posi_rb {position:relative;padding-top:15px;text-align:right;}
}    
    
/* 개선사항 (2022.05.17 추가) */
.border_box.checkbox a.link {position:absolute;display:block;right:12px;top:50%;width:28px;height:28px;margin:-14px 0 0;font-size:1px;color:transparent;}  

/* --------------------------------------------------------------------------------
	COMMONET : NAV : bottom
-----------------------------------------------------------------------------------*/
[data-content="nav-bottom"].bottomNav {position:fixed;left:0;bottom:0;width:100%;height:52px;line-height:52px;color:#333;z-index:1000;}
[data-content="nav-bottom"].bottomNav {bottom:-52px;background:rgba(255, 255, 255, .9);border-top:1px solid #f0f0f0;transition:bottom .2s;}
[data-content="nav-bottom"].bottomNav.show {bottom:0;background:rgba(255, 255, 255, .9);}

[data-content="nav-bottom"].bottomNav > button {position:absolute;top:0;width:52px;height:52px;background-position:50%;background-size:24px 20px;background-repeat:no-repeat;opacity:.5;text-indent:-9999px;}
[data-content="nav-bottom"].bottomNav > .ico-prev {left:10px;background-image:url(../images/common/icon-prev.png);}
[data-content="nav-bottom"].bottomNav > .ico-next {right:10px;background-image:url(../images/common/icon-prev.png);transform:rotate(180deg);}
[data-content="nav-bottom"].bottomNav > .ico-home {left:50%;margin-left:-26px;background-size:24px 24px;background-image:url(../images/common/icon-home.png);}