@charset "utf-8";
body{min-width: 0!important;}

.pagePop{width:600px}
.popHeader{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height:100px;padding:0 24px;background:#ff9902}
.popHeader .popTit{color:#fff;font-family:NanumSquareNeoEB,sans-serif;font-size:24px;}
.popHeader .gotoBtn{display:inline-block;padding:9px 48px 9px 20px;background:url(../../images/ko/common/ico/goto.png) no-repeat right 18px center #ff9902;border:2px solid #fff;border-radius: 20px;color:#fff;font-family:PretendardB,sans-serif;font-size:16px;}

.popCont{padding:32px 20px 40px 20px}
.popCont .popInner .tit{margin:0 0 16px 8px;color:#000;font-family: PretendardB,sans-serif;font-size:18px;}
.popCont .popInner .tit>span{color:#000;font-family: PretendardM,sans-serif;font-size:16px;}
.popCont .popInner .txtArea{padding:16px 28px;background:#fafafa;border:1px solid #ddd;border-radius: 18px;}
.popCont .popInner .txtArea>li{color:#555;font-family: PretendardM,sans-serif;line-height: 22px;word-break: keep-all;}
.popCont .popInner:not(:last-child){margin-bottom:32px}

.Inquiries{text-align: center;}
.Inquiries dt{display:inline-block;color:#000;font-family: PretendardB,sans-serif;font-size:18px;}
.Inquiries dd{display:inline-block;color:#000;font-family: PretendardB,sans-serif;font-size:18px;}
.Inquiries dd>span{color:#000;font-size:16px;font-family: PretendardL,sans-serif;}

.popBtnType1{display:inline-block;width:214px;height:55px;line-height: 53px;background:#676767;border:2px solid #676767;border-radius: 40px;color:#fff;font-family:PretendardEB,sans-serif;font-size:17px;letter-spacing: -0.025em;box-sizing: border-box;text-align: center;cursor:pointer;}
.popBtnType2{display:inline-block;width:214px;height:55px;line-height: 53px;border:2px solid #676767;border-radius: 40px;background:#fff;color:#676767;font-family:PretendardEB,sans-serif;font-size:17px;letter-spacing: -0.025em;box-sizing: border-box;text-align: center;cursor:pointer}

.popBtnType3{display:inline-block;width:80px;height:30px;line-height: 28px;background:#676767;border:2px solid #676767;border-radius: 40px;color:#fff;font-family:PretendardEB,sans-serif;font-size:17px;letter-spacing: -0.025em;box-sizing: border-box;text-align: center;cursor:pointer;}
.popBtnType4{display:inline-block;width:80px;height:30px;line-height: 28px;border:2px solid #676767;border-radius: 40px;background:#fff;color:#676767;font-family:PretendardEB,sans-serif;font-size:17px;letter-spacing: -0.025em;box-sizing: border-box;text-align: center;cursor:pointer}

/* btnBunchType */
.popBtnBunchType1{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top:56px;}
.popBtnBunchType1>span{display:inline-block;margin:0 4px}

.popBtnBunchType2{text-align: center; margin-top: 15px;}
.popBtnBunchType2>*{ margin: 0 4px;}


/* 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}

/* �а���ȸ */
.popupTop{display: flex; align-items: center; justify-content: space-between; height: 80px; background-color: #ff9902; padding: 0 24px; box-sizing: border-box;}
.popupTitle{font-size: 24px; color: #fff; font-family: NanumSquareNeoEB, sans-serif;}
.popupCont{padding: 20px 30px;}
.searchForm{position: relative; margin-bottom: 40px;}
.searchForm .searchInput{width: 100%; height: 50px; border-radius: 0; border: 0; border-bottom: 2px solid #000; font-size: 16px; color: #606060; padding: 0 55px 0 18px; box-sizing: border-box;}
.searchForm .searchInput::placeholder{font-size: 16px; color: #606060; text-decoration: none;}
.searchForm .searchBtn{width: 30px; height: 30px; text-indent: -9999px; border: 0; background:transparent url(../../images/ko/common/btn/searchBtn.png) no-repeat center; background-size: 28px; position: absolute; right: 18px; top: 10px;}

.optionTop{display: flex; justify-content: space-between; align-items: end; margin-bottom: 10px;}

.selectTit{font-size: 20px; color: #000; font-family: NanumSquareNeoB, sans-serif;}
.selectTit2{font-size: 20px; color: #000; font-family: NanumSquareNeoB, sans-serif; margin-bottom: 20px; padding-left: 28px; box-sizing: border-box; background: url(../../images/ko/common/bg/check3.png) no-repeat left center;}

.deptBoxW{height: 419px; position: relative; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.deptBoxW.open .mainDeptBox{width: 45%;}
.deptBoxW.open .sideDeptBox{transform: translateX(0);}
.mainDeptBox{width: 100%; height: 100%; transition:  width .5s;}
.sideDeptBox{width: 55%; height: 100%; position: absolute; right: 0; top: 0; transform: translateX(100%); transition: transform .5s;}

/* selectStyle */
.selectStyle{display: block; height: 100%; overflow-y: auto;border: 1px solid #e0e0e0;}
.selectStyle li a{display: block; padding: 6px 28px 6px 15px; box-sizing: border-box; border-bottom: 1px solid #e0e0e0; position: relative; font-size: 15px; font-family: PretendardM, sans-serif; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.selectStyle li a:hover{background-color: #e6e6e6;}
.selectStyle li.on a{background:#e6e6e6 url(../../images/ko/common/bg/check.png) no-repeat right 6px center; color: #000;}
.selectStyle::-webkit-scrollbar {width: 5px;}
.selectStyle::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.18); border-radius: 10px;background-clip: padding-box;}
.selectStyle::-webkit-scrollbar-track {background-color: transparent;border-radius: 10px;box-shadow: inset 0px 0px 5px white;}


.selectStyle2{display: block; height: 100%; overflow-y: auto; background-color: #fff; border: 1px solid #e6e6e6; font-size: 0;}
.selectStyle2 li{display: inline-block; width: 100%; height: 36px; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.selectStyle2 li:nth-child(3n){border-right: 0;}
.selectStyle2 li a{display: block; height: 36px; padding: 6px 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;  font-size: 15px; color: #383838; font-family: PretendardM, sans-serif;}
.selectStyle2 li.on a{color: #fff; padding: 6px 15px 6px 35px; background: #ff9902 url(../../images/ko/common/bg/check4.png) no-repeat left 8px center;}
.selectStyle2::-webkit-scrollbar {width: 5px;}
.selectStyle2::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.18); border-radius: 10px;background-clip: padding-box;}
.selectStyle2::-webkit-scrollbar-track {background-color: transparent;border-radius: 10px;box-shadow: inset 0px 0px 5px white;}
.selectStyle2:focus{outline: none;}


/* �˾� css �߰� */
.blackBg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 10;}
.layerPopup{position:fixed;top:50%;left:50%;width:512px;background:#fff;border-radius: 30px;z-index:30;box-shadow: 0px 3px 46px 0px rgba(0, 0, 0, 0.38); transform: translate(-50%, -50%);}
.layerPopup .titArea{padding:28px 36px;background:#ff9a02;color:#fff;border-radius: 30px 30px 0 0;font-family:NanumSquareNeoEB,sans-serif;font-size:24px;letter-spacing: -0.05em;}
.layerPopup .layerPopCont{max-height:450px;margin:36px 10px 36px 24px;background:#fff;overflow-y: auto;}
.layerPopup .layerPopCont::-webkit-scrollbar{width:8px}
.layerPopup .layerPopCont::-webkit-scrollbar-thumb{background:#ccc;border-radius: 5px;}
.layerPopup .layerPopCont::-webkit-scrollbar-track{background:transparent;border-radius: 5px;}

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

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