@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-border-radius:0;}
input:not([type="checkbox"]):not([type="radio"]), select, textarea, button {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
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 - Modern Style */
.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;cursor:pointer;}
.radioSet label {display:inline-block;cursor:pointer;}
.radioSet label i {position:relative;display:inline-block;margin:-3px 3px 0 0;width:18px;height:18px;vertical-align:middle;border:2px solid #cbd5e0;border-radius:100%;box-sizing:border-box;background:#fff;transition:all 0.2s ease;}
.radioSet:hover label i {border-color:#667eea;}
.radioSet input:checked + label i {border-color:#667eea;}
.radioSet input:checked + label i:before {content: '';position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:100%;background:#667eea;}
.radioSet input:disabled + label i {background:#f8f8f8;border-color:#e2e8f0;}
.radioSet input:disabled + label {color:#a0aec0;cursor:not-allowed;}
.radioSet input:checked:disabled + label i:before {background:#a0aec0;}
.radioSet.noLabel {margin-right:0;}
/* checkBox - Modern Style */
.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;cursor:pointer;}
.checkSet label {cursor:pointer;}
.checkSet label i {position:relative;display:inline-block;margin:-1px 3px 0 0;width:18px;height:18px;vertical-align:top;border:2px solid #cbd5e0;box-sizing:border-box;border-radius:4px;background:#fff;transition:all 0.2s ease;}
.checkSet:hover label i {border-color:#667eea;}
.checkSet input:checked + label i {border-color:#667eea;background:#667eea;}
.checkSet input:checked + label i:before {content:'';position:absolute;left:2px;top:2px;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;border-color:#e2e8f0;}
.checkSet input:disabled + label {cursor:not-allowed;}
.checkSet input:checked:disabled + label i {border-color:#a0aec0;background:#a0aec0;}
.checkSet.noLabel {margin-right:0;}
/* input - Modern Style */
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 #e0e0e0;color:#1e1d25;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;outline:0 none;background:#fff;transition:all 0.2s ease;}
::-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 #667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15);}
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 - Modern Style */
.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;cursor:pointer;border-radius:0 6px 6px 0;transition:all 0.2s ease;}
.calSet button:hover {background:rgba(102, 126, 234, 0.1);}
.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;opacity:0.7;transition:opacity 0.2s ease;}
.calSet button:hover:before {opacity:1;}
.calDupSet {clear:left;display:inline-block;vertical-align:middle;}
.calDupSet .calSet {float:left;}
.calDupSet em {float:left;padding:0 7px;line-height:2.5;color:#718096;}
/* select - Modern Style */
.selectSet {position:relative;display:inline-block;height:37px;min-width:fit-content;vertical-align:middle;background:#fff;border-radius:6px;}
.selectSet:after {position:absolute;right:14px;top:50%;content:'';width:0;height:0;margin-top:-3px;border:5px solid transparent;border-top-color:#666;z-index:2;pointer-events:none;}
.selectSet select {position:relative;z-index:2;padding:0 35px 0 14px;width:100%;height:37px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;background:transparent;cursor:pointer;transition:all 0.2s ease;}
.selectSet select:hover {border-color:#667eea;}
.selectSet select:focus {border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15);outline:none;}
.selectSet select:disabled {color:#aaa;background:#f8f8f8;cursor:not-allowed;}
.selectSet select::-ms-expand {display:none;}
/* 커스텀 셀렉트 박스 */
.selectSet.custom-initialized {width:auto !important;min-width:fit-content;}
.selectSet.custom-initialized > select {position:absolute;opacity:0;pointer-events:none;}
.custom-select-wrapper {position:relative;display:inline-block;width:auto;min-width:fit-content;vertical-align:middle;}
.custom-select-trigger {position:relative;display:flex;align-items:center;padding:0 35px 0 14px;height:35px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all 0.2s ease;box-sizing:border-box;white-space:nowrap;min-width:fit-content;padding-right:40px;}
.custom-select-trigger:hover {border-color:#667eea;}
.custom-select-trigger.open {border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.15);}
.custom-select-trigger:after {position:absolute;right:14px;top:50%;content:'';width:0;height:0;margin-top:-3px;border:5px solid transparent;border-top-color:#666;transition:transform 0.2s ease;}
.custom-select-trigger.open:after {transform:rotate(180deg);margin-top:-7px;}
.custom-select-options {position:absolute;top:100%;left:0;min-width:100%;width:max-content;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;max-height:200px;overflow-y:auto;display:none;}
.custom-select-options.open {display:block;}
.custom-select-option {padding:10px 14px;cursor:pointer;transition:all 0.15s ease;white-space:nowrap;}
.custom-select-option:hover {background:#f0f4ff;color:#667eea;}
.custom-select-option.selected {background:#e8f0fe;color:#5a7ab8;font-weight:500;}
/* 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 - Modern Style */
.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-flex;gap:4px;border-radius:8px;background:#fff;padding:4px;box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.paginate a {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;color:#4a5568;font-weight:500;border-radius:6px;transition:all 0.15s ease;}
.paginate a:hover {background:#edf2f7;color:#2d3748;}
.paginate a.on {color:#fff;font-weight:600;background:linear-gradient(135deg, #667eea 0%, #5a67d8 100%);box-shadow:0 2px 4px rgba(102, 126, 234, 0.3);}
.paginate a:last-child {border-right:0;}
.paginate .first,
.paginate .next {padding:0 12px;font-size:0;width:auto;}
.paginate .first:after {content:'\003C \003C';font-size:12px;font-weight:600;}
.paginate .next:after {content:'\003E \003E';font-size:12px;font-weight:600;}
.paginate .selectSet,
.paginate .selectSet select {height:39px;}
/* Drag and drop upload - Modern Style */
.dropzone {padding:28px !important;text-align:center;box-sizing:border-box;border:2px dashed #667eea !important;background:rgba(102, 126, 234, 0.05);border-radius:8px;transition:all 0.2s ease;}
.dropzone:hover {border-color:#5a67d8 !important;background:rgba(102, 126, 234, 0.1);}
/* file Upload - Modern Style */
.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:#4a5568;border:1px dashed #cbd5e0;background:transparent;transition:all 0.2s ease;}
.fileFind label:hover {border-color:#667eea;color:#667eea;}
.fileFind input:disabled + label {color:#a0aec0;background:#f7fafc;border-color:#e2e8f0;}
.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:6px;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:#38b2ac;border:1px solid #81e6d9;background:#e6fffa;border-radius:6px;}
.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:#e53e3e;border:1px solid #feb2b2;background:#fff5f5;border-radius:6px;}
.fileSet .loadEnd {padding:0 42px 0 14px;width:auto;color:#667eea;border:1px solid #667eea;background:rgba(102, 126, 234, 0.08);border-radius:6px;transition:all 0.2s ease;}
.fileSet .loadEnd:hover {background:rgba(102, 126, 234, 0.15);}
.fileSet .loadEnd em {display:block;color:#667eea;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 ===== */




/* Button - Modern Style */
.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:6px;transition:all 0.2s ease;font-weight:500;}
.btnL {padding:0 17px;height:47px;font-size:19px;border-radius:6px;line-height:2.4;}
.btnM {padding:0 14px;height:37px;font-size:16px;border-radius:6px;line-height:2.3;}
.btnS {padding:0 14px;height:30px;border-radius:6px;line-height:2.1;}
.btnMini {padding:0 12px;height:28px;font-size:13px;border-radius:6px;line-height:2.1;}
.btnL.red,
.btnM.red,
.btnS.red,
.btnMini.red {color:#fff;background:linear-gradient(135deg, #e0757c 0%, #d65a63 100%);}
.btnL.red:hover, .btnM.red:hover, .btnS.red:hover, .btnMini.red:hover {background:linear-gradient(135deg, #d65a63 0%, #c4464f 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(224, 117, 124, 0.3);}
.btnL.purple,
.btnM.purple,
.btnS.purple,
.btnMini.purple {color:#fff;background:linear-gradient(135deg, #667eea 0%, #5a67d8 100%);}
.btnL.purple:hover, .btnM.purple:hover, .btnS.purple:hover, .btnMini.purple:hover {background:linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(102, 126, 234, 0.3);}
.btnL.blue,
.btnM.blue,
.btnS.blue,
.btnMini.blue {color:#fff;background:linear-gradient(135deg, #4299e1 0%, #3182ce 100%);}
.btnL.blue:hover, .btnM.blue:hover, .btnS.blue:hover, .btnMini.blue:hover {background:linear-gradient(135deg, #3182ce 0%, #2b6cb0 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(66, 153, 225, 0.3);}
.btnL.darkGray,
.btnM.darkGray,
.btnS.darkGray,
.btnMini.darkGray {color:#fff;background:linear-gradient(135deg, #4a5568 0%, #2d3748 100%);}
.btnL.darkGray:hover, .btnM.darkGray:hover, .btnS.darkGray:hover, .btnMini.darkGray:hover {background:linear-gradient(135deg, #2d3748 0%, #1a202c 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(74, 85, 104, 0.3);}
.btnL.gray,
.btnM.gray,
.btnS.gray,
.btnMini.gray {color:#4a5568;background:#edf2f7;}
.btnL.gray:hover, .btnM.gray:hover, .btnS.gray:hover, .btnMini.gray:hover {background:#e2e8f0;}
.btnL.lRed,
.btnM.lRed,
.btnS.lRed,
.btnMini.lRed {line-height:2;color:#e0757c;border:1px solid #e0757c;background:transparent;}
.btnL.lRed:hover, .btnM.lRed:hover, .btnS.lRed:hover, .btnMini.lRed:hover {background:rgba(224, 117, 124, 0.1);}
.btnL.lPurple,
.btnM.lPurple,
.btnS.lPurple,
.btnMini.lPurple {line-height:2;color:#667eea;border:1px solid #667eea;background:transparent;}
.btnL.lPurple:hover, .btnM.lPurple:hover, .btnS.lPurple:hover, .btnMini.lPurple:hover {background:rgba(102, 126, 234, 0.1);}
.btnL.lDarkGray,
.btnM.lDarkGray,
.btnS.lDarkGray,
.btnMini.lDarkGray {line-height:2;color:#4a5568;border:1px solid #a0aec0;background:transparent;}
.btnL.lDarkGray:hover, .btnM.lDarkGray:hover, .btnS.lDarkGray:hover, .btnMini.lDarkGray:hover {background:rgba(74, 85, 104, 0.1);}
.btnL.lGray,
.btnM.lGray,
.btnS.lGray,
.btnMini.lGray {line-height:2;color:#718096;border:1px solid #cbd5e0;background:transparent;}
.btnL.lGray:hover, .btnM.lGray:hover, .btnS.lGray:hover, .btnMini.lGray:hover {background:#f7fafc;}
.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:linear-gradient(135deg, #667eea 0%, #5a67d8 100%);vertical-align:middle;border-radius:6px;transition:all 0.2s ease;}
.btnSearch:hover {background:linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(102, 126, 234, 0.3);}
.btnReset {display:inline-block;width:56px;height:35px;color:#fff;cursor:pointer;box-sizing:border-box;border:none;background:#718096;vertical-align:middle;border-radius:6px;transition:all 0.2s ease;}
.btnReset:hover {background:#4a5568;}
.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 - Modern Style ===== */
.pageLoading {position:fixed;z-index:30000;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
@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 rgba(255,255,255,0.3);border-top-color: #667eea;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;background:#f7fafc;}
.pageTit {position:relative;display:flex;justify-content:space-between;padding:24px 40px 0;}
.pageTit::after {position:absolute;bottom:-13px;content:"";display:block;width:calc(100% - 80px);height:1px;background:linear-gradient(90deg, #e2e8f0 0%, transparent 100%);}
.pageTit h2 {display:inline-block;height:23px;font-size:22px;color:#1a202c;line-height:1;font-weight:700;letter-spacing:-0.5px;}
.pageTit .pagePos {display:inline-block;margin-left:11px;}
.pageTit .pagePos span {color:#718096;font-size:11px;}
.pageTit .pagePos span:after {display:inline-block;content:'›';padding:0 8px;margin:-3px 0 0;vertical-align:middle;color:#a0aec0;}
.pageTit .pagePos strong {font-weight:600;color:#4a5568;font-size:11px;}
.content {padding:8px 40px 32px 40px;}
#footer {position:fixed;bottom:0;left:0;clear:left;display:block;width:100%;height:72px;overflow:hidden;border-top:1px solid #e2e8f0;box-shadow:0 -2px 10px rgba(0,0,0,0.05);-webkit-box-shadow:0 -2px 10px rgba(0,0,0,0.05);background:#fff;}
#footer p {padding:19px 0 44px 19px;font-size:12px;color:#718096;}
/* ====================== */
/* 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 - Modern */
.tls table {table-layout:fixed;width:100%;border:1px solid #bbb;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.tls table th,
.tls table td {padding:8px 10px;height:40px;font-size:13px;text-align:center;word-break:break-all;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #bbb;border-right:1px solid #bbb;transition:all 0.15s ease;}
.tls table .listRadius {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tls table thead th {color:#24292f;background:#e8f0fe;padding:12px 7px;font-weight:600;border-top:2px solid #5a7ab8;border-bottom:1px solid #bbb;border-right:1px solid #bbb;letter-spacing:-0.3px;}
.tls table thead th.mia {padding: 12px 0;}
.tls table td.tLeft {padding-left:15px;text-align:left;}
.tls table td.no{color:#e53e3e;}
.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:hover td {background:#f3f4f6;}
.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 table tbody tr:last-child td {border-bottom:none;}
.tls a {color:#2d3748;cursor:pointer;transition:color 0.15s ease;}
.tls a:hover {color:#667eea;}
.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:#eef1f5;color:#24292f;font-weight:600;border-bottom:1px solid #d0d7de;}
.tls.subType table td {padding:6px;height:32px;text-align:center;}
/* table write style - Modern */
.tws table {width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d1d5db;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.tws table th,
.tws table td {height:52px;padding:8px 14px;color:#2d3748;text-align:left;box-sizing:border-box;border-bottom:1px solid #d1d5db;}
.tws table th {background:#eef1f5;font-weight:600;color:#24292f;letter-spacing:-0.3px;border-right:1px solid #d0d7de;}
.tws table th.subTit {background:#d1d5db;}
.tws table tr:last-child th,
.tws table tr:last-child td {border-bottom:none;}
.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 - Modern Style */
.tabNav {line-height:0;}
.tabNav ul {clear:left;display:inline-flex;width:100%;height:56px;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 3px rgba(0,0,0,0.08);padding:0 8px;}
.tabNav ul:after {content:"";display:block;clear:both;}
.tabNav ul li {margin-top:7px;display:inline-block;height:49px;box-sizing:border-box;margin-right:4px;}
.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:#edf2f7;color:#4a5568;border-radius:6px 6px 0 0;transition:all 0.2s ease;}
.tabNav a:hover,
.tabNav button:hover {background:#e2e8f0;color:#2d3748;}
.tabNav ul li.on {position:relative;z-index:2;margin:0;height:56px;margin-right:4px;}
.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:linear-gradient(135deg, #667eea 0%, #5a67d8 100%);border-radius:6px 6px 0 0;box-shadow:0 -2px 8px rgba(102, 126, 234, 0.2);}
.tabLayout {clear:left;display:inline-block;padding:20px;width:100%;border:1px solid #e2e8f0;border-top:3px solid #667eea;box-sizing:border-box;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.tabLayout .tabData {display:none;}
.tabWrap .btnArea {padding:28px 0 0;}
/* pnvBtn */
.pnvBtn {padding:14px 0 0;}
/* 검색 - Modern Style */
.searchBasic {position:relative;margin-bottom:15px;padding:16px 20px;vertical-align:top;border:none;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.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:600;color:#4a5568;vertical-align:middle;}
.searchBasic dl dd {display:inline-block;vertical-align:middle;}

/* 검색 영역 공통 스타일 - 쿠폰관리 기준 */
.searchBasic dl dd .selectSet {height: 35px;}
.searchBasic dl dd .selectSet select {height: 35px;}
.searchBasic dl dd input[type="text"],
.searchBasic dl dd input[type="tel"],
.searchBasic dl dd input[type="email"],
.searchBasic dl dd input[type="number"],
.searchBasic dl dd input[type="date"],
.searchBasic dl dd input[type="password"],
.searchBasic dl dd input[type="search"],
.searchBasic dl dd textarea {height: 35px; padding: 0 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.searchBasic dl dd .selectSet ~ input,
.searchBasic dl dd .selectSet ~ .selectSet {margin-left:5px;}
.searchBasic dl dd .btnM.darkGray {margin-left:5px;}

/* 검색 행 레이아웃 */
.searchBasic .search-row {display: flex; align-items: center; gap: 20px; margin-bottom: 10px;}
.searchBasic .search-row:last-child {margin-bottom: 0;}
.searchBasic .search-item {display: flex; align-items: center;}
.searchBasic .search-item dt {min-width: 70px; font-weight: 600; color: #4a5568; margin-right: 10px;}
.searchBasic .search-item dd {display: flex; align-items: center; gap: 5px;}

/* 검색 버튼 그룹 */
.searchBasic .search-buttons {display: flex; align-items: center; gap: 5px; margin-left: auto;}
.searchBasic .search-buttons .btnM {height: 35px; padding: 0 15px; border-radius: 4px; font-weight: 500; cursor: pointer; border: none; transition: all 0.2s;}
.searchBasic .search-buttons .btnM.darkGray {background-color: #2d3436; color: white;}
.searchBasic .search-buttons .btnM.darkGray:hover {background-color: #1e2526;}
.searchBasic .search-buttons .btnM.blue {background-color: #3498db; color: white;}
.searchBasic .search-buttons .btnM.blue:hover {background-color: #2980b9;}
.searchBasic .search-buttons .btnM.green {background-color: #2ecc71; color: white;}
.searchBasic .search-buttons .btnM.green:hover {background-color: #27ae60;}
.searchBasic .search-buttons .btnM.red {background-color: #e74c3c; color: white;}
.searchBasic .search-buttons .btnM.red:hover {background-color: #c0392b;}

/* 날짜 입력 필드 */
.searchBasic .date-input {width: 120px; text-align: center;}

/* 검색 입력 필드 */
.searchBasic .search-input {flex-grow: 1; min-width: 200px;}
/* 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 */