@charset "utf-8";
/* CSS Document */

@import url(common.css);
@import url(contents.css);
@import url(stylegroup.css);

/*
  수협 인터넷 뱅킹 _ 처리중, 다운로드중 전체페이지 CSS
  FileName _ process.css
  Author _ 강현경(riverhg0831@gmail.com)
  Date _ 2012-10-22
  Last _ 
*/

body{width:100%; min-width:1000px; height:auto !important; height:100%; min-height:100%; background:url(/images/common/bg_toplinearea.jpg) no-repeat 50% -18px;}
.pgWrap{width:970px; margin:0 auto; padding-top:0;}
h1{width:100%; height:48px; padding-top:40px;}
.pgWrap:after{content:""; display:block; clear:both;}
.pgWrap .pre{line-height:16px;}
.pgWrap .left{float:left;}
.pgWrap h2{width:180px; height:416px; padding:32px 0 0 24px; background:url(/images/common/bg_process_h2.gif) no-repeat; font-family:NanumGothic, NanumGothicWEB; color:#000; font-size:22px; line-height:24px;}
.pgWrap h2 strong{display:block; font-family:NanumGothicBold, NanumGothicBoldWEB;}

/* 처리중 */
.pgWrap .progress{float:right;width:754px; padding:20px 0; text-align:center; border:1px solid #f6f6f6;}
.pgWrap .progress .msg{width:150px; margin:0 auto; padding:0 0 20px 50px; text-align:left; font-family:NanumGothicBold, NanumGothicBoldWeb;}
.pgWrap .progress .msg2{width:150px; margin:0 auto; padding:0 0 20px 90px; text-align:left; font-size:13px; font-family:NanumGothicBold, NanumGothicBoldWeb;}
.pgWrap .progress .msg3{width:150px; margin:0 auto; padding:0 0 20px 90px; text-align:left; font-size:13px; font-family:NanumGothicBold, NanumGothicBoldWeb;}
.pgWrap .progress .msg span{font-size:24px; color:#000; line-height:33px;}
.pgWrap .progress .msg2 span{font-size:23px; color:#000; line-height:33px;}
.pgWrap .downloading .msg{width:300px; background:url(/images/contents/bg_progress.gif) no-repeat;}
.pgWrap .progress .stIcon{margin-top:0;}
.pgWrap .progress .notice{width:670px; margin:0 auto; padding:40px 0 20px 0;border-top:1px solid #ebebeb; text-align:left;}
.pgWrap .progress .notice li{padding:0 0 20px 19px; background:url(/images/contents/bul_d2.gif) no-repeat 7px 5px;}
.pgWrap .logouting{height:406px;}
.pgWrap .logouting .msg{width:210px; margin:0 auto; padding:0 0 20px 90px; background:url(/images/contents/bg_certNotice.gif) no-repeat;}
.pgWrap .logouting .msg2{width:210px; margin:0 auto; padding:0 0 20px 90px; background:url(/images/contents/bg_certNotice.gif) no-repeat;}
.pgWrap .logouting .botMsg{padding-top:20px; font-family:NanumGothic, NanumGothicWeb;}

.pgWrap .logoutguide{height:406px;}
.pgWrap .logoutguide .msg{width:210px; margin:0 auto; padding:0 0 20px 90px; background:url(/images/contents/bg_certNotice.gif) no-repeat;}
.pgWrap .logoutguide .botMsg{padding-top:20px; font-family:NanumGothic, NanumGothicWeb;}

.pgWrap .progress .boanDown{width:670px; margin:0 auto; padding:40px 0; text-align:left; background:#fafafa; font-family:NanumGothicBold, NanumGothicBoldWeb; font-size:13px; line-height:20px;}
.pgWrap .progress .btnMallD2{width:670px; margin:0 auto; padding-top:20px; border-top:1px solid #ebebeb;}
.pgWrap .progress a span{font-family:dotum, "돋움"; font-size:12px; line-height:14px;}
.pgWrap .progress .step{padding-left:60px; background:url(/images/common/bg_process_step.gif) no-repeat 35px 3px;}
.pgWrap .progress .step2{background-position:35px -74px;}
.pgWrap .progress .fColor{color:#1d418e;}

.pgWrap .prog{padding:25px; width:704px;}
.pgWrap .prog .title{text-align:left; font-size:30px; color:#1D418E; line-height:40px; font-family:NanumGothicBold, NanumGothicBoldWeb;}
.pgWrap .prog .title span{color:#00AAED;}
.pgWrap .prog .desc{font-size:14px; color:#000; line-height:16px; font-family:NanumGothic, NanumGothicWeb; text-align:left;}
.pgWrap .prog p{}
.pgWrap .progress .tableWrap{}
.pgWrap .progress .noticeBox{text-align:left;}
.pgWrap .progress .noticeBox li{margin-bottom:5px;}

/* 오류안내 */
.pgWrap .error{float:right;width:710px; padding:30px 21px; border:1px solid #f6f6f6;}
.pgWrap .error .errorArea{background-position:60px 105px;}
.pgWrap .error .errorArea .innerWrap{padding:60px 30px 60px 210px;}

/* 설치화면 팝업 안내 */
.popupWrap{width:100%;}
.popupWrap .popTitle{width:100%; height:inherit;padding:12px 0 11px 0; background:#1c4693 url(/images/contents/bg_lpop_title.jpg) no-repeat 100% 0; border-bottom:1px solid #ebebeb; font-family:NanumGothicBold, NanumGothicBoldWEB; color:#fff; font-size:16px; line-height:20px; text-indent:23px;}
.popInnerWrap{width:610px; padding:35px;}
.btnPopClose{position:absolute; top:7px; right:7px;}
.btnPopClose a{display:block; overflow:hidden; width:25px; height:25px; text-indent:-50000px; background:url(/images/contents/btn_lpop_close.gif) no-repeat;}
.popupWrap .popInnerWrap .tit_box{height:177px;padding-left:260px;background:url(/images/contents/bg_set_lypop.png) no-repeat 42px 5px;}
.popupWrap .popInnerWrap .title{padding-top:5px;text-align:left; font-size:30px; color:#1D418E; line-height:40px; font-family:NanumGothicBold, NanumGothicBoldWeb;}
.popupWrap .popInnerWrap .title span{color:#00AAED;}
.popupWrap .popInnerWrap .desc{margin-top:15px;font-size:15px; color:#595959; line-height:22px; font-family:NanumGothic, NanumGothicWeb; text-align:left;}
.popupWrap .popInnerWrap .desc span{font-family:NanumGothicBold, NanumGothicBoldWeb;}
.popupWrap .popInnerWrap .noticeBox h4{padding-bottom:8px;font-family:NanumGothicBold, NanumGothicBoldWeb;font-size:16px;line-height:22px;}
.popupWrap .popInnerWrap .noticeBox li{background-position:0 10px !important;font-family:NanumGothic, NanumGothicWeb;font-size:14px;color:#595959;line-height:22px;}
.popupWrap .popInnerWrap .btnDefault{padding-top:30px;}
.popupWrap .popInnerWrap .btnDefault a{padding-left:30px;background:#1c3e88;}
.popupWrap .popInnerWrap .btnDefault span{height:25px;padding:10px 30px 0 0;background:#1c3e88;font-family:NanumGothic, NanumGothicWeb;font-size:16px;font-weight:normal;}

/* 자동 로그 아웃 */
.autoLogout_ui{position:absolute;top:0;bottom:0;left:0;right:0;width:980px;height:773px;margin:auto;box-sizing:border-box;}
.autoLogout_ui *{font-family:'malgun gothic'}
.autoLogout_ui .logo{width:118px;height:24px;padding:0;margin-bottom:27px;}
.autoLogout_ui .logo a{display:block;width:118px;height:24px;font-size:0;background:url(/images/contents/autoLogout_logo.png) no-repeat 0 0;}
.autoLogout_ui .auto_logout:before{content:"";display:block;width:110px;height:89px;margin:0 auto 33px;background:url(/images/contents/autoLogout_icon.gif) no-repeat 0 0;}
.autoLogout_ui .auto_logout{padding:55px 0;border:1px solid #e0e0e0;text-align:center;box-sizing:border-box;}
.autoLogout_ui .auto_logout p{line-height:22px;letter-spacing:-.5px;font-size:16px;color:#333;}
.autoLogout_ui .auto_logout p span{color:#0072bc;}
.autoLogout_ui .auto_logout .txt1{letter-spacing:-1px;font-weight:bold;font-size:26px;}
.autoLogout_ui .auto_logout .txt1 strong{color:#0072bc;}
.autoLogout_ui .auto_logout .txt2{margin-top:13px;}
.autoLogout_ui .auto_logout .txt3{margin-top:45px;}
.autoLogout_ui .btn_g{margin-top:40px;text-align:center;font-size:0;}
.autoLogout_ui .btn_g a{display:inline-block;width:214px;height:48px;line-height:48px;text-align:center;font-size:15px;font-weight:bold;border-radius:7px;box-sizing:border-box;}
.autoLogout_ui .btn_g a:hover{text-decoration:none}
.autoLogout_ui .btn_g a~a{margin-left:20px;}
.autoLogout_ui .btn_g .b1{color:#fff;background:#0072bc;}
.autoLogout_ui .btn_g .b2{color:#0080cb;border:1px solid #0072bc}
.autoLogout_ui .foot{margin-top:73px;padding:23px 0 25px;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.autoLogout_ui .foot ul{}
.autoLogout_ui .foot ul li{display:inline-block;font-size:16px;color:#333}
.autoLogout_ui .foot ul li~li{margin-left:30px;}
.autoLogout_ui .foot ul li span{font:inherit;color:inherit}
.autoLogout_ui .foot p{margin-top:13px;font-size:14px;color:#666}