.snb h1, .snb h2, .snb h3, .snb h4, .snb h5, .snb dl, .snb dt, .snb dd, .snb th, .snb td, .snb div, .snb p, .snb a, .snb form, .snb fieldset, .snb legend, .snb input, .snb button, .snb textarea, .snb label/*,
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents dl, #contents dt, #contents dd, #contents th, #contents td, #contents div, #contents p, #contents a, #contents form, #contents fieldset, #contents legend, #contents input, #contents button, #contents textarea, #contents label*/
{font-family:'Noto Sans Korean','Noto Sans KR','Nanum Gothic','dotum','sans-serif' !important;}

#headerWrap{border-bottom:2px solid #7f7f7f;}

#container{width:980px; margin:0 auto;padding:30px 0; z-index:1; position:relative; height:auto !important; height:100%; min-height:100%;} 
#container:after{ display:block;clear:both;content:''} 

.snb{ float:left; width:210px; margin-top:17px; margin-bottom:25px; z-index:1; }

#contents{  width:740px; height:auto !important; height:100%; min-height:700px; margin-left:241px;padding:10px 0 0; overflow:hidden; }
#content_guide{ width:100%; min-height:245px; margin:0 auto; position:relative; border-top:solid 1px #ccced2; }
#footer{ width:100%; height:150px; margin:0 auto; position:relative; z-index:100;}

/* 메인배너 영역 */

#bannerzone .tab1{position:absolute; right:0; top:107px; width:152px; height:52px; z-index:198;}
#bannerzone .tab2{position:absolute; right:0; top:54px; width:152px; height:52px; z-index:199;}
#bannerzone .tab3{position:absolute; right:0; top:1px; width:152px; height:52px; z-index:200;}

#bannerzone{position:absolute; left:0; top:0; z-index:10; position:relative;}

#bannerzone #banner1 .imgArea{  }
#bannerzone #banner1{padding:0; width:532px; height:160px; position:absolute; left:0; top:0; z-index:20;}
#bannerzone #banner1:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;}
#bannerzone #banner1 a.bannerStatus{float:left; overflow:hidden; width:12px; height:12px; top:10px; margin-right:4px; background:url(/img/common/main/y_mypage_roll_off.gif) no-repeat; text-indent:-1000em; z-index:80; position:relative;}
#bannerzone #banner1 a.bannerStatus.active{ background:url(/img/common/main/y_mypage_roll_on.gif) no-repeat; z-index:99;}
#bannerzone #banner1 .bannerImg{ position:absolute; left:0px; } /*20131209*/

#banner2 .imgArea{  }
#banner2{padding:0; width:246px; height:165px; position:absolute; left:0; top:0; z-index:20;}
#banner2:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;}
#banner2 a.bannerStatus{float:left; overflow:hidden; width:12px; height:12px; top:10px; margin-right:4px; background:url(/img/common/main/y_mypage_roll_off.gif) no-repeat; text-indent:-1000em; z-index:80; position:relative;}
#banner2 a.bannerStatus.active{ background:url(/img/common/main/y_mypage_roll_on.gif) no-repeat; z-index:99;}
#banner2 .bannerImg{ position:absolute; left:0px; } /*20131209*/

#banner2 .stbn1{ left:60px; }
#banner2 .stbn2{ left:60px; }
#banner2 .stbn3{ left:60px; }
#banner2 .stbn4{ left:60px; }
#banner2 .stbn5{ left:60px; }
#banner2 .stbn6{ left:60px; }
#banner2 .stbn7{ left:60px; }
#banner2 .stbn8{ left:60px; }

#banner1 .stbn1{ left:380px; }
#banner1 .stbn2{ left:380px; }
#banner1 .stbn3{ left:380px; }
#banner1 .stbn4{ left:380px; }
#banner1 .stbn5{ left:380px; }
#banner1 .stbn6{ left:380px; }
#banner1 .stbn7{ left:380px; }
#banner1 .stbn8{ left:380px; }
#banner1 .stbn9{ left:380px; }

#bannerzone #banner3 .imgArea{ padding-left:450px; }
#bannerzone #banner3{padding:0; width:532px; height:160px; position:absolute; left:0; top:0; z-index:20;}
#bannerzone #banner3:after{content: "."; display:block; height:0px; clear:both; visibility:hidden;}
#bannerzone #banner3 a.bannerStatus{float:left; overflow:hidden; width:12px; height:12px; top:10px; margin-right:4px; background:url(/img/common/main/y_mypage_roll_off.gif) no-repeat; text-indent:-1000em; z-index:80; position:relative;}
#bannerzone #banner3 a.bannerStatus.active{ background:url(/img/common/main/y_mypage_roll_on.gif) no-repeat; z-index:99;}
#bannerzone #banner3 .bannerImg{ position:relative; }

#bannerzone .pos_rolban_tit{ position:absolute; left:304px; top:30px; }
#bannerzone .main_title{ display:block; color:#000; font-size:22px; font-weight:bold; letter-spacing:-3px; margin-bottom:4px; }
/* @media screen and (-webkit-min-device-pixel-ratio:0){ #bannerzone .main_title{ font-family:dotum, Helvetica, sans-serif !important; display:block; color:#000; font-size:22px; font-weight:bold; letter-spacing:-3px; margin-bottom:4px; } } */
#bannerzone .sub_title{ color:#000000; font-size:12px; letter-spacing:-1px; line-height:15px; }
/* @media screen and (-webkit-min-device-pixel-ratio:0){ #bannerzone .sub_title{ font-family:dotum, Helvetica, sans-serif !important; color:#000000; font-size:12px; letter-spacing:-1px; line-height:15px; } } */

#bannerzone .playCtrl1{position:absolute; right:160px; top:10px; width:40px; z-index:300;}
#bannerzone .playCtrl1 a{float:left; padding:0px; margin-right:4px; height:13px; }

/* 메인 */
.main_topbg_layout{ width:100%; height:356px; position:relative; overflow:hidden; background:url(/img/common/main/m_visual_bg.jpg) top center repeat-x; }
.main_top_area{ width:980px; min-width:980px; height:356px; margin:0 auto; position:relative; }
.main_le_menu_area{ float:left; width:246px; position:relative; } 
.main_rg_banner_area{ float:right; width:734px; } 

.main_le_menu_area .left_fir_quick_box{ margin-top:36px; height:220px; overflow:hidden; }
.main_le_menu_area .left_fir_quick_box li.first{ margin-left:5px; }
.main_le_menu_area .left_fir_quick_box li{ float:left; margin-left:10px; min-height:109px; overflow:hidden; }
.main_le_menu_area .left_fir_quick_box li img{ width:71px; height:72px; }
.main_le_menu_area .left_fir_quick_box .m_quick_tit{ display:block; width:71px; line-height:16px; text-align:center; font-weight:bold; overflow:hidden; }

.main_le_menu_area .left_sec_quick_box{ overflow:hidden; }
.main_le_menu_area .left_sec_quick_box .letop_mn_1{ margin-top:10px; }
.main_le_menu_area .left_sec_quick_box .letop_mn_2{ margin-top:10px; text-align:center; }
.main_le_menu_area .left_sec_quick_box .letop_mn_3{ margin-top:0px; }

.main_midbg_layout{ width:100%; height:160px; position:relative; overflow:hidden; background:url(/img/common/main/mid_vis_bg.jpg) top center repeat-x; }
.main_mid_area{ width:980px; min-width:980px; height:160px; margin:0 auto; position:relative; }

.vis_etc{ width:102px; height:6px; background:url(/img/common/main/visual_top_etc.gif) no-repeat; position:absolute; bottom:0; left:255px; z-index:190; }

