@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* Common */
* {-webkit-text-size-adjust:none; box-sizing:border-box; }
html, body { width:100%; height:100%; padding:0px; margin:0px; position:relative; overscroll-behavior-y: contain; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{ margin:0; padding:0; line-height:1.4; word-break:keep-all; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,button,select { -webkit-touch-callout: none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; }
body,input,textarea,select,button,table{ font-family:"Pretendard Variable", Pretendard, Arial, sans-serif; font-size:12px; color:#000; font-weight:400; }
body{ word-break:break-all; }
img,fieldset,iframe{ border:0 }
img{ max-width:100%; vertical-align:top }
li{ list-style:none }
em,address{ font-style:normal }
input,select,button{ vertical-align:middle; outline:none; }
button { cursor:pointer; border:none; }

/* Common Add */
a { color:#000; text-decoration:none; }
a:hover,
a:link,
a:visited { text-decoration:none;}
caption,legend,.blind{ visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left } 
caption{ position:static }
input { border-radius:0px; -webkit-appearance:none; }
input[type="text"],
input[type="password"] { height:40px;padding:0 7px; border:1px solid #c7c7c7; color:#000;line-height:38px; font-size:16px; }
input[type="text"].readonly{ border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4 }
select:focus { border:1px solid #00a2e2;background:#edf6fb;color:#000 }
input[type="radio"]{*width:13px;*height:13px}
select{ height:24px;*margin-top:5px;padding:0 0 0 20px; border:1px solid #cccccc; line-height:1.2em;color:#000 }
textarea{ width:100%; height:2em; padding:10px;border:1px solid #cfcfcf;line-height:1.5em; font-size:16px; outline:none; vertical-align:middle; resize:none; }
table{ border-collapse:collapse; border-spacing:0;line-height:1.5em }
hr{display:none}
.input_number::-webkit-outer-spin-button,
.input_number::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="button"] { border:none; }
sup { line-height:1; }

input[type="checkbox"],
input[type="radio"] { position:absolute; left:-999999px; opacity:0; visibility:hidden; }

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
.hide { width:1px; height:1px; overflow:hidden; text-indent:-1000px; visibility:hidden;}

a.link { text-decoration:underline; }

.ta-l { text-align:left !important; }
.ta-c { text-align:center !important; }
.ta-r { text-align:right !important; }

.color-red { color:#ce1616 !important; }
.color-blue { color:#1481de !important; }

select { height:34px; padding:0 25px 0 12px; background:url('../images/iconSelect.png') calc(100% - 15px) center no-repeat #fff; border:1px solid #d9d9d9; border-radius:4px; font-size:14px; }
select:disabled { background-color:#f6f6f6; }
.radioGroup { position:relative; overflow:hidden; }
.radioGroup input[type="radio"]+label { float:left; height:24px; padding:0 6px 0 24px; margin-right:10px; position:relative; font-size:14px; line-height:24px; cursor:pointer; }
.radioGroup input[type="radio"]+label:before { content:''; width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px; background:url('../images/chkRadio.png') left top no-repeat; }
.radioGroup input[type="radio"]:checked+label:before { background-position:left bottom; }
.radioGroup label:last-of-type { margin-right:0; }
.checkGroup input[type="checkbox"]+label { float:left; height:24px; padding:0 6px 0 24px; margin-right:10px; position:relative; font-size:14px; line-height:24px; cursor:pointer; }
.checkGroup input[type="checkbox"]+label:before { content:''; width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px; background:url('../images/chkCheck.png') left top no-repeat; }
.checkGroup input[type="checkbox"]:checked+label:before { background-position:left bottom; }
.checkGroup label:last-of-type { margin-right:0; }
.searchGroup input[type="text"] { width:230px; height:34px; position:relative; padding:0 12px; border:1px solid #d9d9d9; background:#fff; border-radius:4px; font-size:14px; z-index:1; }
.btnSearch { width:40px; height:34px; border:1px solid #d9d9d9; border-radius:4px; background:url('../images/btnSearch.png') center center no-repeat; font-size:0; text-indent:-99999px; }
.historyGroup { position:relative; }
.historyGroup input[type="text"] { width:200px; height:34px; position:relative; padding:0 12px; border:1px solid #d9d9d9; background:#fff; border-radius:4px; font-size:14px; z-index:1; }
.historyGroup .btnDelete { width:8px; height:8px; display:none; position:absolute; top:50%; right:16px; background:url('../images/btnDelete.png') center center no-repeat; font-size:0; text-indent:-99999px; z-index:10; transform:translateY(-50%); }
.historyGroup .history { width:100%; max-height:120px; display:none; position:absolute; left:0; top:35px; border:1px solid #d9d9d9; background:#fff; z-index:11; overflow-y:auto; }
.historyGroup .history ul { padding:4px 0; }
.historyGroup .history ul li { padding:4px 12px; font-size:14px; }
.historyGroup .history ul li:hover { background:#f2f2f2; }
textarea { height:92px; padding:15px; border:1px solid #d9d9d9; border-radius:4px; font-size:16px; }
.fileGroup { position:relative; max-width:100%; display:inline-block; padding-right:16px; }
.fileGroup input[type='file'] { display:block; width:0; height:0; overflow:hidden; }
.fileGroup .btnBasic { position:absolute; left:0; top:0; z-index:1; }
.fileGroup label { height:34px; position:relative; padding:0 5px 0 85px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; z-index:10; cursor:pointer; line-height:34px; }
.fileGroup .btnDelete { width:16px; height:34px; display:none; position:absolute; right:0; top:0; background:url('../images/fileDelete.png') center center no-repeat; font-size:0; text-indent:-99999px; z-index:20; }

.boxCal .form-datepicker,
.boxCal .form-datepicker:read-only { width:170px; height:34px; padding:0 30px 0 12px; background:url('../images/iconCalendar.png') calc(100% - 8px) center no-repeat #fff; border:1px solid #d9d9d9; border-radius:4px; font-size:14px; }

.inBlock { display:inline-block !important; }
.inBlock.boxCal .form-datepicker,
.inBlock.boxCal .form-datepicker:read-only { width:100%; }

textarea:read-only,
input[type="text"]:read-only,
input[type="password"]:read-only { background:#f8f7f7; }

#wrap { width:100%; height:100%; min-width:1200px; display:flex; flex-direction:column; justify-content:space-between; background:#ebeced; overflow:auto; }
#wrap.page--login { min-width:auto; padding:20px 0; align-items:center; background:#111; }
#wrap.page--popup { min-width:auto; display:block; background:#fff; }
#wrap.page--faq { min-width:auto; padding:20px; align-items:center; background:#f6d78b; }

.boxLogin { width:100%; max-width:400px; margin-top:auto; margin-bottom:auto; padding:40px 38px; background:#fff; border:1px solid #c9cace; border-radius:4px; }
.boxLogin hr { display:block; margin:18px 0; border-color:#c9cace; border-width:1px 0 0 0; }
.boxLogin h1 { padding-top:80px; margin-bottom:18px; background:url('../images/logoLogin.png') center top no-repeat; font-size:24px; text-align:center; font-weight:500; }
.boxLogin .subject { margin-bottom:24px; text-align:center; font-size:16px; }
.boxLogin .inputGroup { margin-bottom:18px; }
.boxLogin .inputGroup .inputRow { height:52px; position:relative; border:1px solid #c9cace; border-radius:3px; }
.boxLogin .inputGroup .inputRow:focus,
.boxLogin .inputGroup .inputRow:focus-within { border:2px solid #5f81a8 }
.boxLogin .inputGroup .inputRow+.inputRow { margin-top:12px; }
.boxLogin .inputGroup .inputRow input[type="text"],
.boxLogin .inputGroup .inputRow input[type="password"] { width:100%; height:100%; padding:0 22px; position:relative; font-size:16px; border:0; border-radius:3px; z-index:1; }
/*.boxLogin .inputGroup .inputRow label,
.boxLogin .inputGroup .inputRow label { position:absolute; left:18px; top:50%; padding:0 4px; transform:translateY(-50%); z-index:10; background:#fff; color:#65676e; font-size:16px; transition:all .3s; transition:all .15s ease-in-out; z-index:12; }*/
.boxLogin .inputGroup .inputRow label,
.boxLogin .inputGroup .inputRow label { display: none; }
.boxLogin .inputGroup .inputRow .is--val+label,
.boxLogin .inputGroup .inputRow input[type="text"]:focus+label,
.boxLogin .inputGroup .inputRow input[type="password"]:focus+label { top:-1px; transform: scale(.88) translateX(-8px) translateY(-50%); }
.boxLogin .inputGroup .inputRow .togglePassword { width:44px; height:100%; position:absolute; right:0; top:0; background:url('../images/pwShow.svg') center center no-repeat; z-index:10; }
.boxLogin .inputGroup .inputRow .togglePassword:hover { background-color:#e5e5e5; }
.boxLogin .inputGroup .inputRow .togglePassword .pwTooltip { pointer-events:none; opacity:0; position:absolute; left:-14px; bottom:100%; padding:8px; color:#f1f2f3; background:#000; font-size:12px; border-radius:3px; transition:opacity .3s ease-in-out; }
.boxLogin .inputGroup .inputRow .togglePassword .pwTooltip:before { content: ""; position: absolute; top: 100%; transform: translateX(-50%); left: 50%; width: 0; height: 0; border-color: #000 transparent transparent; border-style: solid; border-width: 8px 8px 0 }
.boxLogin .inputGroup .inputRow .togglePassword:focus .pwTooltip,
.boxLogin .inputGroup .inputRow .togglePassword:hover .pwTooltip {
  opacity: 1
}
.boxLogin .inputGroup .inputRow .togglePassword.is--view { background-image:url('../images/pwHide.svg'); }
.boxLogin .inputGroup .inputRow .togglePassword .pwTooltip.hide:before { display:none; }
.boxLogin .infoGroup { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; }
.boxLogin .pwLost { position: relative; overflow: hidden; }
.boxLogin .pwLost a { float:left; position:relative; font-size:16px; color:#5f81a8; font-weight:600; }
.boxLogin .pwLost a+a { margin-left:5px; padding-left:5px; }
.boxLogin .pwLost a+a:before { content:''; width:1px; height:15px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#5f81a8; }
.boxLogin .checkGroup input[type="checkbox"] + label { padding-right: 0; margin-right: 0; }
.boxLogin .btnLogin { width:100%; height:52px; margin-bottom:20px; background:#5f81a8; border-radius:3px; color:#fff; font-size:16px; }
.boxLogin .btnLogin:hover { background:#557497; }
.boxLogin p { font-size:16px; line-height:20px; }

.boxLogin.type--notice h1 { color:#5f81a8; }
.boxLogin.type--notice .btnLogin { margin-top:15px; }

.boxNotice { padding:15px 0; margin-bottom:15px; border-top:1px solid #77777a; border-bottom:1px solid #77777a; }
.boxNotice h4 { margin-bottom:10px; font-size:18px; color:#000; font-weight:500; }
.boxNotice p { font-size:16px; line-height:24px; }
.boxNotice p span { color:#557497; font-weight:700; }

.btnUserGuide { width:100%; height:52px; background:#fff; border:1px solid #c9cace; border-radius:3px; font-size:16px; }
.btnUserGuide:after { content:''; width:21px; height:16px; margin-left:8px; display:inline-block; vertical-align:middle; background:url('../images/iconUserGuide.png') no-repeat; }
.btnUserGuide:hover { background:#e5e5e5; }

#header { height:63px; padding:0 18px; position:relative; display:flex; justify-content:space-between; align-items:center; background:#3b4560; z-index:10; }
#header h1 { width:218px; height:23px; background:url('../images/logo.png') no-repeat; font-size:0; text-indent:-99999px; flex-shrink:0; }
#header .util { display:flex; justify-content:center; }
#header .util .info { margin-right:6px; font-size:14px; color:#fff; flex-shrink:0; display:flex; align-items:center; }
#header .util .btnUser,
#header .util .btnLogout { width:26px; height:26px; background-color:transparent; background-position:center center; background-repeat:no-repeat; font-size:0; text-indent:-99999px; flex-shrink:0; }
#header .util .btnUser { background-image:url('../images/iconUser.png'); }
#header .util .btnLogout { background-image:url('../images/iconLogout.png'); }

#gnb { height:63px; display:flex; }
#gnb li { position:relative; }
#gnb .depth1>a { width:110px; height:63px; display:block; position:relative; color:#d0d4e0; line-height:63px; z-index:1; text-align:center; font-size:16px; }
#gnb .depth1>a:hover,
#gnb .depth1.active>a { color:#fff; }
#gnb .depth2 { display:none; min-width:110px; padding:10px 5px; position:absolute; left:50%; top:57px; background:#fff; border:1px solid #ededed; box-shadow:0 5px 16px rgba(0, 0, 0, .2); transform:translateX(-50%); }
#gnb .depth2 li+li { margin-top:8px; }
#gnb .depth2 a { height:24px; padding:0 10px; display:block; font-size:14px; color:#979797; text-align:center; line-height:24px; }
#gnb .depth2 a:hover { background:#eceef6; border-radius:3px; color:#000000; }

#container { height:calc(100vh - 63px - 56px - 44px); display:flex; flex-direction:column; flex:1; margin:0 18px; padding:12px 8px 0 8px; background:#fff; border:1px solid #e0e2e6; border-top:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px; box-shadow:0 0 24px rgba(0, 0, 0, .1); }

.boxForm { display:flex; justify-content:space-between; margin-bottom:8px; }
.boxForm .formGroup .formItem { height:34px; float:left; margin:3px 8px 3px 0; display:flex; align-items:center; }
.boxForm .formGroup .formItem:last-of-type { margin-right:0; }
.boxForm .boxCal+.boxCal { margin-left:8px; }

.boxForm .btnGroup { display:flex; padding:3px 0; }
.boxForm .btnGroup button { float:left; }
.boxForm .btnGroup button+button { margin-left:6px; }
.boxForm .btnGroup button.btnBasic { width:64px; text-indent:0; height: 32px; }
.boxForm .btnGroup button.btnBasic.is--icon { width:34px; text-indent:-99999px; }

.location { margin-bottom:5px; padding-left:8px; position:relative; font-size:16px; color:#a2a2a2; }
.location:before { content:''; width:3px; height:3px; position:absolute; left:0; top:50%; margin-top:-1px; border-radius:50%; background:#000; }
.location span { color:#2a4693; font-weight:700; }

.boxContents { flex:1; overflow-y:auto; }

.tblBasic { width:100%; }
.tblBasic thead tr th { height:46px; background:#eef1f4; border-top:1px solid #2f374e; font-size:14px; }
.tblBasic tbody tr td { height:43px; border-bottom:1px solid #dfe5ec; font-size:14px; text-align:center; }
.tblBasic.is--hover tbody tr:hover td { background:#f1f5fa; }

.btnTable { width:30px; height:30px; border-radius:4px; background-position:center center; background-repeat:no-repeat; font-size:0; text-indent:-99999px; }
.btnTable.is--on { background-color:#2a4693; border-color:#2a4693; }
.btnTable.iconReport { background-image:url('../images/iconReport.png'); }
.btnTable.iconAdd { background-image:url('../images/iconAdd.png'); }
.btnTable.iconModify { background-image:url('../images/iconModify.png'); }
.btnTable.iconSetup { background-image:url('../images/iconSetup.png'); }

.btnTable.iconReport.is--on { background-image:url('../images/iconReport_on.png'); }
.btnTable.iconAdd.is--on { background-image:url('../images/iconAdd_on.png'); }
.btnTable.iconModify.is--on { background-image:url('../images/iconModify_on.png'); }
.btnTable.iconSetup.is--on { background-image:url('../images/iconSetup_on.png'); }

.boxPaging { margin:15px 0; display:flex; align-items:center; justify-content:center; }
.boxPaging a { width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #d5d9dd; border-radius:4px; font-size:14px; color:#929292; }
.boxPaging a+a { margin-left:6px; }
.boxPaging a.first,
.boxPaging a.prev,
.boxPaging a.next,
.boxPaging a.last { background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-99999px; }
.boxPaging a.first { background-image:url('../images/iconFirst.png'); }
.boxPaging a.prev { background-image:url('../images/iconPrev.png'); }
.boxPaging a.next { background-image:url('../images/iconNext.png'); }
.boxPaging a.last { background-image:url('../images/iconLast.png'); }
.boxPaging .num { margin:0 6px; display:flex; align-items:center; justify-content:center; }
.boxPaging .num li+li { margin-left:6px; }
.boxPaging .num a:hover,
.boxPaging .num a.active { background-color:#2a4693; border-color:#2a4693; color:#fff; }

#footer { height:45px; padding:0 20px; font-size:14px; line-height:45px; color:#2f374e; }

.btnBasic { min-width:46px; height:28px; padding:0 10px; color:#fff; background:#2a4693; border-radius:3px; font-size:14px; }
.btnBasic+.btnBasic { border:1px solid #2a4693; }
.btnBasic.type--line { border:1px solid #4c69bb; background:#fff; color:#4c69bb; }
.btnBasic.type--deepblue { background-color:#1e3574; }
.btnBasic.type--red { background-color:#ee4634; border:1px solid #ee4634; }
.btnBasic.type--red.type--line { background-color:#fff; border-color:#ee4634; color:#ee4634; }
.btnBasic.type--gray { background-color:#e6e9ee; color:#000; border:1px solid #e6e9ee; }
.btnBasic.type--blue { background-color:#4c6dc5; border:1px solid #4c6dc5; }
.btnBasic.type--green { background-color:#31bd79; border:1px solid #31bd79; }
.btnBasic.type--white { background:#fff; border:1px solid #dcdcdc; color:#000; }
.btnBasic.is--dis,
.btnBasic:disabled { background-color:#e8eae9; color:#979797; }

.btnBasic.size--s { min-width:50px; height:30px; }

.btnPromt { height:30px; padding:0 16px; border-radius:15px; background:#e4e6ee; font-size:14px; color:#73767f; }
.btnPromt.active { background:#4c6dc5; color:#fff; }
.btnOption { padding:3px; background:transparent; font-size:14px; color:#1481de; }
.btnTrash { width:34px; height:34px; background:url('../images/btnTrash.png') center center no-repeat #ececec; border-radius:3px; font-size:0; text-indent:-99999px; }
.btnFile { width:30px; height:34px; background:url('../images/btnFile.png') center center no-repeat; font-size:0; text-indent:-99999px; }

.btnBasic.is--icon { width:34px; min-width:auto; background-position:center center; background-repeat:no-repeat; background-color:#2a4693; border-radius:2px; font-size:0; text-indent:-999999px; }
.btnBasic.iconDownload { background-image:url('../images/iconDownload.png'); background-color:#1e3574; }
.btnBasic.iconUpload { background-image:url('../images/iconUpload.png'); background-color:#e6e9ee; }
.btnBasic.iconMail { background-image:url('../images/iconMail.png'); background-color:#c72e2e; }

.is--bubble { position:relative;}
.is--bubble .bubble { display:none; height:28px; padding:0 15px; position:absolute; left:50%; top:-38px; background:#fff; border:1px solid #d0d0d0; border-radius:5px; box-shadow:0 0 8px rgba(0, 0, 0, .2); transform:translateX(-50%); font-size:14px; text-indent:0; line-height:26px; white-space:nowrap; color:#000; }
.is--bubble .bubble:after { content:''; width:9px; height:10px; position:absolute; left:50%; bottom:-10px; margin-left:-4px; background:url('../images/bgEdge.png') no-repeat; }
.is--bubble:hover .bubble { display:block; }

.tblVertical { width:100%; table-layout:fixed; }
.tblVertical tr th { padding:6px 0; text-align:left; font-size:16px; font-weight:400; }
.tblVertical tr th.ta-top { padding-top:12px; vertical-align:top; }
.tblVertical tr td { padding:8px 0; font-size:16px; }

.tblTemplete { width:100%; border-top:1px solid #2f374e; }
.tblTemplete tr th { padding:5px 15px; border-right:1px solid #dfe5ec; border-bottom:1px solid #dfe5ec; background:#eef1f4; font-size:16px; font-weight:400; text-align:left; }
.tblTemplete tr th.sub { background:#f3f6f8; text-align:center; }
.tblTemplete tr th .btnBasic { margin-top:6px; }
.tblTemplete tr td { padding:5px 10px; border-bottom:1px solid #dfe5ec; font-size:16px; }
.tblTemplete select { width:calc(50% - 6px) !important; }
.tblTemplete select+select { margin-left:7px; }
.tblTemplete .inRow { display:flex; }
.tblTemplete .inRow+.inRow { margin-top:4px; }
.tblTemplete .inRow .labelText { width:calc(100% - 70px); margin-right:7px; display:flex; border:1px solid #d9d9d9; border-radius:4px; overflow:hidden; }
.tblTemplete .inRow .labelText label { width:50px; height:32px; background:#f3f6f8; text-align:center; line-height:32px; }
.tblTemplete .inRow .labelText input[type="text"] { border:0; }
.tblTemplete .optionRow { padding-left:20px; margin-top:9px; }

.boxFaq { width:100%; max-width:500px; margin-top:auto; margin-bottom:auto; padding:28px 24px; position:relative; background:#fff; }
.boxFaq .faqHeader { margin-bottom:20px; position:relative; }
.boxFaq .faqHeader h3 { margin-bottom:15px; font-size:20px; line-height:38px; }
.boxFaq .faqHeader .subject { font-size:16px; }
.boxFaq .btnBack { width:38px; height:38px; position:absolute; right:0; top:0; background:url('../images/btnBack.png') no-repeat; font-size:0; text-indent:-99999px; }
.boxFaq .faqRow+.faqRow { margin-top:12px; }
.boxFaq input[type="text"] { width:100%; height:50px; border:1px solid #c9cace; border-radius:4px; }
.boxFaq textarea { height:200px; border:1px solid #c9cace; resize:vertical; }
.boxFaq input[type="text"]:focus,
.boxFaq textarea:focus { border:2px solid #589c7c; }
.boxFaq .btnWrite { width:100%; height:44px; background:#589c7c; border-radius:5px; color:#fff; font-size:16px; }
.boxFaq .btnWrite:before { content:''; width:18px; height:18px; display:inline-block; margin-right:6px; vertical-align:middle; background:url('../images/iconWrite.png') no-repeat; }
.boxFaq .btnWrite:hover { background:#61a183; }

.boxSetup .topArea { display:flex; justify-content:space-between; align-items:center; }
.boxSetup .topArea h5 { margin-bottom:0; font-size:16px; font-weight:500; }
.boxSetup .planArea { display:flex; }
.boxSetup .planArea .item { flex:1; display:flex; align-items:center; }
.boxSetup .planArea .item+.item { margin-left:20px; }
.boxSetup .planArea .item label { margin-right:10px; font-size:14px; white-space:nowrap; }
.boxSetup .contArea { margin-top:5px; }
.boxSetup .contArea+.topArea { margin-top:20px; }
.boxSetup .chkList { height:130px; padding:10px 15px; border:1px solid #d9d9d9; border-radius:5px; overflow-y:auto; }
.boxSetup .chkList .checkGroup { float:left; padding:5px 0; }
.boxSetup .searchGroup input[type="text"] { width:230px; height:34px; }

.tabArea { display:flex; }
.tabArea a { height:36px; flex:1; display:flex; align-items:center; justify-content:center; font-size:16px; border-bottom:1px solid #dee2e6; background:#fff; color:#9b9fab; }
.tabArea a.active { border:1px solid #dee2e6; border-bottom-color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; color:#4c6dc5; }
.tabCont { display:none; }
.tabCont.active { display:block; }

.boxTemplates {  }
.boxTemplates .top { padding:10px 0 5px; display:flex; justify-content:space-between; }
.boxTemplates .top label { margin-right:10px; font-size:14px; }
.boxTemplates .top select { width:110px; }
.boxTemplates .top .item { display:flex; align-items:center; }
.boxTemplates .top .searchGroup { margin-left:4px; }
.boxTemplates .cont { height:290px; padding:10px 15px; border-radius:4px; border:1px solid #d9d9d9; overflow-y:auto; }
.boxTemplates .cont button { margin:5px; }


.popHeader { padding:26px 20px 12px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e6e6e6; }
.popHeader h3 { font-size:18px; }
.popHeader .btnArea { display:flex; }
.popHeader .btnArea .item+.item { margin-left:3px; }
.popHeader .btnArea select { height:34px; }
.popHeader .btnArea .boxCal .form-datepicker { height:34px; }
.popHeader .btnArea .btnSearch { height:34px; }
.popContent { padding:20px; }
.popContent h5 { margin-bottom:20px; font-size:16px; }
.popContent .row_mail { display:flex; align-items:center; justify-content:space-between; }
.popContent .row_mail .item { flex:1; }
.popContent .row_mail .item+.item { margin-left:6px; }
.popContent .row_mail .btnBasic { margin-left:6px; }
.popContent input[type='text'],
.popContent input[type='password'] { width:100%; height:32px; padding: 0 16px; border:1px solid #d9d9d9; border-radius:4px; font-size:16px; }
.popContent .pwLost { display:block; margin-top:6px; color:#e82323; }
.popContent .checkGroup input[type="checkbox"]+label,
.popContent .radioGroup input[type="radio"]+label { margin-right:30px; }
.popContent select { width:100%; }
.popContent .inputGroup .inputRow { display:flex; align-items:center; }
.popContent .inputGroup .inputRow+.inputRow { margin-top:16px; }
.popContent .inputGroup .inputRow input { flex:1; margin-right:6px; }
.popContent .inputGroup .inputRow .btnBasic+.btnBasic,
.popContent .inputGroup .inputRow .btnBasic+.checkGroup,
.popContent .inputGroup .inputRow .checkGroup+.btnBasic { margin-left:6px; }
.popContent .inputGroup .inputRow .checkGroup label { margin-right:0; }
.popContent .inputGroup input[type="text"],
.popContent .inputGroup input[type="password"] { height:34px; }
.popContent .info { margin-bottom:12px; font-size:16px; }
.popContent .tblBasic thead tr th,
.popContent .tblBasic tbody tr td { font-size:16px; }
.popContent .btnUserGuide { width:200px; height:34px; font-size:14px; }
.popFooter { padding:16px; display:flex; align-items:center; justify-content:center; border-top:1px solid #e6e6e6; }
.popFooter.no-line { padding-top:0; border-top:0;  }
.popFooter p { margin-right:12px; font-size:16px; }

.layerNotice { width:90%; max-width:420px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:99; }
.layerNotice .topArea { height:60px; padding:0 36px; display:flex; align-items:center; background:#557497; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; font-size:18px; }
.layerNotice .contArea { padding:35px 26px 0; border:1px solid #c9cace; border-top:0; border-bottom-right-radius:5px; border-bottom-left-radius:5px; background:#fff; }
.layerNotice .contArea p { font-size:16px; line-height:2em; }
.layerNotice .contArea p span { color:#557497; font-weight:600; }
.layerNotice .contArea p strong { font-weight:600; }
.layerNotice .btnUserGuide { width:calc(100% - 44px); margin:15px 22px 0; }
.layerNotice .btnArea { height:60px; margin-top:22px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #c9cace }
.layerNotice .btnArea .btnClose { background:transparent; color:#5f81a8; font-size:16px; }

#dim { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, .7); }




/** 추가사항. 마정용. Start */
.popFooter .btnBasic { margin-left: 10px; }
.boxLogin .btnLoginWhite { width:100%; height:52px; margin-bottom:20px; margin-top: 15px; background:#fff; border:1px solid #c9cace; border-radius:3px; font-size:16px; }
/** 추가사항. 마정용. End */