@charset "utf-8";

*{ margin: 0; padding: 0; box-sizing: border-box; }

/* Reset */
*{margin:0;padding:0; letter-spacing: 0px;}
ol, ul, li{list-style:none}
input, button, select, fieldset{cursor:pointer;}
buton { border:0px; border-width:0px; }
caption, legend{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;/*display:none;*/}
legend{position:absolute;top:0px;left:-9999px}
img{border:0 none}
a{outline:1; text-decoration:none;cursor:pointer;color:#111;}
i, em, address{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0px;table-layout:fixed;zoom:1;width:100%;empty-cells:show}
th,td{word-wrap:break-word}
strong{font-weight:bold}
body{font-family:'NotoSansKR';font-size:12px;overflow-x:hidden;height:auto;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;padding:0 5px;background: url('../images/common/select_arr2.png') no-repeat right center #fff; font-size:12px;box-sizing: border-box;}
select::-ms-expand{display: none;}
input[type="text"],input[type="password"]{height: 20px; padding:0 5px; font-size: 12px;cursor:text; box-sizing: border-box; vertical-align: middle;}
input[type="button"],input[type="submit"]{background: none;border:0;box-sizing:border-box;}
input[type="text"]:disabled{background: #eee;}
input[readonly]{background: #eee;}
button { border-color:#c0c0c0; }
button:disabled { background: #808080; cursor: default; }

/*font*/
@font-face {
  font-family: 'NotoSansKR';
  src: url('../fonts/NotoSansKR-Regular.otf');
  src: url('../fonts/NotoSansKR-Regular.woff') format('woff'),
       url('../fonts/NotoSansKR-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansKR';
  src: url('../fonts/NotoSansKR-Medium.otf');
  src: url('../fonts/NotoSansKR-Medium.woff') format('woff'),
       url('../fonts/NotoSansKR-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'NotoSansKR';
  src: url('../fonts/NotoSansKR-Bold.otf');
  src: url('../fonts/NotoSansKR-Bold.woff') format('woff'),
       url('../fonts/NotoSansKR-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

.hidden { display:none;}

/*clfix*/
.clfix{zoom:1;}
.clfix:after,.clfix:before{line-height:0;display:table;content:''}
.clfix:after{clear:both}

/* SkipToContent 웹접근성*/ 
#skipToContent{margin:0}
#skipToContent a{position:absolute;left:-3000%}
#skipToContent a:focus{display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#ff5b5b;color:#fff;text-align:center}

.iframe { overflow:hidden; }

/*float*/
.floatR{float:right;}
.floatL{float:left;}
.floatC{float:center;}

/*vertical*/
.vat-align-b{vertical-align: bottom;}

/*font,text*/
.txtl {text-align: left !important;}
.txtr {text-align: right !important;}
.txtc {text-align: center !important;}

.txtu{text-decoration: underline;}
.ftMedium{font-weight: 500;}
.ftBold{font-weight: 700;}
.fontS15{font-size:15px;}
.fontS18{font-size:18px;}

/*color*/
.red , .state-fail{color: #ff5b5b !important;}
.blue , .state-success{color: #3560a1 !important;}

/*말줄임*/
.dotdot {display: inline-block; max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*컨텐츠 서브화면너비*/
.w1588{width:1588px;}
.w1920{/*width:1880px;*/}

/*width*/
.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}

.w10p { width:10px; }
.w20p { width:20px; }
.w30p { width:30px; }
.w40p { width:40px; }
.w50p { width:50px; }
.w60p { width:60px; }
.w70p { width:70px; }
.w80p { width:80px; }
.w90p { width:90px; }
.w100p { width:100px; }
.w110p { width:110px; }
.w120p { width:120px; }
.w130p { width:130px; }
.w140p { width:140px; }
.w150p { width:150px; }
.w160p { width:160px; }
.w170p { width:170px; }
.w180p { width:180px; }
.w190p { width:190px; }
.w200p { width:200px; }
.w300p { width:300px; }
.w400p { width:400px; }

/*margin top*/
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}

/*margin left */
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl35{margin-left:35px;}
.mgl45{margin-left:45px;}

/*margin right*/
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}

/*margin bottom*/
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}

/*padding*/
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl30 { padding-left:30px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }

.pt10 { padding-top:10px important; }

/*btn 버튼*/
.btn1{padding:12px 17px;font-size:16px !important;line-height:16px;font-weight: 500; }
.btn2{padding:14px 20px;font-size:16px !important;line-height: 16px;font-weight: 500;}
.btn3{padding:7px;font-size:15px !important;line-height: 15px;font-weight: 500;}
.btn4{padding:7px 40px;font-size:14px !important;line-height: 19px;font-weight: 500;}
.btn5{padding:9px;font-size:15px !important;line-height: 15px;font-weight: 500;}
.btn6{padding:3px 10px;font-size:12px !important;line-height: 15px;font-weight: 500;}
.btn7{padding:9px; padding:5px; padding-top:2px; font-size:15px !important;font-weight: 500;}
.btn4_s{padding:5px 20px;font-size:12px !important;line-height: 19px;font-weight: 500;}

/*btn색상*/
.btnBlue{background: #3560a1 !important; color:#fff !important; transition:background .3s;}
.btnBlue:active{background: #164c91 !important;}
.btnBlue2{background: #3b7af9 !important; color:#fff !important; transition:background .3s;}
.btnBlue2:active{background: #0755f8 !important;}
.btnSky{background: #307ac0 !important; color:#fff !important; transition:background .3s;}
.btnSky:active{background: #2a6eaf !important;}
.btnRed{background: #ff5b5b !important; color:#fff !important; transition:background .3s;}
.btnRed:active{background: #ca3737 !important;}
.btnGreen{background: #008000 !important; color:#fff !important; transition:background .3s;}
.btnGreen:active{background: #008040 !important;}
.btnGrey{background: #4f5255 !important; color:#fff !important; transition:background .3s;}
.btnGrey:active{background: #3d3f42 !important;}
.btnLineGrey{background: #fff !important; color:#111 !important; border:1px solid #111 !important;transition:all .2s;}
.btnLineGrey:active{background: #fff !important; color:#3560a1 !important; border-color:#3560a1 !important;}

/*btnDisabled*/
.btnDisabled{background: #ccc !important; color:#999 !important; border:1px solid #666 !important;transition:all .2s;}

/*btn라운드*/
.btnRound4{border-radius: 4px;}
.btnRound7{border-radius: 7px;}
.btnRound10{border-radius: 10px;}
.btnRound15{border-radius: 15px;}
.btnRound20{border-radius: 20px;}

/*목록-등록버튼*/
.btn-regist{padding-left:42px;background: url('../images/common/btn-regist.png')no-repeat 17px center #3560a1 !important;}
.btn-regist:active{background: url('../images/common/btn-regist.png')no-repeat 17px center #164c91 !important;}
/*삭제버튼*/
.btn-delete{padding-left:35px;width:42px;height:20px;background: url('../images/common/delete.png')no-repeat center #ff5b5b !important;text-indent: -9999px;overflow: hidden;}
.btn-delete:active{padding-left:35px;background: url('../images/common/delete.png')no-repeat center #ca3737 !important;}
/*검색버튼*/
.sch-bt{width:83px;height:48px;border-radius: 50px;background: url('../images/common/sch-bt.png')no-repeat center #3560a1 !important;text-indent: -9999px;overflow: hidden;transition:background .2s;}
.sch-bt:active{background: url(../images/common/sch-bt.png)no-repeat center #164c91 !important;}
/*다운로드버튼*/
.btn-download{padding-left:35px;background-image: url('../images/common/download-bt.png')!important; background-repeat: no-repeat !important; background-position: 13px center !important;}
.btn-download:active{background-image: url('../images/common/download-bt.png')!important; background-repeat: no-repeat !important; background-position: 13px center !important;}
.btn-download2{width:42px;height:34px;background-image:url('../images/common/download-bt.png') !important; background-repeat: no-repeat !important; background-position: center !important;text-indent: -9999px;overflow: hidden;}
.btn-download2:active{background-image:url('../images/common/download-bt.png') !important; background-repeat: no-repeat !important; background-position: center !important;}
/*경비구역선택 , 출입문선택 버튼*/
.btn-area1{padding-left:42px;background: url('../images/sub/btn-area1.png')no-repeat 17px center #307ac0 !important; padding:5px 10px}
.btn-area1:active{background: url('../images/sub/btn-area1.png')no-repeat 17px center #2a6eaf !important;}
.btn-area2{padding-left:42px;background: url('../images/sub/btn-area2.png')no-repeat 17px center #307ac0 !important;}
.btn-area2:active{background: url('../images/sub/btn-area2.png')no-repeat 17px center #2a6eaf !important;}
/*카드번호 생성 버튼*/
.btn-card1{padding-left:50px;background-image: url('../images/sub/btn-card1.png') !important;background-repeat: no-repeat !important;background-position: 17px center !important;}
.btn-card1:active{background-image: url('../images/sub/btn-card1.png')!important;background-repeat: no-repeat !important;background-position: 17px center !important;}
/*카드 발급, 미발급 버튼*/
.btn-card2{padding-left:50px;background-image: url('../images/sub/btn-card2.png') !important;background-repeat: no-repeat !important;background-position: 17px center !important;}
.btn-card2:active{background-image: url('../images/sub/btn-card2.png')!important;background-repeat: no-repeat !important;background-position: 17px center !important;}
/*선택 재발송, 전체 재발송*/
.btn-push1{padding-left:44px;background-image: url('../images/sub/btn-push.png') !important;background-repeat: no-repeat !important;background-position: 13px 13px !important;}
.btn-push1:active{background-image: url('../images/sub/btn-push.png')!important;background-repeat: no-repeat !important;background-position: 13px 13px !important;}
.btn-push2{padding-left:44px;background-image: url('../images/sub/btn-push.png') !important;background-repeat: no-repeat !important;background-position: 13px -36px !important;}
.btn-push2:active{background-image: url('../images/sub/btn-push.png')!important;background-repeat: no-repeat !important;background-position: 13px -36px !important;}
/*웹서버 환경설정 적용, 발급서버 환경설정 적용 버튼*/
.btn-server1{padding-left:44px;background-image: url('../images/sub/btn-server.png') !important;background-repeat: no-repeat !important;background-position: 13px 11px !important;}
.btn-server1:active{background-image: url('../images/sub/btn-server.png')!important;background-repeat: no-repeat !important;background-position: 13px 11px !important;}
.btn-server2{padding-left:44px;background-image: url('../images/sub/btn-server.png') !important;background-repeat: no-repeat !important;background-position: 13px -51px !important;}
.btn-server2:active{background-image: url('../images/sub/btn-server.png')!important;background-repeat: no-repeat !important;background-position: 13px -51px !important;}

/*필수항목표시*/
.necessary_y {display: inline-block;margin-right:8px;width:12px;height:12px; background: url('../images/common/necessary.png')no-repeat center left;}
.necessary_n {display: inline-block;margin-right:8px;width:12px;height:12px; }


/*datepicker , timepicker */
.datepicker{background: url('../images/common/datepick.png')no-repeat 95% center #fff;cursor: pointer !important;font-size:12px !important; width:130px; }
.timepicker{background: url('../images/common/timepick.png')no-repeat 95% center #fff;cursor: pointer !important;font-size:12px !important;}

/*timepicker*/
.ui-timepicker-standard .ui-menu-item{text-align: left;}

/* Checkbox switch */
.checkbox-switch {margin-bottom:10px;cursor: pointer;display: inline-block; overflow: hidden; position: relative; text-align: left; width: 70px;height: 28px; -webkit-border-radius: 8px; border-radius: 8px; line-height: 1.2; font-size: 13px; border:1px solid #ccc;}
.checkbox-switch input.input-checkbox {position: absolute;	left: 0;top: 0;width: 70px;height: 28px;padding: 0;margin: 0;opacity: 0;z-index: 2;cursor: pointer;}
.checkbox-switch input.input-checkbox:focus + .checkbox-animate{border:1px solid #0084ff;}
.checkbox-switch .checkbox-animate {position: relative;width: 70px; height: 28px; background-color: #f2f2f2;-webkit-transition: background 0.25s ease-out 0s; transition: background 0.25s ease-out 0s;}
.checkbox-switch .checkbox-animate:before {content: "";display: block;position: absolute;width: 21px;height: 21px;border-radius:4px;-webkit-border-radius: 4px;background-color: #a0a0a0;top: 3px;left: 5px; -webkit-transition: left 0.3s ease-out 0s;transition: left 0.3s ease-out 0s; z-index: 1;}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate {background-color: #3560a1;}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate:before {left: 44px;	background-color: #fff;}
.checkbox-switch .checkbox-off,.checkbox-switch .checkbox-on {float: left;color:#fff;	padding-top: 5px; -webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.checkbox-switch .checkbox-off {margin-left: 35px;opacity: 1;color: #5f5f5f;}
.checkbox-switch .checkbox-on {display: none;float: right;margin-right: 35px;opacity: 0;}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-off {display: none;opacity: 0;}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-on {display: block;opacity: 1;}

/*check box*/
.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checks input[type="checkbox"] + label:after,.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';  display: inline-block; width: 18px; height: 18px; line-height: 21px; margin: -2px 8px 0 0;
  text-align: center; vertical-align: middle;background: #f4f4f4;border: 1px solid #bebebe;border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks input[type="checkbox"] + label:active:after,
.checks input[type="checkbox"]:checked + label:active:after { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checks.etrans input[type="checkbox"] + label { padding:0 10px 0 25px; font-size:12px;}
.checks.etrans input[type="checkbox"] + label:after {
  position: absolute; left: 0; top: 0; margin-top: 0; opacity: .6; box-shadow: none;
  border-color: #bebebe; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s;}
.checks.etrans input[type="checkbox"] + label:before{display: none;position: absolute; left: 0; top: 0; margin-top: 0;}
.checks.etrans input[type="checkbox"]:checked + label:after {  position: absolute; content: ""; width: 21px; height: 21px; opacity:1;
	top:2px;left:2px;border:0;
	background:url('../images/common/checked.png')no-repeat;}
.checks.etrans input[type="checkbox"]:checked + label:before{display: block;background: #3560a1;}
.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:after {
  /*content:"\2713";*/  content: "\2714"; top: 0; left: 0; width: 21px; line-height: 21px; color: #fff;background: #fff;text-align: center;border: 1px solid #fa720f;}
.checks input[type="checkbox"]:focus + label:after{border:1px solid #3e77ec;}

/*check box - radio*/
.checks input[type="radio"] { position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.checks input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checks input[type="radio"] + label:after,.checks input[type="radio"] + label:before {  /* 가짜 체크박스 */
  content: ' ';  display: inline-block; width: 18px; height: 18px; line-height: 21px; margin: -2px 8px 0 0;
  text-align: center; vertical-align: middle;background: #f4f4f4;border: 1px solid #bebebe;border-radius : 10px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks input[type="radio"] + label:active:after,
.checks input[type="radio"]:checked + label:active:after { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checks.etrans input[type="radio"] + label { padding:0 10px 0 25px; font-size:12px;}
.checks.etrans input[type="radio"] + label:after {
  position: absolute; left: 0; top: 0; margin-top: 0; opacity: .6; box-shadow: none;
  border-color: #bebebe; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s;}
.checks.etrans input[type="radio"] + label:before{display: none;position: absolute; left: 0; top: 0; margin-top: 0;}
.checks.etrans input[type="radio"]:checked + label:after {  position: absolute; content: ""; width: 21px; height: 21px; opacity:1; top:4px;left:2px;border:0;background:url('../images/common/checked.png')no-repeat;}
.checks.etrans input[type="radio"]:checked + label:before{display: block;background: #3560a1;}
.no-csstransforms .checks.etrans input[type="radio"]:checked + label:after {
  /*content:"\2713";*/  content: "\2714"; top: 0; left: 0; width: 21px; line-height: 21px; color: #fff;background: #fff;text-align: center;border: 1px solid #fa720f;}
.checks.etrans input[type="radio"]:focus + label:before{border:1px solid #ff5b5b ;}

/*파일선택 filewrp*/
.filewrp{overflow: hidden;}
.filewrp label {position:relative;text-align:center;cursor:pointer;display: block;float: left;vertical-align:middle;overflow:hidden;}
.filewrp label input {position:absolute;width:0;height:0;overflow:hidden;}
.filewrp input[type=text] {vertical-align:middle;float: left;}
.filewrp input[type=file]{padding:0;border:0;}

/*input-로그인 애니메이션*/
.input-txt{display: block;padding:24px 0 0 0;width:100%; position: relative;}
.input-txt .input-field{width:100%;border:0;outline: 0;font-size: 16px;}
.input-txt .input-label{display: block; width:100%;height:2px; background: #e3e3e3;}
.input-txt .input-label:after{display: block;content:" ";width:0%;height:2px;background:#623b9b; transition:all .5s ease-out;}
.input-txt .input-field:focus+.input-label:after{width:100%;}
.input-txt .input-label .input-label-content{position: absolute;top:0;left:0;font-size:16px;color:#9a9a9a;}

/*select-로그인 애니메이션*/
.select-txt{display: block;padding:24px 0 0 0;width:100%; position: relative;}
.select-txt select{width:100%;height:48px;border:0;outline: 0;font-size: 16px;box-sizing: border-box; vertical-align: middle;transition:border .2s ease-out;}
.select-txt select:focus{border:2px solid #3e77ec;}
.select-txt .select-label{display: block;width:100%;height:2px; background: #e3e3e3;}
.select-txt .select-label .select-label-content{position: absolute;top:0;left:0;font-size:16px;color:#9a9a9a;}
.select-txt .select-label .select-label-content span{display: inline-block;color:#ff4d4d; font-size:20px;vertical-align: middle;}

/*레이어팝업배경*/
.back.on{position: fixed;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index: 3;}

/*=========== 흥국화재 공통부분 스타일 시작 ==========*/
/*header*/
#header{ background-color:#333333; }
.header-top{/*width:1588px;*/margin: 0 auto;padding:0; background-color:#333333; height:54px;}
.header-top .logo{margin-top:3px; margin-left:10px; height:44px; }
.header-top img {margin-top:5px 0 0 10px; padding-top:5px; padding-left:10px;}
.header-top .top-btn{margin-top:5px; color:#ffffff;}
.header-top .top-btn ul{height:25px;}
.header-top .top-btn li{padding:0 20px;float:left;background: url('../images/common/list1.png')no-repeat center right;}
.header-top .top-btn li:last-child{background: none;}
.header-top .top-btn li a{display: block;width:22px;height:22px;background: url('../images/common/top-btn.png')no-repeat; text-indent: -9999px;overflow: hidden;}
.header-top .top-btn li .myinfo{background-position: 0 0; color:#ffffff;}
.header-top .top-btn li .passwd{background-position: -98px 0; color:#ffffff;}
.header-top .top-btn li .logout{background-position: -49px 0; color:#ffffff;}
.header-top .top-btn li .myinfo:hover{background-position: 0 -33px;}
.header-top .top-btn li .passwd:hover{background-position: -98px -33px;}
.header-top .top-btn li .logout:hover{background-position: -49px -33px;}

/*gnb*/
#gnb{width:100%;background-color:#6d4aa3;}
#gnb>ul{width:1588px;margin: 0 auto;}
#gnb>ul>li{float:left; width:16.666%;text-align: center;position: relative;}
#gnb>ul>li>a{display: block;width:100%;height:30px;font-size:16px;line-height:30px; color:#ffffff; background: #6d4aa3; box-sizing:border-box;}
#gnb>ul>li>a.on,#gnb>ul>li>a.nowpage{background: url('../images/common/gnb-on.png')no-repeat 74% center #6d4aa3;color:#fff;font-weight: bold;}
#gnb>ul>li>ul{display: none;z-index: 4; position: absolute; width:100%; padding-bottom:10px; background:#fff; box-shadow: 0px 7px 16px #b1b1b1;}
#gnb>ul>li>ul>li>a { display:block;height:30px;line-height: 30px;font-size:16px; text-align:left; padding-left:20px;}
#gnb>ul>li>ul>li>a:hover,#gnb>ul>li>ul>li>a:focus{color:#fff;font-weight: 700;background: #6d4aa3;}
/*#gnb>ul>li>ul>li>ul { display:none; }*/
#gnb>ul>li>ul>li>ul>li { display:block;height:25px;line-height: 30px;font-size:12px; text-align:left; }
#gnb>ul>li>ul>li>ul>li>a { display:block;height:25px;line-height: 30px;font-size:12px; padding-left:40px;}
#gnb>ul>li>ul>li>ul>li>a:hover,#gnb>ul>li>ul>li>a:focus{color:#fff;font-weight: 700;background: #6d4aa3;}

#wrap{margin-bottom:10px;width:100%;min-height:830px;background:#e8e8f0;}
#wrap>.contents{margin:0 auto;padding:5px 0; box-sizing:border-box;height:auto;}

/*input text*/
#wrap input[type="text"],#wrap input[type="password"],#wrap select{border:1px solid #d5d5d5;}

/*login*/
#wrap.login-wrap{margin-bottom:15px;background:#6d4aa3;}
#wrap.login-wrap input[type="text"],#wrap.login-wrap select,#wrap.login-wrap input[type="password"]{border:0;}
.login-form{padding:48px 53px;width:665px;margin:40px auto 0 auto;background: #fff;box-sizing:border-box;}
.login-form h2{margin-bottom:45px;text-align: center; color:#164c91; font-size:40px;font-weight: 400;}
.login-form p{font-size:12px;}
.login-form .input-txt input{height: 48px; padding:0 18px; font-size: 12px;cursor:text; box-sizing: border-box; vertical-align: middle;}
.login-form .login-bt{width:100%;height:65px;line-height: 65px;font-size:18px;background:#3560a1;color:#fff;border-radius: 100px; font-family: 'NotoSansKR';transition:background .4s;}
.login-form .login-bt:hover{background: #6f94cd;}
.login-form .find-idpw{padding-top:30px;border-top: 1px solid #e6e6e6; text-align: center;}
.login-form .find-idpw input{padding:22px;width:48%;position: relative; text-align: center;font-size:18px;border-radius: 100px;transition:all .4s;box-sizing:border-box;}
.login-form .find-idpw input:hover{border-color:#3560a1 !important;color:#3560a1;}
.login-form .find-idpw input.find-id,
.login-form .find-idpw input.find-pw{border:1px solid #333;}
.login-form select{background: url('../images/common/select_arr.png') no-repeat right center #fff;transition:border .4s;}
.login-form select:focus{border:2px solid #e6088c !important;}
.login-form .confirm{padding:0 0 20px 0;text-align: center; }
.login-form .confirm p{font-size:18px;font-weight: 500;}
.login-form .confirm b{padding:4px 10px;background: #eee; color:#3560a1;letter-spacing: 2px;}

/*레이어팝업*/
.layerPop-wrap{display: none; position: fixed; top: 5%;left:50%;z-index: 4;background: #fff;border-radius: 4px;}
.layerPop-wrap.on{display: block;}
.layerPop-wrap.layerWAuto{width:auto;transform:translateX(-50%);}
.layerPop-wrap.layerW700{width:700px;margin-left: -350px;}
.layerPop-wrap.layerW900{width:900px;margin-left: -450px;}
.layerPop-wrap.layerW1000{width:1000px;margin-left: -500px;}
.layerPop-wrap.layerW1100{width:1100px;margin-left: -550px;}
.layerPop-wrap.layerW1300{width:1300px;margin-left: -650px;}
.layerPop-wrap.layerW1500{width:1500px;margin-left: -750px;}
.layerPop-wrap .layer-top{height:50px; padding:10px 30px;background: #623b9b}
.layerPop-wrap .layer-top h3{color:#fff;font-size:19px;}
.layerPop-wrap .layer-con{padding:10px 30px 0 30px;max-height: 710px;overflow-y:auto;}
.layerPop-wrap .layer-bottom{padding:10px 30px 30px 30px;}
.layerPop-wrap .tbl-view th, .layerPop-wrap .tbl-view td{padding:2px 5px;}
.layerPop-wrap select{-webkit-appearance: none;-moz-appearance: none; appearance: none;padding:0 5px;background: url('../images/common/select_arr2.png') no-repeat right center #fff; font-size:12px;box-sizing: border-box;}

/*사이트 검색 팝업*/
.site-sch-pop tbody tr.active td{background: #d8edff !important;}
.site-sch-pop tbody tr.active td a{font-weight: 700;}

/*진행률 : progress-wrp*/
.progress-wrp{display: inline-block; width:400px;height:40px;line-height:40px;text-align: center; border:1px solid #ccc;background: #ff5a5a;color:#fff;font-size:13px;}
.progress-wrp .use-bar{display: inline-block; float:left;position: relative; width:1px;height:100%;background: #3560a1;text-align: center;}
.progress-wrp .use-bar span{position: absolute;}
.progress-percentage{display: inline-block;padding-top: 10px; vertical-align: top; font-weight: 500;}
.progress-wrp .other-txt{float:right;position: absolute;color:#000;}

/*footer*/
footer{margin:0 auto;padding:0 0 10px 0;}
footer div { width:100%; display:inline-block; margin-top:-9px; color:#666; vertical-align:middle; text-align:center;}
footer h2{display: inline-block;vertical-align: middle;}

/*selectBox크기*/
.selSize{width:50px;}