.mainbot_left_cont{ width:196px; height:165px; float:left; background-color:#f6f6f6; padding:15px 25px; }

/* 이벤트 롤링배너 */
#event{width:734px; height:auto; float:right; position:relative; overflow:hidden;}
.con_slide_box{ position:relative;}

.event-cont{margin:0; width:734px; height:356px;}
.event-cont:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

.event-cont .m_page{float:left; overflow:hidden; width:12px; height:12px; top:15px; margin-right:4px; background:url(/img/common/main/y_mypage_roll_off.gif) no-repeat; text-indent:-1000em; z-index:90; position:relative;}
.event-cont .m_page.active{ background:url(/img/common/main/y_mypage_roll_on.gif) no-repeat; z-index:99;}

.event-cont .stbn1{ left:645px; }
.event-cont .stbn2{ left:645px; }
.event-cont .stbn3{ left:645px; }

.event-cont .imgAlign{left:0px; top:0px; display:block; position:absolute; z-index:70;}
.event-cont img{ width:734px; height:356px; overflow:hidden; }

.banner_playCtrl{ position:absolute; right:0px; top:15px; width:40px; z-index:50; }
.banner_playCtrl a{ float:left; padding:0px; margin-right:4px; height:13px; }

/* 서브메인 레이아웃 */
.sub_layout_area{ width:100%; position:relative; overflow:hidden; }
.sub_container{width:980px; margin:0 auto; overflow:hidden; position:relative; }
.sub_container:after{ display:block;clear:both;content:''}
.card_subbg{ background:url(/img/common/sub_j/card_sub_bg.jpg) top center repeat-x; }

/* 섹션 TOP BG */
.saving_tbg{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving.gif) bottom center repeat-x; }
.saving_tbg_2{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving2.gif) bottom center repeat-x; }
.saving_tbg_3{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving3.gif) bottom center repeat-x; }
.saving_tbg_4{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving4.gif) bottom center repeat-x; }
.saving_tbg_5{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving5.gif) bottom center repeat-x; }
.saving_tbg_6{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving6.gif) bottom center repeat-x; }
.saving_tbg_7{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving7.gif) bottom center repeat-x; }
.saving_tbg_8{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving8.gif) bottom center repeat-x; }
.saving_tbg_9{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving8.gif) bottom center repeat-x; }
.saving_tbg_10{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving9.gif) bottom center repeat-x; }
.saving_tbg_11{ width:100%; height:46px; background:url(/img/common/common/top_mn_bg_saving4.gif) bottom center repeat-x; }
.login_tbg{ width:100%; height:3px; border-bottom:solid 2px #5e5f62; }

/* 탑영역 */
.top_area{ width:980px; min-width:980px; height:80px; margin:0 auto; position:relative; z-index:200; }
.logo_abs{ position:absolute; left:0px; top:31px; }
.logo_title{ position:absolute; left:154px; top:44px; }
.logo_title a{ font-size:18px; color:#000; text-decoration:none !important; font-weight:bold; letter-spacing:-2px; }
.top_login_area{ position:absolute; left:290px; top:10px; z-index:199; }
.top_login_area .logout_box{ position:relative; width:470px; height:25px; overflow:visible; }
.top_login_area .logout_box .name_box{ font-size:14px; color:#000; font-weight:bold;}
.top_login_area .logout_box .name_box a{ font-size:14px; font-weight:bold; text-decoration:underline; color:#000; }
.top_login_area .logout_box .btn_center { margin-left:0px; }
.top_login_area .logout_box .btn_center a{ margin-left:6px; font-weight:bold; font-size:11px !important; padding:0 0 0 6px; color: #000; background: url(/img/common/common/top_sdot_ico.gif) 0 6px no-repeat; letter-spacing:-1px; }
.top_login_area .logout_box .btn_logout{ display:inline-block; width:50px; }
.top_login_area .logout_box img{ vertical-align:middle; }
.top_login_area .logout_box .btn_my{ display:inline-block; width:60px; }

.top_login_area .login_box{ position:relative; width:470px; height:25px; overflow:visible; }
.top_login_area .login_box .name_box{ font-size:14px; color:#ff6501; font-weight:bold; }
.top_login_area .login_box .name_box a{ font-size:14px; font-weight:bold; color:#ff6501; }
.top_login_area .login_box .btn_center a{ font-size:14px; width:160px; font-weight:bold; margin-left:9px; font-size:14px; padding:0 0 0 9px; color:#000; background: url(/img/common/common/top_sdot_ico.gif) 0 9px no-repeat; letter-spacing:-1px; }
.top_login_area .btn_busines a{ position:absolute; top:4px; right:0px; font-size:12px !important; font-weight:bold; padding:0 0 0 8px; color:#000; background:url(/img/common/common/top_lf_arrow_ico.gif) 0 7px no-repeat;}

.top_global_area{ position:absolute; right:32px; top:15px; }
.top_global_area .btn_global a{ margin-left:6px; font-size:11px !important; font-weight:bold; padding:0 0 0 8px; color:#000; background:url(/img/common/common/top_lf_arrow_ico.gif) 0 4px no-repeat;  }
.top_global_area .serach_pos a{ margin-left:50px; margin-top:6px; }

.top_global_area .srch_box{ position:absolute; right:-18px; top:-6px; background-color:#fff; height:32px; overflow:hidden; display:none; }
.top_global_area .srch_box.on{ display:block; }
.top_global_area .srch_box .srch_box_sub{ float:left; border:3px solid #818286; width:180px; height:26px; }
.top_global_area .srch_box .srch_txt{ float:left; width:147px; padding:2px 0 0 7px; border:0; color:#000; font-size:12px; height:20px; }
.top_global_area .srch_box .btn_srch{ margin-left:-1px; font-size:0;}
.top_global_area .srch_box .btn_arr{ float:left; padding:5px 0 0 0; margin:0px; }

.top_right_area{ position:absolute; right:6px; top:48px; }
.top_right_area a{ font-weight:bold; letter-spacing:-1px; margin-right:10px;  }
.top_right_area a.icon{ padding-left:6px; background:url(/img/common/common/top_sdot_ico.gif) 0 7px no-repeat;  }

/* GNB 영역 */
.gnb_area{ width:980px; min-width:980px; height:46px; margin:0 auto; position:relative; z-index:100;  }

/* 로그인 */
.login_btn_pad{ padding:5px 10px 10px 10px;  }
.bank_selector { overflow:hidden; position:absolute; left:-5px; top:25px; height:0; height:70px; }
.bank_selector ul { width:auto; height:34px; background: #fff; border:1px solid #606164; margin-top:6px; }
.bank_selector ul li { padding:6px 10px 7px 10px; width:42px; float:left; text-align:center; background:#fff; border-right:1px solid #606164; height:21px; }
.bank_selector .log_ico_arr{ position:absolute; left:4px; top:-1px; width:15px; height:8px; background:url(/img/common/main/arr_lay_main.gif) 0 0 no-repeat; z-index:99;  }

/* 경조금 타행,당행 */
.pay_selector { overflow:hidden; position:absolute; left:-50px; margin-left:40px; top:10px; height:0; height:70px; z-index:120; }
.pay_selector ul { width:auto; height:34px; background: #fff; border:3px solid #606164; margin-top:6px; }
.pay_selector ul li { padding:8px 10px 5px 10px; width:56px !important; min-height:21px !important; height:21px; float:left; text-align:center; background:#fff; display:inherit !important; margin:0px !important; border-right:1px solid #606164 !important; }
.pay_selector ul li a{ line-height:normal; }
.pay_selector .log_ico_arr{ position:absolute; left:58px; top:0px; width:15px; height:8px; background:url(/img/common/main/arr_lay_main.gif) 0 0 no-repeat; z-index:99;  }

/* 레프트메뉴 */
.snb .subject_tit{ font-size:18px; font-weight:bold; height:37px; border-bottom:#000 1px solid; color:#000; letter-spacing:-2px; overflow:hidden; }
.snb .menu_left a{ text-decoration:none; }

/* 1뎁스 메뉴 */
.snb .menu_left ul li.active a{ color:#000; text-decoration:none;  }
.snb .menu_left ul li a:focus,.snb .menu_left ul li a:hover{ color:#000; font-weight:bold; }
.snb .menu_left ul li a{ font-size:14px; overflow:auto; border-top:1px solid #c9cbcf; display:block; background:url(/img/common/icon/left_mn_arr_1.gif) 10px center no-repeat; color:#000; padding:8px 36px 7px 20px; line-height:16px; font-weight:normal; }

/* 2뎁스 메뉴 */
.snb .menu_left ul li ul li.active a{ color:#000; text-decoration:none; background:#ffefc4 url(/img/common/icon/dot_list_3.gif) 12px center no-repeat; }
.snb .menu_left ul li ul li:first-child{ border-top:1px solid #c9cbcf; }
.snb .menu_left ul li ul li a{ font-size:12px; overflow:auto; border-top:1px solid #fff; display:block; background:#f4f4f4 url(/img/common/icon/dot_list_3.gif) 12px center no-repeat; color:#000; padding:8px 36px 7px 20px; line-height:16px; font-weight:normal; }

/* 3뎁스 메뉴 */
.snb .menu_left ul li ul li ul li.active a{ color:#000; text-decoration:none;  }
.snb .menu_left ul li ul li ul li:first-child{ border-top:0px solid #fff;}
.snb .menu_left ul li ul li ul li a{ font-size:12px; overflow:auto; border-top:1px solid #e9e3d3; display:block; background:#fff7e3 url(/img/common/icon/dot_list_3.gif) 22px center no-repeat !important; color:#000; padding:8px 36px 7px 30px; line-height:16px; }

/* 4뎁스 메뉴 */
.snb .menu_left ul li ul li ul li ul li.active a{ color:#000; text-decoration:none;  }
.snb .menu_left ul li ul li ul li ul li a{ font-size:12px; overflow:auto; border-top:1px dotted #e9e3d3; display:block; background:#fff url(/img/common/icon/dot_list_3.gif) 32px center no-repeat !important; color:#47484a; padding:8px 36px 7px 40px; line-height:16px; }

/* 레프트메뉴 하단배너 */
.leftmn_lower_area{ border-top:#000 1px solid; border-bottom:#000 1px solid; overflow:hidden; position:relative; }
.leftmn_lower_area .recom_prod_box{ min-height:105px; overflow:hidden; }
.leftmn_lower_area .recom_prod_box dt{ height:50px; }
.leftmn_lower_area .recom_prod_box dd{ font-size:12px; background:url(/img/common/icon/dot_list_3.gif) 22px 9px no-repeat;   }
.leftmn_lower_area .recom_prod_box dd a{ line-height:16px; display:block; padding:0 10px 8px 30px; font-family:dotum, Helvetica, sans-serif !important;  }

.left_banner_area li:first-child{ background:none; }
.left_banner_area li{ background:url(/img/common/bg/bg_line_dot.gif) left top repeat-x; overflow:hidden; }
.left_banner_area li a{ display:block; padding:10px 15px 10px 24px; text-decoration:none;}
.left_banner_area li a.special{ display:block; padding:10px 15px 10px 21px; text-decoration:none; }

/* 서브 레이아웃 */
.sub_top_area{ width:100%; overflow:hidden; }
.sub_ifo_area{ position:relative; width:100%; min-height:34px; overflow:hidden; }
.sub_tb_area{ width:100%; overflow:hidden; }
.finance_frm_area{ position:relative; width:100%; overflow:hidden; }

/* 타이틀 */
.title_dep1{ color:#000000; font-size:18px; line-height:normal; margin-top:9px; letter-spacing:-2px; }
/* @media screen and (-webkit-min-device-pixel-ratio:0){ .title_dep1{ font-family:dotum, Helvetica, sans-serif !important; color:#000000; font-size:18px; line-height:normal; margin-top:9px; letter-spacing:-2px; } } */
.title_dep2{ color:#000000; font-size:16px; line-height:normal; letter-spacing:-1px; }
.title_line{ color:#000000; font-size:18px; line-height:normal; letter-spacing:-1px; padding:10px 0 20px; border-bottom:2px solid #ccced2; }
.sub_tit_dep2{ color:#686868; font-size:18px; line-height:normal; letter-spacing:-1px; }

/* 로케이션 */
.progress{ overflow:hidden; background:url(/img/common/bg/bg_progress.gif); border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.progress ol{ margin:0; padding:0;  }
.progress li{ float:left; height:25px; padding:6px 32px 0 8px; color:#000; background:url(/img/common/bg/bg_prog_arr.gif) top right no-repeat; font-size:11px; }
.progress li a{ color:#000; font-size:11px; }
.progress li.prog_home{ height:23px; padding:8px 35px 0 18px !important;}
.progress li.prog_on{ letter-spacing:-1px; padding:6px 13px 0 10px;  background:url(/img/common/bg/bg_prog_on.gif) top right no-repeat; color:#000; font-weight:bold; }
/* @media screen and (-webkit-min-device-pixel-ratio:0){ .progress li.prog_on{ font-family:dotum, Helvetica, sans-serif !important; letter-spacing:-1px; padding:8px 13px 0 10px;  background:url(/img/common/bg/bg_prog_on.gif) top right no-repeat; color:#000; font-weight:bold; } } */

/* 로케이션 영문 */
.progress_eng{ overflow:hidden; background-color:#f4f4f5; border-top:2px solid #b0b2b6; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.progress_eng ol{ float:left; margin:0; padding:0; }
.progress_eng li{ float:left; padding:8px 12px 8px 8px; color:#b0b2b6; background:url(/img/common/icon/loc_ico_eng.gif) right center no-repeat; font-size:12px; white-space:nowrap;}
.progress_eng li.prog_home{ min-height:28px; padding:10px 17px 0 15px !important;}
.progress_eng li.prog_on{ background:url(/img/common/icon/loc_ico_arr_eng.gif) right center no-repeat; color:#000; font-weight:bold; padding:8px 13px 8px 10px !important;}

/* 상단 스탭 
.step_sec{ float:right; min-height:31px; *min-height:39px; overflow:hidden; }
.step_off,.step_on,.step_last_off,.step_last_on{ display:block; float:left; height:31px; margin:-1px 0 10px 5px; padding:0 0 0 18px; background:url(/img/common/bg/bg_step_off.gif) no-repeat; vertical-align:top; }
.step_on{ background:url(/img/common/bg/bg_step_on.gif) no-repeat !important; }
.step_last_off{ background:url(/img/common/bg/bg_step_last.gif) no-repeat !important; }
.step_last_on{ background:url(/img/common/bg/bg_step_last_on.gif) no-repeat !important; }
.step_off em,.step_on em,.step_last_off em,.step_last_on em{ display:block; float:left; height:26px; margin:-1px 0 0; padding:6px 55px 0 0; background:url(/img/common/bg/bg_step_off.gif) no-repeat 100% 1px; color:#fff; font-size:12px; font-weight:normal; vertical-align:top; }
.step_on em{ background:url(/img/common/bg/bg_step_on.gif) no-repeat 100% 1px !important; }
.step_last_off em{ background:url(/img/common/bg/bg_step_last.gif) no-repeat 100% 1px !important; }
.step_last_on em{ background:url(/img/common/bg/bg_step_last_on.gif) no-repeat 100% 1px !important; }
*/

.step_sec{ float:right; min-height:23px; overflow:hidden; }
.step_off,.step_on,.step_last_off,.step_last_on{ display:block; float:left; border:0px solid; height:23px; margin:0px 0 10px 3px; padding:0 0 0 11px; background:url(/img/common/sub_y/y_bg_step_off.gif)  no-repeat; vertical-align:top;  }
.step_on{ background:url(/img/common/sub_y/y_bg_step_on.gif) no-repeat !important;  }
.step_last_off{ background:url(/img/common/sub_y/y_bg_step_last.gif) no-repeat !important; }
.step_last_on{ background:url(/img/common/sub_y/y_bg_step_last_on.gif) no-repeat !important; }
.step_off em,.step_on em,.step_last_off em,.step_last_on em{ display:block; float:left; height:23px; margin:-1px 0 0; padding:2px 25px 0 0; background:url(/img/common/sub_y/y_bg_step_off.gif) no-repeat 100% 1px; color:#000; font-size:12px; font-weight:normal; vertical-align:top; }
.step_on em{ background:url(/img/common/sub_y/y_bg_step_on.gif) no-repeat 100% 1px !important; color:#404040; }
.step_last_off em{ background:url(/img/common/sub_y/y_bg_step_last.gif) no-repeat 100% 1px !important; }
.step_last_on em{ background:url(/img/common/sub_y/y_bg_step_last_on.gif) no-repeat 100% 1px !important; }

/* 상단 가이드 */
.guide_box{ position:relative; clear:both; overflow:hidden; }

/* 2017-4-25 김태훈 추가 start */
.security_guide_box{ position:relative; height:194px; margin-top:18px; border:3px solid #f29004;}
.security_guide_inbox{ position:relative; width:642px; height:156px; margin:15px auto; background:#fff; border:0px solid #000; }
.security_guide_left{ position:relative; float:left; width:138px; height:156px; background:url(/img/common/icon/notebook_icon.gif) 0 0 no-repeat; border:0px solid #000;}
.security_guide_level{ position:relative; margin-top:111px; border:0px solid #000; }
.security_guide_level ul{ display:inline-block; margin-left:3px; }
.security_guide_level ul li { float:left; font-size:13px; color:#000; min-height:17px;}
.security_guide_level ul li.red_level{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#c73e3e;}
.security_guide_level ul li.green_level{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#5fc73e;}
.security_guide_level ul li.orange_level{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#0078d1;}
.security_guide_point ul{ margin:5px 0 0 3px;}
.security_guide_point ul li { float:left; font-size:13px; color:#000; min-height:17px;}
.security_guide_point ul li.red_point{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#c73e3e;}
.security_guide_point ul li.green_point{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#5fc73e;}
.security_guide_point ul li.orange_point{ margin-left:6px; width:70px; height:20px; text-align:center; padding:0 0 2px 0; font-size:12px; color:#fff; background:#0078d1;}
.security_guide_right{ position:relative; float:right; width:450px; height:156px; border:0px solid #000;}
.security_guide_title{ position:relative; height:52px; margin-left:35px; border:0px solid #000;}
.security_guide_line{ position:relative; margin-bottom:5px; height:1px; background:url(/img/common/bg/gray_dot_line.gif) repeat-x; }
.security_guide_check_L{ float:left; position:relative; margin-left:35px; border:0px solid #000; }
.security_guide_check_L ul{ margin-left:0px; }
.security_guide_check_L ul li { margin-left:0px; font-size:13px; line-height:20px; padding:0 0 5px 0px; color:#000;}
.security_guide_check_R{ float:left; position:relative; margin-left:30px; border:0px solid #000; }
.security_guide_check_R ul{ margin-left:0px; }
.security_guide_check_R ul li { margin-left:0px; font-size:13px; line-height:20px; padding:0 0 5px 0px; color:#000;}
.security_title{ position:relative; margin-top:20px; line-height:30px; padding:0 0 10px 0px; border-bottom:1px solid #c9cbcf;}
.security_level{ position:relative; width:740px; height:100%; margin-top:18px; }
.security_level_dept{ position:relative; width:100%; height:100%; margin-bottom:25px; border:0px solid #000;}
.security_level_dept_L{ position:relative; float:left; width:160px; border:0px solid #000;}
.security_level_dept_L .icon{ position:relative; width:100px; margin:0 auto; border:0px solid #000;}
.security_level_dept_R{ position:relative; float:right;  width:550px; }
.security_level_dept_R .plusBtn { display: inline-block; height: 16px; margin:10px 0 25px 0; padding: 0 4px 5px 15px; font-size: 11px; color: #999; font-weight: 500; line-height: 16px; background: #fff url("/img/common/icon/icon_plusBtn.gif") no-repeat 5px center; border: 1px solid #999; }
.security_level_dept_R .line{ position:relative; height:1px; background:url(/img/common/bg/gray_dot_line.gif) repeat-x; }
.personal_wrap{ position:relative; width:740px; margin-top:30px; border:0px solid #000;}
.personal_img_box{ position:relative; float:left; width:158px; height:178px; margin:0; background:#fff; border:1px solid #dcdde0; }
.personal_img_box .inbox{ position:relative; width:148px; height:143px; margin:5px auto; background:#d4f1f7; }
.personal_img_box .inbox .align { position:relative; height:100%; }
.personal_img_box .inbox .icon{ position:relative; display:block; width:30px; height:30px; margin:0px auto; padding:53px 0 0 0; border:0px solid #000; }
.personal_img_box .title{ position:relative; float:left; width:148px; height:30px; text-align:center; margin:0 0 0 5px; border:0px solid #000; }
.personal_contents { position:relative; float:right; margin:0 auto; width:550px; border:0px solid #000;}
.personal_contents .wrap{ position:relative; float:left; margin:0 0 0 0;}
.personal_contents .wrap .contents01{ position:relative; float:left; margin:0 0 0 0;}
.personal_contents .wrap .contents02{ position:relative; float:left; margin-top:35px;}
.personal_contents .wrap .contents03{ position:relative; float:left; margin-top:35px;}
.personal_contents .wrap .dept01{ position:relative; float:left;  width:550px; height:26px; margin-bottom:35px; padding:6px 0 0 50px; background:url(/img/common/icon/personal_step_01.gif) 0 0 no-repeat; border:0px solid #000;}
.personal_contents .wrap .dept02{ position:relative; float:left;  width:550px; height:26px; margin-bottom:35px; padding:6px 0 0 50px; background:url(/img/common/icon/personal_step_02.gif) 0 0 no-repeat; border:0px solid #000;}
.personal_contents .wrap .dept03{ position:relative; float:left;  width:550px; height:26px; margin-bottom:15px; padding:6px 0 0 50px; background:url(/img/common/icon/personal_step_03.gif) 0 0 no-repeat; border:0px solid #000;}
.personal_contents .gray_icon_list{ position:relative; width:470px; margin:0 auto; border:0px solid #000;}
.personal_contents .gray_icon_list .icon{ position:relative; float:left; width:30px; margin-right:30px; border:0px solid #000;}
.personal_contents .gray_icon_list .iconR{ position:relative; float:left; width:30px; margin:0 auto; border:0px solid #000;}
.personal_contents ul{ display:inline-block; margin:0 auto; }
.personal_contents ul li{ display:inline-block; margin:0 0 0 0; }
.personal_contents ul li label{ display:inline-block; margin:0 0 0 0; padding:5px 0 0 4px; }
.personal_contents .color_icon_list{ position:relative; margin-left:65px; border:0px solid #000;}
.personal_contents .color_icon_list .icon{ position:relative; float:left; width:30px; margin-right:30px; border:0px solid #000;}
.personal_contents_line{ position:relative; margin-top:35px; height:1px; background:url(/img/common/bg/gray_dot_line.gif) repeat-x; }
.personal_contents .text_check_area{ position:relative; float:left; width:470px; margin:0 0 0 50px; border:0px solid #000;}
.personal_contents .text_check_area .input_warp{position:relative; float:left; }
.personal_contents .text_check_area .input_warp input{ height:27px; padding:2px 5px 1px 30px; border:#999 1px solid; background-color:#fff; margin-bottom:1px; }
/*.personal_contents .text_check_area .btn { width:70px; height:28px; margin-left:10px; text-align:center; background-color:#929191;}
.personal_contents .text_check_area .btn .medium{ display:inline-block; padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#fff; }*/
.personal_contents .text_check_area .text{ margin-top:5px; font-size:13px; line-height:22px; color:#47484a;}
.personal_contents .text_check_area .btn_area { position:relative; float:left; height:30px; margin:10px 0 0 0; border:0px solid #000;}
/*.personal_contents .text_check_area .btn_area .btn { position:relative; float:left; width:65px; height:30px; margin:0 0 0 0; background-color:#f4a00f;}
.personal_contents .text_check_area .btn_area .btn .medium { padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#fff; }
.personal_contents .text_check_area .btn_area .btn + .btn { position:relative; float:left; width:63px; height:28px; margin-left:10px; text-align:center; background-color:#fff; border:1px solid #999;}
.personal_contents .text_check_area .btn_area .btn + .btn > .medium{ padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#999; }*/
/* 2017-4-25 김태훈 추가 end */

.guide_box ul{ padding:14px 18px 14px 62px; border:3px solid #ffc12e; background:url(/img/common/bg/bg_guide_top.gif) 0 0 no-repeat; }
.guide_box ul li.tit_fir{ font-size:14px; margin-bottom:2px; padding:0 0 4px 2px; color:#000; background:url(/img/common/bg/bg_line_dot.gif) left bottom repeat-x; min-height:17px; vertical-align:top;}
.guide_box ul li{ margin-bottom:2px; padding:0 0 5px 10px; color:#000; background:url(/img/common/icon/dot_list_1.gif) 0 8px no-repeat; min-height:17px; vertical-align:top;}
/* @media screen and (-webkit-min-device-pixel-ratio:0){ .guide_box ul li{ font-family:dotum, Helvetica, sans-serif !important; margin-bottom:2px; padding:0 0 0 10px; color:#000; background:url(/img/common/icon/dot_list_1.gif) 0 8px no-repeat; min-height:17px; vertical-align:top;} } */
.guide_box ul li strong{ display:block; color:#47484a; }
.guide_box ul li.small_btn_sec{ background-position:0 11px; }
.guide_box a,.guide_box a:active{text-decoration:underline;}
.guide_box span a,.guide_box span a:active{text-decoration:none !important;}

.y_inq_day { font-size:12px; width:auto; float:left; color:#000; margin:6px 0 0 3px; }
.y_inq_day.icon_bg{ background:url(/img/common/icon/y_s_img_1.gif) no-repeat 0 4px; padding-left:15px; }

.route_time{ font-size:12px; width:auto; text-align:right; position:absolute; top:6px; right:0; color:#000; }
.route_time .time{ background:url(/img/common/icon/time.gif) no-repeat 0 3px; padding-left:14px; }

/* 컨텐츠 상단 풍선말 */
.blon_help_box{ width:100%; min-height:40px; position:relative; background:url(/img/common/bg/blon_help_bg.gif) center no-repeat; }
.blon_help_box .hlep_btn{ position:absolute; top:-10px; left:50%; }

/* 경고 타입 */
.caution{ margin:6px 0 0 0; color:#000; font-size:12px; position:relative; line-height:14px;}
*+html .caution{ display:inline;}
.caution.left{ margin-left:0; width:100%;}
.caution a{ text-decoration:underline; }
.caution_spk{ display:inline-block; padding:1px 0 0 35px; background:url(/img/common/bg/bg_speaker.gif) top left no-repeat; text-align:left; color:#000; font-size:12px; line-height:19px;}
.y_phone_text{ background:url(/img/common/icon/y_phone.gif) 0px center no-repeat;}
.alert_box{ width:auto; position:relative; overflow:hidden; padding:10px; border:#ffb200 2px solid;  }
.bg_phone_center{ background:url(/img/common/bg/bg_sns_phone.gif) 40% center no-repeat; height:80px;}

/* 컨텐츠 가이드 */
.consult_box{ border:#ccced2 1px solid; overflow:hidden; position:relative; } 
.consult_box .img{ padding:9px 20px 10px 40px; background:url(/img/common/icon/s_img_2.gif) 20px 15px no-repeat ; font-size:14px; color:#000; }
.consult_box .consult{ padding: 0 40px 15px 29px; }
.consult_box .consult li{ line-height:16px; background:url(/img/common/icon/dot_list_3.gif) 0 6px no-repeat; padding-left:7px; padding-bottom:5px; font-weight:bold; color:#000;}
.consult_box .consult li.arrow_icon{ padding:0 0 0 10px; background:url(/img/common/icon/dot_list_1.gif) 0 7px no-repeat; line-height:18px; margin-bottom:5px; }

/* 개인정보 및 고유식별정보 수집, 이용 동의 */
.privacy_box{ border:#ccced2 1px solid; overflow:hidden; position:relative; } 
.privacy_box .privacy{ padding: 0 40px 15px 29px; }
.privacy_box .privacy li{ line-height:16px; background:url(/img/common/icon/dot_list_3.gif) 0 6px no-repeat; padding-left:7px; padding-bottom:5px; font-weight:normal; color:#000;}
.privacy_box .privacy li.arrow_icon{ padding:0 0 0 10px; background:url(/img/common/icon/dot_list_1.gif) 0 7px no-repeat; line-height:18px; margin-bottom:5px; }

/* 계좌 레이어팝업 */
.tb_layer_menu { position:absolute; z-index:100; top:0; left:0; padding:0; margin:0; }
.tb_layer_menu .line_allbox{ background-color:#fff; border:#fdbc48 2px solid; overflow:hidden; }
.tb_layer_menu .line_blue_allbox{ background-color:#fff; border:#4868b2 2px solid; overflow:hidden; }
.tb_layer_menu .pay_list{ background-color:#fff; overflow: hidden; line-height:16px; margin:0px; }
.tb_layer_menu .pay_list li{ color:#47484a; border-bottom:#ccced2 1px solid; background:url(/img/common/icon/dot_list_1.gif) 8px 12px no-repeat; padding:4px 10px 4px 16px; text-align:left; }
.tb_layer_menu .btn_close { border-bottom:none; background:#fdbc48; padding:4px 0; text-align:center; }
.tb_layer_menu .btn_blue_close { border-bottom:none; background:#e1e1e1; padding:4px 10px; text-align:right; }
.tb_layer_menu .last{ border-bottom:none !important; }
.tb_layer_menu .layerpop_content{ padding:15px; font-size:11px;  }

/* 블루레이어 팝업 */
.layerpop_head { overflow:hidden; position:relative; background-color:#4868b2; border-top:#4868b2 0px solid; border-left:#4868b2 0px solid; border-right:#4868b2 0px solid; border-bottom:#fff 1px solid; }
.layerpop_head .layerpop_title{ color:#fff; font-size:16px; letter-spacing:-1px; padding:0 20px 5px; }
.layerpop_head .layerpop_close{ width:20px; height:20px; background:url(/img/common/btn/pop_close.gif) no-repeat; display:block; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0; z-index:110; }
.layerpop_head .layerpop_close{ border:none; cursor:pointer; position:absolute; top:5px; right:10px; }

/* 팝업 */
.layer_pop{ position:fixed; top:0; left:50%; width:auto; height:100%; z-index:1001;}
.layer_pop_Bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:1001; }
.layer_pop_wrap{ position:absolute; height:auto; background-color:#FFF; z-index:1002; height:auto; top:10%; left:50%;}

.pop_wrap { position:relative; height:auto; overflow:hidden; }
.pop_head { overflow:hidden; position:relative; background-color:#fdbd49; border-top:#ffb200 2px solid; border-left:#ffb200 2px solid; border-right:#ffb200 2px solid; border-bottom:#fff 1px solid; }
.pop_contents{ position:relative; border-top:#ffe099 1px solid; border-bottom:#ccced2 2px solid; border-left:#ccced2 2px solid; border-right:#ccced2 2px solid; padding:20px 20px 20px 20px; overflow:hidden; }
.pop_top_area{ position:relative; width:auto; min-height:24px; overflow:hidden; }
.pop_top_area ul li { margin-bottom:15px; padding:0 0 0 10px; color:#000; background:url(/img/common/icon/dot_list_1.gif) 0 6px no-repeat; line-height:14px; vertical-align:top;}
.pop_top_area ul li ul{ margin-top:6px; }

/* 간편인증 로그인 팝업 */
.simpleLog_layer_pop{ position:fixed; width:auto; z-index:1001; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important; }
.simpleLog_layer_pop .ly_pop_wrap{ position:absolute; width:500px; height:auto; background-color:#FFF; z-index:1002; height:auto; top:10%; left:50%; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_head{ position:relative; height:50px; overflow:hidden; background-color:#1066b1; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_head .title{ color:#FFFFFF; margin-top:12px; font-size:18px; font-weight:400; letter-spacing:-1px; text-align:center; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content{ position:relative; padding:0; overflow:hidden; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .time{ font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:1.3; text-align:right; margin:10px 10px 0 0; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .time a{ font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:1.3; text-align:right; margin:5px 10px 0 0; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .time .count{ font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:1.3; color:#e02321; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .info_area{ position:relative; width:100%; min-height:34px; overflow:hidden; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .info_area .copy{ font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:1.3; text-align:center; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .info_area .certi_details{ margin:0 auto; padding-left:15px; overflow-y:auto; overflow-x:hidden; width:90%; height:65px; background:#f8f8f8; border:#d3d3d3 1px solid;}
.simpleLog_layer_pop .ly_pop_content .info_area .data{ position:relative; width:300px; height:120px; margin:10px auto; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .info_area .number{ float:left; width:50%; height:100%; border-right:#d7d7d7 1px solid; text-align:center; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .info_area .number div{ margin-top:35px; font-size:20px; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_content .info_area .qr{ float:right; width:50%; margin:10px 0 0 0; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}
.simpleLog_layer_pop .ly_pop_footer{ position:relative; padding-bottom:15px; overflow:hidden; background-color:#FFFFFF; font-family:'Noto Sans Korean','Noto Sans KR',Arial,Dotum,Helvetica,AppleGothic,Arial,Sans-serif !important;}

.simpleLog_layer_pop .explain{ margin:0 auto 15px; padding:10px 0 10px 0; width:90%; height:auto; background:#f8f8f8; border:1px solid #d3d3d3;}
.simpleLog_layer_pop .explain .title{font-size:18px; font-weight:400; letter-spacing:-1px; text-align:center;}
.simpleLog_layer_pop .explain .txt{ margin-top:5px; padding-left:45px; font-weight:400; line-height:20px;}
.simpleLog_layer_pop .explain p{color:#f36100;}

.simpleLog_layer_pop .ly_pop_content .btn_time{line-height:14px !important; color:#000; }
.simpleLog_layer_pop .ly_pop_content .btn_time{ border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:2px solid #d3d3d3; background-color:#d3d3d3;}
.simpleLog_layer_pop .ly_pop_content .btn_time{padding:2px 3px 2px 3px; cursor:pointer; font-size:16px; text-align:center; background:#d3d3d3; border-bottom:1px solid #d3d3d3;}

.smpAutnLayerPopView {display:none; position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.2);}
.smpAutnLayerPopContent { background-color: rgb(0,0,0); background-color:rgba(0,0,0,0); position:fixed; top:50%; margin-top:-252px; left:50%; margin-left:-252px; width:500px; height:800px auto;}
.smpAutnLayerPopContent2 { background-color: rgb(0,0,0); background-color:rgba(0,0,0,0); position:fixed; top:50%; margin-top:-252px; left:50%; margin-left:-252px; width:500px; height:800px auto;}

.simpleLog_Err_pop{display:none; position:fixed; z-index:10002; width:350px; top:50%; margin-top:-115px; left:50%; margin-left:-177px; background:#fff;}
.simpleLog_Err_pop .title_wrap{overflow:hidden; position:relative; background-color:#5A6E7E;}
.simpleLog_Err_pop .title_wrap .title{box-sizing:border-box; height:35px; color:#fff; font-size:18px; font-family: 'Noto demilight'; padding:7px 48px 0 10px;}
.simpleLog_Err_pop .content_wrap{background-color:#fff; border:1px solid #5A6E7E; overflow:hidden;}
.simpleLog_Err_pop .content_wrap .content{overflow:hidden; position:relative;}
.simpleLog_Err_pop .content_wrap .content p{padding:9px 20px 10px 40px; background:url(/img/common/icon/s_img_2.gif) 20px 15px no-repeat ; font-size:14px; color:#000;}
.simpleLog_Err_pop .content_wrap .content ul{padding: 0 40px 15px 29px; margin-top:5px;}
.simpleLog_Err_pop .content_wrap .btn_wrap{margin-bottom:10px;}

.simpleLog_Err_pop2{display:none; position:fixed; z-index:10002; width:350px; top:50%; margin-top:-67px; left:50%; margin-left:-177px; background:#fff;}
.simpleLog_Err_pop2 .title_wrap{overflow:hidden; position:relative; background-color:#5A6E7E;}
.simpleLog_Err_pop2 .title_wrap .title{box-sizing:border-box; height:35px; color:#fff; font-size:18px; font-family: 'Noto demilight'; padding:7px 48px 0 10px;}
.simpleLog_Err_pop2 .content_wrap{background-color:#fff; border:1px solid #5A6E7E; overflow:hidden;}
.simpleLog_Err_pop2 .content_wrap .content{overflow:hidden; position:relative;}
.simpleLog_Err_pop2 .content_wrap .content p{padding:9px 20px 10px 40px; background:url(/img/common/icon/s_img_2.gif) 20px 15px no-repeat ; font-size:14px; color:#000;}
.simpleLog_Err_pop2 .content_wrap .content ul{padding: 0 40px 15px 29px; margin-top:5px;}
.simpleLog_Err_pop2 .content_wrap .btn_wrap{margin-bottom:10px;}


/* 버튼 타입  */
.smpAutnBtn,.smpAutnBtn *{overflow:visible; margin:0; padding:0; display:inline-block; border:0; vertical-align:middle !important; color:#000;}
*+html .smpAutnBtn{display:inline;}
.smpAutnBtn {margin-right:0;}
*+html .smpAutnBtn {margin-right:2px}
.smpAutnBtn *{cursor:pointer; vertical-align:top !important; text-decoration:none;}
.smpAutnBtn *:hover,.smpAutnBtn *:active{text-decoration:none;}
.smpAutnBtn.small, .smpAutnBtn.small *{ color:#000; font-size:11px; line-height:16px !important; }
.smpAutnBtn.small{border-top:#616161 1px solid; border-right:#616161 1px solid; border-left:#616161 1px solid; border-bottom:#616161 2px solid; background-color:#6f6f6f;}
.smpAutnBtn.small *{ color:#fff; padding:4px 7px 3px; cursor:pointer; text-align:center; border-bottom:#8a8a8a 1px solid; }
.smpAutnBtn.small br{ margin:0; padding:0; display:block; }
.smpAutnBtn.small.action{border-top:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-left:#c5c5c5 1px solid; border-bottom:#c5c5c5 2px solid;}
.smpAutnBtn.small.action *{color:#000; padding:4px 7px 3px; cursor:pointer; text-align:center; background:#dedede; border-bottom:#c5c5c5 1px solid; }
.smpAutnBtn.small.white{border-top:#b0b2b6 1px solid; border-right:#b0b2b6 1px solid; border-left:#b0b2b6 1px solid; border-bottom:#b0b2b6 2px solid;}
.smpAutnBtn.small.white *{color:#000; padding:4px 7px 3px; cursor:pointer; text-align:center; background:#fff; border-bottom:#d9d9d9 1px solid; }

.smpAutnBtn.medium, .smpAutnBtn.medium *{ color:#fff; font-size:12px; line-height:16px !important;}
.smpAutnBtn.medium{ border-top:#c2c2c2 1px solid; border-left:#c2c2c2 1px solid; border-right:#c2c2c2 1px solid; border-bottom:#c2c2c2 2px solid; background-color:#d3d2d2;}
.smpAutnBtn.medium *{color:#000; padding:4px 8px 5px; cursor:pointer; font-size:12px; text-align:center; font-weight:bold; border-bottom:#c2c2c2 1px solid;}
.smpAutnBtn.medium br{margin:0; padding:0; display:block; }
.smpAutnBtn.medium.action{border-top:#c66930 1px solid; border-left:#c66930 1px solid; border-right:#c66930 1px solid; border-bottom:#c66930 2px solid; }
.smpAutnBtn.medium.action *{color:#fff; padding:4px 8px 5px; cursor:pointer; text-align:center; background:#dc6f2c; border-bottom:#c66930 1px solid;}
.smpAutnBtn.medium.white{border-top:#b0b2b6 1px solid; border-left:#b0b2b6 1px solid; border-right:#b0b2b6 1px solid; border-bottom:#b0b2b6 2px solid; } /* 20131128 */
.smpAutnBtn.medium.white *{color:#000; padding:4px 8px 5px; cursor:pointer; text-align:center; background:#fff; border-bottom:#d9d9d9 1px solid;} /* 20131128 */

.smpAutnBtn.large, .smpAutnBtn.large *{ line-height:16px !important; color:#000; }
.smpAutnBtn.large{ border-top:#d3d3d3 1px solid; border-left:#d3d3d3 1px solid; border-right:#d3d3d3 1px solid; border-bottom:#d3d3d3 2px solid; background-color:#d3d3d3;}
.smpAutnBtn.large *{padding:6px 14px 8px 14px; cursor:pointer; font-size:16px; text-align:center; background:#d3d3d3; border-bottom:#d3d3d3 1px solid;}
.smpAutnBtn.large br{ margin:0; padding:0; display:block; }
.smpAutnBtn.large.action{border-top:#df722f 1px solid; border-right:#df722f 1px solid; border-left:#df722f 1px solid; border-bottom:#df722f 2px solid;}
.smpAutnBtn.large.action *{padding:6px 14px 8px 14px; color:#fff; cursor:pointer; text-align:center; background:#df722f; border-bottom:#df722f 1px solid;}
.smpAutnBtn.large.action br{margin:0; padding:0; display:block; }
.smpAutnBtn.large.gray{border-top:#ccced2 1px solid; border-right:#ccced2 1px solid; border-left:#ccced2 1px solid; border-bottom:#b2b4b8 2px solid;}
.smpAutnBtn.large.gray *{padding:6px 14px 10px 14px;  color:#000; cursor:pointer; text-align:center; background:#eeeeee; border-bottom:#ccced2 1px solid;}
*+ html .smpAutnBtn.large.gray *{ padding-bottom:20px; }
.smpAutnBtn.large.gray br{margin:0; padding:0; display:block; }




/* 2017-12-14 자주쓰는 입금계좌 관리 팝업 화살표 버튼 김태훈 추가 start */
.pop_wrap .arrow_button { margin-top:10px; }
/* 2017-12-14 자주쓰는 입금계좌 관리 팝업 화살표 버튼 김태훈 추가 end */

/* 인터넷 펀드추가 2016-12-20 */
.pop_top_areaih{ position:relative; width:auto; min-height:24px; overflow:hidden; }
.pop_top_areaih ul li { margin-bottom:15px; padding:0 0 0 10px; color:#000; background:url(/img/common/icon/dot_list_1.gif) 0 6px no-repeat; line-height:14px; vertical-align:top;}
.pop_top_areaih ul li ul{ margin-top:16px; }

.pop_title{ color:#000000; font-size:17px; letter-spacing:-1px; padding:0 20px 5px; }
.pop_footer{ position:relative; color:#000; border-left:#ccced2 2px solid; border-right:#ccced2 2px solid; border-bottom:#ccced2 2px solid; padding:8px; overflow:hidden; background-color:#f8f8f8; }
.pop_footer1{background-color:#f8f8f8; padding-top:10px; padding-left:5px; padding-right:5px; padding-bottom:10px; border-top:#ccced2 2px solid; border-bottom:#ccced2 2px solid;}

.pop_close{ width:20px; height:20px; background:url(/img/common/btn/pop_close.gif) no-repeat; display:block; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0; z-index:110; }
.pop_close{ border:none; cursor:pointer; position:absolute; top:5px; right:10px; }
.pop_right{ position:absolute; top:9px; right:10px; }

/* 인터넷 펀드추가 2016-12-20 */
.pop_closeih{ width:20px; height:20px; background:url(/img/common/btn/pop_close.gif) no-repeat; display:block; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0; z-index:110; }
.pop_closeih{ border:none; cursor:pointer; position:absolute; top:5px; right:10px; }

.box_both{ overflow:hidden; clear:both; width:100%; }
.ly_pop_head { overflow:hidden; position:relative; background-color:#fdbd49; }
.ly_pop_contents{ position:relative; border-left:#fdbc48 2px solid; border-right:#fdbc48 2px solid; padding:0; overflow:hidden; }
.ly_pop_footer{ position:relative; padding:6px; overflow:hidden; background-color:#fdbc48; }

/* 게시판 페이징 */
.paging{width:100%; height:28px; text-align:center; overflow:hidden; margin-top:20px;}
.paging a{display:inline-block; font-family:Tahoma, Geneva, sans-serif; margin:0 2px; line-height:normal; text-decoration:none;}
.paging .on{border:#a6a6a6 1px solid; color:#ff6501; font-weight:bold; padding:5px 10px 0 10px; position:relative; height:20px; background:url(/img/common/bg/bg_paging.gif) repeat-x;}
.paging .off{border:#dadada 1px solid; color:#000; padding:5px 10px 0 10px; position:relative; height:20px; background:url(/img/common/bg/bg_paging.gif) repeat-x;}
.paging .off:hover,.paging .off:focus{ color:#000; }
*+html .paging .on{top:-3px;}
*+html .paging .off{top:-3px;}

.paging .prev{border:#dadada 1px solid; width:26px; height:25px; background:url(/img/common/btn/bg_paging.gif) -26px 0 no-repeat; text-indent:0; position:relative; top:-17px; font-size:0px; line-height:0;}
*+html .paging .prev{top:1px;}
.paging .prev:hover,.paging .prev:focus{background:url(/img/common/btn/bg_paging_over.gif) -26px 0 no-repeat;}

.paging .next{border:#dadada 1px solid; width:26px; height:25px; background:url(/img/common/btn/bg_paging.gif) 0 -25px no-repeat; text-indent:0; position:relative; top:-17px; font-size:0px; line-height:0;}
*+html .paging .next{top:1px;}
.paging .next:hover,.paging .next:focus{background:url(/img/common/btn/bg_paging_over.gif) 0 -25px no-repeat;}

.paging .prev10{border:#dadada 1px solid; width:26px; height:25px; background:url(/img/common/btn/bg_paging.gif) 0 0 no-repeat; text-indent:0; position:relative; top:-17px; font-size:0px; line-height:0;}
*+html .paging .prev10{top:1px;}
.paging .prev10:hover,.paging .prev10:focus{background:url(/img/common/btn/bg_paging_over.gif) 0 0 no-repeat;}

.paging .next10{border:#dadada 1px solid; width:26px; height:25px; background:url(/img/common/btn/bg_paging.gif) -26px -25px no-repeat; text-indent:0; position:relative; top:-17px; font-size:0px; line-height:0;}
*+html .paging .next10{top:1px;}
.paging .next10:hover,.paging .next10:focus{background:url(/img/common/btn/bg_paging_over.gif) -26px -25px no-repeat;}

.y_last_text { text-align:center; margin-top:29px; width:auto;}
.y_last_text span { background:url(/img/common/icon/y_s_speaker.gif) no-repeat; padding-left:35px; font-size:12px; font-weight:bold; color:#88888b }

/* OTP 비밀번호 입력 */
.otp_section{ background:url(/img/common/bg/bg_otp.gif) no-repeat; border-top:2px solid #e0e0e0; position:relative;}
.otp_section .otp_input{ text-align:center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:18px 0; margin-top:10px; }
.otp_section .otp_input input{ height:22px; text-align:center; padding:2px 5px 1px; border:#ccced2 1px solid; margin-bottom:1px; }
.otp_section .otp_caution{ height:165px; overflow:hidden; font-size:12px; padding:32px 55px 0 325px; line-height:24px; }

/* 스마트 당행 OTP 비밀번호 입력 */
.smart_otp_section{ background:url(/img/common/bg/bg_card.gif) no-repeat; border-top:2px solid #e0e0e0; position:relative;}
.smart_otp_section .otp_input{ text-align:center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:18px 0; margin-top:10px; }
.smart_otp_section .otp_input input{ height:22px; text-align:center; padding:2px 5px 1px; border:#ccced2 1px solid; margin-bottom:1px; }
.smart_otp_section .otp_caution{ height:220px; overflow:hidden; font-size:12px; padding:32px 55px 0 325px; line-height:24px; }

/* TZ 당행 OTP 비밀번호 입력 */
.tz_otp_section{ background:url(/img/common/bg/bg_tzotp.gif) no-repeat; border-top:2px solid #e0e0e0; position:relative;}
.tz_otp_section .otp_input{ text-align:center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:18px 0; margin-top:10px; }
.tz_otp_section .otp_input input{ height:22px; text-align:center; padding:2px 5px 1px; border:#ccced2 1px solid; margin-bottom:1px; }
.tz_otp_section .otp_caution{ height:220px; overflow:hidden; font-size:12px; padding:32px 55px 0 325px; line-height:24px; }

/* 디지털 OTP 비밀번호 입력 */ 
.digital_otp_section{ background:url(/img/common/bg/bg_dgtotp.gif) no-repeat; border-top:2px solid #e0e0e0; position:relative;}
.digital_otp_section .otp_input{ text-align:center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:18px 0; margin-top:10px; }
.digital_otp_section .otp_input input{ height:22px; text-align:center; padding:2px 5px 1px; border:#ccced2 1px solid; margin-bottom:1px; } 
.digital_otp_section .otp_caution{ height:220px; overflow:hidden; font-size:12px; padding:32px 55px 0 325px; line-height:24px; }

.otp_help_tit{ width:100%; border-top:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0; position:relative; }
.otp_help_tit dl{ background:url(/img/common/icon/otp_tit_hand.gif) 20px 20px no-repeat; padding:22px 50px 20px 74px; }
.otp_help_tit dl dt{ font-size:14px; font-weight:bold; margin-bottom:7px;line-height:17px;  }
.otp_help_tit dl dd{ font-size:12px; font-weight:bold; color:#000; line-height:18px;  }

/* 보안카드 입력 */
.security_card{ height:auto; border-top:2px solid #e0e0e0; position:relative; }
.security_card .security_area{ width:100%; height:auto; overflow:hidden; }
.security_card .security_left_area{ float:left; width:320px; }
.security_card .security_left_area .security_caution{ overflow:hidden; font-size:12px; padding:40px 25px 40px; font-weight:bold;}

.security_card .security_left_area .security_input_box{ padding:0; border-top:1px solid #ccced2;}
.security_card .security_left_area .security_input_box .enter_txt{ position:relative; padding:12px 0 12px 5px; border-bottom:1px solid #ccced2;}
.security_card .security_left_area .security_input_box .enter_txt input{ font-family:dotum, Helvetica, sans-serif !important; font-size:14px; text-align:center; padding:1px 1px 1px; border:#ccced2 1px solid; letter-spacing:4px;  }
.security_card .security_left_area .security_input_box .enter_txt.front,.security_card .security_left_area .security_input_box .enter_txt.back{ line-height:30px; vertical-align:middle;}
.security_card .security_left_area .security_input_box .enter_txt strong{font-size:14px;}

.security_card .security_right_area{ position:relative; float:right; width:386px; height:255px; margin-top:30px; background:url(/img/common/bg/bg_securitycard.gif) no-repeat; }
.security_card .security_right_area input{ width:13px !important; height:12px !important; padding:1px !important; font-family:dotum, Helvetica, sans-serif !important; border:#ccced2 1px solid; background-color:#fee08a; }
.security_card .security_right_area .posi_num{ position:absolute; width:77px; height:25px; font-size:7px; }
.security_card .security_right_area .posi_num.front .input{ position:absolute;top:5px;left:37px;}
.security_card .security_right_area .posi_num.back .input{ position:absolute;top:5px;right:3px;}

#num_1{left:0; top:43px;}
#num_2{left:0px; top:68px;}
#num_3{left:0px; top:93px;}
#num_4{left:0px; top:118px;}
#num_5{left:0px; top:143px;}
#num_6{left:0px; top:168px;}
#num_7{left:0px; top:193px;}
#num_8{left:77px; top:43px;}
#num_9{left:77px; top:68px;}
#num_10{left:77px; top:93px;}
#num_11{left:77px; top:118px;}
#num_12{left:77px; top:143px;}
#num_13{left:77px; top:168px;}
#num_14{left:77px; top:193px;}
#num_15{left:154px; top:43px;}
#num_16{left:154px; top:68px;}
#num_17{left:154px; top:93px;}
#num_18{left:154px; top:118px;}
#num_19{left:154px; top:143px;}
#num_20{left:154px; top:168px;}
#num_21{left:154px; top:193px;}
#num_22{left:231px; top:43px;}
#num_23{left:231px; top:68px;}
#num_24{left:231px; top:93px;}
#num_25{left:231px; top:118px;}
#num_26{left:231px; top:143px;}
#num_27{left:231px; top:168px;}
#num_28{left:231px; top:193px;}
#num_29{left:306px; top:43px;}
#num_30{left:306px; top:68px;}
#num_31{left:306px; top:93px;}
#num_32{left:306px; top:118px;}
#num_33{left:306px; top:143px;}
#num_34{left:306px; top:168px;}
#num_35{left:306px; top:193px;}

/* 안내 */
.comm_guide_footer{ position:relative; color:#939393; border-left:#ccced2 2px solid; border-right:#ccced2 2px solid; border-bottom:#ccced2 2px solid; border-top:#ccced2 1px solid; padding:8px; overflow:hidden; background-color:#f8f8f8; }
.comm_guide_both{ overflow:hidden; clear:both; width:100%; }

/* 리스트 가이드 */
/* 2뎁스 리스트 */
.first_list_box{ overflow:hidden; position:relative; padding-top:3px; }
.first_list_box.btn_pad{ padding-top:7px; }
.first_list_box li{ margin-bottom:6px; padding:0 0 0 10px; background:url(/img/common/icon/dot_list_1.gif) 0 8px no-repeat; min-height:20px; text-align:left; position:relative; }
/* @media screen and (-webkit-min-device-pixel-ratio:0){ .first_list_box li{ font-family:dotum, Helvetica, sans-serif !important; margin-bottom:6px; padding:0 0 0 10px; background:url(/img/common/icon/dot_list_1.gif) 0 8px no-repeat; min-height:20px; text-align:left; position:relative; } } */
.first_list_box li ul li{ margin:3px 0 3px 0; padding:0 0 0 10px; background:url(/img/common/icon/j_img_2.gif) 0 7px no-repeat; line-height:16px; text-align:left;  }
.first_list_box .btn_right{ position:absolute; top:0px; right:0px; height:30px; }
.first_list_box li.small_btn_sec{ background-position:0 11px; }
.first_list_box li.small_radio_sec{ background-position:0 8px; }
.first_list_box li .tit_gray{ font-size:14px; color:#47484a; font-weight:bold; padding-right:15px; }
.first_list_box li .txt_gray{ color:#000; }

/* 4뎁스 리스트 */
.four_list_box{ overflow:hidden; position:relative; padding-top:3px; }
.four_list_box h3{ font-family:dotum, Helvetica, sans-serif !important; margin-bottom:10px; padding:0 0 0 10px; background:url(/img/common/icon/y_dot_list_4.gif) 0 6px no-repeat; line-height:16px; text-align:left; position:relative; color:#000000; 
font-size:14px; letter-spacing:-1px; }
.four_list_box li.small_btn_sec{ background-position:0 11px; }
.four_list_box ul li{ margin-bottom:6px; padding:0 0 0 10px; background:url(/img/common/icon/dot_list_1.gif) 0 8px no-repeat; min-height:20px; text-align:left; position:relative; }
.four_list_box ul li.num_tit_li{  padding:0px; background:none !important; font-weight:bold; padding-left:20px; }
.four_list_box ul li span.num_mrg{ display:block; float:left; margin:0px; font-weight:bold; margin: 0 0 0 -20px;}
.four_list_box ul li ul li{ margin:5px 0 5px 0; padding:0 0 0 10px; background:url(/img/common/icon/dot_list_3.gif) 0 7px no-repeat; line-height:16px; text-align:left; color:#000; font-weight:normal !important; }
.four_list_box ul li ul li ul li{ margin:5px 0 5px 0; padding:0 0 0 10px; background:url(/img/common/icon/j_img_2.gif) 0 7px no-repeat; line-height:16px; text-align:left;  }

/* 컨텐츠 안내메뉴 */
.top_mn_box{ float:left; margin-bottom:8px; margin-right:6px; text-align:center; position:relative;  }
.top_mn_box a{ display:block; vertical-align:middle; min-width:159px; color:#47484a; padding:8px 8px; border:2px solid #c9c9c9; background:url(/img/common/bg/bg_tmn_bg.gif) repeat-x; font-weight:bold; font-size:12px; }
.top_mn_box a:hover, .top_mn_box a.on{ border:2px solid #ffb200; color:#000; }

/* 홍보동영상 */
.movie_list_area{ position:relative; border:#c8c8c8 1px solid; padding:18px; overflow:hidden;}
.movie_list_area .left_movie{ float:left; width:43%; }
.movie_list_area .left_movie .movie_box{ width:243px; height:184px; background:url(/img/common/bg/bg_obliq_line.gif) repeat-x; border:#c8c8c8 1px solid; overflow:hidden; text-align:center; padding:10px; }
.movie_list_area .left_movie .movie_box p{ width:241px; height:182px; text-align:center; background:#000 url(/img/common/bg/bigsum_mv_nobg.gif) center center no-repeat; color:#fff; overflow:hidden;  }
.movie_list_area .left_movie .consult_ico_txt{ width:100%; background:url(/img/common/icon/read_glass_ico.gif) no-repeat; padding-left:60px; font-size:12px; }

.movie_list_area .right_sumlist{ float:right; width:55.5%; }
.movie_list_area .right_sumlist .sumlist_box li{ float:left; width:123px; height:69px; background:#c8c8c8 url(/img/common/bg/sum_mv_nobg.gif) center center no-repeat; margin-right:10px; }
.movie_list_area .right_sumlist .sumlist_box li a{ font-size:1px; line-height:0;}
.movie_list_area .right_sumlist .sumlist_box li img{ width:123px; height:69px; }
.movie_list_area .right_sumlist .sumlist_box li.pad_none{ margin-right:0px; }

/* FC성공스토리 */
.fc_photo_area{ vertical-align:top; width:auto; height:106px; overflow:hidden;  }
.fc_photo_area .picThumb{ width:153px; height:97px; border:1px solid #e0e0e0; overflow:hidden; float:left; }
.fc_photo_area .picThumb a{ font-size:1px; line-height:0; }
.fc_photo_area .tit_list{ width:550px; padding-left:20px; float:left; height:auto; }
.fc_photo_area .photo_txt_list{ height:75px; overflow:hidden; }

/* 카드안내 리스트 */
.prod_area{ position:relative; overflow:hidden; border:2px solid #ccced2; text-align:center; margin:0 auto; }
.card_ifo_box {  min-height:170px; margin-top:25px; overflow:hidden;   } 
.card_ifo_box .left_img_card{ float:left; width:41%;  }
.card_ifo_box .left_img_card .thumb_img{ min-height:150px; background:url(/img/common/card/card_img_none.gif) center no-repeat; }
.card_ifo_box .right_ifo_txt{ float:right; width:55%; padding:0 20px 15px 0; }
.card_ifo_box .right_ifo_txt .n_tit{ font-size:16px; font-weight:bold; text-align:left; color:#47484a; line-height:22px; }

.prod_area_epost{ position:relative; overflow:hidden; border:3px solid #ccced2; text-align:center; margin:0 auto; }
.prod_ifo_box {  min-height:170px; margin-top:25px; margin-bottom:28px; overflow:hidden;   } 
.prod_ifo_box .left_prod_box{ float:left; width:47%;  }
.prod_ifo_box .right_prod_txt{ float:right; width:49%; margin-right:20px; text-align:left; }
.prod_ifo_box .sub_mtit dt{ font-family:dotum, Helvetica, sans-serif !important; font-size:24px; text-align:left; color:#000; line-height:27px; }
.prod_ifo_box .sub_mtit dd{ font-family:dotum, Helvetica, sans-serif !important; font-size:12px; text-align:left; color:#47484a; padding-top:8px; line-height:18px; }
.prod_ifo_box .sub_prod_tb{ margin-top:15px; border-top:#e4e4e4 1px solid;  }
.prod_ifo_box .sub_prod_tb li{ border-bottom:#e4e4e4 1px solid; padding:6px;  }
.prod_ifo_box .btns_list li{ float:left; padding-right:3px; }

.prod_area .cen_btn_sec{ width:86%; border-top:#e4e4e4 1px solid; margin:0 auto;  text-align:center; padding:20px 0; }
.prod_bonus_list{ position:relative; overflow:hidden; }
.prod_bonus_list .left_img{ float:left; width:20%; text-align:center; padding-top:10px; }
.prod_bonus_list .right_info{ float:right; width:73%; min-height:100px; padding:0 20px 15px 0; }

/* 에버리치 상세정보 */
.info_details_area{ position:relative; overflow:hidden; margin:0 auto; }
.details_box { min-height:290px; margin-top:25px; margin-bottom:28px; overflow:hidden;   } 
.details_ico{ height:32px; background:url(/img/common/icon/dot_list_1.gif) 0 14px no-repeat; padding:0 0 0 10px; font-weight:bold;   }
.details_btn_box{ width:100%; overflow:hidden; position:relative; padding:7px 0 7px; border-top:1px solid #b0b2b6; }

/* 카드안내 정보 BG */
.icard_cont_bg{ width:100%; min-height:170px; background:url(/img/common/card/card_ic_bg.gif) no-repeat; overflow:hidden; }

/* Y-Scroll 팝업 */
.yscroll_pop{ position:relative; height:300px; overflow-y:scroll; overflow-x:hidden; background-color:#FFF; margin:0;}

/* 카드 뷰페이지 전체 */
.prod_view_area{ width:100%; overflow:hidden; position:relative; padding:20px 0 0; }
.finance_view_area{ width:100%; overflow:hidden; position:relative; padding:20px 0 20px; border-top:2px solid #ccced2; border-bottom:2px solid #ccced2; }

/* 별표시 */
@media all{
.star_rating{width:74px; height:13px; background:url(/img/common/bg/bg_starpoint_off.gif) 0 0 no-repeat; position:relative; top:3px; text-align:left;}
.star_rating span{ display:block; height:13px; background:url(/img/common/bg/bg_starpoint_on.gif) 0 0 no-repeat;}
.star_rating .point{display:block}
}
/* 상품리스트 텍스트 */
.des_type_1{ color:#000; padding:5px 0; }
.des_type_1 .pro_tit a{ font-size:16px; color:#000; line-height:20px; font-family:dotum, Helvetica, sans-serif !important; }
.des_type_1 .sub_tit{ line-height:18px; margin-top:5px; font-family:dotum, Helvetica, sans-serif !important; }

/* 팝업 영수증 텍스트 */
.receipt_center_area{ width:100%; overflow:hidden; position:relative; min-height:120px; text-align:center; margin-top:60px; }
.receipt_center_area .receipt_tit{ color:#000; font-size:16px; font-weight:bold;  }
.receipt_center_area .receipt_txt{ color:#47484a; font-size:12px; margin-top:20px; }

.receipt_center_area .stamp_txt{ position:absolute; top:0px; left:50%; margin-left:168px; padding-top:50px; font-size:11px; line-height:13px; color:#000; z-index:99; }
.receipt_center_area .stamp_bg{ width:100px; height:83px; position:absolute; top:0px; left:50%; margin-left:160px; }

.receipt_center_area .stamp_txt .date_txt{ width:90px; display:block; }
.receipt_center_area .stamp_txt .addr_txt{ width:90px; display:block; }

/* 자주찾는메뉴 */
.favorite_area{ width:100%; overflow:hidden; position:relative; }
.favorite_area .line_box{ float:left; width:105px; margin-top:15px; overflow:hidden; }
.favorite_area .box_50_per{ float:left; width:50%;  }

/* 마이페이지 완료페이지 */
.mymember_complete{ width:100%; overflow:hidden; position:relative; border-top:#ccced2 2px solid; }
.mymember_complete .img_box{ min-height:110px; background:url(/img/common/bg/complet_img.gif) 50% 45px no-repeat; padding-top:135px; }

/* 마이페이지 등록/편집 */
.mypage_img_regis{ border:solid 1px #ccced2; overflow:hidden; }
.mypage_img_regis .wid_20{ float:left; width:17%; padding:25px 40px;  }
.mypage_img_regis .wid_20 .center_pic{ border:#e4e4e4 3px solid; width:108px; height:106px; text-align:center; padding-top:5px; }

.mypage_img_regis .wid_70{ float:left; width:68%; }
.mypage_fir_icon{ display:inline-block; min-width:200px; background:url(/img/common/common/my_arrow_icon.gif) 0 8px no-repeat; }
.mypage_mesage_sec{ display:inline-block; background:url(/img/common/common/my_mesage_icon.gif) 0 6px no-repeat; }
.mypage_circle_sec{ background:url(/img/common/common/my_circle_icon.gif) 0 8px no-repeat !important; border-bottom:#ccced2 1px solid; padding-top:0px !important;   }

/* 그레이 박스모양 */
.gray_box_com{ border:solid 1px #ccced2; background:#f6f6f6; padding:10px 10px 10px; }
.box_list_com{ width:736px; vertical-align:top; position:relative; overflow:hidden; border-top:solid 1px #ccced2; border-left:solid 1px #ccced2; }
.box_list_com li{ border-bottom:solid 1px #ccced2; border-right:solid 1px #ccced2;  text-align:center; float:left; width:244px; min-height:28px; padding-top:8px; }
.box_list_com li.ver_fixed{ min-height:170px; }
.box_list_com li.bg_1{ background:url(/img/common/bg/faq_vert_bg1.gif) 92% 92% no-repeat; }
.box_list_com li.bg_2{ background:url(/img/common/bg/faq_vert_bg2.gif) 92% 92% no-repeat; }
.box_list_com li.bg_3{ background:url(/img/common/bg/faq_vert_bg3.gif) 92% 92% no-repeat; }
.box_list_com li.bg_4{ background:url(/img/common/bg/faq_vert_bg4.gif) 94% 93% no-repeat; }

/* 보험 asis 외부용 */
.ver01{ margin-bottom:10px; margin-top:10px; padding:0 0 0 10px; background:url(/img/common/icon/y_dot_list_4.gif) 0 6px no-repeat; line-height:16px; text-align:left; position:relative; color:#000000; font-size:14px; letter-spacing:-1px; }
.verh4{ margin-bottom:10px; margin-top:20px; padding:0 0 0 0; line-height:16px; text-align:left; position:relative; color:#47484a; font-size:14px; letter-spacing:-1px; }
.ol{  font-size:12px; margin-left:10px; padding-left:3px; margin-bottom:5px; margin-top:5px; background:url(/img/common/bg/bg_nm_ol.gif) 0 4px no-repeat; }
.ol li{ list-style:decimal !important;  font-size:12px; margin-left:38px;  }

#contents .mgl13{ margin-left:0px; position:relative; }
#contents .mgl13 .right{ position:absolute; right:10px; top:-2px; }

.month_area{ margin-left:30px !important; margin-right:30px !important; text-align:left; padding-top:20px; }
.tot_price_box{ width:100%; overflow:hidden;  }
.man_price{ display:block; float:left; padding:10px 0; margin:0px; width:50%; border-top:dotted 1px #ccced2; border-bottom:dotted 1px #ccced2; background-color:#e1ecff; line-height:20px; text-align:center; }
.woman_price{ display:block; float:left; padding:10px 0; margin:0px; width:50%; border-top:dotted 1px #ccced2; border-bottom:dotted 1px #ccced2; background-color:#ffe6e7; line-height:20px; text-align:center; }

.price_around li{ float:left; width:48%; margin-bottom:1px; padding:0 0 0 10px; color: #000; background: url(/img/common/icon/dot_list_1.gif) 0 8px no-repeat; min-height:17px; vertical-align:top; }

/* 영인추가 */
.srm_1{margin-right:1px !important;}
.y_border_n {border:none !important;}
.main_le_menu_area .main_le_btn { position:absolute; top:8px; right:10px; z-index:999; }
.main_le_menu_area .img { width:246px; height:160px;  }

.main_news_layout{ width:100%; height:87px; background: url(/img/common/main/mid_bg_x.gif) 0 0 repeat-x; overflow:hidden; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; z-index:999; background-color:white; }
/*
.main_news_layout div > ul { width:48%; padding-top:9px; }
.main_news_layout div > ul > li { float:left;}
.main_news_layout div ul li.list { width:72%; }
.main_news_layout div ul li.list ul li { clear:both; margin-left:10px; width:295px; height:25px; }
.main_news_layout div ul li.list ul li .subject { vertical-align:middle; white-space:nowrap;  text-overflow:ellipsis;-o-text-overow:ellipsis; overflow:hidden; width:190px; display:inline-block; background:url(/img/common/sub_y/y_dot_list_1.gif) 2px 10px no-repeat; padding-left:8px; letter-spacing:-1px; }
.main_news_layout div ul li.list ul li .date {vertical-align:middle; width:70px; display:inline-block; margin-left:10px; letter-spacing:-1px;}
*/
/* 20131121 수정 */
.y_news_data > ul { width:48%; padding-top:9px; }
.y_news_data > ul > li { float:left;}
.y_news_data ul li.list { width:72%; }
.y_news_data ul li.list ul li { clear:both; margin-left:10px; width:295px; height:25px; }
.y_news_data ul li.list ul li .subject { vertical-align:middle; white-space:nowrap;  text-overflow:ellipsis; overflow:hidden; width:190px; display:inline-block; background:url(/img/common/sub_y/y_dot_list_1.gif) 2px 10px no-repeat; padding-left:8px; letter-spacing:-1px; }
.y_news_data ul li.list ul li .date {vertical-align:middle; width:70px; display:inline-block; margin-left:10px; letter-spacing:-1px;}
/* //20131121 수정 */

.main_service_layout { width:100%; position:relative; overflow:hidden;}
.main_service_area{ width:980px; min-width:980px; height:176px; margin:0 auto; background:#fff; position:relative; }

/* 20131130 수정반영 */
.main_import_service { float:left; margin-left:12px; position:relative;}
.main_import_service .main_service_box li{ border-right:1px solid #e7e7e7;  display:inline-block; height:158px;  margin-top:20px; }
.main_import_service .main_service_box li a{ line-height:17px; text-align:center; display:block; font-weight:bold; margin-top:20px; width:138px; }
.main_import_service .main_service_box li a img{ display:block; margin-left:27px; padding-bottom:5px; }
/* //20131130 수정반영 */

.arr_m_icon{ display:block; background:url(/img/common/main/orange_arrow.gif) 100% 7px no-repeat; width:57px; }

.main_layer_pop_wrap{ position:absolute; height:auto; background-color:#FFF; z-index:1002; height:auto; top:10%; left:50%; border:2px solid #ff6501; padding:20px;}
.main_layer_pop_wrap .main_layer_pop_head { border-bottom:1px solid #b1b1b1; padding-bottom:12px; }
.main_layer_pop_wrap .main_layer_pop_head h1 { font-size:18px; font-weight:bold; color:#ff0d01; display:inline; margin-right:5px; margin-left:3px;}
.main_layer_pop_close{border:none; cursor:pointer; position:absolute; top:25px; right:30px; width:22px; height:21px; background:url(/img/common/sub_y/layer_pop_close.gif) no-repeat; display:block; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0; z-index:110; }
.main_layer_pop_wrap ul li {border-bottom:1px solid #eaeaea; padding:15px 0 15px 5px; width:100%;}
.main_layer_pop_wrap .title { background:none !important; color:#2a2e36; font-size:14px; font-weight:bold; width:110px; display:inline-block; float:left;}
.main_layer_pop_wrap .title2 { background:none !important; color:#2a2e36; font-size:14px; font-weight:bold; display:block; padding-bottom:7px;}
.main_layer_pop_wrap ul li span { display:inline-block; background:url(/img/common/sub_y/main_layer_pop_h_line.gif) right center no-repeat; padding-right:5px; letter-spacing:-1px;}
/* //영인추가 */

/* 영인추가 20131101 */
.main_layer_pop_wrap .img3 { background:none !important; width:107px; padding:0 20px 0 5px; float:left; }
.main_layer_pop_wrap .title3 { background:none !important; color:#525252; font-size:14px; font-weight:bold; display:block; margin:10px 0 0 0;}
.main_layer_pop_wrap .content3 { background:none !important; padding-bottom:6px; display:block;}

/* 통합검색 */
.totalsrhbox{ background:url(/img/common/sub_j/search_topbg.jpg) no-repeat; height:94px; position:relative; }
.totalsrhbox.totalcenter{text-align:center; padding:25px 0 0 0;}
.totalsrhbox .totalselbox{margin:0; padding:4px 4px 4px 0; font-size:14px; font-family:dotum !important; border:#ff6501 3px solid; vertical-align:middle; color:#5c5d5d; height:33px; width:80px;}
.totalsrhbox .totalinput{height:26px;padding:2px 5px 1px; border:#ff6501 3px solid; font-size:14px; width:200px;}
.totalsrhbox .totalpop{text-align:left; font-size:12px; color:#172b58; height:20px; margin-left:304px;}

.totalsrhbox .totalpop a{display:inline-block; padding:0 9px 0 0; font-size:12px; color:#172b58; height:19px; white-space:nowrap; text-overflow:ellipsis;}
.totalsrhbox .totalpop a:hover{text-decoration:underline; color:#172b58;}
.totalsrhbox .totalpop .ppktitle{display:inline-block; padding:0 9px 0 0; font-size:12px; color:#172b58;width:70px; overflow:hidden; white-space:nowrap; text-overflow:clip;}

.totalsrhbox .search_Layer {background-color:#F4F4F4; position:absolute; top:59px; left:392px; border:#ff6501 2px solid; z-index:1100;}
.totalsrhbox .search_push_box { width:201px; height:101px; padding:2px; padding-left:7px;  background-color:white; }
.totalsrhbox .push_box_content{ width:200px; overflow:hidden; text-align:left; padding:3px; }
.totalsrhbox .push_box_content li a{ display:block; width:200px; background-color:#FFF; }
.totalsrhbox .push_box_content li a:hover{ width:200px; background-color:#F4F4F4; text-decoration:none; }

/* 메인상단 자동팝업 */
#topPopUp{ width:100%; background-color:#4868b2; }
#topPopUp.visual_off{ display: none !important; }

#topPopUp .main_pop_box{ width:920px; margin:0 auto; background-color:#4868b2; height:180px; position:relative; }
#topPopUp .main_pop_box p{ padding:0; }
#topPopUp .main_pop_box p span { display:block; color:#714e07; margin-top:8px; }

#topPopUp .main_pop_box .pop_btn_sect{ position:absolute; right:165px; bottom:12px; }

#topPopUp .main_pop_box .day_sect { position:absolute; right:0; bottom:15px; }
#topPopUp .main_pop_box .day_sect label { display:inline-block; margin-right:48px; padding-bottom:5px; color:#fff; height:15px; }
#topPopUp .main_pop_box .day_sect input { margin-right:5px; height:20px; border:none !important; }
#topPopUp .main_pop_box .day_sect .description_btn { position:absolute; right:28px; bottom:1px; }

/* 금융인풋 */
.i_label{ top:10px; left:22px; position:absolute; visibility:visible; }
.i_label2{ top:10px; left:22px; position:absolute; visibility:visible; }

/* 로딩 */
.loading { width:100%; height:300px; font-size:0; background:url(/img/common/new/loding.gif) center center no-repeat; overflow:hidden; }

/* content toggle */
.cont_toggle{overflow:hidden;margin-bottom:22px;border-top:2px solid #898d96;}
.cont_toggle dt,.cont_toggle dd{position:relative;border-bottom:1px solid #c0c4c7;color:#43434a;}
.cont_toggle dt{}
.cont_toggle dt a{display:block;padding:10px 32px 9px 13px;background-image:url(/img/common/new/cont_toggle_down.jpg);background-position:98% 50%;background-repeat:no-repeat;word-break:keep-all;color:#35383b;font-size:16px;}
.cont_toggle dt.active a{background-image:url(/img/common/new/cont_toggle_up.jpg)}
.cont_toggle dd{display:none;z-index:1;padding:13px;/*background-color:#f5f5f5;word-break:keep-all;*/}
.cont_toggle dd td,.cont_toggle dd th{vertical-align:middle;}
.cont_toggle dd td.left{padding-left:5px;padding-right:5px;}
.cont_toggle .four_list_box ul li strong{color:#000;font-weight:500;}
.cont_toggle dd p{padding:6px 0;}

.ins_shortcut .innr_list li.i3 a{background-image:url(/img/common/new/ins_shortcut_ico_03.png)}

.foreign_visual{position:relative;height:344px;margin-bottom:30px;background:url(/img/common/new/foreign_visual_bg.jpg) 0 0 no-repeat;}
.foreign_visual .innr_summary{padding:35px 0 30px 35px;font-size:22px;font-weight:500;color:#ffffff;line-height:1.3}

.foreign_visual .innr_slider{position:relative;width:348px;margin:0 auto 18px;}

.foreign_visual .innr_list{}
.foreign_visual .innr_list li{float:left;}
.foreign_visual .innr_list li a,.foreign_visual .innr_list li em,.foreign_visual .innr_list li span{display:block;}
.foreign_visual .innr_list li .thumb{float:left;width:87px;height:59px;margin-left:58px;margin-right:22px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;box-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.foreign_visual .innr_list li .title{text-align:center;padding-bottom:0;color:#fff;font-size:24px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.foreign_visual .innr_list li .info{display:block;padding-bottom:24px;}
.foreign_visual .innr_list li .text{text-align:center;color:#fff;font-size:20px;line-height:44px}
.foreign_visual .innr_list li .text b{display:inline-block;padding-right:4px;color:#fff;font-size:29px;font-weight:500;}
.foreign_visual .innr_list li .std{color:#ffffff;font-size:14px;font-weight:300;text-align:center;}
.foreign_visual .bx-controls-direction{top:50%;}
.foreign_visual .bx-controls a{display:block;position:absolute;top:10px;width:30px;height:54px;margin-top:0;text-indent:-9999px;}
.foreign_visual .bx-controls .bx-prev{left:-30px;background-image:url(/img/common/new/foreign_visual_prev.png)}
.foreign_visual .bx-controls .bx-next{right:-30px;background-image:url(/img/common/new/foreign_visual_next.png)}
.foreign_visual .innr_more{position:absolute;bottom:29px;left:38px;padding:8px 10px;border-radius:20px;background:#036564;}
.foreign_visual .innr_more a{display:inline-block;padding:0 28px 0 7px;background:url(/img/common/new/foreign_bullet.png) 100% 50% no-repeat;color:#cff8bf;font-size:16px;font-weight:300;}

.foreign_content{margin:0 0 34px;}
.foreign_content:after{display:block;clear:both;content:'';}
.foreign_content .innr_title{margin-bottom:12px;color:#333333;font-size:18px;font-weight:500;}

.foreign_service{position:relative;float:left;width:371px;}
.foreign_info{position:relative;float:right;width:359px;}

.foreign_service .innr_box,.foreign_info .innr_box{height:220px;border:1px solid #c8cbd0;box-sizing:border-box;}
.foreign_content .innr_unit{position:absolute;top:2px;right:0;color:#525a65;font-size:15px;font-weight:300;}

.foreign_service ul{padding:20px 0 0 28px;}
.foreign_service ul li{margin-bottom:4px;background-position:0 0;background-repeat:no-repeat;}
.foreign_service ul li a{display:block;padding:4px 0 14px 80px;}
.foreign_service ul li.i1{background-image:url(/img/common/new/foreign_service_ico_01.png)}
.foreign_service ul li.i2{background-image:url(/img/common/new/foreign_service_ico_02.png)}
.foreign_service ul li.i3{background-image:url(/img/common/new/foreign_service_ico_03.png)}

.foreign_service ul li em{display:block;padding-bottom:1px;color:#333333;font-size:16px;font-weight:500;}
.foreign_service ul li span{color:#717177;font-size:14px;font-weight:300;}

.foreign_info .innr_box{padding:29px 24px 0;}

.foreign_tabs{position:relative;}
.foreign_tabs:after{display:block;clear:both;content:'';}
.foreign_tabs > li{float:left;width:50%;}
/*.foreign_tabs > li.on{width:34%}*/

.foreign_tabs .tab_btn{display:block;height:42px;line-height:40px;text-align:center;background:#dddddd;color:#333333;font-size:14px;}
.foreign_tabs .on .tab_btn{background:#259e83;font-weight:700;color:#fff;font-size:16px;}
.foreign_tabs .i1 .tab_btn{border-left:0 none}
.foreign_tabs .tab_box{display:none;position:absolute;overflow:hidden;top:60px;left:0;width:100%;margin:0 auto;padding:0;list-style:none}
.foreign_tabs .on .tab_box{display:block;}

.foreign_tabs .tab_box table{width:100%;}
.foreign_tabs .tab_box table th,.foreign_tabs .tab_box table td{padding:3px 5px;text-align:center;}
.foreign_tabs .tab_box table th{font-size:14px;font-weight:300;}
.foreign_tabs .tab_box table td{font-size:16px;font-weight:500;}
.foreign_tabs .tab_box table th.name,.foreign_tabs .tab_box table td.name{text-align:left;}
.foreign_tabs .tab_box table th.buy,.foreign_tabs .tab_box table td.buy{color:#f24e4e;}
.foreign_tabs .tab_box table th.sell,.foreign_tabs .tab_box table td.sell{}

.foreign_tabs .tab_box table .name span{display:inline-block;padding-left:36px;background-repeat:no-repeat;background-position:0 50%;color:#333333;font-weight:500;}
.foreign_tabs .tab_box table .name span.usd{background-image:url(/img/common/new/foreign_table_ico_usd.jpg)}
.foreign_tabs .tab_box table .name span.jpy{background-image:url(/img/common/new/foreign_table_ico_jpy.jpg)}
.foreign_tabs .tab_box table .name span.eur{background-image:url(/img/common/new/foreign_table_ico_eur.jpg)}

/*
{;

*/

/* 납입캘린더 - 2020년 05월 */
.calArea *, #calendar *, .calendarList *, .layerBg * { box-sizing:border-box; }

/* 달력페이지 상단 */
.calArea { box-sizing:border-box; display:inline-block; width:100%; padding:60px 0 60px 34px; border-bottom:1px solid #dcdcdc; background-size:auto 200px; background-position:92% center;background-repeat: no-repeat;}
.calArea .tit {display:inline-block; padding-right:53px; font-size:20px; color:#000; font-weight: 300; background-size:38px auto; background-position: 100% 87%; background-repeat: no-repeat;}
.calArea .tit span {display:block;}
.calArea .price {font-size:40px; color:#222; font-weight:bold;}
.calArea .price em {position:relative; z-index:0;}
.calArea .price em:after {content: ""; position:absolute; width:100%; height:24px; bottom:1px; left:0; background-color:#b5c4e9; border-radius:10px; z-index:-1;}
.calArea .price span {font-size:40px; font-weight: 300;}
.calArea .tit {background-image:url(../img/common/new/character0101.png);}
.calArea.character01 {background-image: url(../img/common/new/character01_01.gif); background-color:#eceff7;}
.calArea.character01_02 { background-image:url(../img/common/new/character01_02.gif); background-color:#eceff7;}
.calArea.character02 { background-image:url(../img/common/new/character02.gif); background-color:#eceff7;}
.calArea.character03 { background-image:url(../img/common/new/character03.gif); background-color:#eceff7;}
.calArea.character04 { background-image:url(../img/common/new/character04.gif); background-color:#eceff7;}

/*  달력 */
#calendar { position:relative; box-sizing:border-box; margin:35px 0 0;border-bottom:1px solid #ccc; z-index:1; }
#calendar .cal {width:95%;margin:0 auto 30px;}
#calendar .calControl {text-align: center;}
#calendar .calControl > div { display:inline-block;  }
#calendar .calControl .btn {vertical-align:middle !important; margin-top:-25px;background-size:auto 16px;background-position:center;background-repeat:no-repeat;}
#calendar .calControl .btn a {display:block;text-indent:-9999px;width:70px;height:16px;}
#calendar .calControl .btnPrev {margin-right:42px;background-image:url(../img/common/new/cal_btnPrev.png);}
#calendar .calControl .btnNext {margin-left:42px;background-image:url(../img/common/new/cal_btnNext.png);}
#calendar .calControl .nowMonth {text-align: center;}
#calendar .calControl .nowMonth strong {display:block; width:122px; font-size:30px; word-break: keep-all; word-wrap: break-word;}

.calendarTable { margin-top:32px; }
.calendarTable table { width:100%;border-spacing:9px; border-radius:5px; border-collapse:separate; table-layout:fixed; }
.calendarTable table a {position:relative; display:block; text-align:center;}
.calendarTable table a:after {content:""; position:absolute; left:50%; top:0; background-position:center center; background-repeat:no-repeat;}
.calendarTable table th,
.calendarTable table td .ui-link {font-size:24px;color:#000;font-weight:300;}
.calendarTable table th {padding-bottom:6px;}
.calendarTable table td {background-color:#f5f6fa;border-radius:10px;}
.calendarTable table td a {display:block;padding:18px;font-size:18px;}
.calendarTable table td.out {padding:0;}
.calendarTable table .out a {display:none;}
.calendarTable table .today a {border:3px solid #3a44a5;border-radius:10px;padding:15px;}
/*매일 icon 01*/
.calendarTable table .everyDay01 a:after {width:50px; height:70px; margin-left:-25px; background-size:auto 70px; background-image:url(../img/common/new/everyDay01_icon.png); z-index:3;}
/*매일 icon 02*/
.calendarTable table .everyDay02 a:after {width:76px; height:76px; margin-left:-38px; background-size:auto 76px; background-image:url(../img/common/new/everyDay02_icon.png); z-index:3;}
/*매일 icon 03*/
.calendarTable table .everyDay03 a:after {width:71px; height:85px; margin-left:-35px; top:-2px; background-size:auto 85px; background-image:url(../img/common/new/everyDay03_icon.png); z-index:3;}
/*매일 icon 04*/
.calendarTable table .everyDay04 a:after {width:64px; height:98px; margin-left:-32px; top:-10px; background-size:auto 85px; background-image:url(../img/common/new/everyDay04_icon.png); z-index:3;}
/*매주 icon*/
.calendarTable table .everyWeek a:after {width:85px; height:80px; margin-left:-42px; top:3px; background-size:auto 80px; background-image:url(../img/common/new/payMent_icon.png); z-index:2;}
/*추가납입 icon*/
.calendarTable table .payMent a:after {width:78px; height:78px; margin-left:-39px; background-size:auto 78px; background-image:url(../img/common/new/everyWeek_icon.png); z-index:1;}
.calendarTable table .payMent a, .calendarTable table .everyWeek a, .calendarTable table .everyDay01 a, .calendarTable table .everyDay02 a, .calendarTable table .everyDay03 a, .calendarTable table .everyDay04 a {text-indent:-9999px;}

/* 달력 목력형 */
.calendarList {width:95%;margin:30px auto;}
.calendarList ul li {margin-bottom:10px;}
.calendarList ul li span {display:inline-block;}
.calendarList ul li .date {width:72px;font-size:20px;margin-left:5px}
.calendarList ul li .tit {width:calc(100% - 38% - 77px); font-size:22px;}
.calendarList ul li .money {position:relative; width:38%; text-align:right; font-size:24px; font-weight:bold; color:#3a44a5;}
.calendarList ul li .money:after {content:""; font-size:18px; font-weight:400; color:#555; margin-left:5px;}

/* 달력 레이어 팝업 */
.layerBg { box-sizing:border-box; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1; }
.calendarPop {position:fixed; left:50%; bottom:0; width:740px; height:auto; margin-left:-370px; background:#fff; border-radius:20px; box-sizing:border-box; -webkit-transform:translateY(100%); transform:translateY(100%); transition: all .5s ease; -webkit-transition: all .5s ease; z-index:9999999999;}
.calendarPop a:hover{text-decoration:none;}
.calendarPop:after {content:"";position:absolute; top:-149px; left:30px; width:177px; height:165px; background-image:url(../img/common/new/calendarPop_bg_icon.png); background-size:auto 165px; background-position: center; background-repeat: no-repeat;}
.calendarPop.character01 {background-color:#eceff7;}
.calendarPop .tit {height:auto;padding:32px 30px 18px;display:flex; align-items: baseline; justify-content: space-between;}
.calendarPop .tit strong {font-size:28px; color:#222; font-weight:500;}
.calendarPop .tit span {font-size:18px; color:#222; font-weight:300; text-align:right;}
.calendarPop .cont {height:auto;padding:25px 30px;background-color:#fff; border-radius:0 0 20px 20px;}
.calendarPop .box {margin-top:20px; padding:20px 0;border:1px solid #3a44a5; border-radius:20px; text-align:center;}
.calendarPop .box p {color:#222; font-size:24px; font-weight: 500;}
.calendarPop .price {font-size:40px; color:#222; font-weight:bold;}
.calendarPop .price em {position:relative; z-index:0;}
.calendarPop .price em:after {content: ""; position:absolute; width:100%; height:24px; bottom:1px; left:0; background-color:#b5c4e9; border-radius:10px; z-index:-1;}
.calendarPop .price span {font-size:40px; font-weight: 300;}
.calendarPop ul li .wonText {position:relative;}
.calendarPop ul li .wonText:after {content:""; font-size:16px; font-weight:300; color:#222; margin-left:5px;}
.calendarPop .top li,
.calendarPop .bottom li {display:flex; align-items: baseline; justify-content: space-between;}
.calendarPop .top li {position:relative;padding-left:14px;line-height:1.3;width:100%;}
.calendarPop .top li:after {content: ""; position:absolute; width:5px; height:5px; top:16px; left:0; background-color:#3a44a5; border-radius:50%;}
.calendarPop .top li span {float:left;width:30%;position:relative;font-size:18px;font-weight:500;color:#222;}
.calendarPop .top li em {float:right;width:70%;font-size:24px;font-weight:500;color:#222;text-align:right;}
.calendarPop .bottom {margin-top:20px;}
.calendarPop .bottom li {margin-bottom:8px;}
.calendarPop .bottom li:last-child {margin-bottom:0;}
.calendarPop .bottom li span,
.calendarPop .bottom li em {font-size:18px;color:#222; font-weight:300;}
.calendarPop .bottom li em {font-size:20px;}
.calendarPop .bottom li .point {font-weight:bold; color:#3a44a5;}
.calendarPop .btnArea {margin-top:30px;}
.calendarPop .btnArea button,
.calendarPop .btnArea a{display:block; text-align:center;width:100%; height:auto; padding:0; background-color:#3a44a5; border-radius:10px; white-space:nowrap; line-height:60px; color:#fff; font-weight:400; font-size:20px; border:0 none; }
.calendarPop .calendarPop_close {position:absolute; width:40px; height:40px; top:-55px; right:20px; background-image:url(../img/common/new/calendarPop_close.png); background-size:auto 40px; background-position: center; background-repeat: no-repeat;}
.calendarPop .calendarPop_close button { width:100%; height:100%; border:0 none; background:transparent; text-indent:-9999em; }