@charset "utf-8"; 
/* css reset */
* { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; }
html, body, h1, h2, h3, h4, h5, h6, div, header, main, footer, section, article, aside, address, iframe, ul, ol, dl, li, dt, dd, table, tr, th, td, p, span, strong, em, button, form, legend, select, input, textarea, img { margin:0; padding:0; }
body, button, input, select, table, textarea { font-family:맑은 고딕, Malgun Gothic,sans-serif, dotum,'돋움',Apple-Gothic; font-size:13px; font-weight:normal; line-height:100%; color:#000; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
textarea { -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:transparent; border:0; word-break:keep-all; word-wrap:break-word; }
button, input { -webkit-border-radius:0; border-radius:0; border:0; }
button { background-color:transparent; }
fieldset, img { border:0}
img { vertical-align:top}
ol, ul, li { list-style:none}
address, em, i { font-style:normal}
a, a:visited, a:hover, a:active { color:inherit; text-decoration:none; font-family:inherit; } 
iframe { overflow:hidden; margin:0; border:0; padding:0; vertical-align:top }

/* common */
.mt5 { margin-top:5px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:10px; }

/* layout */
html, body,#form1 { width:100%; height:100%;  overflow:hidden; }
html{ min-height:500px; min-width:600px; overflow:auto; }
#divUsePC { width:100%; height:100%; }
#wrap { position:relative; width:100%; height:100%; }
#wrap .loginContent2 { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; }
.loginContent2 .background { position:fixed; left:0; bottom:0; top:0; right:0;  width:100%;  z-index:-1; overflow:hidden; }
.loginContent2 .background img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }

/* layout > logo */
.loginContent2 > h1 { display:none; }

/* layout > login area */
.loginContent2 .loginCont { flex:0 1 auto; display:flex; flex-direction:column; justify-content:center; height:100%; padding: 0 0 50px 0; z-index:10; }
.loginCont .infoSePolicy { display:none; }

