@charset "utf-8";
@import "popup.css";

/*===================================================================
* INFORMATION
* -------------------------------------------------------------------
* @Author : Cho, Myung Jin (lexycho@edulab-korea.com)
* @File Name: common.css
* @Description : 공통 레이아웃 정의
* @Create Date: 2022-03-07
* @Last Update Date: N/A
* @History: N/A
* ====================================================================*/

/* ====================== */
/* TT UI Reset */
/* ====================== */
/* ===== Default ===== */
hr, caption {display:none;}
dl,ul,ol,menu,li {list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing:border-box;}
body, * {font-family:'맑은 고딕','malgun';font-size:14px;color:#555;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;word-break:keep-all;-webkit-appearance:none;-webkit-border-radius:0;}
html, body {-webkit-margin-start:0;-webkit-padding-start:0px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body {min-width:1024px;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
a {text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.0);}
a img {border:none;}
address, caption, cite, code, dfn, em, th, var, i {font-style:normal;font-weight:normal;}
a, button, input, textarea, select {-webkit-tap-highlight-color:transparent;}
a, button, input:focus, select:focus, textarea:focus {outline:0 none;}
.skip-navigation a {display:block;height:0;width:0;padding:0;font-size:0;line-height:0;overflow:hidden;}
.skip-navigation a:hover,.skip-navigation a:active,.skip-navigation a:focus {position:fixed;top:0;left:0;width:100%;height:auto;padding:8px 0 12px;font-weight:bold;font-size:14px;color:#fff;line-height:1;text-align:center;background:black;}
/* ===== Interval ===== */
/* align */
.left {float:left !important;}
.right {float:right !important;}
.tL {text-align:left !important;}
.tR {text-align:right !important;}
.tC {text-align:center !important;}
/* space */
.pd0 {padding:0;}
.mg0 {margin:0;}
.ptb1 {padding:14px 0;}
.pt1 {padding-top:14px;}
.pt2 {padding-top:28px;}
.pt5px {padding-top:5px;}
.pr1 {padding-right:14px;}
.pb1 {padding-bottom:14px;}
.mt1 {margin-top:14px;}
.mt5px {margin-top:5px;}
.mb5px {margin-bottom:5px;}
.ml1 {margin-left:14px;}
.ml5px {margin-left:5px;}
/* width */
/* 20220511 */
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w80 {width:80px !important;}
.w115 {width:115px !important;}
.w120 {width:120px !important;}
.w125 {width:125px !important;}
.w130 {width:130px !important;}
.w145 {width:145px !important}
.w150 {width:150px !important}
.w170 {width:170px !important;}
.w240 {width:240px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w450 {width:450px !important;}
.w30p {width:30% !important;}
.w90p {width:90% !important;}
.wHalf {width:50% !important;}
.wFull {width:100% !important;}
.wAuto {width:auto !important;}
/* and 20220511 */
/* height */
.h11 {height:154px;}
.h20 {height:280px;}
.h30 {height:420px;}
/* text */
.orangeTxt {color:#fb7b1f !important;}
.blueTxt {color:#1f8bfb !important;}
.divTitle {display:inline-block;width:100%;margin:14px 0;font-size:16px;}
.infoP {color:#888;padding-top:6px;}
/* ===== Components ===== */
/* radio */
.radioSet {position:relative;display:inline-block;text-align:left;margin-right:5px;}
.radioSet input {position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border:none;background:transparent;}
.radioSet label {display:inline-block;}
.radioSet label i {position:relative;display:inline-block;margin:-3px 3px 0 0;width:18px;height:18px;vertical-align:middle;border:1px solid #d1d1d3;border-radius:100%;box-sizing:border-box;background:#fff;}
.radioSet input:checked + label i:before {content: '';position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:100%;background:#e0757c;}
.radioSet input:disabled + label i {background:#f8f8f8;}
.radioSet input:disabled + label {color:#888;}
.radioSet input:checked:disabled + label i:before {background:#e5c2c4;}
.radioSet.noLabel {margin-right:0;}
/* checkBox */
.checkSet {position:relative;display:inline-block;text-align:left;margin-right:6px;}
.checkSet.magin_no {margin: 0;}
.checkSet input {position:absolute;opacity:0;left:0;top:0;z-index:99999;width:100%;height:100%;border:none;background:transparent;}
.checkSet label i {position:relative;display:inline-block;margin:-1px 3px 0 0;width:18px;height:18px;vertical-align:top;border:1px solid #d1d1d3;box-sizing:border-box;border-radius:3px;background:#fff;}
.checkSet input:checked + label i {border-color:#e0757c;background:#e0757c;transition:0.1s ease-in;}
.checkSet input:checked + label i:before {content:'';position:absolute;left:3px;top:3px;display:inline-block;width:10px;height:7px;box-sizing:border-box;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);}
.checkSet input:disabled + label i {background:#f8f8f8;}
.checkSet input:checked:disabled + label i {border-color:#e5c2c4;background:#e5c2c4;}
.checkSet.noLabel {margin-right:0;}
/* input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea {padding:0 14px;width:100%;height:37px;font-size:14px;vertical-align:middle;border:1px solid #b9bbc5;color:#1e1d25;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;outline:0 none;}
::-webkit-input-placeholder {text-indent:1.4px;font-size:14px;color:#ccc;text-align:left;} /* WebKit browsers */
:-moz-placeholder {text-indent:0.14px;font-size:14px;color:#ccc;opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {text-indent:0.14px;font-size:14px;color:#ccc;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {text-indent:0.14px;font-size:14px;color:#ccc !important;opacity:1;}/* Internet Explorer 10+ */
textarea {height:auto;padding:7px;resize:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
textarea:disabled {background: #f8f8f8;}
input[type="text"]:read-only,
input[type="tel"]:read-only,
input[type="email"]:read-only,
input[type="number"]:read-only,
input[type="date"]:read-only,
input[type="password"]:read-only,
input[type="search"]:read-only,
textarea:read-only {background: #f8f8f8;}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {border:1px solid #000;}
input[type="text"]:read-only:focus,
input[type="tel"]:read-only:focus,
input[type="email"]:read-only:focus,
input[type="number"]:read-only:focus,
input[type="date"]:read-only:focus,
input[type="password"]:read-only:focus,
input[type="search"]:read-only:focus,
textarea:read-only:focus {border:1px solid #ccc;}
/* 20220513  datepicker */
.datepicker::placeholder {font-size:12px;color: #555;}
.ui-widget.ui-widget-content {z-index: 10 !important;}
.add_start{position:relative;display:inline-block;margin-right:5px;}
.add_start input {cursor:pointer;background-color: #000000;}
.add_start img {position:absolute;right:10px;top:50%;transform:translateY(-50%);width:10px;cursor:pointer;}
.remove_close {position:relative;display:inline-block;cursor:pointer;margin-right:5px;}
.remove_close input {cursor:pointer;background-color: #000000;}
.remove_close img {position:absolute;right:10px;top:50%;transform:translateY(-50%);width:10px;cursor:pointer;}
/* and 20220513 */
/* calendar */
.calSet {position:relative;display:inline-block;width:128px;}
.calSet input {width:100%;padding-right:37px;}
.calSet button {position:absolute;right:0;top:0;width:37px;height:37px;font-size:0;border:none;background:none;}
.calSet button:before{content:'';display:inline-block;position:absolute;right:7px;top:9px;width:20px;height:20px;background:url('../images/img_cal.svg')no-repeat;background-size:cover;}
.calDupSet {clear:left;display:inline-block;vertical-align:middle;}
.calDupSet .calSet {float:left;}
.calDupSet em {float:left;padding:0 7px;line-height:2.5;}
/* select */
.selectSet {position:relative;display:inline-block;height:37px;vertical-align:middle;background:#fff;}
.selectSet:after {position:absolute;right:14px;top:50%;content:'';width:0;height:0;margin-top:-5px;border:3px solid #333;border-top-color:transparent;border-left-color:transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);z-index:2;}
.selectSet select {position:relative;z-index:2;padding:0 35px 0 14px;width:100%;height:37px;box-sizing:border-box;border:1px solid #b9bbc5;border-radius:0px;background:transparent;}
.selectSet select:disabled {color:#aaa;background:#f8f8f8;}
.selectSet select::-ms-expand {display:none;}
/* Required */
.inMust input,
.inMust select,
.inMust textarea {border:1px solid #ffbbbb !important;background-color:#fffaeb !important;} /*필수항목입력*/
.inMust.inError input,
.inMust.inError select,
.inMust.inError textarea,
.inError input,
.inError select,
.inError textarea {border:1px solid #e95d5d !important;background:#fcffc4 !important;} /*입력오류*/
.erMsg {font-size:13px;color:#e95d5d;}
/* paginate */
.paginate {clear:left;display:inline-block;margin:0 auto;padding:28px 0;width:100%;text-align:center;}
.paginate > span {vertical-align:middle;}
.paginate > span:first-child {display:inline-block;border-radius:5px;background:#fff;}
.paginate a {display:inline-block;float:left;padding:1.14px;width:30px;height:30px;line-height:2;cursor:pointer;color:#373e4a;font-weight:500;}
.paginate a.on {color:#7b7984;font-weight:600;background:#eeeeee;}
.paginate a:last-child {border-right:0;}
.paginate .first,
.paginate .next {padding:0 15px;font-size:0;}
.paginate .first:after {content:'\003C \003C';font-size:14px;}
.paginate .next:after {content:'\003E \003E';font-size:14px;}
.paginate .selectSet,
.paginate .selectSet select {height:39px;}
/* Drag and drop upload */
.dropzone {padding:28px !important;text-align:center;box-sizing:border-box;border:2px dotted #5231be !important;background:rgba(#5231be, 0.3);}
/* file Upload */
.fileFind {position:relative;display:inline-block;vertical-align:middle;}
.fileFind input {position:absolute;top:0;bottom:0;left:0;z-index:2;width:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;}
.fileFind label {color:#7e7e7e;border:1px dashed #7e7e7e;background:0;}
.fileFind input:disabled + label {color:#fff;background:#ddd;}
.fileFind label,
.fileSet .loadIng,
.fileSet .loadEnd,
.fileSet .loadFail {position:relative;display:inline-block;padding-left:14px;width:166px;height:37px;text-align:left;line-height:2.5;box-sizing:border-box;font-weight:bold;vertical-align:middle;border-radius:4px;box-sizing:border-box;}
.fileSet.wFull {display:inline-block;width:100%;}
.fileSet.wFull .fileFind,
.fileSet.wFull .fileFind label,
.fileSet.wFull .loadIng,
.fileSet.wFull .loadEnd,
.fileSet.wFull .loadFail {width:100% !important;}
.fileSet .loadIng {color:#40a3a7;border:1px solid #b6d2d5;background:#eff8f9;}
.fileSet .loadIng:after {content:'';display:inline-block;position:absolute;right:3px;width:40px;height:30px;background:url('../images/i_fileUpload.gif')no-repeat;}
.fileSet .loadFail {width:166px;color:#f15d52;border:1px solid #eac5c5;background:#fdf7f7;}
.fileSet .loadEnd {padding:0 42px 0 14px;width:auto;color:#5231be;border:1px solid #5231be;background:#f5f3fd;}
.fileSet .loadEnd em {display:block;color:#5231be;word-break:break-all;}
.tls .fileSet .loadEnd,
.tws .fileSet .loadEnd {padding:0 30px 0 14px;}
.tls .fileSet .loadEnd em,
.tws .fileSet .loadEnd em {display:block;max-width:130px;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.fileSet .loadEnd button {position:absolute;display:inline-block;right:0;top:0;bottom:0;width:37px;height:37px;text-indent:-9999px;overflow:hidden;border:none;background:none;}
.fileSet .fileFind label:after,
.fileSet .loadEnd button:after,
.fileSet .loadFail:after {position:absolute;right:8px;top:8px;content:'';display:inline-block;width:20px;height:20px;background:red;}
.fileSet .fileFind label:after {background:url('../images/img_add_black.svg')no-repeat;background-size:cover;}
.fileSet .loadFail:after {background:url('../images/btn_delete_red.svg')no-repeat;background-size:cover;}
.fileSet .loadEnd button:after {background:url('../images/btn_delete_pp.svg')no-repeat;background-size:cover;}
.fileSet .loadEnd.thumbnailCase {padding:0 7px 7px 7px;height:auto;}
.fileSet .loadEnd.thumbnailCase em {padding:0 30px 0 0;max-width:none;}
.fileSet .loadEnd.thumbnailCase button {top:0;}
.fileSet .loadEnd.thumbnailCase span {display:block;line-height:0;background:#fff;}
.fileSet .loadEnd.long {width:80%;}
.fileSet .loadEnd.long em {max-width:none;}
/* ===== Btn ===== */




.btnL,
.btnM,
.btnS, 
.btnMini {display:inline-block;min-width:auto;vertical-align:middle;text-align:center;cursor:pointer;box-sizing:border-box;border:none;border-radius:3px;transition:0.2s;}
.btnL {padding:0 17px;height:47px;font-size:19px;border-radius:3px;line-height:2.4;}
.btnM {padding:0 14px;height:37px;font-size:16px;border-radius:3px;line-height:2.3;}
.btnS {padding:0 14px;height:30px;border-radius:3px;line-height:2.1;}
.btnMini {padding:0 10px;height:23px;font-size:12px;border-radius:3px;line-height:1.8;}
.btnL.red,
.btnM.red,
.btnS.red, 
.btnMini.red {color:#fff;background:#e0757c;}
.btnL.purple,
.btnM.purple,
.btnS.purple,
.btnMini.purple {color:#5e26a8;background:#d9d3e1;}
.btnL.darkGray,
.btnM.darkGray,
.btnS.darkGray,
.btnMini.darkGray {color:#fff;background:#6b6c72;}
.btnL.gray,
.btnM.gray,
.btnS.gray,
.btnMini.gray {color:#56575c;background:#e8e8e8;}
.btnL.lRed,
.btnM.lRed,
.btnS.lRed, 
.btnMini.lRed {line-height:2;color:#e0757c;border:1px solid #e0757c;background:0;}
.btnL.lPurple,
.btnM.lPurple,
.btnS.lPurple,
.btnMini.lPurple {line-height:2;color:#5e26a8;border:1px solid #5e26a8;background:0;}
.btnL.lDarkGray,
.btnM.lDarkGray,
.btnS.lDarkGray,
.btnMini.lDarkGray {line-height:2;color:#6b6c72;border:1px solid #6b6c72;background:0;}
.btnL.lGray,
.btnM.lGray,
.btnS.lGray,
.btnMini.lGray {line-height:2;color:#56575c;border:1px solid #aaaaaa;background:0;}
.btnL[disabled],
.btnM[disabled],
.btnS[disabled],
.btnMini[disabled] {filter:grayscale(50%) opacity(42%);pointer-events:none;}
.btnSearch {display:inline-block;width:42px;height:35px;color:#fff;cursor:pointer;box-sizing:border-box;border:none;background:#4d91cd;vertical-align:middle;}
.btnReset {display:inline-block;width:56px;height:35px;color:#fff;cursor:pointer;box-sizing:border-box;border:none;background:#898989;vertical-align:middle;}
.btnDel {width:28px;height:28px;text-indent:-9999px;font-size:0;overflow:hidden;background:url('../images/btn_delete.svg') no-repeat center;border:none;background-size:21px auto;}
.btnMap {display:inline-block;margin-right:4px;width:28px;height:28px;border-radius:100%;background:#e5e5e5;border:0;font-size:0;}
.btnMap:after {content:"\e842";color:#717171;font-family:'entypo';font-size:17px;line-height:1;}
.btnSgo {display:inline-block;width:37px;height:37px;vertical-align:middle;border:1px solid #b9bbc5;border-radius:4px;overflow:hidden;white-space:nowrap;font-size:0;background:0;}
.btnSgo:after {content:'\e803';font-size:21px;color:#5231be;font-family:'entypo';text-indent:0;}
.btnArea {clear:left;display:inline-block;width:100%;padding:14px 0;}
.btnArea [class*=btn] {float:left;margin-right:8px}
.btnArea .right [class*=btn] {margin-right:0;margin-left:8px}
.btnArea.tC [class*=btn] {float:none;margin:0 4px;}
.bpSet {clear:left;position:relative;height:84px;}
.bpSet .btnArea {display:block;padding:0;}
.bpSet .btnArea .left {position:absolute;top:28px;left:0;z-index:2;}
.bpSet .btnArea .right {position:absolute;top:28px;right:0;z-index:2;}
.bpSet .paginate {position:relative;}
.btnToggleVert {display:inline-block;width:30px;height:30px;border-radius:100%;text-indent:9999px;vertical-align:top;overflow:hidden;border:none;background:#e5e5e5 url('../images/btn_list_toggle.svg') no-repeat center center;background-size:25px auto;transition:0.2s;}
.btnToggleVert.on {transform:rotate(-180deg);transition:0.2s;}
.pwSet {position:relative;}
.pwSet input {padding-right:30px;}
.pwSet i {position:absolute;top:8px;right:10px;margin-top:0;display:inline-block;width:24px;height:24px;text-indent:-9999px;font-size:0;vertical-align:top;overflow:hidden;background:url('../images/btn_pw_eye.svg') no-repeat center center;background-size:100% auto;opacity:0.3;}
.pwSet i.off {background:url('../images/btn_pw_eye_off.svg') no-repeat center center;background-size:100% auto;}
/* ===== Text ===== */
.reNum {margin:0 3px;color:red;}

.txtRed {color:red !important;}
/* ===== Icon ===== */
.file, .lock, .new, .rePhoto {display:inline-block;margin:0 4px;text-indent:9999px;vertical-align:top;overflow:hidden;}
.file {width:16px;height:16px;background:url('../images/i_file.svg') no-repeat center center;background-size:15px auto;}
.file.ppt {width:16px;background:url('../images/i_ppt.png') no-repeat center center;background-size:100% auto;}
.file.word {width:16px;background:url('../images/i_word.png') no-repeat center center;background-size:100% auto;}
.file.excel {width:16px;background:url('../images/i_excel.png') no-repeat center center;background-size:100% auto;}
.file.hwp {width:16px;background:url('../images/i_hwp.png') no-repeat center center;background-size:100% auto;}
.file.pdf {width:16px;background:url('../images/i_pdf.png') no-repeat center center;background-size:100% auto;}
.lock {width:10px;height:17px;background:url('../images/i_lock.svg') no-repeat center center;background-size:100% auto;}
.new {width:4px;height:4px;border-radius:100%;vertical-align:text-top;background:#f95b5b;}
.rePhoto {width:17px;height:17px;background:url('../images/i_rePhoto.svg') no-repeat center center;background-size:100% auto;}
sup {position:relative;display:inline-block;margin-left:5px;width:4px;height:4px;text-indent:-9999px;vertical-align:5px;overflow:hidden;}
sup:before {position:absolute;left:0;top:0;content:'';width:4px;height:4px;border-radius:100%;display:block;background:#f95b5b;}
/* ===== Tab ===== */
/* ===== Grid ===== */
.gridSet {display:table;width:100%;box-sizing:border-box;}
.gridItem {display:table-cell;width:100%;vertical-align:middle;box-sizing:border-box;}
.gridSet.grid2 .gridItem {width:50%;}
.gridSet.grid3 .gridItem {width:33.3%;}
.gridSet.grid3 .gridItem:nth-child(2) {width:33.4%;}
.gridSet.grid4 .gridItem {width:25%;}
.gridSet.grid5 .gridItem {width:20%;}
/* ===== login ===== */
#loginWrap {display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden;background:#1e1d22;}
#loginWrap h1 {display:inline-block;text-indent:1000%;overflow:hidden;}
#loginWrap .loginInput {position:relative;margin-bottom:10px;}
#loginWrap .loginInput label {position:absolute;width:50px;height:50px;color:#e8e8e8;background:#393a3f;}
#loginWrap .loginInput label img {position:absolute;top:17px;left:18px;}
#loginWrap .loginInput input {padding:10px 10px 10px 60px;width:400px;height:50px;font-size:16px;border:none;color:#e8e8e8;background:#434449;}
#loginWrap .loginBtnArea {padding-top:20px;}
#loginWrap .btnLogin {width:400px;height:50px;border:none;font-weight:600;background:#e0757c;font-size:20px;color:#fff;cursor:pointer;}
#loginWrap .btnLogin * {display:block;margin:0;padding:0;text-align:center;line-height:51px;text-decoration:none;font-size:20px;color:#fff;}
#loginWrap dl {padding-top:20px;}
#loginWrap dt, #loginWrap dd {font-size:12px;color:#888686;}
/* ===== error ===== */
#errorWrap {display:flex;justify-content:center;align-items:center;width:100%;height:100vh;text-align:center;overflow:hidden;background:#fff;}
#errorWrap h1 {display:inline-block;width:98px;height:84px;text-indent:1000px;overflow:hidden;background: url(../images/i_error.png) no-repeat;}
#errorWrap strong {display:block;margin-bottom:40px;font-size:120px;font-weight:900}
#errorWrap p {margin-bottom:50px;font-size:16px;line-height:27px;}
#errorWrap p:last-child {font-size:11px;color:#aaaaaa;}
#errorWrap .btnErrorBack {margin: 0 auto 25px;width:215px;height:57px;background:#6b6c72;}
#errorWrap .btnErrorBack a {display:block;font-size:20px;color:#fff;line-height:57px;}
/* ===== Loading ===== */
.pageLoading {position:fixed;z-index:30000;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.2);}
@keyframes spinner {
	to {transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
	to {-webkit-transform: rotate(360deg);}
}
.spinner {position: absolute;width:80px;height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;min-width: 80px;min-height: 80px;}
.spinner:before {content: 'Loading…';position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;}
.spinner:not(:required):before {content: '';border-radius: 50%;border: 3px solid #fff;border-top-color: #54545c;animation: spinner .6s linear infinite;-webkit-animation: spinner .6s linear infinite;}
/* ====================== */
/* Common Setting */
/* ====================== */
/* ===== Layout ===== */
/* ===== Layout ===== */
#wrap {position:relative;clear:left;}

#header h1 {display:inline-block;font-size:18px;color:#cdccd1;font-weight:normal;}
#header div {float:right;display:flex; align-items: center;}
#header div span {float:left;}
#header div button {float:left;display:block;margin:0 5px;padding:0 5px;height:35px;color:#c1c6db;line-height:2.4;border:none;background:transparent;}
#header div p {float:left;margin-right:16px;color:#cdccd1;}
#header div a {float:right;width:70px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#c1c6db;background:#393a3f;}





#container {position:relative;padding:60px 0 72px 190px;min-height:100vh;}
.pageTit {position:relative;display:flex;justify-content:space-between;padding:30px 40px 0;}
.pageTit::after {position:absolute;bottom:-13px;content:"";display:block;width:calc(100% - 80px);height:1px;background:#c5c7d0;}
.pageTit h2 {display:inline-block;height:23px;font-size:23px;color:#2b2935;line-height:1;}
.pageTit .pagePos {display:inline-block;margin-left:11px;}
.pageTit .pagePos span {color:#666;font-size:11px;}
.pageTit .pagePos span:after {display:inline-block;content:'>';padding:0 11px;margin:-3px 0 0;vertical-align:middle;}
.pageTit .pagePos strong {font-weight:bold;color:#212121;font-size:11px;}
.content {padding:40px;}
#footer {position:fixed;bottom:0;left:0;clear:left;display:block;width:100%;height:72px;overflow:hidden;border-top:1px solid #c5c7d0;box-shadow:0px 5px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0px 5px 8px rgba(0,0,0,0.2);background:#fff;}
#footer p {padding:19px 0 44px 19px;font-size:12px;}
/* ====================== */
/* Main Setting */
/* ====================== */

/* ====================== */
/* Sub Setting */
/* ====================== */
/* ===== 공통 ===== */
.preBox {margin:4px 0 6px;border:1px solid #d7d9dc;}
.linker {color:#f38c21;}
.linker::after {content:" ("attr(href) ")";}
.partition {display:block;margin:0 0 28px;height:1px;border:0;border-bottom:1px dashed #ddd;}
/* table list style */
/* 20220506 */
.tls table {table-layout:fixed;width:100%;border:1px solid #a9a9a9;border-width:3px 0 3px 0;border-collapse:collapse;background:#fff;}
/* and 20220506 */
/* 20220506 */
.tls table th,
.tls table td {padding:5px 7px;height:30px;font-size:13px;text-align:center;word-break:break-all;vertical-align:middle;box-sizing:border-box;border:1px solid #a9a9a9;border-width:1px 1px 1px 1px;transition:0.1s;}
.tls table .listRadius {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* and 20220506 */
.tls table thead th {color:#372e4a;background:#eee;padding:5px 0;font-weight: 700;}
.tls table thead th.mia {padding: 9px 0;}
.tls table td.tLeft {padding-left:15px;text-align:left;}
.tls table td.no{color:#e0757c}
.tls table tr th:first-child,
.tls table tr td:first-child {border-left:0;}
.tls table tr th:last-child,
.tls table tr td:last-child {border-right:0;}
.tls table tbody tr.noti > *:first-child {position:relative;}
.tls table tbody tr.noti > *:first-child:before {content:"";display:block;width:21px;height:21px;position:absolute;left:-6px;top:-6px;;background:url("../images/i_noti.svg") no-repeat center;background-size:100% auto;transform:rotate(-40deg);}
.tls table tbody tr.noti td {background:rgba(255, 189, 31, 0.05) !important;}
.tls table tbody tr.on td {background:#ebf9f2;}
.tls table tbody tr td div.txtOver {max-width:300px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.tls a {color:#000;cursor:pointer;}
.tls thead.dupth th {height:22px;}
.tls .btnL, .tls .btnM, .tls .btnS {min-width:auto;}
.tls.subType table th {padding:6px;height:32px;text-align:center;background:#f7f7f7;}
.tls.subType table td {padding:6px;height:32px;text-align:center;}
/* table write style */
.tws table {width:100%;border-collapse:collapse;border:1px solid #a9a9a9;border-width:3px 0 3px 0;background:#fff;}
.tws table th,
.tws table td {height:52px;padding:8px 14px;color:#000;text-align:left;box-sizing:border-box;border:1px solid #ddd;border-width:1px 0;}
.tws table th {background:#eee;}
.tws table th.subTit {background:#e0e0e0;}
.tws table td .thumbnailCase img {margin-right:7px;max-width:100px;max-height:100px;}
.tws table .dlStyle {border:0;}
.tws table .dlStyle .dTt {display:block;padding:0 0 6px;font-weight:500;}
.tws table .dlStyle .dCt {display:block;}
.tws table .dlStyle .dCt input,
.tws table .dlStyle .dCt .selectSet,
.tws table .dlStyle .dCt .selectSet select {background:#f4f4f4;border:0;}
.tws table .dlStyle .dCt .selectSet {width:100%;}
.tws table .dlStyle .duplyForm input {width:calc(100% - 97px) !important;}
.tws table .dlStyle .duplyForm button {float:right;width:91px;}
.tws.readCase table th,
.tws.readCase table td {min-height:47px;}
/* table view style */
.tvs {width:100%;border-top:2px solid #88868f;border-bottom:1px solid #88868f;background:#fff;}
.tvs .tvsHead {padding:14px 14px;}
.tvs .tvsHead + .tvsInfo {padding-top:0;}
.tvs .tvsInfo {padding:14px 14px;border:1px solid #d5d5d5;border-width:0 0 1px;}
.tvs .tvsContents {padding:14px 14px;border:1px solid #e2e2e2;border-width:0 0 1px;background:#fafafa;}
.tvs .tvsFile {padding:14px 14px;border:1px solid #ddd;border-width:1px 0;}
.tvs > *:last-child {border-bottom:0;}
.tvs .tvsHead strong {font-size:19px;color:#000;font-weight:600;}
.tvs .tvsHead:after {content:'';display:block;clear:both;}
.tvs .tvsInfo:after {content:'';display:block;clear:both;}
.tvs .tvsInfo dl {display:table;}
.tvs .tvsInfo dl dt {display:table-cell;padding:0 6px;color:#11dba9;font-weight:600;}
.tvs .tvsInfo dl dt.hidden {display:none;}
.tvs .tvsInfo dl dd {display:table-cell;color:#828282;}
.tvs .tvsInfo dl dd.name strong {font-weight:500;margin-right:3px;color:#000;}
.tvs .tvsInfo dl:first-child {float:left;}
.tvs .tvsInfo dl:last-child {float:right;}
.tvs .tvsInfo.subTmi dl {float:left;margin:0 14px 0 0;}
.tvs .tvsInfo.subTmi dl dt {color:#828282;font-weight:500;}
.tvs .tvsInfo.subTmi dl:before {content:"";display:inline-block;width:4px;height:4px;border-radius:100%;background:#ffbd1e;vertical-align:2px;}
.tvs .tvsInfo.thumbnailCase dl {float:none;}
.tvs .tvsInfo.thumbnailCase dl dd {vertical-align:middle;}
.tvs .tvsInfo.thumbnailCase dl dd img {margin:0 14px;max-width:400px;max-height:200px;}
.tvs .tvsContents {min-height:182px;line-height:1.5;}
.tvs .tvsContents p {color:#000;}
.tvs .tvsContents * {word-break:break-all;}
.tvs .tvsContents img {max-width:100%;max-height:100%;height:auto;width:auto;}
.tvs .tvsFile .all {padding-bottom:14px;}
.tvs .tvsFile .all .file {width:auto;height:auto;padding:0 0 0 28px;text-indent:0;line-height:1.4;font-size:16px;color:#000;font-weight:bold;background-position:left center;background-size:17px auto;}
.tvs .tvsFile .all .file > b {margin-left:4px;color:#4320b4;font-weight:600;font-size:inherit;}
.tvs .tvsFile .all a {margin-left:14px;color:#4d91cd;border-bottom:1px solid #4d91cd;}
.tvs .tvsFile ul {margin-top:7px;padding:0 7px;border:1px solid #ddd;}
.tvs .tvsFile ul li {padding:7px;border-bottom:1px solid #ddd;}
.tvs .tvsFile ul li:last-child {border:none;}
.tvs .tvsFile ul li a {padding-left:28px;color:#000;background:url('../images/i_fileDownload.svg') no-repeat left center;background-size:17px auto;}
.tvs .tvsFile ul li em {padding-left:14px;}
.tvs table {border-collapse:collapse;width:100%;line-height:150%;border:1px solid #ddd;border-top:0;}
.tvs table td {padding:14px 14px;border-bottom:1px solid #ddd;}
.tvs table th {border-bottom:1px solid #ddd;}
.tvs table em {padding:0 3px;color:#999;}
/* tab-wrap */
.tabNav {line-height:0;}
.tabNav ul {clear:left;display:inline-block;width:100%;height:56px;}
.tabNav ul:after {content:"";display:block;clear:both;}
.tabNav ul li {float:left;margin-top:7px;display:inline-block;height:49px;box-sizing:border-box;}
.tabNav a,
.tabNav button {display:block;padding:0 23px;height:100%;line-height:3.9;font-weight:500;cursor:pointer;word-break:break-all;border:none;box-sizing:border-box;background:#e5e5e5;}
.tabNav ul li.on {position:relative;z-index:2;margin:0;height:56px;border-bottom:1px solid #fff;}
.tabNav ul li.on a,
.tabNav ul li.on button {height:56px;font-size:16px;color:#fff;line-height:3.8;font-weight:bold;background:#6b6c72;}
.tabLayout {clear:left;display:inline-block;padding:20px;width:100%;border:1px solid #d1d3dc;border-top:2px solid #6b6c72;box-sizing:border-box;}
.tabLayout .tabData {display:none;}
.tabWrap .btnArea {padding:28px 0 0;}
/* pnvBtn */
.pnvBtn {padding:14px 0 0;}
/* 검색 */
.searchBasic {position:relative;margin-bottom:15px;padding:10px 18px;vertical-align:top;border:1px solid #cccccc;background:#f9f9f9;}
.searchBasic input[type="text"] {width:300px;vertical-align:middle;}
.searchBasic dl {display:block;padding:0 7px;vertical-align:middle;}
.searchBasic dl ~ dl {margin-top:10px;}
.searchBasic dl dt {display:inline-block;width:80px;padding-right:15px;text-align:right;font-weight:bold;vertical-align:middle;}
.searchBasic dl dd {display:inline-block;vertical-align:middle;}

.searchBasic dl dd .selectSet {height: 27px;}
.searchBasic dl dd .selectSet select {height: 27px;}
.searchBasic dl dd input[type="text"],
input[type="tel"], input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea {height: 27px;}
.searchBasic dl dd .selectSet ~ input,
.searchBasic dl dd .selectSet ~ .selectSet {margin-left:5px;}
.searchBasic dl dd .btnM.darkGray {margin-left:5px;}
/* 20220506 */
.searchBasic .btn {position:absolute;right:18px;top:10px;display:inline-block;}
/* and 20220506 */
/* 중복체크 */
.duplyForm input {width:auto !important;}
.duplyForm [class*=btn] {margin-left:1%;}
/* phoneNum */
.phoneNum {width:100%;*zoom:1;}
.phoneNum:after {content:"";display:block;clear:both;}
.phoneNum > * {float:left;}
.phoneNum .smselect,
.phoneNum .selectSet,
.phoneNum input {width:30%;background:#fff;}
.phoneNum .txt {width:5%;height: 32px;line-height:32px;text-align:center;}
/* faxNum */
.faxNum {width:100%;min-width:140px;max-width:260px;}
.faxNum:after {content:"";display:block;clear:both;}
.faxNum > * {float:left;}
.faxNum input {width:30%;text-align:center;}
.faxNum input:first-child {width:25%;}
.faxNum .txt {width:calc((100% - 85%)/2);line-height:35px;text-align:center;}
/* year-Month */
.yearMonth {display:inline-block;width:100%;max-width:160px;}
.yearMonth input {text-align:center;}
.yearMonth input:first-child {width:60%;}
.yearMonth input:last-child {width:30%;}
/* email */
.emailForm {max-width:500px;}
.emailForm:after {content:"";display:block;clear:both;}
.emailForm > input {float:left;width:38%;}
.emailForm .emailDomain {float:left;width:62%;*zoom:1;}
.emailForm .emailDomain:after {content:"";display:block;clear:both;}
.emailForm .emailDomain > * {float:left;}
.emailForm .emailDomain input,
.emailForm .emailDomain .selectSet {width:calc((100% - 28px)/2);}
.emailForm .emailDomain .selectSet + input {margin-left:7px;}
.emailForm .emailDomain em {display:inline-block;width:21px;height:32px;line-height:2.6;text-align:center;}
.emailForm.duplicateCase {display:inline-block;width:calc(100% - 80px);vertical-align:middle;}
/* address */
.addressForm:after {content:"";display:block;clear:both;}
.addressForm > input {width:20px;text-align:center;}
.addressForm div {padding-top:5px;}
.addressForm div > input {float:left;width:50%;}
.addressForm div > input:first-child {margin-right:7px;width:calc(50% - 7px)}
/* double input */
.doubleInput input {float:left;width:50%;}
.doubleInput input:first-child {margin-right:7px;width:calc(50% - 7px)}
/* calTimeSet */
.calTimeSet > * {float:left;}
.calTimeSet > input {margin-left:7px;width:56px;}
/* unit */
.unit {position:relative;display:inline-block;}
.unit em {position:absolute;right:13px;top:0;line-height:2.6;}
.unit input {padding:0 35px 0 7px;text-align:right;}
/* qrUrl add */
.qrUrl li:first-child {display:flex;width:calc(100% - 95px);justify-content:space-around;margin:10px 0;}
.qrUrl li:nth-child(n+2) {margin-bottom: 10px;}
.qrUrl li input:nth-child(1) {width:calc((100% - 95px)/2 ) !important;}
.qrUrl li input:nth-child(2) {width:calc((100% - 100px)/2 ) !important;}
/* 20220323 */
.qrUrl div li:first-child {width:100%;}
/* end 20220323 */
.comContent .information_box {margin-top:20px;}
/* 20220520 */
.modifyContent .information_box {margin-top:20px;}
.modifyContent .information_box button {float:left;}
.modifyContent .information_box div {float:right;}
.contentWrite .information_box {margin-top:20px;}
.contentWrite .information_box button {float:left;}
.contentWrite .information_box div {float:right;}
/* end 20220520 */
.date_text > div {float:left;}
.date_text > div:first-child {margin-right:150px;}
.date_text .box_list1 {display:inline-block;padding-bottom:20px;}
.date_text span {font-weight:bold;}
/* 20220404 curriculum */
.s_selection {margin-bottom:20px;}
/* 20220408 curriculum level 추가로 인하여 padding margin 변경 */
.curriculumList dl {float:left;width:110px;height:600px;max-height: 620px; overflow-y: auto; border:1px solid #a9a9a9;border-width:3px 1px 3px 1px;margin-right:15px;}
.curriculumList dl dt {color:#372e4a;font-weight:bold;padding:10px 5px;background:#eee;border-bottom:1px solid #a9a9a9}
.curriculumList dl dd {width:auto;height:40px;line-height:40px;padding:0 5px;margin:0 auto;}
.curriculumList dl dd span {border-bottom:1px solid #a9a9a9;}
.curriculumList dl dd div {display:none;}
.curriculumList .on3 {overflow:hidden;}
.curriculumList .on3 dd {height:555px;max-height:620px;padding-bottom:20px;overflow-y:auto;}
.curriculumList .on3 dd span {height: 40px; line-height: 40px;}
/* radio */
.radioLine {position:relative;display:block;margin:0 auto;text-align:left;}
.radioLine input {position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border:none;background:transparent;}
.radioLine label {display:inline-block;font-size:12px;}
.radioLine label::after {position:absolute;content:"▶";right:0;top:50%;transform:translateY(-50%);font-size:10px;}
.radioLine input:checked + label {font-weight:bold;color:#372e4a;}
.radioLine input:checked + label::after {position:absolute;top:50%;transform:translateY(-50%);content:'▶';color:#ec6a73;}
.radioLine.noLabel {margin-right:0;}
.weekend span {margin-left:5px;}
.weekend:nth-child(2) {display:block;}
.weekendLine label::after {content:"▼";}
.weekendLine input:checked + label::after {content:'▲';}
/* 콘텐츠 영역 */
.curriculumList .contDt {width:calc(100% - 625px);margin-right:0;}
.contDt .contDtTit {position:relative;}
.contDt .contDtTit strong {color:#372e4a;font-weight:bold;}
.contDt .contDtTit .listModify {position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.contDt .contDtTit button {cursor:pointer;vertical-align: middle;}
.contDt .contDtTit span {position:absolute;right:10px;top:50%;transform:translateY(-50%);display:none;}
.contDt .contDtTit span #online {
width:18pt;height:18pt;
background:url(../images/img_add_black.svg) no-repeat;
border:1px solid #333;
cursor:pointer;
}
.contDt dd {padding:0;height:auto;line-height:auto;}
.contDt ol {counter-reset:list;}
/* 드래그 대상 */
.curriculumList .ui-state-default {border:none;background:#fff;}
.curriculumList .portlet-header {
position:absolute;right:0;top:50%;transform:translateY(-50%);
width:18pt;height:18pt;
display:none;
background:url(../images/btn_burger.svg) no-repeat #fff;
cursor:pointer;
}
/* 제이쿼리 CSS */
.curriculumList .portlet-header::before {display:none;}
.curriculumList .portlet-header::after {display:none;}
.curriculumList .portlet-placeholder {border:1px solid #000;}
.curriculumList .ui-widget.ui-widget-content {border:none;border-radius:0;border-bottom:1px solid #a9a9a9;}
.contDt .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border:none;border-radius:0;}
/* end CSS */
.contDt ol li {
position:relative;
margin:0 auto;
height:40px;line-height:40px;
border-bottom:1px solid #a9a9a9;
overflow:hidden;
}
/* 20220408 display속성 변경 width 추가 */
.contDt ol li em {display:inline-block;width:4%;vertical-align:top;font-size:12px;margin-right:5px;}
.contDt ol li em::after {content:'.';display:inline-block;padding-left:1px;}
/* end 20220404 border제거 .추가 */
.contDt ol li > span {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;border:none;}
/* 20220520 width 변경 각 사이즈 */
.conBook {width:6%;}
.conStep {width:6%;}
.conCla {width:6%;}
.conIb {width:15%;}
.conBack {width:15%;}
.conTit {width:15%;}
.conOrg {width:18%;}
.conCate {width:8%;}
/* 20220520 width 변경 각 사이즈 */
/* 공통 [] */
.contDt ol li span::before {content:"[";}
.contDt ol li span::after {content:"]";}
/* []제거 */
.contDt .conIb::after {display:none;}
.contDt .conBack::after {display:none;}
.contDt .conTit::after {display:none;}
/* IB,대,소 내용 []추가 */
.contDt .conIb::before {content:"[IB]";}
.contDt .conBack::before {content:"[대]";}
.contDt .conTit::before {content:"[소]";}
/* 팝업 */
.conWrite table {table-layout:fixed}
.conWrite tbody tr td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* end 20220404 curriculum */