@charset "utf-8";

/* window Popup */
.windowPopup{background-color: #ffffff; box-sizing: border-box; padding: 90px 0 70px; box-sizing: border-box;}
.windowPopup .popupTop{position: fixed; left: 0; top: 0; width: 100%; z-index: 2; background-color: #3a36db;}
.windowPopup .popupCont{padding: 0 25px; box-sizing: border-box; min-height: calc(100vh - 180px);}
.windowPopup .popupBtnBranch{position: fixed; left: 0; bottom: 0; width: 100%; background-color: #ffffff; padding: 12px 0; box-sizing: border-box; z-index: 2;}

/* popup */
.divPopup .blackBg{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; background-color: rgba(0, 0, 0, 0.2);}
.popup{border: 1px solid #dbdbdb; border-radius: 20px; max-width: 1000px; min-width: 400px; max-height: 700px; overflow: hidden; box-shadow: -7px 3px 29px 0px rgba(0, 0, 0, 0.07); margin: 0 auto; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12;}
.popupTop{background-color: #3a36db; padding: 25px 30px; position: relative;}
.popupTitle{color: #ffffff; font-size: 18px; font-family: PretendardM, sans-serif; line-height: 1.2em;}
.popupClose{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.popupCont{background-color: #ffffff; padding: 25px 25px 20px; max-height: 600px; transform: none;}
.popupBtnBranch{text-align: center; margin-top: 20px;}
.popupBtnBranch a{margin: 0 4px;}


/* popup.css */
#wrap .popupTit{margin-bottom:15px;padding-left:10px;border-left:4px solid #79808c;color:#292929;font-size:15px;font-weight:600}
body #wrap{background-color:#fff;}
body #containerW div.container{width:auto}
#wrap #content{padding:35px 20px 40px}

.btns {
    text-align: center;
}

/* printArea */
#content3.printArea{position:relative;padding:0;width:700px;margin:0 auto}
#content3.printArea table{border-collapse: collapse;table-layout: fixed;width:100%;}
#content3.printArea table td{font-family: PretendardM,sans-serif;}
#content3.printArea .topArea{position:relative;height:100px;text-align: center;}
#content3.printArea .topArea .title{font-family: PretendardB,sans-serif;font-size:30px}
#content3.printArea .topArea .QRCodeW{position:absolute;top:6px;right:0}
#content3.printArea .topArea .QRCodeW img{width:90px;height:auto}
#content3.printArea .mTxt{height:80px;color:#333;font-size:18px;font-family: PretendardM,sans-serif;}
#content3.printArea .tableTitW{margin-bottom:16px}
#content3.printArea .tableTit{padding-bottom:4px;border-bottom:1px solid #ddd;color:#000;font-size:16px;font-family: PretendardSB,sans-serif}
#content3.printArea .borderTable td{padding-bottom:18px;color:#555;font-size:15px;vertical-align: top;}
#content3.printArea .borderTable td #confCpp{margin-right:4px;vertical-align: -1px;}
#content3.printArea .borderTable #reason{width:100%;height:60px;padding:4px;border:1px solid #ddd;resize:none;color:#555;font-size:15px;box-sizing: border-box;}
#content3.printArea .userInfo{color:#333;font-size:14px;text-align: right;font-family: Pretendard,sans-serif;}
#content3.printArea .submitDate{color:#333;font-size:16px;text-align: center;font-family: PretendardM,sans-serif;}
#content3.printArea .wtrImgW{text-align: center;}
#content3.printArea .wtrImgW span{color:#000;font-size:26px;font-family: PretendardB,sans-serif;}
#content3.printArea #divButton{margin-top:40px}
#content3.printArea #divButton a, #content3.printArea #divButton input[type="submit"], #content3.printArea #divButton input[type="button"]{height:32px;padding:0 15px;background:#525252;border:none;border-radius: 20px;color:#fff;font-size:14px;font-family: PretendardM,sans-serif;cursor:pointer;font-weight: normal;line-height: 32px;}

/* customChk */
.customChk{border:0;clip:rect(0 0 0 0);height:1px !important;width:1px !important;margin:-1px !important;overflow:hidden;padding:0;position:absolute !important;} 
.customChk + label{position:relative;display:inline-block;padding:0 0 0 32px;min-height:22px;line-height:22px;cursor:pointer}
.customChk + label::before{content:"";display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(../../images/ko/common/ico/customChk1.png) no-repeat center;}
.customChk:focus + label::before{outline: 2px solid #000;}
.customChk + label.on::before{content:"";display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(../../images/ko/common/ico/customChk1On.png) no-repeat center;}
.customChk:checked  + label::before{content:"";display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(../../images/ko/common/ico/customChk1On.png) no-repeat center;}
.customChk:focus + label.on::before{content:"";display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(../../images/ko/common/ico/customChk1On.png) no-repeat;}
.customChk + label.disable::before{content:"";display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(../../images/ko/common/ico/customChk1.png) no-repeat center;}
.customChk:disabled + label::before{content:"";display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(../../images/ko/common/ico/customChk1.png) no-repeat center;}


/* 230224 새창팝업 스타일 추가 */
.pagePop2{width:512px;background:#fff;}
.pagePop2 .titArea{padding:28px 36px;background:#ff9a02;color:#fff;font-family:NanumSquareNeoEB,sans-serif;font-size:24px;letter-spacing: -0.05em;}
.pagePop2 .popCont{max-height:250px;padding:0;margin:36px 10px 44px 24px;background:#fff;overflow-y: auto;}
.pagePop2 .popCont::-webkit-scrollbar{width:8px}
.pagePop2 .popCont::-webkit-scrollbar-thumb{background:#ccc;border-radius: 5px;}
.pagePop2 .popCont::-webkit-scrollbar-track{background:transparent;border-radius: 5px;}

.pagePop2 .popCont p{color:#494949;font-family:NanumSquareNeoB,sans-serif;font-size:15px;line-height: 26px;}
.pagePop2 .popCont img{width:100% !important;max-width:100%;height:auto !important}
.pagePop2 .popBottom{display:flex;justify-content: space-between;align-items: center;padding:23px 58px 23px 48px;background:#ededed}
.pagePop2 .popBottom label{color:#717171;font-family:NanumSquareNeoB,sans-serif;font-size:15px;}
.pagePop2 .popBottom .layerClose{position:relative;color:#181818;font-family:NanumSquareNeoEB,sans-serif;font-size:14px}
.pagePop2 .popBottom .layerClose::after{content:"";display:block;position:absolute;bottom:-6px;left:-2px;width:calc(100% + 4px);height:2px;background:#313131}

.pagePop2 .table{margin:0;padding:20px;}
.pagePop2 .inputForm input[type="text"]{width:270px;height:22px;border:1px solid #b5b5b5;vertical-align:middle}
.pagePop2 .btns2{text-align:center}
.pagePop2 .btns2 input{border:1px solid #b5b5b5;background-color:#fff;padding:5px 10px;color:#676a6c}
.pagePop2 .close{position:absolute;top:18px;right:20px}
.pagePop2 a{font-weight:600;color:#666}