.loginCont .loginBox .loginBox_logo { font-size:0; width:540px; height:84px; background:url('/Images/Images/Theme/X_portal_nh_amundi/login/logo.png'); margin: 30px auto 90px auto; }
.loginCont .loginBox .loginInputCont { width:282px; margin:0 auto; }
.loginCont .loginBox .loginInputCont > div { width:auto; margin:0; }
.loginCont .loginBox .loginInputCont .loginSelectCont { display:none; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap { height:auto; margin:0 0 20px 0; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap .input_id { position:relative; margin-bottom:14px }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap .input_pw { position:relative;  }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap [class*='input_']::before { content:''; position:absolute; left:0; top:0; width:30px; height:38px; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap .input_id::before { background:url('/Images/Images/Theme/X_portal_nh_amundi/login/ico_id.png') 0 center no-repeat; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap .input_pw::before { background:url('/Images/Images/Theme/X_portal_nh_amundi/login/ico_pw.png') 0 center no-repeat; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap [class*='input_'] input { display:block; width:100%; height:38px; padding:0 0 0 30px; color:#222; font-size:18px;  border-bottom:1px solid #2B2B2B; text-indent:0; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap [class*='input_'] input::placeholder { color:#999999; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap [class*='input_'] input:focus { outline:none; }
.loginCont .loginBox .loginInputCont .PwLoginInputWrap .btnLogin { display:block; width:100%; height:60px; margin-top:40px; line-height:60px; background:#005DA7; border-radius:3px; font-size:20px; color:#fff; font-weight:700; text-align:center; border-radius:30px; }
.loginCont .loginBox .loginInputCont .loginSetting { display:flex; color:#2B2B2B; }
.loginCont .loginBox .loginInputCont .loginSetting  > div { display:inline-flex; margin:0;line-height:20px; }
.loginCont .loginBox .loginInputCont .loginSetting .chkStyle07 { display:flex; height:20px; line-height:20px; margin-right:16px;  }
.loginCont .loginBox .loginInputCont .loginSetting .chkStyle07 input { display:none; }
.loginCont .loginBox .loginInputCont .loginSetting .chkStyle07 .checkbox { float:none; margin-right:4px; background:none; }
.loginCont .loginBox .loginInputCont .loginSetting .chkStyle07 label { float:none; line-height:20px; cursor:pointer; margin:0; color:#222; letter-spacing:-1px;  }
.loginCont .loginBox .loginInputCont .loginSetting .chkStyle07 label > span { display:inline-block; width:13px; height:13px; border:1px solid #2B2B2B; vertical-align:middle; margin-right:6px; transform:translateY(-2px); }
.loginCont .loginBox .loginInputCont .loginSetting .chkStyle07 input:checked + label > span { border:1px solid #222; background:url('/Images/Images/Theme/X_portal_nh_amundi/login/bul_chk03.png') no-repeat center; background-size:9px auto; }
.loginCont .loginBox .loginInputCont .loginSetting .btnPwReOption { float:none; display:block; height:20px; margin:0; padding-left:20px; color:#2B2B2B; letter-spacing:-1px; background:url('/Images/Images/Theme/X_portal_nh_amundi/login/ico_lock.png') no-repeat 0 3px; }
.loginCont .loginBox .loginInputCont .loginSetting .login_select { flex:0 0 auto; width:60px; height:20px; line-height:20px; margin-left:auto; }
.loginCont .loginBox .loginInputCont .loginSetting .login_select select { display:block; width:100%; background: none; color:#2B2B2B; border:none; cursor: pointer; transform:translateY(-1px); }
.loginCont .loginBox .loginInputCont .loginSetting .login_select select:focus { outline: none; }
.loginCont .loginBox .loginInputCont .loginSetting .login_select select option { color:#2B2B2B;}
.loginCont .loginInfo { display:none; }

.copyright { padding:0 0 30px 0; font-size:12px; color:#ACACAC; }

/* 공용 컴포넌트 관련 */
/* 로그인 팝업 */
.loginNoticeTit { color:#000 }
.loginPopContainer { padding:15px 23px 30px; }
.loginPopContainer h2 > span { position:relative; padding-left:63px; display:inline-block; line-height:50px; font-size:22px; font-weight:700; }
.loginPopContainer h2 > span:before { content:''; position:absolute; left:0; display:block; width:50px; height:50px; border-radius:50%; background:#f0f0f0 url('/Images/Images/login/ic_lock.png') no-repeat center; }

.informationSecurityCont .top { padding:10px 0 20px; text-align:center; }
.informationSecurityCont h2 > span:before { background:#f0f0f0 url('/Images/Images/login/ic_lock.png') no-repeat center; }
.informationSecurityCont .middle { height:284px; overflow-y:auto; color:#333; }
.informationSecurityCont .middle h3 { margin-top:20px; }
.informationSecurityCont .middle h3:first-child { margin-top:0; }
.informationSecurityCont .middle .logTit { padding-top:20px; font-size:14px; font-weight:700; }
.informationSecurityCont .middle .logTxt { padding-top:14px; font-size:13px; line-height:20px; }
.informationSecurityCont .bottom { padding-top:20px; border-top:1px solid #e9e9e9; }

.loginPassWordCont .top { padding:10px 0 5px; text-align:center; }
.loginPassWordCont h2 > span:before { background:#f0f0f0 url('/Images/Images/login/ic_pw.png') no-repeat center; }
.loginPassWordCont .selectType02 { margin-top:12px; width:222px; }
.loginPassWordCont .middle { padding:20px 30px; border:1px solid #cfcfcf; border-radius:20px; }
.loginPassWordCont .middle p { padding-top:15px; border-top:1px solid #eaeaea; text-align:center; }
.loginPassWordCont .middle .blueStart { color:#000; }
.loginPassWordCont .eNoti { font-size:12px; color:#666; }

/* Alert 팝업 */
.layer_alert { z-index:1600; }
.layer_alert .alert_header { margin:0; padding:0 0 0 8px; background:#444444; color:#ffffff;  height:40px; line-height:38px; }
.layer_alert .alert_header_ico { background:none; line-height:36px; padding-left:7px; font-weight:bold; font-size:14px; }
.layer_alert .alert_content { border:3px solid #444444; }
.layer_alert .ly_btn { height:22px; margin-top:9px; }
.layer_alert em.btn_bs_l { height:27px; }
.layer_alert em.btn_ws_l { height:27px; }
.layer_alert span.btn_bs_r { line-height:27px; height:27px; }
.layer_alert span.btn_ws_r { line-height:27px; height:27px; }
.layer_alert .txt_btn_bs { font-size:12px; color:#e9e9e9; text-align:center; padding:0 7px 0 7px; font-weight:bold; }
.layer_alert .txt_btn_ws { font-size:12px; color:#7c7c7c; text-align:center; padding:0 7px 0 7px; font-weight:bold; }

/* DivPopup */
.layer_divpop { z-index:1000; }
.layer_divpop .divpop_header { background:#364d5d; color:#fff; }
.layer_divpop .divpop_header { margin:0 !important; padding:0 0 0 8px !important; background:#444444 !important; color:#ffffff !important;  height:40px !important; line-height:38px !important; }
.layer_divpop .divpop_header_ico { background:none !important; line-height:36px !important; padding-left:7px !important; font-weight:bold !important; font-size:14px !important; }
.layer_divpop .divpop_contents { border:3px solid #444444; }
.layer_divpop em.btn_bs_l { height:27px; }
.layer_divpop em.btn_ws_l { height:27px; }
.layer_divpop span.btn_bs_r { line-height:27px; height:27px; }
.layer_divpop span.btn_ws_r { line-height:27px; height:27px; }
.layer_divpop .txt_btn_bs { font-size:12px; color:#e9e9e9; text-align:center; padding:0 7px 0 7px; font-weight:bold; }
.layer_divpop .txt_btn_ws { font-size:12px; color:#7c7c7c; text-align:center; padding:0 7px 0 7px; font-weight:bold; }

/* 비밀번호 재설정 팝업 */
#password_setting { width:425px !important; padding:30px !important; font-size:13px; font-family:"맑은 고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif; }
#password_setting h2 { width:100% !important; clear:both !important; float:none !important; height:24px; font-size:16px; color:#333; margin:0; padding:0; border:0; }
#password_setting .pass_title { height:auto !important; margin-bottom:15px !important; }
#password_setting .pass_title span { display:inline-block !important; margin:0 !important; }
#password_setting .pass_title > span > select { width:180px; height:30px; line-height:30px; border:1px solid #e0e0e0; border-radius:3px; font-size:12px; font-family:"맑은고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif; color:#666; }
#password_setting .pass_table { border-top:1px solid #e5e5e5; margin-bottom:20px; width:100%; }
#password_setting .top_m_16 { margin-top:10px; }
#password_setting .pass_table th { background:#f5f5f5; text-align:left; padding:8px 5px 6px 10px; border-bottom:#e5e5e5 1px solid; font-weight:normal; font-size:13px; }
#password_setting .pass_table td { text-align:left; padding:4px 0 3px 10px; border-bottom:1px solid #e5e5e5; line-height:1.7; font-size:12px; }
#password_setting .pass_table td .input_txt { height:30px !important; line-height:30px !important; background-color:#fff !important; border:1px solid #e0e0e0; border-radius:3px;  font-family:"맑은 고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif; }
#password_setting .pass_table td.input_td input[type="checkbox"] { margin:4px 5px 0 0; vertical-align:top; height:auto !important; }
#password_setting .pass_table td.input_td span { margin-left:15px; display:inline-block; }
#password_setting .pass_table td.input_td span:first-child { margin-left:0; }
#password_setting .pass_table td.input_td span.pw_text { margin-left:0; }
#password_setting .pass_btn { margin-bottom:40px; }
#password_setting .btn_orange { position:relative; float:left; width:50px; height:30px; background:#196fba; color:#fff; border:0; margin:15px 0 0 116px; font-weight:bold; }
#password_setting .btn_gray { position:relative; float:left; width:50px; height:30px; background:#737573; color:#fff; border:0; margin:15px 0 0 7px; font-weight:bold; }
#password_setting .btn_gray2 { width:80px; height:26px; background:#b3b3b3; color:#fff; border:0; font-weight:bold; }

/* OTP인증 팝업 */
#password_setting1 { padding:25px; background:#fff; font-size:13px; font-family:"맑은 고딕", "Malgun Gothic", Dotum,Arial,Helvetica,sans-serif; }
#password_setting1 h2 { width:100%; clear:both; float:none; height:24px; font-size:16px; color:#333; margin:0; padding:0; border:0; }
#password_setting1 .pass_table { border-top:1px solid #e5e5e5; margin-bottom:20px; }
#password_setting1 .pass_table th { background:#f5f5f5; text-align:left; padding:8px 5px 6px 10px; border-bottom:#e5e5e5 1px solid; font-weight:bold; color:#000; }
#password_setting1 .pass_table td { text-align:left; padding:4px 0 3px 10px; border-bottom:1px solid #e5e5e5; line-height:1.7; }
#password_setting1 .pass_table td.input_td > div > input[type="text"] { width:130px; }z
#password_setting1 .pass_table td.input_td > div > a { position:relative; top:auto; right:auto; }
#password_setting1 .pass_table .input_td { text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e5e5e5; line-height:1.7; }
#password_setting1 .btn_orange { position:relative; float:left; width:50px; height:30px; background:#ef9200; color:#fff; border:0; margin:15px 0 0 97px; font-weight:bold; }
#password_setting1 .btn_gray { position:relative; float:left; width:50px; height:30px; background:#737573; color:#fff; border:0; margin:15px 0 0 7px; font-weight:bold; }
#password_setting1 .btn_gray2 { width:80px; height:26px; background:#b3b3b3; color:#fff; border:0; font-weight:bold; }

/*  비로그인 공지사항 (191106) */
.loginNoticeBox { margin-bottom:20px }
.loginNoticeTit { font-size:15px; font-weight:bold; border-bottom:1px solid #fff; width:100%; height:25px; line-height:15px; color:#fff }
.loginNoticeTit:before { content:''; display:inline-block; background:url('/Images/Images/login/ic_m_loginN_w.png') no-repeat 0 center; width:14px; height:14px; padding-left:5px; float:left }
.loginNoticeBox ul { width:363px; height:155px; overflow-y:auto; overflow-x:hidden; padding:5px 0; margin:0 }
.loginNoticeBox ul li a { width:100%; display:inline-block }
.loginNoticeBox ul li a span { font-size:13px; height:20px; line-height:20px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box; padding-right:10px }
.loginNoticeBox .loginNoticeCellTit { width:75%; float:left; color:#fff }
.loginNoticeBox .loginNoticeCellDate { width:25%; float:right; color:#a5d8e8 }
.loginNoticeBox .ptype01_newicon { display:inline-block; min-width:13px; height:14px; color:#4eb6d6; font-size:9px; border-radius:10px; line-height:13px; text-align:center; padding:0 3px 0 3px; margin-right:5px; background-color:#fff }