@charset "utf-8";
@import url(/common/css/font/Pretendard.css?v=1.2);
@import url(/common/css/font/GmarketSans.css?v=1.2); 
@import url(/common/css/icons/fa/css/font-awesome.css?v=1.2);
@import url(/common/css/icons/sl/simple-line-icons.css?v=1.2);
@import url(/common/css/icons/xi/xeicon.css?v=1.2);

*{box-sizing: border-box;margin: 0;padding: 0; font-family:"맑은 고딕";}
body, html {background-color: #f0f2f5;}
/* - 체크박스, 라디오버튼 CSS 설정(xeicon import 필요) - */
label { position:relative; display:inline-block;margin-right:0px; padding:2px 0px;padding-left:20px; height:20px; color:#999; text-align:left; line-height:20px; vertical-align:bottom; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow:hidden; font-size:0px;}
label > input[type=checkbox] { display:none; }
label > input[type=checkbox] + span  { display:inline-block;line-height:20px;vertical-align:middle;font-size:14px;margin-left:5px;  }
label > input[type=checkbox] + span:before { background: #fff;position:absolute; top:2px; left:0px; width:18px;height:18px; border-radius: 5px; border: 1px solid #ccc; content: '';  }
label > input[type=checkbox]:checked + span  { color:#00090d; -webkit-tap-highlight-color:transparent; }
label > input[type=checkbox]:checked + span:before {  background: #fff; font-size:18px;text-align:center;line-height:18px; font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  color:#00090d; content: "\e928"; }
label > input[type=radio] { display:none; }
label > input[type=radio] + span  { display:inline-block;line-height:20px;vertical-align:bottom;font-size:14px;margin-left:5px;  }
label > input[type=radio] + span:before { background: #fff;position:absolute; top:2px; left:0px; width:18px;height:18px; border-radius: 50%; border: 1px solid #ccc; content: '';  }
label > input[type=radio]:checked + span  { color:#00090d; -webkit-tap-highlight-color:transparent; }
label > input[type=radio]:checked + span:before {  background: #fff; font-size:18px;text-align:center;line-height:18px; font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#00090d; content: "\e928"; }
/* - 체크박스, 라디오버튼 CSS 설정 - */

.check_wrap {text-align: left;margin: 15px 0;} 
.check_wrap .check_item {display: flex;align-items: center;}
.check_wrap input[type="checkbox"] {appearance: none;width: 17px;height: 17px;border: 1px solid #2d668e;border-radius: 4px;position: relative;cursor: pointer;background-color: #fff;}
.check_wrap input[type="checkbox"]:checked {background-color: #2d668e;border-color: #2d668e;}
.check_wrap input[type="checkbox"]::after {content: "";position: absolute;top: 2px;left: 5px;width: 5px;height: 5px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);opacity: 0;transition: opacity 0.2s;}
.check_wrap input[type="checkbox"]:checked::after {opacity: 1;}
.check_wrap label {margin-left:5px;font-size: 14px;color: #666;cursor: pointer;}


.login_wrap {width: 100%;max-width: 400px;padding: 20px;background-color: #fff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.login_wrap .logo img {width: 150px;margin-bottom: 20px;}
.login_wrap .input_wrap input {width: 100%;padding: 12px;margin: 10px 0;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;}
.login_wrap .input_wrap input:focus {border-color: #2d668e;outline: none;}
.login_wrap .btn_wrap button {width: 100%;padding: 12px;background-color: #2d668e;border: none;border-radius: 5px;color: white;font-size: 16px;cursor: pointer;}
.login_wrap .btn_wrap button:hover {background-color: #163e5b;}


/* 기본 인풋 */
textarea,
input[type=text],
input[type=file],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=date],
input[type=time]{font-family: 'Pretendard'; border: 1px solid #dfe2ed; padding: 0 10px; height: 40px; line-height: 40px;}

textarea:focus,
input[type=text]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=time]:focus{}

textarea:disabled,
input[type=text]:disabled,
input[type=file]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=date]:disabled,
input[type=time]:disabled{}

#btnLogout{background:#eee; width:100%; font-weight:700; font-size:13px; color:#827d7d; padding:5px 10px; border:1px solid #3b3838;}

/* select box */
.selectBox{border: 1px solid #dfe2ed;  border-radius: 4px; position:relative; display:inline-block;}
.selectBox > select{width:100%; padding: 0 40px 0 12px; height: 40px; font-weight: 500; font-size: 14px; z-index: 1; position:relative; cursor:pointer;}
.selectBox:after{content: "\e942"; font-family: 'xeicon'; position:absolute; top:50%; right:10px; font-size:2rem; width:2rem; text-align: center; transform:translateY(-50%); color:var(--iconColor);}
.selectBox:has(select:hover){border: 1px solid var(--subColor);}
.selectBox:has(select:disabled){border: 1px solid #dfe2ed; background-color: #edf0f9;}
.selectBox:has(select:disabled)::after{color:#dfe2ed;}

/* checkbox, radio*/
.checkbox, .radio{display:inline-block;}
.checkbox > input, .radio > input{display:none;}
.checkbox > label{display:flex; align-items: center;}
.checkbox > label > .styledBox{position:relative; width:20px; height: 20px; border: 1px solid #dfe2ed;  border-radius: 4px; display:inline-block;}
.checkbox > label > .styledBox + span{margin-left:10px;}
.checkbox > input[type=checkbox]:checked + label > .styledBox{background-color: var(--subColor);}
.checkbox > input[type=checkbox]:checked + label > .styledBox:after{content: "\e929"; font-family:"xeicon"; position:absolute; font-size: 2rem; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff}
.checkbox + .checkbox{margin-left:10px}

.radio > label{display:flex; align-items: center;}
.radio > label > .styledBox{position:relative; width:20px; height: 20px; border: 1px solid #dfe2ed;  border-radius: 50%; display:inline-block;}
.radio > label > .styledBox + span{margin-left:10px;}
.radio > input[type=radio]:checked + label > .styledBox{background-color: var(--subColor);}
.radio > input[type=radio]:checked + label > .styledBox:after{content: ""; position:absolute; background-color:#fff; width:50%; height:50%; border-radius: 50%; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff}
.radio + .radio{margin-left:10px;}

/* 버튼형 라디오 */
.tabRadio{display: flex; margin-bottom: 20px;}
.tabRadio label{display: block; height: 36px; line-height: 36px; padding: 0 20px; background: #dfe2ed; color: #bbbec9; font-size: 14px; border: 1px solid #dfe2ed;  border-left: 0; text-align: center;}
.tabRadio input[type=radio] + label{margin-right: 0;}
.tabRadio input[type=radio]:checked + label{background: #fff; color: var(--subColor);}
.tabRadio input[type=radio]{display: none;}
.tabRadio label:first-of-type{border-radius: 4px 0 0 4px; border-left: 1px solid #dfe2ed;}
.tabRadio label:last-of-type{border-radius: 0 4px 4px 0;}

/* 버튼형 체크박스 */
.tabChkbox{display: flex; margin-bottom: 20px;}
.tabChkbox label{display: block; height: 36px; line-height: 36px; padding: 0 20px; background: #dfe2ed; color: #bbbec9; font-size: 14px; border: 1px solid #dfe2ed; border-left: 0; text-align: center;}
.tabChkbox input[type=checkbox] + label{margin-right: 0;}
.tabChkbox input[type=checkbox]:checked + label{background: #fff; color: var(--subColor);}
.tabChkbox input[type=checkbox]{display: none;}
.tabChkbox label:first-of-type{border-radius: 4px 0 0 4px; border-left: 1px solid #dfe2ed;}
.tabChkbox label:last-of-type{border-radius: 0 4px 4px 0;}

/* 검색, 달력 */
.schInputWrap{position: relative; display: inline-block;}
.schInputWrap input[type=search]{padding-right:30px}
.schInputWrap button{font-size:0px; cursor: pointer;}
.schInputWrap button:after{ position:absolute; right:10px; top:50%; transform:translateY(-50%); content: "\e97a"; font-family: 'xeicon'; display:inline-block; font-size:1.5rem;}
.schInputWrap input:focus + button:after{color:var(--subColor);}

.dayWrap{line-height: 40px;}
.datepicker{position: relative; display: inline-block; }
.datepicker > i::after{position:absolute; content: "\e9a0"; font-family: "xeicon"; font-size:1.5rem; top:50%; right:10px; transform:translateY(-50%);}
.datepicker > input:focus + i:after{color:var(--subColor);}

/* file */
.fileBox input[type=file]{display: none;}
.fileBox input[type=text]{width: 300px;}
.fileBox label{border-radius: 4px; text-align: center; display: inline-block; background: #989ca9; color: #fff; padding: 0 20px; height: 40px; line-height: 40px;}
.fileBox label:hover{background: #bbbec9; box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);}
.fileBox label:disabled{background: #dfe2ed; color: #fff;}
.fileBox label:disabled:hover{box-shadow: none;}

/* 버튼 */
button:disabled{cursor:default;}
.btn{border-radius: 4px; text-align: center; display: inline-block; position: relative;}
.btn.sizeSS{padding: 0 12px; height: 26px; line-height: 26px;}
.btn.sizeS{padding: 0 12px; height: 32px; line-height: 32px;}
.btn.sizeM{padding: 0 20px; height: 40px; line-height: 40px;}
.btn.sizeL{padding: 0 28px; height: 48px; line-height: 48px;}

.btn i{vertical-align: baseline;}
.btn.sizeSS i{margin-right:6px; font-size: 14px; }
.btn.sizeS i{margin-right:6px; font-size: 12px; }
.btn.sizeM i{margin-right:8px; font-size: 14px; }
.btn.sizeL i{margin-right:8px; font-size: 16px; }

.btn.bgMain{background: var(--mainColor); color: #fff;}

.btn.bdMain{background: #fff; border:1px solid var(--mainColor);}

.btn.bdGray{background: #fff; color: #777; border:1px solid #dfe2ed;}
.btn.bdGray.on,
.btn.bdGray:hover{background: #fff; box-shadow: 0 0 10px rgba(39, 91, 235, 0.2);}
.btn.bdGray:disabled{background: #dfe2ed; color: #c3c6cf;}
.btn.bdGray:disabled:hover{box-shadow: none;}

.btn.bgGreen{background: #328343; color: #fff;}
.btn.bgGreen:hover{background: #38a24e; box-shadow: 0 0 10px rgba(39, 235, 114, 0.2);}
.btn.bgGreen:disabled{background: #edf0f9; color: #bbbec8;}
.btn.bgGreen:disabled:hover{box-shadow: none;}

.btn.bgGray{background: #989ca9; color: #fff;}
.btn.bgGray.on,
.btn.bgGray:hover{background: #bbbec9; box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);}
.btn.bgGray:disabled{background: #dfe2ed; color: #fff;}
.btn.bgGray:disabled:hover{box-shadow: none;}

/* toggle버튼 */
.toggleInput {position: relative; display: inline-block; width:36px; height: 12px; border-radius: 6px; background: #edf0f9;}
.toggleInput input {opacity:0; width:0; height:0;}
.toggleInput input:checked + label:before {transform: translateY(-50%) translateX(20px);}
.toggleInput label{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #edf0f9; border-radius: 6px;}
.toggleInput label:before {border-radius: 50%; position: absolute; content: ""; height: 20px; width: 20px; left:0px; top: 50%; transform: translateY(-50%); background: #fff; box-shadow: 3px 0 10px rgba(73, 75, 83, 0.3); transition: all 0.5s;}
.toggleInput input:checked + label{background: var(--subColor);}
.toggleInput input:disabled + label::before{background: #dfe2ed;}
.toggleInput input:disabled + label{background: #f4f6fc;}

/* - 페이지 로딩 처리 - */
body.loading:after {font-family:"xeicon"; content: "\ec34"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    position:fixed; top:50%; left:50%; width:50px; height:50px; line-height:50px; font-size:4.4rem; padding:5px; z-index:1000; transform:translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background:#fff; color:#2d3845; text-align: center;
    animation: spin 1.5s linear infinite;
    will-change: transform, opacity;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

/* - JS페이징 처리 - */
.obj_cnts_box .paging_wrap{padding-bottom:0px;} 
.paging_wrap {position:relative; margin:0px; padding:20px 30px;margin-top:0px;background:transparent;text-align:center;font-size:0px; }
.paging_wrap::after { clear:both;display:block;content:''; }
.paging_wrap > a { font-family: 'Titillium';font-weight:600;display:inline-block;line-height:30px;height:30px;min-width:20px;font-size:13px;cursor:pointer;text-align:center;vertical-align:middle; margin:0px 0px;margin-left:0px;padding:0px 5px;background:#fff;border:1px solid #ccc;color:#666;margin:0px 2px; }
.paging_wrap > a + a { margin-left:0px; }
.paging_wrap > a.on { color:#fff;font-weight:600; background:#303d6a;border:1px solid rgba(0,0,0,0.1); }
.paging_wrap > a.fa { font-family: 'FontAwesome';background:#fff;font-size:16px;width:30px;line-height:30px;height:30px;padding:0px; margin:0 5px;}
.paging_wrap {position:relative; margin:0px; padding:30px 30px;height:36px;border-top:0px solid #d1d1d1;text-align:center;font-size:0px; }
.paging_wrap.inner { padding:0px; }
.paging_wrap.ex { height:auto; }
.paging_wrap > p { position: relative;font-size:13px;color:#999;text-align:left; line-height:20px;padding-left:10px; }
.paging_wrap > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:9px;left:0px;content: ''; }
.paging_wrap > p > i { border:1px solid #ccc;font-size:10px;width:16px;height:16px;line-height:16px;vertical-align: middle;text-align:center;background:#eee;display:inline-block; }
.paging_wrap::after { clear:both;display:block;content:''; }
.paging_wrap > a { display:inline-block;line-height:34px;height:34px;min-width:24px;font-size:14px;cursor:pointer;text-align:center;vertical-align:middle; margin:0px 0px;padding:0px 5px;background:#fff;border:1px solid #d1d1d1;color:#48535f; }
.paging_wrap > a + a { margin-left:-1px;}
.paging_wrap > a.on { color:#fff;font-weight:400; background:#404d5e;border:1px solid rgba(0,0,0,0.1); }
.paging_wrap > a.on + a { border-left:1px solid #404d5e; }
.paging_wrap > a.fa { background:#fff;border:1px solid #d1d1d1;font-size:16px;width:34px;line-height:34px;height:34px;padding:0px;margin:0px;margin-left:-1px;font-weight:400; }
.paging_wrap > span {  position:relative;display:inline-block;vertical-align: middle;height:34px;line-height:34px;width:100px;color:#666;font-weight:400; overflow:hidden;font-size:13px;margin:0px;margin-left:10px;background:#fff;text-align:center;cursor:pointer; border:1px solid #ccc;padding:0px 15px 0px 0px;border-radius: 0px; }
.paging_wrap > span > select { position:relative;display:block;width:140%;padding-left:10px;height:34px;line-height:34px;background:transparent;border:0px solid #999;font-size:13px;outline: none;z-index:2; }
.paging_wrap > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:30px;line-height:30px;z-index:1;}

/* @ JS페이징 처리 - */

body.loading:before {display:block; position:fixed; background:rgba(0,0,0,0.2); top:0px; left:0px; right:0px; bottom:0px; z-index:999; content:''; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* - @페이지 로딩 처리 - */

/* 페이징 */
.pagingWrap{font-size: 0; display:flex; justify-content: center; align-items: center;}
.pagingWrap a{width: 28px; height: 28px; line-height: 28px;  display: inline-block; font-size: 16px; margin: 0 3px; text-align: center; color: #989ca9;}
.pagingWrap .prev, .pagingWrap .next{display:inline-block; cursor: pointer; margin: 0 3px;}
.pagingWrap .prev:after,
.pagingWrap .next:after{font-family: 'xeicon'; display:inline-block; font-size:25px;}
.pagingWrap .prev:after{content: "\e93c";}
.pagingWrap .next:after{content: "\e93f";}
.pagingWrap a.on{border-radius: 50%; background: var(--subColor); color: #fff; font-weight: bold;}


/* - 코드 초기화 - */
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select { border:0px;padding:0px; margin:0px; font-family:'Pretendard', sans-serif;font-size:13px;line-height:160%; letter-spacing:0px;font-weight:400; word-wrap: break-word; word-break: keep-all; }
img {  display:inline-block;border:0px;padding:0px; margin:0px; }
ul,ol,li,dl,dt,dd   { list-style:none;}
table,tr,td,th  { border:0px;padding:0px; margin:0px;border-spacing:0px;}
i,em				{ font-style:normal;vertical-align:middle; }
select { -webkit-appearance:none;appearance:none; -moz-appearance:none; text-indent: 1px; text-overflow: ''; }
input, textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none;font-family:'Pretendard', sans-serif !important;outline: none;-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background: transparent;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing:border-box;}
button[type=button] { cursor:pointer;outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
a                   { text-decoration:none; color:#111;outline:none; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
a:visited           { color:#111; }
a:active            { color:#111; }
a:hover             { color:#111; text-decoration:none; }
.clear { float:none;clear:both; }
/* - @코드 초기화 - */

/* 팝업영역 설정 */
.pop { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity; }
.pop[data-role=address_pop] { display:none;z-index: 991; }
.popup {position:fixed;top:50%;left:50%;width:auto;padding:0px;height:auto;background:#fff;
	-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	 -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
	 z-index:999;display:block;}
.popup.tras_no {
	-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
}
.popup > aside { position: fixed;top:50%;transform:translateY(-50%);left:50%;margin-left:460px;display:none;background:#fff;border:0px solid #111;padding:15px 10px;z-index:999; }
.popup > aside[data-type=LIST] > dl.history { display:block; }
.popup > aside[data-type=LIST] > dl.history > dd { font-size:12px;line-height:18px;color:#999; }
.popup > header { position:relative;display:block;padding-bottom:0px;background:#eee;padding:10px 20px;border-bottom:1px solid #ccc; height:auto; }
.popup > header h1 { font-size:22px;font-weight:500;color:#333;line-height:56px;height:50px;overflow: hidden;font-family: GmarketSans; letter-spacing: -0.5px;}
.popup > header h1 > span { font-size:16px;margin-left:7px; }
.popup > header h1.type2{line-height:1; display: flex; flex-direction: column; justify-content: center;}
.popup > header h1.type2 > span{color:#999; display:block; margin:5px 0px 0px; font-size:13px; padding-left:3px;}
.popup > header.pop_tab { padding:20px 20px 0px 20px;;height:50px; }
.popup > header.pop_tab ul { display:block;line-height:50px;height:50px;font-size:0px;background: #eee;}
.popup > header.pop_tab ul > li { display:inline-block; vertical-align: top;}
.popup > header.pop_tab ul > li > a { display:block;line-height:49px;height:49px;font-size:15px;font-weight:400;color:#999;padding:0px 20px;min-width:120px;text-align: center;border:1px solid #ccc;border-bottom:0px solid #ccc;}
.popup > header.pop_tab ul > li > a.on { background: #fff;color:#333;font-weight:500;height:51px;}
.popup > header.pop_tab ul > li + li { margin-left:-1px; }
.popup > header > div.profile { padding:5px 0px 5px 54px;display:block;position: relative;}
.popup > header > div.profile > i { position: absolute;top:0px;left:-8px;display: block;width:50px;height:50px;border-radius: 50%;background-size: cover;background-repeat: no-repeat;border:1px solid #bbb;box-sizing: border-box;}
.popup > header > div.profile > h4 { font-size:17px;font-weight: 700;line-height:24px;}
.popup > header > div.profile > h4 > span { display:inline-block;vertical-align: bottom;font-size:12px;font-weight: 400;color:#999;margin-left:10px;}
.popup > header > div.profile > p { font-size:13px;font-weight: 600;color:#666;line-height: 16px;margin-top:0px;}
.popup > header .close { position:absolute;top:20px;right:15px;font-size:30px;display:block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;color:#333; opacity:0.5;}
.popup > footer {position:relative; margin:0px;padding:15px 15px; text-align:right; background:#eee;border-top:1px solid #ccc; }
.popup > footer.complete { padding-bottom:0px; }
.popup > footer.right { text-align:right; }
.popup > footer.flex{display:flex; align-items:center;}
.popup > footer a { float: none;display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 30px;color:#fff;margin:0px 2px;cursor:pointer;background:#404d5e;border-radius: 5px;}
.popup > footer.right a { padding:0px 25px; }
.popup > footer a.gray { background:#999; }
.popup > footer a.red { background:#ec635d; }
.popup > footer a.red.left_btn { position: absolute; left: 15px;}
.popup > footer a.black { background:#2d3845; }
.popup > footer a.del2{font-size:15px; font-weight:700; width:40px; display:inline-block; color:#999; background:#ddd; padding:0px;}
.popup > footer a.del {position:absolute;top:15px; left:10px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.popup > footer a.preview {position:absolute;top:15px;left:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#fff;margin:0px 2px;cursor:pointer;background:#ec635d; }
.popup > footer.complete a { background:#48bacb;padding:0px 30px; }
.popup > footer.complete a.gray { background:#999;padding:0px 30px; }
.popup > footer span.select {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:pointer;background:#fff;border:2px solid #e95653; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.select > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#e95653;color:#fff; }
.popup > footer span.select select { position:relative;display:block;width:130%;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333; }
.popup > footer span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:1;}
.popup > footer span.appr {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:default;;background:#eee;border:2px solid #aaa; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.appr > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#aaa;color:#fff; }
.popup > footer span.appr span { position:relative;display:block;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333;text-align:left; }
.popup > footer > .select_box{position:absolute; left:20px; top:50%; transform:translateY(-50%); border: 1px solid #bbb; border-radius: 6px; display: inline-block; background: #fff;}
.popup > footer > .select_box > select{padding: 0 40px 0 12px; height: 40px; z-index: 1; position:relative;}
.popup > footer > .select_box:after{content: "\e942"; font-family: 'xeicon'; position:absolute; top:50%; right:5px; font-size:2rem; transform:translateY(-50%);}
.popup > footer > .select_box:has(select:disabled){border: 1px solid #dfe2ed; background-color: #edf0f9;}
.popup > footer > .select_box:has(select:disabled)::after{color:#dfe2ed;}
.popup > footer div[data-tab=upload] { display:none; }
.popup > section {overflow-y:auto;background:#fff;padding:0px;margin:0px; max-height:70vh;}
.popup > section.width_300 { width:300px; }
.popup > section.width_350 { width:350px; }
.popup > section.width_400 { width:400px; }
.popup > section.width_500 { width:500px; }
.popup > section.width_550 { width:550px; }
.popup > section.width_600 { width:600px; }
.popup > section.width_700 { width:700px; }
.popup > section.width_800 { width:800px; }
.popup > section.width_900 { width:900px; }
.popup > section.width_1000 { width:1000px; }
.popup > section.width { width: 100%; }
.popup > section.find_post { overflow: hidden;height:400px !important;padding:0px 0px 5px 0px;}
.popup > section article { padding:20px; }
.popup > section article[data-tab=upload] { display:none; }
.popup > section article div.tb_info { display:block;position:relative; }
.popup > section article div.tb_info + .tb_info { margin-top:20px; }
.popup > section article div.tb_info.hide { display:none; }
.popup > section article div.tb_info > h1 { font-size:30px;font-weight:500;display:block;padding:10px 0px;margin-bottom:10px;line-height:30px;text-align: center;}
.popup > section article div.tb_info > h2 { font-size:16px;font-weight:400;color:#666;display:block;margin-bottom:5px;line-height:30px; }
.popup > section article div.tb_info > h2 a { float:right;position:relative;display:inline-block;margin:0px 2px;height:28px;line-height:28px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:13px;background:#999;color:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.popup > section article div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.popup > section article div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
.popup > section article div.tb_info > h2 > span { font-size:13px;color:#999;display:inline-block;vertical-align: bottom;line-height:30px;float:right;}
.popup > section article div.tb_info > h2 > span > b { font-size:16px;color:#e95653;vertical-align: baseline;font-weight:500;}
.popup > section article div.tb_info > p { font-size:13px;font-weight:400;color:#666;display:block;margin-top:10px;line-height:22px; }
.popup > section article div.tb_info > p + p { margin-top:0px; }
.popup > section article div.tb_info > .inner_mask { position:absolute;background:rgba(0,0,0,0.05);top:31px;left:1px;right:1px;bottom:1px;display:block;z-index:2; }
.popup > section article div.tb_info > .inner_mask.status { top:91px; }
.popup > section article div.tb_info div.tips { display:block;margin-top:10px; }
.popup > section article div.tb_info div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:5px; }
.popup > section article div.tb_info div.tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:8px;left:0px;content: ''; }
.popup > section article div.tb_info div.tips > p > b { font-weight:500; }
div.tb_info dl.history { display:block;border: 1px solid #ccc;border-top: 2px solid #404d5e;padding:15px 15px; }
div.tb_info dl.history > dd { display:block;line-height:36px;height:36px;text-align:left; }
div.tb_info dl.history > dd + dd {  border-top: 1px solid #eee; }
div.tb_info dl.history > dd > div.status { float:right;margin-top:7px; }
div.tb_info dl.history > dd > span { color:#999; }
div.tb_info dl.history > dd > span + span { font-size:12px;color:#666;margin-left:10px; }
.popup > section article div.div_info { display:block;position:relative; }
.popup > section article div.div_info > hgroup { display:block;border-bottom:1px solid #ddd; padding-bottom:15px;}
.popup > section article div.div_info > hgroup > h2 { font-size:16px;font-weight: 500;line-height:22px;margin-bottom:5px;}
.popup > section article div.div_info > hgroup > p { font-size:0px;color:#999;}
.popup > section article div.div_info > hgroup > p > span { display: inline-block;font-size:13px;vertical-align: top; line-height:17px;position: relative;}
.popup > section article div.div_info > hgroup > p > span + span { margin-left:21px; }
.popup > section article div.div_info > hgroup > p > span + span::before {position: absolute;top:2px;left:-10px;content: '';width: 1px;height: 13px;background: #ddd;display:block; }
.popup > section article div.div_info > .contents { display:block; padding-top:15px;line-height:20px;}
.popup > section article div.div_info > .files { display:block; padding-top:15px;margin-top:15px;border-top:1px solid #ddd;}
.popup > section article div.div_info > .files > a { display:inline-block;vertical-align: middle;padding:0px 15px;border:1px solid #ddd;line-height:36px;height:36px;}
.popup > section article div.div_info > .reply { display:block; padding:15px;margin-top:15px;border:1px solid #ddd;background: #f5f5f5;}
.popup > section article div.div_info > .reply > h4 { font-size:14px;font-weight: 500;line-height:20px;color:#4573f2;}
.popup > section article div.div_info > .reply > p { font-size:0px;color:#999;margin-bottom:10px;}
.popup > section article div.div_info > .reply > p > span { display: inline-block;font-size:13px;vertical-align: top; line-height:17px;position: relative;}

.popup > section article > h2 { font-size:22px;font-weight: 700;margin-bottom:15px;text-align: center;padding:5px 0px;line-height: 30px;font-family: GmarketSans; letter-spacing: -0.5px;}
.popup > section article div > h2{font-size:20px; font-weight:bold; margin-bottom:10px;}
.popup > section article div > h2.btnBox{display:flex; align-items:center; justify-content:space-between;}
.popup > section article div > h2.btnBox > .btn{font-size:12px; padding:10px 15px; background:#999; color:#fff; line-height:1; border-radius:5px;}
.popup > section article > div.desc { border-top:1px solid #ddd; }
.popup > section article > div.desc > p { line-height:22px;padding:7px 0px;border-bottom:1px solid #ddd;padding-left:85px;position: relative;}
.popup > section article > div.desc > p > b { line-height:22px;color:#999;position: absolute;display:block;top:7px;left:0px;font-weight: 400;}
.popup > section article > div.desc > p.goal > span { font-size:14px;color:#e95653;font-weight: 700;}
.popup > section article > div.desc > p.date > span { font-size:14px; }
.popup.gallery { width:100%;height:100%;background:rgba(0,0,0,0.5); }
.popup.gallery > header { background:transparent;border-bottom:1px solid transparent;position: absolute;top:0px;left:0px;right:0px;z-index:10;}
.popup.gallery > header .close { color:#fff; }
.popup.gallery > section { background:transparent;height:100% !important;overflow-y:hidden !important; }
.popup.gallery > section article { padding:0px; }
.popup.gallery > footer { display:none;background:transparent;border-top:1px solid transparent; }

.popup > ul.tab { line-height:50px;height:50px;padding-left:1px;border-bottom:1px solid #ddd;margin-right:0px;margin-left:0px;margin-top:0px;background:#eee;}
.popup > ul.tab li { display:inline;float:left;background:#eee;font-size:16px;padding:0px 40px;font-weight:600;line-height:50px;margin-bottom:0px;margin-left:0px;border-right:1px solid #ddd;color:#bbb;cursor:pointer; }
.popup > ul.tab li.on { color:#666;background:#fff;height:51px; }

.popup .search { display:inline-block;line-height:40px; white-space:nowrap;font-size:0px;padding:0px;vertical-align: top; position: relative; width:100%;}
.popup .search span {display:inline-block; padding:0px 0px; border:2px solid #ddd; background:#fff; font-size:13px; overflow: hidden;vertical-align: top;border-radius: 5px;position: relative; width:100%;}
.popup .search  span input[type=text] {display:block;width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:400; box-sizing: border-box;}
.popup .search  span input[type=text][data-field=readonly] { background:rgba(233,86,83,0.1);font-weight:400; }
.popup .search  span input[type=text] {width:100%;margin:0px;line-height:36px;height:36px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
.popup .search  span.btn > button { position: absolute;top:0px;right:0px;display:block;line-height:36px;height:36px;border:0px;font-size:18px;width:36px;color:#999;cursor:pointer;background:transparent; vertical-align: middle;}
.popup .search  span.btn > button > i { display:block;line-height:36px;height:36px;border:0px;font-size:18px;width:36px; }

.popup .search  span.btn > button.btn_search_reset{right:25px;}
table.info { border:1px solid #ccc;margin:0px;padding:0px;border-spacing:0px;border-spacing:0px;border-collapse:collapse;width:100%;font-size:13px; color:#333;margin-bottom:0px;}
table.info th { text-align:center;background:#fafafa; border:1px solid #eee;font-weight:400;text-align:left;padding-left:5px;}
table.info td { background:#fff;font-weight:normal;text-align:left; padding:7px 7px; border:1px solid #eee;font-size:0px;}
table.info td.nopad { padding:0px; }
table.info td div.chk_ex { margin-left:21px; color:#999;font-size:12px;margin-top:5px;}
table.info td div.chk_ex + p { margin-top:10px; }
table.info td label em { font-size:13px;font-weight:400;color:#ec635d;display:inline-block;vertical-align: top;margin-left:10px;line-height:20px;}
table.info td label em.gray { color:#999; }
table.info tr th:first-child, table.info tr td:first-child { border-left:0px; }
table.info tr th:last-child, table.info tr td:last-child { border-right:0px; }
table.info tr:first-child th, table.info tr:first-child td { border-top:0px; }
table.info tr:last-child th, table.info tr:last-child td { border-bottom:0px; }
table.info tr.noline th, table.info tr.noline td { border-bottom:0px; }
table.info th > i {color:#e95653;margin-right:2px;vertical-align:middle;display:inline-block;width:14px;height:16px;line-height:16px;font-size:11px;}
table.info th > i.gray { color:#ddd; }
table.info th > span { padding-left:16px;font-size:12px;color:#999;display:block;margin-top:-3px; }
table.info th:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#ddd;margin-right:2px;vertical-align:middle;display:inline-block;width:14px;height:16px;line-height:16px;font-size:11px; content: "\f00c"; }
table.info th.required:before { color:#e95653; }
table.info th.exp { font-size:12px;color:#999; }
table.info th.exp:before { display:none; }
table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
table.info thead th:before { display:none; }
table.info th.exp { font-size:12px;color:#999; }
table.info th.exp:before { display:none; }
table.info thead th { line-height:20px;padding:8px 0px;text-align:center;border-bottom:1px solid #ccc !important; }
table.info thead th:before { display:none; }
table.info th > em { font-size:12px;color:#999;margin-left:16px; }
table.info tr.hide { display:none; }
table.info th.last,
table.info td.last {border-bottom:1px solid #ccc !important;}

table.info td > .star {clear:both; display:inline-block;width:auto;line-height: 26px;font-size:0px;position: relative;white-space:nowrap;vertical-align: middle;padding:7px 0px;}
table.info td > .star > span { display:block;line-height: 26px;font-size:0px;position: relative;white-space:nowrap; }
table.info td > .star > span > i { width:26px;height: 26px;display:inline-block;font-family : 'xeicon' !important;font-size:24px;color:#bbb;vertical-align: middle;}
table.info td > .star > span > i::before { content: "\ea16"; }
table.info td > .star > span > em { display:block;white-space:nowrap;position: absolute;top:0px;left:0px;line-height: 26px;white-space:nowrap;overflow: hidden;}
table.info td > .star > span > em > i { width:26px;height: 26px;display:inline-block;font-family : 'xeicon' !important;font-size:24px;color:#fda94f;}
table.info td > .star > span > em > i::before { content: "\ea0f"; }
table.info td div.textarea { display:block;padding:10px 10px;border:1px solid rgba(0,0,0,0);background:#eee;font-size:13px; overflow: hidden;border-radius: 5px;}
table.info td div.textarea label { display:none; }
table.info td div.textarea textarea {display:block;width:100%;margin:0px;height:150px;font-size:13px;background:transparent;outline: none;resize: none;}
table.info td div.textarea.min textarea { height:80px; }
table.info td div.textarea.mmax textarea { height:250px; }
table.info td div.textarea.max textarea { height:400px; }
table.info td div.textarea.tmax textarea { height:600px; }
table.info td div.textarea.editor { height:449px;padding:0px 0px;border:0px solid #ddd; }
table.info td div.textarea + div.byte { display:block;text-align:right;color:#999;margin-top:5px; font-size:12px;font-weight:400;}
table.info td div.textarea + div.byte > span { float:left;display:inline-block;font-weight:400; }
table.info td div.textarea + div.byte > b { font-size:13px;color:#666; }
table.info td div + div.textarea { margin-top:10px; }
table.info td div.hide + div.textarea { margin-top:0px; }
table.info td div + div.textarea textarea { height:180px; }
table.info td div.row { display:block; }
table.info td div.row + div.row { margin-top:5px; }
table.info td div.row_input { display:block;height:405px;padding:10px;border:1px solid #ddd;overflow: hidden;overflow-y: auto;}
table.info td div.row_input.hide { display:none; }
table.info td div.row_input span { display:block;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;font-size:13px; overflow: hidden;}
table.info td div.row_input span + span { margin-top:5px; }
table.info td div.row_input span.label {position:relative; padding:0px 30px 0px 30px;}
table.info td div.row_input span.label > label { vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.info td div.row_input span.label > em { vertical-align: middle;position:absolute;top:8px;left:0px;width:35px;display:block;color:#fff;background:#666;font-size:12px;height:22px;line-height:22px;z-index:1;padding:0px 0px;text-align:center;}
table.info td div.row_input span input[type=text] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
table.info td div.qr_code { display:block;font-size:0px;text-align:left;}
table.info td div.qr_code > label {  display:inline-block;width:60px;height:100px;box-sizing: border-box;padding:30px 0px;color:#fff;line-height:20px;background: #999;text-align: center;vertical-align: middle; margin-right:12px;}
table.info td div.qr_code > img {  display:inline-block;margin: 0px;padding:0px;vertical-align: middle;cursor:pointer;}
table.info td div.star_input {position: relative;padding:0px 0px;font-size:0px;}
table.info td div.star_input.disabled::after { position: absolute;top:0px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,0);content: '';}
table.info td div.star_input > label { position:relative; display:inline-block;width:40px;padding:0px; height:40px; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow:hidden; }
table.info td div.star_input > label + label { margin:0px; }
table.info td div.star_input > label > input[type=checkbox] { display:none; }
table.info td div.star_input > label > input[type=checkbox] + span  { display:inline-block;line-height:40px;vertical-align:middle; }
table.info td div.star_input > label > input[type=checkbox] + span:before { position:absolute; top:0px; left:0px; width:40px;height:40px; border-radius: 0px; border:0px solid rgba(0,0,0,0.2);content:'\ea16'; display:block; font-family:"xeicon"; font-size:26px; line-height:40px;text-align:center; }
table.info td div.star_input > label > input[type=checkbox]:checked + span  { color:#d71920; -webkit-tap-highlight-color:transparent; }
table.info td div.star_input > label > input[type=checkbox]:checked + span:before { content:'\ea0f'; color:#d71920; }
table.info td div.star_input > span {display:block; position:relative; width:40px; float:left; height:30px; margin:0; padding:0px; line-height:normal;}
table.info td div.star_input > span > button {display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; vertical-align:middle;background: transparent; color:#bbb;}
table.info td div.star_input > span > button:after {content:'\ea16'; display:block; font-family:"xeicon"; font-size:26px; line-height:40px;}
table.info td div.star_input > span.checked > button:after {content:'\ea0f'; color:#d71920;}
table.info td ul.thum { display:block;padding:0px;font-size:0px;background:transparent;margin:-10px; }
table.info td ul.thum > li { display:inline-block;font-size:13px;width:25%;padding-top:10px; }
table.info td ul.thum > li > p { display:block;margin:0 auto;text-align:center;font-size:12px;line-height:20px;color:#999;background:#eee;width:80px;border:1px solid #ccc;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; }
table.info td ul.thum > li > div { position: relative;margin:10px 10px 10px 10px;border:1px solid #ddd;height:100px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;}
table.info td ul.thum > li > div > input[type=file]{ position: absolute;top:0px;left:0px;line-height:100px;font-size:100px;height:100px;opacity: 0;width:100%;}
table.info td ul.thum > li > div > a { font-size:14px;width:22px;height:22px;line-height:22px;text-align:center;display: none;position: absolute;top:2px;right:2px;background:rgba(0,0,0,0.2);color:#fff;}
table.info td ul.multi_thum { display:block;padding:5px 5px;font-size:0px;background:transparent;margin:0px;border:1px solid #ddd;background:#fff; }
table.info td ul.multi_thum > li { display:inline-block;font-size:13px;width:25%; }
table.info td ul.multi_thum > li > p { display:block;margin:0 auto;text-align:center;font-size:12px;line-height:20px;color:#999;background:#eee;width:100px;border:1px solid #ccc;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; }
table.info td ul.multi_thum > li > div.picture { position: relative;margin:5px 5px 5px 5px;border:1px solid #ddd;height:130px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: contain;}
table.info td ul.multi_thum.banner > li { width:20%; }
table.info td ul.multi_thum.banner > li > div.picture { height:110px; }
table.info td ul.multi_thum > li > div.picture a.att_btn { display:none;position:absolute;top:10px;left:50%;margin-left:-35px;height:30px;padding:0px;line-height:30px;width:70px;color:#fff;background:rgba(153,153,153,0.9);border:1px solid #aaa;overflow:hidden;text-align:center;cursor:pointer;font-weight:400; }
table.info td ul.multi_thum > li > div.picture:hover a.att_btn { display:block; }
table.info td ul.multi_thum > li > div.picture a.att_btn > input[type=file] { position:absolute;top:0px;left:0px;width:100%;height:38px;line-height:38px;font-size:38px;cursor:pointer;background:#999;padding:0px;margin:0px;opacity:0;}
table.info td ul.multi_thum > li > div.picture div.checkbox  { display:none;position:absolute;bottom:0px;left:0px;right:0px;padding:7px 10px;border:1px solid transparent;vertical-align: middle;background:rgba(255,255,255,0.8);}
table.info td ul.multi_thum > li > div.picture a.detail_btn { display:none;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;height:38px;padding:0px;line-height:38px;width:38px;color:#fff;background:rgba(146,113,203,0.9); border:1px solid rgba(146,113,203,1); text-align:center;cursor:pointer;font-weight:400; -webkit-border-radius: 20px;-khtml-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
table.info td ul.multi_thum > li.is_thum > div.picture div.checkbox { display:block; }
table.info td ul.multi_thum > li.is_thum > div.picture:hover a.detail_btn { display:block; }
table.info td ul.multi_thum > li > div.picture { background-image: url(../img/no_img.gif); }
table.info td div.download { position:relative;padding:0px 0px;line-height:20px;border-top:1px solid #ddd;margin-top:7px;padding-top:7px;color:#666;font-size:12px;}
table.info td div.download > b {font-weight:500;color:#e95653;}
table.info td div.download a { position:absolute;top:15px;right:0px;height:28px;line-height:28px;font-size:12px;width:auto;color:#777;border:1px solid #bbb;font-weight:400;background:#eee;overflow:hidden;text-align:center;cursor:pointer;padding:0px 20px;border-radius: 20px;}
table.info td div.download a > i { margin-right:5px;vertical-align:middle; }
table.info td div.tips { display:block;margin-top:7px !important;padding-top:7px !important;border-top:1px solid #ddd; }
table.info td div.tips > p { position: relative;font-size:12px;color:#999;text-align:left; line-height:18px;padding-left:5px; }
table.info td div.tips > p::before { display:block;width:2px;height:2px;background:#666;position: absolute;top:8px;left:0px;content: ''; }
table.info td div.tips > p > b { font-weight:500; }
table.info td div.recommend { position: relative; }
table.info td div.recommend > a.btn { display:block;background:#999;width:auto;padding:0px;border:0px;height:30px;line-height:30px;width:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.6;font-size:14px;}
table.info td div.recommend > span { font-size:12px;line-height:18px;color:#999; }
table.info td div.spl span { display:block;padding:0px 0px;border:1px solid rgba(0,0,0,0);background:#eee;font-size:13px; overflow: hidden;border-radius: 5px;}
table.info td div.spl span.readonly { background:rgba(233,86,83,0.1); }
table.info td div.spl span.btn { position: relative;}
table.info td div.spl span > a { position:absolute;top:0px;right:0px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400;border: 0px solid #aaa; }
table.info td div.spl span > .countdown { position:absolute;top:0px;right:65px;height:38px;line-height:38px;width:auto;padding:0px 10px;color:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400;border: 0px solid #aaa; }
table.info td div.spl span > a.red { background:#e95653; }
table.info td div.spl span > a.confirm { background:#313a73;padding:0px 20px; }
table.info td div.spl span > a.search { background:#313a73;padding:0px 20px; }
table.info td div.spl span > a.copy { background:#666;padding:0px 20px; }
table.info td div.spl span > a[data-role=enabled] { background:#666; }
table.info td div.spl span > a[data-role=enabled]::before { content:'사용가능' }
table.info td div.spl span > a[data-role=disabled] { background:#bbb; }
table.info td div.spl span > a[data-role=disabled]::before { content:'중복확인' }
table.info td div.spl span.select { position:relative;padding:0px 0px;border:1px solid rgba(0,0,0,0);background:#eee;cursor:pointer;vertical-align: middle;overflow: hidden;}
table.info td div.spl span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:38px;height:38px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;}
table.info td div.spl span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#bbb;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.info td div.spl span.select select.role > option[data-role=is_ev_end] { color:#313a73;background:#ddd; }
table.info td div.spl span.select select.role > option[data-role=is_ev_ing] { color:#313a73;background:#d3eef0; }
table.info td div.spl span.select select.role > option[data-role=no_ev_end] { color:#bbb;background:#ddd; }

table.info td div.spl span.select select > option:disabled { color: #bbb; background: #eee;}
table.info td div.spl span.select select > option.bold { background: #d7e3ff;}

table.info td div.spl span + .txt{display:inline-block; color:#999; margin-left:10px;}

.minicolors-swatch, .minicolors-swatch-color { border: 0px !important;cursor: pointer;}

table.info td input[data-role=colorpick] {margin:0px;line-height:38px;height:38px;width:80px;;padding:0px 10px 0px 40px;border:1px solid #ddd;background:#f5f5f5;font-size:13px;letter-spacing:normal;outline: none;font-weight:400;}
.minicolors-theme-default .minicolors-swatch { width:30px;height:30px; }
table.info td div.spl.inline { display:inline-block; margin-left:2%;}
table.info td div.spl.inline.hide { display:none; }
table.info td div.spl span textarea{width:100%; resize:none; padding:5px; font-size:13px; font-weight:400;}
table.info td div.spl span input[type=text],
table.info td div.spl span input[type=date],
table.info td div.spl span input[type=time],
table.info td div.spl span input[type=password] {min-width:125px; width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:400;}
table.info td div.spl span input[type=password] {font-family: sans-serif;}
table.info td div.spl span input[type=text][data-field=readonly] { 	background:rgba(215,227,255,0.4);font-weight:400; }
table.info td div.spl span input[type=text],
table.info td div.spl span input[type=password] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;}
table.info td div.spl span input[type=text].uppercase { text-transform: uppercase; }
table.info td div.spl span input[type=text]:disabled,
table.info td div.spl span input[type=password]:disabled,
table.info td div.spl span select:disabled,
table.info td div.spl span textarea:disabled  { background:rgba(153,108,51,0.1); }
table.info td div.spl div.file { position:relative;padding:0px 0px; }
table.info td div.spl div.file a { position:absolute;top:4px;right:4px;height:32px;line-height:32px;width:55px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400;border: 0px;border-radius: 3px;}
table.info td div.spl div.file a input[type=file] { position:absolute;top:0px;left:0px;width:100%;height:32px;line-height:32px;font-size:38px;cursor:pointer;background:#999;padding:0px;margin:0px;opacity:0;}
table.info td div.spl div.post { position:relative;display:inline-block;width:220px;;margin-left:1%;vertical-align: middle;background:#fff; margin-bottom:0px;}
table.info td div.spl div.post a { position:absolute;top:4px;right:4px;height:32px;font-size:13px;line-height:32px;width:54px;color:#fff;font-weight:400;background:#999;overflow:hidden;text-align:center;cursor:pointer;border-radius: 3px;border:0px; }
table.info td div.spl div.post + .checkbox { display:inline-block;vertical-align: top;}
table.info td div.spl div.load { position:relative;padding:0px 0px; }
table.info td div.spl div.load a { position:absolute;top:0px;right:0px;height:38px;line-height:38px;width:80px;color:#fff;background:#999;overflow:hidden;text-align:center;cursor:pointer;font-weight:400; }
table.info td div.spl div.load a.del { position:absolute;top:0px;right:115px;height:38px;line-height:38px;width:60px;color:#fff;background:#bbb;overflow:hidden;text-align:center;cursor:pointer;font-weight:400; }
table.info td div.spl div.load a.del.hide { display:none; }
table.info td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.won:after { content:"원";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;}
table.info td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.info td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
table.info td div.spl span.label.pre {position:relative; padding:0px 40px 0px 50px;}
table.info td div.spl span.label.pre.right > input {text-align:right;}
table.info td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
table.info td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
table.info td div.spl span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.info td div.hide_wrap { display:none;padding:0px 0px;margin-top:5px; }
table.info td a { display:inline-block;padding:0px 15px;border:1px solid #ccc;background:#fff;font-size:13px;line-height:36px;height:36px;border-radius: 5px;color:#999;}
table.info td a.excel {position:relative;display:inline-block;margin:0px 0px;height:38px;line-height:38px;width:auto;color:#fff;font-weight:400; vertical-align: middle;font-size:13px;background:#197b30;text-align:center;cursor:pointer; border:1px solid rgba(0,0,0,0.1);padding:0px 15px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; }
table.info td a.excel > i { display:inline-block;height:38px;line-height:38px;vertical-align: bottom;margin-right:5px;}
table.info td a.toggle + div { margin-top:5px; }
table.info td a.excel + a.excel { margin-left:5px;background: #439467;}
table.info td a.toggle[data-toggle=N] + div { display:none; }
table.info td a.toggle[data-toggle=Y] + div { display:block; }
table.info td a.add_file { padding:0px;width:38px;text-align: center;}
table.info td a.add_file::before {  font-family: 'xeicon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size:18px;}
table.info td a.add_file[data-val=ADD]::before {  content: "\e913"; }
table.info td a.add_file[data-val=REMOVE] { border:1px solid #aaa;background:#eee; }
table.info td a.add_file[data-val=REMOVE]::before {  content: "\e91a"; }
table.info td div.ex { display:inline-block;padding:0px 0px;font-size:13px;margin-left:1% !important;vertical-align: middle;color:#999;line-height: 38px;}
table.info td div.ex > em { font-size:12px;color:#e95653;display:inline-block;line-height: 20px;vertical-align: bottom;margin-left:3px;}
table.info td p.ex { display:block;padding:0px 0px !important;font-size:12px !important;vertical-align: middle;color:#999; }
table.info td div.thum { height:83px;width:83px;border:1px solid #ddd;padding:0px;vertical-align:bottom; margin-bottom:0px;background-repeat: no-repeat;background-position: center;background-size: contain;cursor:pointer; }
table.info td div.thum_sec { float:left;display:inline-block;width:85px;padding-right:10px;display:none; }
table.info td div.thum_sec.is_thum { display:inline-block; }
table.info td div.att_sec.toogle { display:none; }
table.info td div.att_sec.toogle.opened { display:block; }
table.info td div.att_sec.toogle[data-no="0"] { display:block; }
table.info td div.att_sec { margin-left:0px; }
table.info td div.att_sec + div.att_sec { margin-top:11px;position: relative;}
table.info td div.att_sec + div.att_sec::before {content: '';background: #eee;width:100%;height:1px;display:block;position: absolute;top:-6px;}
table.info td div.att_sec > .file { display:none;line-height:28px;height:28px;padding:0px 10px;margin-right:5px; }
table.info td div.att_sec > .file.is_file { display:inline-block;vertical-align: middle;max-width:150px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom: 5px;}
table.info td div.att_sec > .file + .checkbox { display:none; }
table.info td div.att_sec > .file.is_file + .checkbox { display:inline-block;vertical-align: middle;width:auto; }
table.info td div.thum_sec + div.att_sec > .checkbox { display:none; }
table.info td div.thum_sec + div.att_sec > div.spl { margin-top:0px !important; }
table.info td div.thum_sec.is_thum + div.att_sec > .checkbox { display:block; }
table.info td div.thum_sec.is_thum + div.att_sec { margin-left:95px; }
table.info td div.thum_sec.is_thum + div.att_sec > div.spl { margin-top:5px !important; }
table.info td div.thum_sec.is_thum + div.att_sec > div.spl > div { margin-left:0px; }
table.info td label { padding-left:18px;vertical-align: bottom; height:18px;line-height:18px;}
table.info td label.hide { display:none; }
table.info td label > span { display:inline-block !important;padding:0px 0px !important;border:0px solid #ddd !important;background:transparent !important;font-size:auto !important; height:18px !important;line-height:18px !important;vertical-align: top !important;}
table.info td label > span > em { display:inline-block;margin-left:5px;font-size:12px;color:#999;vertical-align: middle;}
table.info td label > span > b { display:inline-block;margin-left:5px;font-size:12px;color:#e95653;vertical-align: middle;font-weight:400;}
table.info td label > span > b[data-val=""] { display:none; }
table.info td label > span > b[data-val="0"] { display:none; }
table.info td label > span > b:before { content: attr(data-val); }
table.info td label > input[type=checkbox] + span:before { width:16px;height:16px; vertical-align: middle;}
table.info td label > input[type=checkbox]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
table.info td label > input[type=radio] + span:before { width:16px;height:16px;vertical-align: middle; }
table.info td label > input[type=radio]:checked + span:before { font-size:16px;line-height:16px; vertical-align: middle;}
table.info td label + label { margin-left:10px; }
table.info td label.hide + label { margin-left:0px; }
table.info td label > a.btn { height:18px;line-height:18px;padding:0px 2px;;margin:0px;display:inline-block;text-decoration: underline;color:#313a73;}
table.info td label > a.btn:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;display:inline-block;color:#313a73;font-size:15px;height:18px;line-height:18px;z-index:1;margin-left:5px;}
table.info td label > a.btn[data-val=Y]:after { content:"\f106";}
table.info td img.thum + label { vertical-align:bottom; }
table.info td p.tit { font-size:13px;display:block; color:#bbb;font-weight:400;margin-bottom:7px;}
table.info td div.txt { font-size:13px;display:block; }
table.info td div.txt > b { font-weight: 500; }
table.info td div + div.txt { margin-top:5px; }
table.info td div.txt a { position:absolute;top:0px;right:0px;height:35px;line-height:35px;width:100px;color:#666;font-weight:500;background:#fff;overflow:hidden;text-align:center;cursor:pointer; border:1px solid #bbb;}
table.info td div.scrolling { position:relative;padding:0px 0px;height:210px;border:1px solid #ddd;overflow:hidden;overflow-y:scroll;overflow-x:auto;width:auto;}
table.info td div + div.scrolling { margin-top:5px; }
table.info td div.scrolling.h_auto { height:auto;overflow:hidden;overflow-y:hidden;}
table.info td div.scrolling.h_max { height:250px;display:block;}
table.info td div.scrolling.h_min { height:150px;display:block;}
table.info td div.scrolling.hide { display:none; }
table.info td div.scrolling_btn_area { padding:7px 10px;border:1px solid #ddd;margin-top:-1px;background:#eee;text-align:left;}
table.info td.nopad div.scrolling { border:0px solid #ddd; }
table.info td.nopad div.scrolling_btn_area { border:0px solid #ddd; }

table.info td > .qrcode { display:block;height:200px;position: relative;}
table.info td > .qrcode > .code { display:block;width:180px;font-size:12px;color:#999;position: absolute;top:0px;right:0px;}
table.info td > .qrcode > img { display:block;margin:0px;height:200px; }

table.info td div.scrolling_btn_area a {display:inline-block; padding:0px 12px;line-height:30px;height:30px;background:#fff;border:1px solid #ddd;color:#777;text-align:center;cursor:pointer;border-radius:4px;}
table.info td div.scrolling_btn_area a > i { font-size:13px;display:inline-block;margin-right:5px; }
table.info td div.scrolling_btn_area a.get	 { position:relative;background:#4573f2;color:#fff;border:1px solid rgba(0,0,0,0.1);float:right; }
table.info td div.scrolling_btn_area a.add { position:relative;background:#4573f2;color:#fff;border:1px solid rgba(0,0,0,0.1);padding-right:30px; }
table.info td div.scrolling_btn_area a.add:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#fff;font-size:15px;height:30px;line-height:30px;z-index:1;}
table.info td div.scrolling_btn_area > .rt { display:inline-block;float:right; }
table.info td div.scrolling_btn_area a.add dl {display:none; position:absolute;top:31px;right:-1px;background:#fff;border:1px solid #ccc;width:360px;overflow: hidden;z-index:1;}
table.info td div.scrolling_btn_area a.add dl > dd { display:inline-block;float:left;width:150px;border-top:1px solid #ddd;background:#fff;border-left:1px solid #ddd;padding:0px 15px;line-height:30px;margin-left:-1px;margin-top:-1px; }
table.info td div.scrolling_btn_area a.copy { position:relative;background:#999;color:#fff;border:1px solid rgba(0,0,0,0.1);padding:0px 15px; }
table.info td div.scrolling.input { height:250px;padding:10px;}
table.info td div.txt_ex  { position:relative;padding:10px 0px;line-height:20px;min-height:20px;border:0px solid #ddd; }
table.info td > div.status { line-height: 38px !important;height: 38px !important; }
table.info td > div.status > b { display:inline-block;font-weight:400; padding:0px 2px;min-width:100px;line-height: 38px !important;height: 38px !important;font-size:13px;border-radius: 20px;vertical-align: middle;text-align:center; }
table.info td > div.status > b:before { display:block;line-height: 38px !important;height: 38px !important; }
table.info td > div.status > span  {display:inline-block;margin-left:10px;color:#313a73;line-height:40px;vertical-align:bottom;;border:0px solid #ddd;background: transparent;}
table.info td div.txt_ex > .att_img { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > .att_img img {  max-width:30%;height: auto; width: auto\9; /* ie8 */display:inline-block; cursor: pointer;vertical-align: top;}
table.info td div.txt_ex > .att_img img + img { margin-left:10px; }
table.info td div.txt_ex > .att_img a { width:150px;padding:0px;height:150px;display:inline-block;background-position: center;background-repeat: no-repeat;background-size: cover;border:2px solid rgba(0,0,0,0.1);}
table.info td div.txt_ex > .att_img a + a { margin-left:5px; }
table.info td div.txt_ex > .att_file { display:block;width:100%;margin:10px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > .att_file a { max-width:150px;padding:0px;height:30px;line-height:30px;padding:0px 10px;display:inline-block;display:inline-block;vertical-align: middle;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
table.info td div.txt_ex > .att_file a + a { margin-left:5px; }
table.info td div.txt_ex > .thum { display:block;width:100%;padding-top:100%;background-color:#ddd;background-position: center;background-repeat: no-repeat;background-size: contain;margin:0px 0px 0px 0px;font-size:0px; }
table.info td div.txt_ex > b {font-size:14px;line-height:20px;margin:0px;padding:0px;display:inline-block;vertical-align:bottom;font-weight:500;}

table.info td div.txt_ex > strong { display:inline-block;font-weight:400;white-space: nowrap;font-size:0px;line-height:20px; vertical-align: bottom;}
table.info td div.txt_ex > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:13px;}
table.info td div.txt_ex > strong > i { display:inline-block;line-height:20px;vertical-align: bottom; color:#999;margin:0px 5px;font-size:13px;}
table.info td div.txt_ex > strong > i:nth-of-type(3) { display:none; }
table.info td div.txt_ex > strong > span:nth-of-type(4) { display:none; }

table.info td dl.history { border: 0px;background: #f8f8f8;padding:10px 15px;}

table.info td div.txt_ex > h4 {font-size:20px;line-height:24px;margin:0px;padding:0px;display:block;vertical-align:bottom;font-weight:500;text-align: center;position: relative;}
table.info td div.txt_ex > h4 > span { display:block;line-height:20px;font-size:13px;color:#999;font-weight:400; }
table.info td div.txt_ex > h4 > a { position:absolute;top:5px;right:0px;;display:inline-block;margin:0px 2px;height:34px;line-height:34px;width:auto;color:#666;font-weight:400; vertical-align: middle;font-size:13px;background:#fff;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
table.info td div.txt_ex > h4 > a.cyanbg { position:relative;background:#313a73;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.bluebg { position:relative;background:#4573f2;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.redbg { background:#ec635d;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.graybg { background:#999;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a.blackbg { background:#404d5e;border:1px solid rgba(0,0,0,0.2);color:#fff;}
table.info td div.txt_ex > h4 > a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
table.info td div.txt_ex > span  {display:inline-block;margin-left:5px;color:#313a73;line-height:21px;vertical-align:bottom;}
table.info td div.txt_ex.blue {color:#313a73;}
table.info td div.txt_ex.red {color:#e95653;}
table.info td div.txt_ex.gray {color:#999;}
table.info td div.txt_ex > a { text-decoration: underline;cursor:pointer;color:#d71920;line-height:20px;border:0px solid #ddd;height:auto;padding:0px 10px;}
table.info td div.txt_ex > a.btn {text-decoration:none; display:block;background:#404d5e;width:auto;padding:0px 20px;height:36px;line-height:36px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-18px;right:0px;border-radius: 5px; opacity:0.8;}
table.info td div.txt_ex > a.btn.play { background:#ec635d;font-size:18px;}
table.info td div.txt_ex > p { margin-left:10px; }
table.info td div.txt > b.big { font-size:34px;font-weight:500;color:#ec635d;line-height:50px; display:inline-block;}
table.info td div.txt > b.big > i { font-size:16px;font-weight:400;display:inline-block;margin-left:3px; }
table.info td div.txt > p { color:#888; }
table.info td div.txt > p > b { font-size:16px;font-weight:500;color:#666; }
table.info td div.txt > p > b > i { font-size:13px;font-weight:400;display:inline-block;margin-left:0px; }
table.info td div.checkbox  { padding:10px 0px;border:1px solid transparent;vertical-align: middle;font-size: 0px;}
table.info td div.checkbox.min { max-height:200px;overflow: hidden;overflow-y: auto;}
table.info td div.checkbox + div.add_opt { margin-left:20px; }
table.info td div.checkbox.half  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.half > label { min-width:100px; }
table.info td div.checkbox.qt  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.qt > label { width:20%; }
table.info td div.checkbox.qt > label + label { margin-left:0px; }
table.info td div.checkbox.th  { padding:9px 0px;border:0px solid #ddd; }
table.info td div.checkbox.th.worktypes  { line-height:22px;padding:5px 0px; }
table.info td div.checkbox.th > label { width:33.3333%;box-sizing: border-box;}
table.info td div.checkbox.th > label + label { margin-left:0px; }
table.info td div.checkbox.th > label > input[type=checkbox]:checked + span:before { background: #e95653;color:#fff; }
table.info td div.checkbox.th > label > input[type=checkbox]:checked + span { color:#e95653;font-weight:500; }
table.info td div.checkbox.thr > label { width:12%; }
table.info td div.checkbox.thr > label + label { margin-left:0px; }

table.info td div.checkbox.disable label { cursor:default !important; }
table.info td div.checkbox.inline { display:inline-block; }
table.info td.defect_img { background: #fafafa;}

table.info td > .radio.flex{display:flex; gap:10px; flex-wrap:wrap;}
table.info td > .radio.flex > label + label{margin-left:0px;}

/* 영역분할 */
div.spl { display:block;margin-left:-1%; font-size:0px;vertical-align: middle;}

div.spl.flex{display:flex;}
div.spl.flex > .btn{margin-left:1%;}
div.spl.flex > .xi{font-size:15px; margin-left:auto; cursor: pointer; display:flex; align-items:center;}

div.spl > .txtBox > div{display:flex; align-items:end; gap:3px; font-weight:700; font-size:17px; line-height:1.2;}
div.spl > .txtBox > div > span{font-size:13px; font-weight:500; color:#999; background:transparent !important;}
div.spl > .txtBox > span{color:#999; background:transparent !important; line-height:1.2;}

div + div.spl { margin-top:5px; }
div.checkbox + div.spl { margin-top:0px; }
div.spl.nmt { margin-top:0px; }
div.spl.hide { display:none; }
div.spl > div {display:inline-block;vertical-align: middle;margin-left:1%;}
div.spl > div.hide { display:none; }

div.spl > div.auto {width:auto;}
div.spl > div.flex{display:flex; align-items:center;}

div.spl .s80 { width:80px; }
div.spl .s100 { width:100px; }
div.spl .s110 { width:110px; }
div.spl .s120 { width:120px; }
div.spl .s130 { width:130px; }
div.spl .s140 { width:140px; }
div.spl .s150 { width:150px; }
div.spl .s160 { width:160px; }
div.spl .s170 { width:170px; }
div.spl .s180 { width:180px; }
div.spl .s190 { width:190px; }
div.spl .s200 { width:200px; }
div.spl .s250 { width:250px; }

div.spl > div.s_1i2 {width:49%;}
div.spl > div.s_2i2 {width:99%;}

div.spl > div.s_1i3 {width:32.3333%;}
div.spl > div.s_2i3 {width:65.6666%;}
div.spl > div.s_3i3 {width:99%;}

div.spl > div.s_1i4 {width:24%;}
div.spl > div.s_2i4 {width:49%;}
div.spl > div.s_3i4 {width:74%;}
div.spl > div.s_4i4 {width:99%;}

div.spl > div.s_1i5 {width:19%;}
div.spl > div.s_2i5 {width:39%;}
div.spl > div.s_3i5 {width:59%;}
div.spl > div.s_4i5 {width:79%;}
div.spl > div.s_5i5 {width:99%;}

div.spl > div.s_1i6 {width:15.6666%;}
div.spl > div.s_2i6 {width:32.3333%;}
div.spl > div.s_3i6 {width:49%;}
div.spl > div.s_4i6 {width:65.6666%;}
div.spl > div.s_5i6 {width:82.3333%;}
div.spl > div.s_6i6 {width:99%;}

div.spl > div.s_1i10 {width:9%;}
div.spl > div.s_2i10 {width:19%;}
div.spl > div.s_3i10 {width:29%;}
div.spl > div.s_4i10 {width:39%;}
div.spl > div.s_5i10 {width:49%;}
div.spl > div.s_6i10 {width:59%;}
div.spl > div.s_7i10 {width:69%;}
div.spl > div.s_8i10 {width:79%;}
div.spl > div.s_9i10 {width:89%;}
div.spl > div.s_10i10 {width:99%;}

div.spl > div.s_12p {width:12%;}
div.spl > div.s_pre {width:100px;}
div.spl > div.s_won {width:120px;}
div.spl > div.s_won + label { margin-left:20px; }
div.spl > div.s_date {width:120px;}
div.spl > div.in_th {width:100px;}

div.spl > div.s_term {width:44%;}
div.spl > div.s_term_ex {width:9%;text-align: center;}

div.spl > div.s_1n2{width:calc(100% - 200px);}
div.spl > div.s_1n112{width:calc(100% - 112px);}

.s30p{width:30%;}
.s40p{width:40%;}
.s45p{width:45%;}
.s50p{width:50%;}
.s55p{width:55%;}
.s60p{width:60%;}
.s70p{width:70%;}
.s100p{width:100%;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
/* @영역분할 */


.grid_wrap { padding:0px 0px; position:relative;}

.grid_wrap.flex{display:flex; gap:40px;}

.table_box {position: relative;display:block;border:1px solid #d1d1d1;border-top:2px solid #404d5e;border-left:0px;border-right:0px;overflow: hidden;overflow-x: auto;}
.table_box > .table_head { position:absolute;overflow-y: hidden;overflow-x:hidden;display:block;height:44px;margin:0px 0px; left:0px;right:0px;top:0px;z-index:1;background:#fff;box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.1);}
.table_box > .table_foot { display:none; }

/* 목록테이블 설정( 타입1 ) */
table.list { min-width:100%;font-size:13px; color:#333;margin:0px;padding:0px;border-spacing:0px;border-collapse:collapse;height:100%;margin:0px; }
table.list th { text-align:center; border-top:0px solid #ccc;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #ccc;font-weight:400;color:#666;line-height:18px;height:36px;padding:5px 20px;background:#f8f8f8; white-space: nowrap;letter-spacing:normal;}
table.list th:first-child { border-left:0px solid #ccc; }
table.list td:first-child { border-left:0px solid #ccc; }
table.list th:last-child { border-right:0px solid #ccc; }
table.list td:last-child { border-right:0px solid #ccc; }
table.list tr:last-of-type > td{border-bottom:0px;}
table.list tbody.init { display:none; }
table.list tr.trow > th { height:28px;padding:0px 20px;}
table.list.tr_ln tr { cursor:pointer; }
table.list td.cell_link { cursor:pointer; }
table.list td { font-weight:normal;text-align:center; border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:0px solid #e9e9e9;border-right:0px solid #e9e9e9;white-space: nowrap;padding:7px 15px; letter-spacing:normal;line-height:18px;height:32px;position: relative;}
table.list.min th { padding:0px 7px; }
table.list.min td { padding:2px 7px; }
table.list td.chkbox { width:40px; }
table.list td.no { width:7%; }
table.list td.type { width:12%; }
table.list td.title { width:auto; }
table.list td.writer { width:10%; }
table.list td.date { width:13%; }

table.list td.s05 { width:5%; }
table.list td.s06 { width:6%; }
table.list td.s07 { width:7%; }
table.list td.s08 { width:8%; }
table.list td.s09 { width:9%; }
table.list td.s10 { width:10%; }
table.list td.s11 { width:11%; }
table.list td.s12 { width:12%; }
table.list td.s13 { width:13%; }
table.list td.s14 { width:14%; }
table.list td.s15 { width:15%; }
table.list td.s20 { width:20%; }
table.list td.title { width:auto; }

table.list td.left { text-align:  left !important; }
table.list td.worktypes { padding:7px 0px;width:250px; }
table.list td.worktypes > p { font-size:12px;display:block;line-height:22px; }
table.list td.worktypes > p + p { border-top:1px solid #ddd; }
table.list th > i.sort {position:absolute;top:0;right:0;bottom:0;height:100;padding:0px 0px;width:15px;border-left:1px solid #ddd;background:transparent;cursor:pointer;z-index:9;display: block; content:'';font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#ccc; font-size:13px; }
table.list th > i.sort::before { content: "\f0dc"; line-height:20px;height:20px;position:absolute;right:0px;top:50%;display:block;margin-top:-10px;width:15px; }
table.list th > i.sort[data-sort=ASC], table.list th > i.sort[data-sort=DESC] { color:#333; }
table.list th > i.sort[data-sort=ASC]::before { content: "\f0de";}
table.list th > i.sort[data-sort=DESC]::before { content: "\f0dd";}
table.list th > a.sort {position: relative;padding:0px 0px;background:transparent;cursor:pointer;display: block; content:'';text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:13px;color:#666; }
table.list th > a.sort::before { font: normal normal normal 14px/1 FontAwesome; content: "\f0dc"; line-height:32px;height:32px;position:absolute;right:-20px;top:50%;display:block;margin-top:-16px;width:15px;border-left:1px solid #eee; color:#ccc; }
table.list th > a.sort[data-sort=ASC], table.list th > a.sort[data-sort=DESC] { font-weight:500;color:#111; }
table.list th > a.sort[data-sort=ASC]::before, table.list th > a.sort[data-sort=DESC]::before { color:#111; }
table.list th > a.sort[data-sort=ASC]::before { content: "\f0de";}
table.list th > a.sort[data-sort=DESC]::before { content: "\f0dd";}
table.list tr.trow th > a.sort::before {line-height:28px;height:28px;margin-top:-14px;}
table.list th.th_sort { background:#eee;border-right:1px solid #eee;padding:0px; }
#sortable_list > tr > td.move_handler { width:20px;font-size:14px;padding:0px;background:#eee;color:#666;cursor: move;border-right:0px solid #ccc;}
#sortable_list > tr.tr-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:50px;}
#sortable_list > tr.tr-placeholder > td { background: transparent;border: 0px;}
#sortable_list > tr.ui-sortable-helper { display:table !important;}
#sortable_list > tr.ui-sortable-helper > td { background:rgba(255,255,255,0.7);}
#sortable_list > tr.ui-sortable-helper > td > a { display:none; }
table.list tr > td.move_handler { width:20px;font-size:14px;padding:0px;background:#eee;color:#666;cursor: move;border-right:0px solid #ccc;}
table.list tr.tr-placeholder { border: 2px dashed #ccc; background: #eee7e3;box-sizing: border-box;height:50px;}
table.list tr.tr-placeholder > td { background: transparent;border: 0px;}
table.list tr.ui-sortable-helper { display:block !important;}
table.list tr.ui-sortable-helper > td { background:rgba(255,255,255,0.7);}
table.list tr.ui-sortable-helper > td > a { display:none; }
table.list th.hide, table.list td.hide { display:none; }
table.list th > i.guide {position:absolute;top:0px;left:0px;height:0px;padding:0px 0px;width:0px;border-top: 10px solid #fddd9b;border-bottom: 10px solid transparent;border-right: 10px solid transparent;color:#ccc;}
table.list th em { font-size:12px;color:#999; }
table.list th span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list th.fix_td { width:50px; }
table.list th > label > input[type=checkbox] + span,
table.list td > label > input[type=checkbox] + span { margin:0px; }
table.list td div.thum {display:inline-block;width:40px;height:40px;border: 1px solid #ccc;background-image:url(../img/no_img.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;vertical-align: middle;}
table.list td > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > span.red { color:#8c2332; }
table.list td > span.inline { display:inline;}
table.list td > div.profile { text-align:left;position: relative;padding:0px 10px;}
table.list td > div.profile > strong { font-weight:400; }
table.list td > div.profile > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.profile > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}

table.list td > a.lbtn {display:inline-block; color:#5ae5df; width:auto; border: 2px solid #5ae5df; padding:0px 15px; height:30px; line-height:30px; text-align:center; background:#fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:13px; font-weight:600;}

table.list td > div.lining { text-align:center;padding-right:0px;}
table.list td.left > div.lining { text-align : left; }
table.list td.right { text-align: right;}
table.list td > div.lining.sc { padding:10px 10px;}
table.list td > div.lining.items{display:flex; justify-content:flex-start; align-items:center; gap:5px;}
table.list td > div.lining > .select > select[name="listPayStatus"]{width:85px}

table.list td > div.lining > strong { font-weight:400;white-space: nowrap; }
table.list td > div.lining > strong > span { display:inline-block;line-height:20px;vertical-align: bottom;font-size:12px;color:#666;}
table.list td > div.lining > strong > i { display:inline-block;line-height:20px;vertical-align: bottom; color:#999;margin:0px 5px;font-size:13px;}
table.list td > div.lining > strong > i:nth-of-type(3) { display:none; }
table.list td > div.lining > strong > span:nth-of-type(4) { display:none; }
table.list td > div.lining > i.files { display:inline-block;line-height:20px;vertical-align: bottom; color:#404d5e;margin:0px 5px;font-size:16px;transform: rotate( -30deg );}
table.list td > div.lining > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}
table.list td > div.lining > i.thum.sq { border-radius: 0%;width:38px;height:38px; }

table.list td > div.lining > i.dropIcon{margin-left:5px; display:inline-block;}
table.list td > div.lining > i.dropIcon::after{content: "\e936"; font-family:"xeicon"; display:inline-block; font-size:15px; width:15px; color:#ccc;}
table.list td > div.lining > i.dropIcon.on::after{content: "\e930";}

table.list td > div.lining > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.lining > span.black { color:#333; }
table.list td > div.lining > span.fs13 { font-size: 13px; }
table.list td > div.lining > span.weight600{font-weight: 600;}
table.list td > div.lining > span.weight700{font-weight: 700;}
table.list td > div.lining > span > b { font-weight:500;white-space: nowrap;font-size:12px;display:inline-block;vertical-align: top;line-height:18px;margin-right:5px;color:#8c2332;}
table.list td > div.lining > i.thum { display:inline-block;width:24px;height:24px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;vertical-align: middle;margin-right:5px;}
table.list td > div.lining > i.thum.sq { border-radius: 0%;width:38px;height:38px; }
table.list td > div.lining > div.thum { display:inline-block;width:38px;height:38px;border: 1px solid #eee;background-image:url(../img/no_thum.gif);background-repeat: no-repeat;background-position: center center;background-size: contain;border-radius: 50%; }
table.list td > div.lining > div.thum.sq { border-radius: 0%; }
table.list td > div.lining > div.exp { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:16px; color:#999;padding:3px 0px; }
table.list td > div.lining > div.exp > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:18px; }
table.list td > div.lining > a.btn { display:none;background:#8c704b;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.lining > a.btn { top:0px !important;bottom:0px !important;left:0px !important;right:0px !important;border-radius: 0px;margin:0px;width:auto;height:auto;font-size:0px; opacity:0;}
table.list td > div.lining > a.btn.copy { background:#8c704b;right:45px;}
table.list td > div.lining > a.btn.accept { background:#8c704b;}
table.list td > div.lining > a.btn.play { background:#ec635d;right:28px;font-size:18px;}
table.list td > div.lining > a.selected { display:none;background:#ec635d;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;font-size:12px;}
table.list td > div.lining > a.selected::after { content:'선택'; }
table.list td > div.lining > i.arr { display:inline-block;margin: 0px 5px;color:#bbb;vertical-align: middle;}
table.list td > div.lining > div.exp > b > em { font-size:12px;display:inline-block;border: 1px solid #ccc;color:#999;line-height:20px;padding:0px 5px;vertical-align: middle;margin-right:5px;border-radius: 5px;}
table.list td > div.lining > div.exp > span { border: 1px solid #ccc;color:#999;display:inline-block;padding:0px 5px; color:#777;background: #fafafa;font-weight:400;}
table.list td b { display:inline-block;vertical-align: bottom;color:#333;font-weight:500;}
table.list td b.price { display:inline-block;vertical-align: bottom;color:#333;font-weight:500;font-size:15px;}
table.list td b.time { font-weight:500;font-size:14px; }
table.list td b.finish { color:#999;font-weight:500;}
table.list td b.ing { color:#ec5051;font-weight:500; }
table.list td b.pend { color:#404d5e;font-weight:500; }
table.list td b > span { color:#666;font-size:12px;font-weight:400;vertical-align: bottom;}
table.list td span.ell { display:block;max-width:160px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:13px; color:#333; }


table.list td > div.service { text-align:center;}
table.list td > div.service > .cart { position: absolute;top:50%;left:50%;background: #ec5051;color:#fff;display:none;width:90px;line-height:30px;margin-left:-45px;margin-top:-15px;border-radius: 5px;font-size:12px;}
table.list td > div.service > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list tr:hover td > div.service > .cart { display:block; }

table.list td > div.manage { text-align:center;font-size:0px;}
table.list td > div.manage > a { background: #bbb;color:#fff;display:inline-block;width:auto;padding:0px 10px;line-height:30px;border-radius: 0px;font-size:12px;}
table.list td > div.manage > a + a { margin-left:5px; }
table.list td > div.manage > a:hover { background: #444;}

table.list td a.down { display:inline-block;line-height:30px;height:30px;border:0px solid #111;font-size:12px;padding:0px 20px;color:#fff;margin:0px 0px;cursor:pointer;text-align:center;background:#2d3845;color:#fff;border:0px solid #2d3845;-webkit-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
table.list td > div.script { text-align:left;position: relative;padding:10px 10px;  }
table.list td > div.script > img { float:left;display:inline-block;width:40px;height:40px; }
table.list td > div.script > span { display:block;margin-left:50px;text-align:left;font-size:12px;line-height:18px; }
table.list td > div.script > span > b { color:#333;display:block;font-size:13px;font-weight:500;line-height:22px; }
table.list td > div.script > a.btn { display:none;;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:10px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.mod { display:none;background:#8959d3 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.del { display:none;background:#1e2550 !important;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:-5px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.script > a.btn.link { display:none;background:#ec635d;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;position:absolute;top:50%;margin-top:-15px;right:45px;-webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity:0.8;}
table.list td > div.set { position: relative; }
table.list td > div.set > a.view { display:none;background:#666;width:auto;height:30px;line-height:30px;text-align:center;padding:0px 10px;color:#fff;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-15px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.4;}
table.list td > div.set > a.view > dl { display:none; }
table.list td > div.set > span { display:block;font-size:12px;line-height:18px;color:#999; }
table.list td > div.set > a.btn { display:none;background:#6eacee;width:50px;height:30px;line-height:30px;text-align:center;padding:0px 0px;color:#fff;position:absolute;top:50%;margin-top:-15px;left:50%;margin-left:-25px;-webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; opacity:0.8;}
table.list td > div.set > a.btn.gray { background: #999;}
table.list td > div.set > a.btn.play { background:#ec635d;right:28px;font-size:18px;text-align:center;opacity: 0.8;width:30px;padding:0px;}
table.list td div.rejected { color:#ec635d; }
table.list td div.rejected > i { font-size:16px;display:inline-block;margin-left:5px;vertical-align: middle;}
table.list td div.waiting { color:#999; }
table.list td div.noti > b.confirmed { display:block;color:#45a171;font-weight:400;font-size:13px; }
table.list td div.noti > b.pending { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.opt > b { display:block;font-weight:400;font-size:13px; }
table.list td div.opt > b.important { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.opt > b::before { content:'일반'; }
table.list td div.opt > b.important::before { content:'공지';font-weight:600; }
table.list td div.status > b.waiting { display:block;color:#999;font-weight:400;font-size:13px; }
table.list td div.status > b.proceeding { display:block;color:#45a171;font-weight:400;font-size:13px; }
table.list td div.status > b.deadlined { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.status > b.pending { display:block;color:#8c2332;font-weight:400;font-size:13px; }
table.list td div.status > b.confirmed { display:block;color:#45a171;font-weight:400;font-size:13px; }
table.list tbody { counter-reset:list-number; }
table.list tbody > tr {counter-increment:list-number;}
table.list tbody > tr > td > span.numbering::before { content:counter(list-number); font-size:13px; color:#333;}

table.list td div.inspect > b { display:inline-block;background:#999;font-weight:400;color:#fff; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td div.inspect > b.saving { background:#fafafa;color:#bbb;border:1px solid rgba(0,0,0,0.15); }
table.list td div.inspect > b.waiting { background:#999; }
table.list td div.inspect > b.pending { background:#8c2332; }
table.list td div.inspect > b.confirmed { background:#45a171; }
table.list td div.qna > b { display:inline-block;background:#999;font-weight:400;color:#fff; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td div.qna > b.confirmed { background:#45a171; }

table.list td i.qna { display:inline-block;background:#999;font-weight:400;color:#fff !important; padding:0px 12px;line-height: 20px;font-size:12px;border-radius: 12px;vertical-align: middle;border:1px solid rgba(0,0,0,0.1);}
table.list td i.qna.confirmed { background:#45a171; }

table.list td.input { font-size:0px; }
table.list td.input > span {  position:relative;display:inline-block;vertical-align: middle;height:28px;line-height:28px;width:80px;color:#666;font-weight:400; overflow:hidden;font-size:13px;margin:0px;margin-left:0px;background:#fff;text-align:center; border:1px solid #bbb;padding:0px 15px 0px 0px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
table.list td.input > span > select { position:relative;display:block;width:180%;padding-left:10px;height:30px;line-height:30px;background:transparent;border:0px solid #999;font-size:13px;outline: none;z-index:2; }
table.list td.input > span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:30px;line-height:30px;z-index:1;}
table.list td.input input[type=text] {display:inline-block;vertical-align:middle;padding:0px 20px 0px 5px;margin:0px;line-height:28px;height:28px;border:1px solid #bbb;font-size:13px;background:#fff;width:70px;;letter-spacing:normal;text-align:right;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
table.list td.input input[type=text].w_auto { width:80%;text-align:left; }
table.list td.input input[type=text].w_auto.td { width:250px;text-align:left; }
table.list td.input input[type=text]:-moz-read-only { background-color: #eee;color:#999;border:1px solid #ccc;}
table.list td.input input[type=text]:read-only { background-color: #eee;color:#999;border:1px solid #ccc;}
table.list td.input input[type=text]::-webkit-input-placeholder { color: #fff;}
table.list td.input input[type=text]::-moz-placeholder {  color: #fff;}
table.list td.input input[type=text]:-ms-input-placeholder { color: #fff;}
table.list td.input input[type=text]:-moz-placeholder { color: #fff;}
table.list td.input b.unit {display:inline-block;vertical-align:middle;padding:0px 0px 0px 0px;margin:0px;font-weight:400;line-height:28px;height:28px;border:1px solid transparent;margin-left:-27px;width:25px;font-size:12px;background:transparent;color:#aaa;letter-spacing:normal;text-align:center;cursor:pointer;}
table.list td.input a.inbtn {display:inline-block;vertical-align: middle;padding:0px 0px;margin:0px;line-height:28px;height:28px;width:28px;background:linear-gradient(to bottom, #fff, #f8f8f8, #ddd);border:1px solid #bbb;font-size:11px;letter-spacing:normal;text-align:center;cursor:pointer;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-left:3px; }
table.list td.nodata { height:350px;}
table.list td.nodata > i { font-size:45px;color:#666;margin-bottom:0px;line-height: 50px;}
table.list td.nodata > h2 { font-size:24px;color:#666;line-height:40px;font-weight:400;margin:0px;padding:0px;}
table.list td.nodata > h2::before { content: 'No Data Available.';}
table.list td.nodata > p { font-size:14px;color:#999;line-height:20px;margin:0px;padding:0px; }
table.list td.nodata > p::before { content: '조회된 데이터가 없습니다.';}
table.list tr:hover td.nodata { background: transparent;}

table.list td.nodata_s { height:200px;}
table.list td.nodata_s > i { font-size:40px;color:#666;margin-bottom:0px;line-height: 45px;}
table.list td.nodata_s > h2 { font-size:20px;color:#666;line-height:35px;font-weight:400;margin:0px;padding:0px;}
table.list td.nodata_s > h2::before { content: '설정가능한 협력사가 없습니다.';}
table.list td.nodata_s > p { font-size:13px;color:#999;line-height:20px;margin:0px;padding:0px; }
table.list td.nodata_s > p::before { content: '협력사정보설정에서 협력사 정보를 추가해주세요.';}
table.list tr:hover td.nodata_s { background: transparent;}

table.list tr:hover td { background:rgba(45,54,80,0.1); }
table.list tr:hover td > div.lining > a.btn { display:block; }
table.list tr:hover td > div.lining > a.selected { display:block; }
table.list tr:hover td > div.script > a.btn { display:block; }
table.list tr:hover td > div.set > a.view { display:block; }
table.list tr:hover td > div.set > a.btn { display:block; }
table.list tr.tot td { height:30px; }
table.list tr.tot td { font-weight:500;background:rgba(69,161,131,0.1);color:#45a171; }
table.list tr.aver td { height:30px; }
table.list tr.aver td { font-weight:500;background:rgba(136,99,93,0.1);color:#ec635d; }
table.list tr.disabled td { color:#999;background:#eee; }
table.list tr.disabled td div.lining { color:#999; }
table.list tr.disabled td div.lining > .thum { opacity: 0.5;}
table.list tr.disabled td div.lining > a { cursor: default;}
table.list td div.spl span { display:block;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;font-size:13px; overflow: hidden;}
table.list td div.spl span.select { position:relative;padding:0px 0px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer;vertical-align: middle;overflow: hidden;}
table.list td div.spl span.select select {position: relative;padding:0px 0%;margin:0px;width:115%;line-height:38px;height:38px;border:0px solid #ccc;background:transparent;font-size:13px;vertical-align: middle;padding-left:10px;z-index:2;outline: none;}
table.list td div.spl span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#ccc;font-size:15px;height:38px;line-height:38px;z-index:1;}
table.list td div.spl span input[type=text],
table.list td div.spl span input[type=password] {width:100%;margin:0px;line-height:38px;height:38px;padding:0px 10px;border:0px solid #333;font-size:13px;background:transparent;letter-spacing:normal;outline: none;font-weight:400;}
table.list td div.spl span input[type=password] {font-family: sans-serif;}
table.list td div.spl span input[type=text][data-field=readonly] { 	background:rgba(233,86,83,0.1);font-weight:400; }
table.list td div.spl span.won {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.won:after { content:"원";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;}
table.list td div.spl span.label {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.label > label { vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:12px;height:38px;line-height:38px;z-index:1;padding-left:5px;}
table.list td div.spl span.label > label.pre { right:auto;left:10px;padding-left:0px;padding-right:5px; }
table.list td div.spl span.label.pre {position:relative; padding:0px 40px 0px 30px;}
table.list td div.spl span.label.pre.triple { padding:0px 40px 0px 45px; }
table.list td div.spl span.date {position:relative; padding:0px 40px 0px 0px;}
table.list td div.spl span.date:after { font-family:FontAwesome; content:"\f274";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:15px;height:38px;line-height:38px;z-index:1;}


table.list td > .fleg{padding:5px 20px; color:#fff; font-size:12px; border-radius:20px;}
table.list td > .lining.fleg{padding:5px 0px; color:#fff; font-size:12px; border-radius:20px;}
table.list td > .fleg.stay{background:#999;}
table.list td > .fleg.play{background:#5ae5df;}
table.list td > .fleg.complete{background:#404d5e;}
table.list td > .fleg.uncomplete{background:#e95653;}


.txtBox > .top > .name{font-size:16px; font-weight:700; line-height:1;}
.txtBox > .bottom{font-size:15px; font-weight:500; line-height:1.2;}


a.btn.black_bg{background: #404d5e; color: #fff;}
a.btn.gray_bg{background: #999; color: #fff;}
a.btn{font-size:12px; padding:10px 15px; line-height:1.2; font-weight:bold; border-radius:5px; display:flex; align-items:center; display:inline-block;}

/* 알람리스트 팝업 */
.alarmList .popup > section article{padding: 5px 20px;}
.alarmList .stInfo {display: flex; align-items: center;}
.alarmList .stInfo .txtBox > .top > .name {font-size: 14px;}
.alarmList .stInfo .txtBox > .top > .name > span {font-size: 20px; font-weight: bold; margin-right: 5px;}
.alarmList .stInfo .txtBox > .bottom {line-height: 1.2;}
.alarmList .stInfo .txtBox > .bottom > span {color: #999; font-size: 13px;}
.alarmList .alarmListWrap {width: 100%;}
.alarmList .alarmListWrap .tabmenu > li {width: 50%;}
.alarmList .alarmListWrap .tabmenu > li > a {width: 100%; display: inline-block; text-align: center; box-sizing: border-box;}
.alarmList .alarmListWrap > .conArea > .topArea {display:flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #999;}
.alarmList .alarmListWrap > .conArea > .topArea > .btn {display:flex; font-size: 12px; padding: 10px 15px; background: #404d5e; color: #fff; line-height: 1; border-radius: 5px; display: flex; align-items: center;}
.alarmList .alarmListWrap > .conArea > .topArea > .btns{display:flex; flex-direction:column; align-items:flex-end;}
.alarmList .alarmListWrap > .conArea > .topArea > .btns > span {color: #999; font-size: 12px;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards {top: -13px; right: 15px; font-size: 0px; z-index: 10;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p {display: inline-block; background: #999; padding: 5px 0px; width: 40px; text-align: center; color: #fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p > span {font-size: 12px; line-height: 22px;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p > b {display: block; line-height: 10px; text-align: center; display: block; font-size: 14px; font-weight: 800;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p > b::before {content: attr(data-cnt);}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p.y {background: #ffcb2a;}
.alarmList .alarmListWrap > .conArea > .topArea > .cards > p.r {background: #fa3457;}
.alarmListWrap > .conArea .alarmList > li .cntBox{margin-right: 15px; text-align: left; width:auto;}
.alarmListWrap > .conArea .alarmList > li{border-bottom:none; padding:0px}
.alarmListWrap > .conArea{height: 100%;}
.alarmListWrap > .conArea > .alarmListArea{overflow-y:auto; height: calc(100% - (55.2px + 66px));}
.alarmListWrap > .conArea .alarmList > li{padding:10px 0; margin:0 15px; border-bottom: 1px solid #ddd;}
.alarmListWrap > .conArea .alarmList > li > div{display:flex; justify-content:space-between; align-items:center;}
.alarmListWrap > .conArea .alarmList > li + li{ /*border-top:1px solid #ddd;*/ border-bottom: 1px solid #ddd;}
.alarmListWrap > .conArea .alarmList > li .dapsub1{display:flex;}
.alarmListWrap > .conArea .alarmList > li .cntBox{width:48px; text-align:center; font-size:23px;}
.alarmListWrap > .conArea .alarmList > li .txtBox > span{line-height:1.2; display:block;}
.alarmListWrap > .conArea .alarmList > li .txtBox > span.t{font-size:15px; font-weight:bold;}
.alarmListWrap > .conArea .alarmList > li .txtBox > span.c{color:#999; font-size:13px; margin-top:3px;}
.alarmListWrap > .conArea .alarmList > li > .dap2{margin-top:10px; display:none; position:relative; padding-left:20px;}
.alarmListWrap > .conArea .alarmList > li > .dap2::before{content: "\e981"; display:inline-block; font-size:20px; font-family:xeicon; position:absolute; left:0; top:0;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox{width:99%; border: 1px solid rgba(0,0,0,0); background: #eee; font-size: 13px; overflow: hidden; border-radius: 5px;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox > input{width: 100%; line-height: 38px; height: 38px; padding: 0px 10px; font-size: 13px; background: transparent; letter-spacing: normal; outline: none;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox.btn{display:flex; align-items:center;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .inputBox.btn > a{margin-right:5px; padding:7px 15px;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .txtBox{font-size:13px;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .txtBox > span{color:#bbb; font-size:11px; display:block;}
.alarmListWrap > .conArea .alarmList > li > .dap2 > .tabRadio{margin:15px 0 5px;}
.dashCon > .alarmListWrap > .conArea .alarmList > li.end .txtBox > span.t{text-decoration: line-through;}
.alarmList .alarmListWrap > .conArea .alarmList > li{margin:0px;}
.alarmList .alarmListWrap .paging_wrap { text-align: center; padding:5px 0; }
.alarmList .alarmListWrap .paging_wrap > a { display: inline-block; line-height: 34px; height: 34px; min-width: 30px; font-size: 14px; cursor: pointer; text-align: center; vertical-align: middle; margin: 0px 0px; padding: 0px 5px; background: #fff; border: 1px solid #d1d1d1; color: #48535f; }
.alarmList .alarmListWrap .paging_wrap > a.on { color: #fff; font-weight: 400; background: #404d5e; border: 1px solid rgba(0, 0, 0, 0.1); }


.cautionSet th{padding-left:10px !important;}

.cards > .r{background:#ff0000;}
.cards > .y{background:#ffcc00;}

/* 채팅창 ui */
.chatWrap .chatCon > ul > li > div > button { background: transparent;width:26px;height:26px;line-height:26px;text-align:center;font-family: 'xeicon' !important;font-size:14px;position: absolute;top:10px;right:-26px;color:#999;}
.chatWrap .chatCon > ul > li > div > button::before {content: "\e921";}

.onlyText{background:transparent !important; font-size:14px !important; font-weight:400 !important;}




/* 포틀릿 css */
.nowSt{min-height:60px; background-color:#777; padding:5px; display:flex; align-items:center; justify-content:space-between; padding-right:10px; }
.headerInfo{color:#fff; font-size:1.4rem; font-weight:300;}
.headerInfo > .t > span{font-size:2rem; font-weight:600; margin-right:3px;}
.headerInfo > .s{line-height:0.8;}
.studyNowPlanInfo{padding:5px; display:flex; flex-direction:column; gap:5px; }
.studyNowPlanInfo .topStatusInfo{display:flex; justify-content:space-between; align-items:center; min-height: 38px;}
.studyNowPlanInfo .labels{width:23%; height:38px; background:#bbb; text-align:center; color:#fff; font-weight:bold; font-size:13px; padding:8px 0px;}
.studyNowPlanInfo .studyYoil{display:flex; width:55%;}
.studyNowPlanInfo .studyYoil > li{width:100%; text-align:center; background:#bbb; color:#fff; height:38px; line-height:2.4; }
.studyNowPlanInfo .studyYoil > li.on{background:#5b9bd5;}
.studyNowPlanInfo .cards{display:flex; width:20%; text-align:center; height:38px;}
.studyNowPlanInfo .cards > span{width:50%; color:#fff; font-weight:bold;}
.studyNowPlanInfo .cards > span > p{line-height:1.4;}
.studyNowPlanInfo .cards > span > b::before{content: attr(data-cnt);}

.studyNowPlanInfo .labels[data-type=c0] { background: #fa3457; }
.studyNowPlanInfo .labels[data-type=c0] > p::before { content:'지각'; }
.studyNowPlanInfo .labels[data-type=c0] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c1] { background: #00ccff; }
.studyNowPlanInfo .labels[data-type=c1] > p::before { content:'계획수정'; }
.studyNowPlanInfo .labels[data-type=c1] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c2] { background: #a04dff; }
.studyNowPlanInfo .labels[data-type=c2] > p::before { content:'외출중'; }
.studyNowPlanInfo .labels[data-type=c2] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c3] { background: #00d98b; }
.studyNowPlanInfo .labels[data-type=c3] > p::before { content:'학습중'; }
.studyNowPlanInfo .labels[data-type=c3] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c4] { background: #bbb; }
.studyNowPlanInfo .labels[data-type=c4] > p::before { content:'하원'; }
.studyNowPlanInfo .labels[data-type=c4] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c5] { background: #666; }
.studyNowPlanInfo .labels[data-type=c5] > p::before { content:'등원대기'; }
.studyNowPlanInfo .labels[data-type=c5] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c6] { background: #fe7c1c; }
.studyNowPlanInfo .labels[data-type=c6] > p::before { content:'수면중'; }
.studyNowPlanInfo .labels[data-type=c6] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c7] { background: #fa3457; }
.studyNowPlanInfo .labels[data-type=c7] > p::before { content:'외출지각'; }
.studyNowPlanInfo .labels[data-type=c7] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c8] { background: #757bf6;cursor: pointer; }
.studyNowPlanInfo .labels[data-type=c8] > p::before { content:'관리보류'; }
.studyNowPlanInfo .labels[data-type=c8] > p::after { position: absolute;top:6px;right:-20px;font-family:FontAwesome; content:"\f107";vertical-align: middle;display:inline-block;color:#fff;font-size:12px;background: #757bf6;border-radius: 50%;height:16px;line-height:16px;width:16px;vertical-align: bottom;margin-left:4px;}
.studyNowPlanInfo .labels[data-type=c8] > dl { display:none; }
.studyNowPlanInfo .labels[data-type=c8] > p.opened + dl { display:block !important; }
.studyNowPlanInfo .labels[data-type=c8] > p.opened:after { content:"\f106"; }

.studyNowPlanInfo .labels[data-type=c9] { background: #757bf6;cursor: pointer;}
.studyNowPlanInfo .labels[data-type=c9] > p::before { content:'결석예정'; }
.studyNowPlanInfo .labels[data-type=c9] > p::after { position: absolute;top:6px;right:-20px;font-family:FontAwesome; content:"\f107";vertical-align: middle;display:inline-block;color:#fff;font-size:12px;background: #757bf6;border-radius: 50%;height:16px;line-height:16px;width:16px;vertical-align: bottom;margin-left:4px;}
.studyNowPlanInfo .labels[data-type=c9] > dl { display:none; }
.studyNowPlanInfo .labels[data-type=c9] > p.opened + dl { display:block !important; }
.studyNowPlanInfo .labels[data-type=c9] > p.opened:after { content:"\f106"; }

.studyNowPlanInfo .labels[data-type=c10] { background: #828282; }
.studyNowPlanInfo .labels[data-type=c10] > p::before { content:'무단결석'; }
.studyNowPlanInfo .labels[data-type=c10] > dl { display:none !important; }
/*
.portlet_wrap > ul > li:has(.labels[data-type=c10])::after {background: linear-gradient(to bottom, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.6)); position: absolute; content: '';display: block;top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: 11;}
*/

.studyNowPlanInfo .labels[data-type=c11] { background: #00ccff; }
.studyNowPlanInfo .labels[data-type=c11] > p::before { content:'일시정지'; }
.studyNowPlanInfo .labels[data-type=c11] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c12] { background: #757bf6; }
.studyNowPlanInfo .labels[data-type=c12] > p::before { content:'등원예정'; }
.studyNowPlanInfo .labels[data-type=c12] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c13] { background: #ffcb2a; }
.studyNowPlanInfo .labels[data-type=c13] > p::before { content:'쉬는시간'; }
.studyNowPlanInfo .labels[data-type=c13] > dl { display:none !important; }

.studyNowPlanInfo .labels[data-type=c14] { background: #ffcb2a; }
.studyNowPlanInfo .labels[data-type=c14] > p::before { content:'지각'; }
.studyNowPlanInfo .labels[data-type=c14] > dl { display:none !important; }

.studyNowPlanInfo .info { display:block; }
.studyNowPlanInfo .info > ul.status { margin:0px 0px;display:block;position: relative; font-size:0px;}
.studyNowPlanInfo .info > ul.status > li { display:inline-block;width:calc(100% / 5); vertical-align: top;padding:10px 0px 15px 0px; background:#e7e6e6;}
.studyNowPlanInfo .info > ul.status > li.t { background:#d0cece;}
.studyNowPlanInfo .info > ul.status > li > div { display:block;text-align: center;}
.studyNowPlanInfo .info > ul.status > li > div > span { font-size:11px;display:block;color:#999;line-height: 14px;}
.studyNowPlanInfo .info > ul.status > li > div > b { font-size:14px;display:block;font-weight:800;line-height: 16px;margin-top:3px;}
.studyNowPlanInfo .info > ul.status > li.t { background: #ccc;}
.studyNowPlanInfo .info > ul.status > li.t > div > span { color:#666; }
.studyNowPlanInfo .info > ul.status > li.t > div > b { font-size:15px;}

.studyNowPlanInfo .rate { display:block;height:44px; position: relative;padding-right:44px;}
.studyNowPlanInfo .rate > i { position: absolute; top:0px;right:-3px;width:44px;height:44px;display:block;}
.studyNowPlanInfo .rate > i::before { font-family: 'xeicon' !important; font-size:44px;width:44px;height:44px;line-height:44px;display:block;text-align: center;}
.studyNowPlanInfo .rate > i[data-val=G]::before { content: "\e9e4";color:#00d98b; }
.studyNowPlanInfo .rate > i[data-val=Y]::before { content: "\e9eb";color:#ffcb2a; }
.studyNowPlanInfo .rate > i[data-val=R]::before { content: "\e9ee";color:#fa3457; }
.studyNowPlanInfo .rate > i[data-val=N]::before { content: "\e9ec";color:#ccc; }
.studyNowPlanInfo .rate > p {line-height:18px; padding:1px 0px; font-size:12px; display:block; padding-right:0px; position: relative;}
.studyNowPlanInfo .rate > p > span { position: absolute;line-height:18px;height:18px;top:1px;right:0px;color:rgba(0,0,0,0.4);font-size:10px;z-index:10;padding-right:5px;font-weight: 800;}
.studyNowPlanInfo .rate > p > em { background: #eee;border: 3px solid #eee;display:block;height:20px;line-height:12px;position: relative;overflow: hidden;}
.studyNowPlanInfo .rate > p > em > i { display:block;position: absolute;top:0px;left:0px;bottom:0px;background: rgba(145,232,225,1); height:14px; vertical-align: bottom; z-index: 1;}
.studyNowPlanInfo .rate > p > em > b { position: relative;z-index: 2;font-weight: 800;color:rgba(0,0,0,0.6);font-size:11px;line-height:12px;padding-left:2px;}
.studyNowPlanInfo .rate > p.progress > em > i { background: rgba(145,232,225,1); }
.studyNowPlanInfo .rate > p.achievement > em > i { background: rgba(228,211,84,1); }

.studyNowPlanInfo .todayInfo{ background:#e7e6e6; padding:10px 0px;}
.studyNowPlanInfo .todayInfo > p{display:flex; justify-content:space-between; padding:0px 3px; font-size:13px; font-weight:700; line-height:1.2; }
.studyNowPlanInfo .todayInfo > p.f{padding-bottom:10px;}
.studyNowPlanInfo .todayInfo > p.s{color:#999; font-size:12px;}

.studyNowPlanInfo .todayInfo.studyAmount > p{line-height:1;}
.studyNowPlanInfo .todayInfo.studyAmount > p.c{color:#999; font-size:12px;}
.studyNowPlanInfo .todayInfo.studyAmount > .br{height:10px;}

/* 학습 채팅 팝업영역 설정 */
.chatPop {display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity; }
.chatPop > .popup {position:fixed;top:50%;left:50%;width:90%; padding:0px; height:auto;background:#fff;
	-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	 -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
	 z-index:999;display:block;}
.chatPop > .popup.width_600{max-width:600px;}

/* 케어톡 */
.complaintPopWrap.popup > header { gap: 10px; }
.complaintPopWrap.popup > header > .noThumImg { display: inline-block; width: 40px; height: 40px; box-sizing: border-box; border-radius: 50%; border: 1px solid #bbb; background-size: cover; background-repeat: no-repeat; }

.complaintPopWrap.popup > header > .stInfo { display: flex; width: 90%; align-content: center; }
.complaintPopWrap.popup > header > .stInfo > .noThumImg { width:50px; height:50px; display:inline-block; border:1px solid #eee; background:url(/common/img/no_thum.gif) no-repeat center / cover; border-radius:50%; margin-right:15px; }
.complaintPopWrap.popup > header > .stInfo > .txtBox > .top { display:flex; align-items:center; justify-content:space-between; }
.complaintPopWrap.popup > header > .stInfo > .txtBox > .top > .t { font-size:20px; font-weight:bold; margin-right:5px; }
.complaintPopWrap.popup > header > .stInfo > .txtBox > .bottom { line-height: 1.2; }
.complaintPopWrap.popup > header > .stInfo > .txtBox > .bottom > .s { color: #999; font-size: 13px; }

.popup > section .complaintType { display: flex; align-items: center; gap: 20px; margin-bottom: 10px; }
.popup > section .complaintType > h2::before { display: inline-block; font-family: xeicon; content: "\e929"; height: 25px; line-height: 25px; font-size: 20px; font-weight: 600; color: #fa3457; }
.popup > section .complaintType > h2 { display: inline-block; margin-bottom: 0px; width: 70px; font-size: 16px; }
.popup > section .complaintType > .radio > label { margin-right: 4px; }
.popup > section .complaintMsg > textarea { width: 100%; background-color: #eee; height: 150px; line-height: 25px; font-size: 1em; resize: none; }

.complaintPopWrap.popup > section h1 { text-align: center; font-size: 20px; font-weight: 600; }
.complaintPopWrap.popup > section .tabArea > table.info { border: none; }
.complaintPopWrap.popup > section .tabArea > table.info th::before { content: none; }
.complaintPopWrap.popup > section .tabArea > table.info th { content: none; border: none; background: none; }
.complaintPopWrap.popup > section .tabArea > table.info th.contentTh { vertical-align: text-top; padding-top: 7px; }
.complaintPopWrap.popup > section .tabArea > table.info td { border: none; font-size: 13px; color: #333; }
.complaintPopWrap label{display:inline-block;}
.complaintPopWrap label > input[type=radio] + span:before{height:16px;}