@charset "utf-8";
@import "jquery-ui.css";

/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, u,
dl, dt, dd, ol, ul, li,
form,fieldset,legend,input,label,button,textarea,/*select,*/
table, caption, tbody, tfoot, thead, tr, th, td,
textarea, input,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height:1.1; color:inherit; font-family:'맑은 고딕';}
small {font-size:12px;}

html,body {width:100%; height:100%;}
body {background-color:#fff; text-align:left; *word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none;}

article, aside, canvas, details, figcaption, figure,
footer, header, main, hgroup, menu, nav, section, summary {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:none;}

ins {text-decoration:none;}
mark {font-style:italic; font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;}

table {empty-cells:show; border-collapse:collapse; border-spacing:0;}
table td {word-break:break-all;}
ol,ul,li {list-style:none;}

img,fieldset,iframe {border:0 none;}

input,select,button,img/*,label*/,textarea {vertical-align:middle;}
label,button {cursor:pointer;}

textarea {border:1px solid #dadada;}

body,select,input,button,textarea {font-size:12px; font-family:'맑은 고딕'; color:#111; -webkit-font-smoothing:antialiased;}

legend {*width:0;}
legend,hr,caption {overflow:hidden; font-size:0; width:0; height:0; line-height:0;}
legend,hr {overflow:hidden; position:absolute; top:0; left:0;}

i,em,address {font-style:normal;}

a {color:#111; text-decoration:none;}
a:link,
a:visited {color:#111; /*text-decoration:none;*/}
a:hover {text-decoration:none;}
a:focus {outline:none;}
a[href^=tel] {color:inherit; text-decoration:none;} /* iphone number color reset */

/* input */
input[type="text"], input[type="number"], input[type="password"], input[type=tel], input[type="email"], input[type="url"] {
	margin:0;
	padding:0;
	width:100%;
	height:22px;
	line-height:22px;
	border:0;
	border-bottom:1px solid #dfe2eb;
	box-sizing:content-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}
input::-ms-clear {display:none; width:0; height:0;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;} /* input reset */
::-webkit-input-placeholder {color:#999;} /* WebKit browsers */
:-moz-placeholder {color:#999; opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999; opacity:1;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999;} /* Internet Explorer 10+ */
input:focus {color:#5b1eaa; outline:none;}
input[readonly] {cursor: default;}


/* Design Box */
input.box,
label.box {text-indent:8px; border:1px solid #dfe2eb !important;}

input.finder {background:url(../images/base/bg_base.png) no-repeat right -946px;}

.message {display:block; margin-top:5px; line-height:22px; color:#999; font-size:12px;}
.message.invalid {color:#f0394d !important;}
.message.txt {color:#575a65 !important;}
.message a {color:#999 !important;}

.strong {color:#f0394d !important;}
.green {color:#00b45e !important;}
.brown {color:#c55911 !important;}

.new {display: inline-block; margin-left: 3px; padding: 2px 3px; background: #5b1eaa; font-size: 9px; color: #fff;}

/*
.input_box input:focus + .message,
.input_box input:focus + button + .message {display:none;}
*/

.color_box .color-chip {width: 54px; height: 42px; vertical-align: middle;}

.file_box input[type="file"] {display:none;}
.file_box input[type="text"] {float:left; width:688px;}
.file_box button {float:left; width:88px; margin-left:5px; background-color:#fff;}

.file_set {display: inline-block; position: relative;}
.file_set .file_set_row {margin-bottom: 10px;}
.file_set .file_set_row:last-child {margin-bottom: 0px;}
.file_set .add {position: absolute; right: -39px; top: 0px;}

/* input img preview */
.device .file_img {float:left;}
.file_img {display:block; position:relative; width:98px; height:130px; background:url(../images/base/img_add.png) #fff no-repeat center center; border:1px solid #ced2db;}
.file_img input[type=file] {position:absolute; left:0; width:100%; height:100%; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */ background:pink; z-index:2; cursor:pointer; text-indent:-100%;}
.file_img img {width:100%; height:100%; background:none;}
.file_img .skill {position:absolute; bottom:0; right:0; width:100%; height:32px; font-size:0; background:url(../images/base/bg_skill_file_img.png) repeat; z-index:3;}
.file_img .skill > a {display:block; float:left; width:32px; height:32px; background:url(../images/base/bg_file_img.png) no-repeat;}
.file_img .skill > a + a {margin-left:1px;}
.file_img .skill .zoom {background-position:10px center;}
.file_img .skill .edit {background-position:center center;}
.file_img .skill .delete {background-position:-56px center;}
.file_img_wrap ul {margin-top:-10px;}
.file_img_wrap ul li {display:block; float:left; margin-right:10px; margin-top:10px; text-align:center;}
.file_img_wrap ul li .input_box {display:block; margin-top:8px;}
.file_img_wrap ul li .input_box input {text-align:center; text-indent:0;}
.file_img_wrap .add_file_img {margin-top:10px; width:48px; height:126px; color:#575a63; font-size:13px; font-weight:600; background:#dfe2eb;}

.selected_img ul li {display:block; height:130px; float:left; margin-right:10px; margin-top:10px; border:1px solid #ced2db;}
.selected_img ul:after {content: ""; clear: both; display: block;} /* #85249 */
.selected_img img {height:100%;}

.search-date {display:inline-block;}
.search-date input {background:url(../images/base/bg_base.png) no-repeat right -553px;}
.search-date input + button {margin-left:10px;}

/* datepicker carendar */
.ui-datepicker {padding:12px 10px !important; border-color:#dfe2ea !important; border-radius:0 !important;}
.ui-datepicker th span {color:#a9aeba !important;}
.ui-datepicker .ui-widget-header {background:#fff !important; border-color:#fff !important;}
.ui-datepicker .ui-state-default {background:#f2f4fa !important; border:1px solid #f2f4fa !important; color:#575a65 !important; font-weight:600 !important;}
.ui-datepicker .ui-state-default.ui-state-highlight {background:#e6c8ff !important;}
.ui-datepicker .ui-state-default.ui-state-active {background:#5b1eaa !important; color:#fff !important;}
.ui-datepicker .ui-datepicker-buttonpane {display:none !important;;}
.ui-datepicker select.ui-datepicker-month {width: 40px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {margin-top: -1px;}

textarea {
	padding:8px 12px;
	width:calc(100% - 48px);
	line-height:18px;
	border:1px solid #d4d4d4;
	overflow-y:scroll;
}

select {
	margin:0;
	padding:0 0 0 6px;
	width:auto;
	height:22px;
	line-height:22px;
	font-size:12px;
	border:1px solid #d4d4d4;
	box-sizing:content-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:#FFF url(../images/base/bg_base.png) right -299px no-repeat;
	color:#5F5F5F;
	text-align:left;
	max-width:none !important;
	outline:none;
	overflow:hidden;
	text-overflow:"";
}
select::-ms-expand {display:none;}
select.native {padding: 0 30px 0 6px;}
select.native + select.native {margin-left: 5px;}

/* select box */
.select {display:inline-block; position:relative; height:24px; text-align:left; vertical-align:middle; font-size:12px;}
.select.over {z-index:10;}
.select > a label {display:inline-block; position:relative; padding:0 24px 0 0; height:22px; line-height:22px; vertical-align:top; border-bottom:1px solid #e5e5e5; background:url(../images/base/bg_base.png) #fff right -299px no-repeat; overflow:hidden; cursor:default;}
.select.disabled > a label {color:#a9aeba;}
.select.over > a label {border-color:#d4d4d4; background-position:right -349px;}
.select .option {display:none; position:absolute; top:0; left:0; width:100%;}
.select.over .option {display:inline-block;}
.select.over .option > ul {margin-top:23px; border:1px solid #e5e5e5; background-color:#fff; max-height:205px; overflow-y:auto;}
.select .option > ul > li {margin-top:0 !important;}
.select .option > ul > li > a {display:block; margin:0; padding:0 10px 0 8px; line-height:24px; background:#fff; cursor:default;}
.select .option > ul > li:not(.title):hover > a {background-color:#e5e5e5;}
.select .option > ul > li.title a {border-bottom:1px solid #e5e5e5;}
.select .option > ul > li.disabled a {color:#b4b4b4; /* text-decoration:line-through !important; */}
.select .option > ul > li.on > a {background-color:#e5e5e5;}

/* input select box */
.input_select {position:relative;}
.input_select.on ul {display:block;}
.input_select ul {display:none; position:absolute; z-index:10; left:0px; top:23px; padding:10px 0; text-indent:6px; width:100%; max-height:200px; border:1px solid #e5e5e5; background-color:#fff; overflow:auto;}
.input_select ul li {display:block; padding:2px; font-size:12px; line-height:20px; background:#fff; cursor:default;}
.input_select.on input[type=submit] {display:none;}
.input_select input[type=submit] {position:absolute; top:0; right:0; margin:1px 1px 1px -29px; width:22px; height:22px; border:0; font-size:0; background:url(../images/base/bg_base.png) no-repeat #fff right -946px; cursor:pointer;}
.input_select.writing i.close {display:inline-block;}
.input_select i.close {display:none; position:absolute; top:0; right:0; margin:1px 1px 1px -29px; width:22px; height:22px; background:url(../images/base/bg_base.png) no-repeat #fff -5px -503px; cursor:pointer;}
.input_select.writing ul {display:block;}

/* check & radio */
.checkbox > input[type=checkbox], .radio > input[type=radio] {width:0; height:0;}
.checkbox > label, .radio > label {display:inline-block; margin:0 20px 0 0; /*padding:2px 0; min-height:22px; vertical-align:middle;*/ line-height:24px; font-size:12px; /* border:1px solid #fff; box-sizing:border-box; */}
.checkbox > label > i, .radio > label > i {display:inline-block; margin:-3px 8px 0 0; vertical-align:middle; width:16px; height:17px; background:url(../images/base/bg_base.png) no-repeat;}
.checkbox > label > i {background-position:0 -6px;}
.checkbox > input[type=checkbox]:checked + label > i {background-position:0 -106px; *color:#f56592;}
.checkbox > input[type=checkbox]:disabled + label > i {background-color:#eee; *color:#f56592; cursor:default;}
.radio > label > i {background-position:0 -156px; border-radius:8px;}
.radio > input[type=radio]:checked + label > i {background-position:0 -256px; *color:#f56592;}
.radio > input[type=radio]:disabled + label > i {background-color:#eee; *color:#f56592; cursor:default;}

.radio + .radio {margin-left:20px;}

/*
.checkbox > input[type=checkbox]:focus + label,
.radio > input[type=radio]:focus + label {border:1px dotted #999;}
*/
.checkbox.bookmark > label > i {width:20px; height:20px; background:url(../images/base/bg_base.png) no-repeat center -650px;}
.checkbox.bookmark > input[type=checkbox]:checked + label > i {background-position:center -600px;}

/* button */
.submit_wrap {margin-top:30px;}
.submit_wrap a + a {margin-left:6px;}

button {display:inline-block; padding:1px 10px 3px; height:18px; line-height:18px; vertical-align:middle; background:#fff; border:1px solid #dfe2e9; box-sizing:content-box; cursor:pointer;}
button.on {color:#5b1eaa; border:1px solid #5b1eaa;}
button:focus {outline:none;}
button:disabled {color:#a9aeba; cursor:default;}

a.btn {display:inline-block; padding:0 6px; border:1px solid #dfe2ea; background:#fff;}
a.btn_gy {display:inline-block; padding:2px 12px; line-height:22px; color:#fff; font-size:12px; border:1px solid #575a65; background:#575a65;}
a.btn_ln {display:inline-block; padding:2px 12px; line-height:22px; color:#27282f; font-size:12px; border:1px solid #dfe2ea; background:#fff;}

a.submit {display:inline-block; padding:0 60px; height:50px; line-height:50px; color:#fff; font-size:16px; font-weight:600; background:#27282f;}
a.submit_bk {display:inline-block; padding:6px 68px 10px; height:22px; line-height:22px; color:#fff; font-size:13px; font-weight:600; background:#27282f; border:1px solid #111;}
a.submit_gy {display:inline-block; padding:6px 68px 10px; height:22px; line-height:22px; color:#fff; font-size:13px; font-weight:600; background:#575a65; border:1px solid #575a65;}
a.submit_ln {display:inline-block; padding:6px 68px 10px; height:22px; line-height:22px; color:#444; font-size:13px; font-weight:600; background:#fff; border:1px solid #ced2db;}

.del {margin-left:7px; float:right; width:10px; height:22px; font-size:0; background:url(../images/base/bg_base.png) no-repeat right -502px;}

.mb10 {display: block; margin-bottom: 10px;}

/* color chips */
*[class*=color-chip-color] { display: inline-block; width: 8px; height: 8px; box-sizing: border-box; overflow: hidden; color: transparent; }
*[class*=color-chip-color] img { display: block; width: 100%; height: 100%; }
.color-chip { display: inline-block; width: 8px; height: 8px; box-sizing: border-box; overflow: hidden; color: transparent; }
.color-chip img { display: block; width: 100%; height: 100%; }

.color-chip-color01 { background-color: #ffbd9d; border: solid 0 #ff9b6a; border-width: 1px; }
.color-chip-color02 { background-color: #ff7e46; border: solid 0 #ff5a13; }
.color-chip-color03 { background-color: #ff958f; border: solid 0 #ff655c; }
.color-chip-color04 { background-color: #f80040; border: solid 0 #c50033; }
.color-chip-color05 { background-color: #ebceb1; border: solid 0 #e1b588; border-width: 1px; }
.color-chip-color06 { background-color: #aa704b; border: solid 0 #87593b; }
.color-chip-color07 { background-color: #a53613; border: solid 0 #77270e; }
.color-chip-color08 { background-color: #6c462f; border: solid 0 #482f20; }
.color-chip-color09 { background-color: #fff4c7; border: solid 0 #ffea94; border-width: 1px; }
.color-chip-color10 { background-color: #fffa6a; border: solid 0 #fff837; border-width: 1px; }
.color-chip-color11 { background-color: #ffc80e; border: solid 0 #daa800; }
.color-chip-color12 { background-color: #d3a125; border: solid 0 #a8801d; }
.color-chip-color13 { background-color: #e4f949; border: solid 0 #ddf718; border-width: 1px; }
.color-chip-color14 { background-color: #8fc735; border: solid 0 #729f2a; }
.color-chip-color15 { background-color: #1b8056; border: solid 0 #12563a; }
.color-chip-color16 { background-color: #7b885c; border: solid 0 #5f6a47; }
.color-chip-color17 { background-color: #d7dbf8; border: solid 0 #acb4f0; border-width: 1px; }
.color-chip-color18 { background-color: #b685e0; border: solid 0 #9e5cd6; }
.color-chip-color19 { background-color: #8200FF; border: solid 0 #6800cc; }
.color-chip-color20 { background-color: #fcd0eb; border: solid 0 #f9a0d7; border-width: 1px; }
.color-chip-color21 { background-color: #ff5fc2; border: solid 0 #ff2caf; }
.color-chip-color22 { background-color: #d81c7a; border: solid 0 #ab1661; }
.color-chip-color23 { background-color: #9408b1; border: solid 0 #6b0680; }
.color-chip-color24 { background-color: #a92078; border: solid 0 #7e185a; }
.color-chip-color25 { background-color: #ccecff; border: solid 0 #99d9ff; border-width: 1px; }
.color-chip-color26 { background-color: #089acc; border: solid 0 #06759b; }
.color-chip-color27 { background-color: #0059b0; border: solid 0 #003f7d; }
.color-chip-color28 { background-color: #0a1f89; border: solid 0 #071459; }
.color-chip-color29 { background-color: #fff; border: solid 0 #e6e5e5; border-width: 1px; }
.color-chip-color30 { background-color: #ddd; border: solid 0 #c4c3c3; border-width: 1px; }
.color-chip-color31 { background-color: #808080; border: solid 0 #676666; }
.color-chip-color32 { background-color: #000; border: solid 0 #000; }
.color-chip-color33 { background-color: #494949; border: solid 0 #302f2f; }
.color-chip-color34 { background-color: #515c37; border: solid 0 #353c24; }

*[class*=color-chip-color].checked { position: relative; }
*[class*=color-chip-color].checked:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEXu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7ZXnTKAAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC); background-size: 50%; background-repeat: no-repeat; background-position: center; }


.colorchip_list input[type=checkbox], .colorchip_list input[type=radio] {position:absolute; width:0; height:0;}

.colorchip_list label.option-color input:checked + .color-chip { position: relative; }
.colorchip_list label.option-color input:checked + .color-chip:after { position: absolute; content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEXu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7ZXnTKAAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC); background-size: 50%; background-repeat: no-repeat; background-position: center; }
.colorchip_list label.option-color input:checked + .color-chip-color01.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color05.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color09.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color10.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color13.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color17.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color20.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color25.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color29.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.colorchip_list label.option-color input:checked + .color-chip-color30.color-chip:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }

.color-chip-color01.border { border-width: 1px; }
.color-chip-color01.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color05.border { border-width: 1px; }
.color-chip-color05.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color09.border { border-width: 1px; }
.color-chip-color09.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color10.border { border-width: 1px; }
.color-chip-color10.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color13.border { border-width: 1px; }
.color-chip-color13.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color17.border { border-width: 1px; }
.color-chip-color17.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color20.border { border-width: 1px; }
.color-chip-color20.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color25.border { border-width: 1px; }
.color-chip-color25.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color29.border { border-width: 1px; }
.color-chip-color29.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }
.color-chip-color30.border { border-width: 1px; }
.color-chip-color30.checked:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAxlBMVEUREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREREVjCy8AAAAQXRSTlMABgoDHBqyFerSD8kB2tXFhycqlZ/spAIy76mGJcvnnN/lBazbL9yNIK2QtrfXFxjYuQgJuyPjvy3B4cIM3Q0dHmZETAMAAACLSURBVHhebctVDsNADEVRh6mTlJmZmfntf1NVVE1HqXz/fKxHXOUK0pwPChhxfnYx5TzrIpdiPNNEi/N6B/kS44cjigbj4yuq0muPxkv6u41JVx5GD33z6+YQtqbmmg1hxW4JzGJXnzkWS6LVGpstJdrtETpOiJNOf+kXeB5uP1fdIyB6EpMfBH5SPsXaDfXkZGDvAAAAAElFTkSuQmCC) !important; }

/* form */
.grid_wrap {width:100%; color:#111; background:#fff; border-top:1px solid #dee0ed; border-bottom:1px solid #dee0ed;}
.grid_wrap th, .grid_wrap td {padding:15px 0; height:24px; *line-height:24px; vertical-align:middle; font-size:12px;}
.grid_wrap > tbody > tr > th, .grid_wrap > tbody > tr > td {border-top:1px solid #dee0ed; border-bottom:1px solid #dee0ed; border-left:1px solid #dee0ed;}
.grid_wrap th {text-align:center; color:#575a65; background:#fbfcfe;}
.grid_wrap td {padding-left:30px; padding-right:30px;}
.grid_wrap td.empty {padding: 40px; border-left: none !important; border-right: none !important; text-align: center; color: #a9aeba;}
.grid_wrap tr th:first-child, .grid_wrap tr td:first-child {border-left:0; border-right:1px solid #dee0ed;}
.grid_wrap tr th:last-child, .grid_wrap tr td:last-child {border-right:0;}
/* .grid_wrap tr:first-child th, .grid_wrap tr:first-child td {padding-top:28px;} */
.grid_wrap a.btn_ln {padding:0 12px; font-size:11px;}
.grid_wrap em.message {display: block; margin: 5px 0 10px; font-size: 12px;}
.grid_wrap .null {padding:60px 0 !important; width:100% !important; text-align:center !important; color:#575a65;}
.grid_wrap + .flt_right {margin-top: 10px;}
.grid_wrap + .grid_wrap {margin-top: 60px !important;}
.grid_wrap .row {margin: 10px 0;}
.grid_wrap .row > span[class^="w"] {display: inline-block; vertical-align: middle;}
.grid_wrap .row .w150 {min-width: 150px;}


#gridTotalCount {color:#5b1eaa;}

.data_wrap {background:#fff; border:1px solid #dee0ed;}

.gray_wrap {padding:30px; line-height:20px; background:#f2f4fa;}
.gray_wrap ol li ul {padding-left:15px;}
.gray_wrap ol li ul li {color:#777;}
.gray_wrap table {margin:10px 0; width:100%; color:#111; background:#fff; border-top:1px solid #dee0ed; border-bottom:1px solid #dee0ed;}
.gray_wrap table th, .gray_wrap table td {padding:10px 15px; height:24px; *line-height:24px; vertical-align:middle; font-size:12px; border:1px solid #dee0ed;}
.gray_wrap table th {text-align:center; color:#575a65; background:#fbfcfe;}
.gray_wrap table td {text-align:center;}

.list_wrap {width:100%; background:#fff;}
.list_wrap > ul {/* border:1px solid #ced2db; */}
.list_wrap > ul > li {display:table; padding:8px 0; width:100%; min-height:22px;}
.list_wrap > ul > li + li {border-top:1px solid #e0e3ea;}
.list_wrap > ul > li .item {display:table-cell; padding-left:40px; width:130px; line-height:22px; vertical-align:middle; color:#575a65; font-weight:600;}
.list_wrap > ul > li .item .essential {padding-right:5px; background:url(../images/base/bg_base.png) no-repeat right -946px;}
.list_wrap > ul > li .item.check {position:relative;}
.list_wrap > ul > li .item.check:after {position:absolute; top:10px; width:4px; height:4px; margin-left:6px; background-color:#5b1eaa; border-radius:3px; content:'';}
.list_wrap > ul > li .input_box {display:inline-block; width:100%;}
.list_wrap > ul > li .input_box em.message {display:block; margin-top:5px; line-height:22px; color:#575a65; font-size:12px;}
.list_wrap > ul > li .input_box em.message.check {padding-left: 20px; background:url(../images/base/bg_base.png) no-repeat left -1059px;}
.list_wrap > ul > li .input_box em.warn {display:none; margin-top:5px; color:#f0394d; font-size:12px;}
.list_wrap > ul > li .input_box em.warn.show {display: block;}
.list_wrap > ul > li .input_box em.fine {display:none; margin-top:5px; color:#5b1eaa; font-size:12px;}
.list_wrap > ul > li .input_box em.fine.show {display: block;}
.list_wrap > ul > li .input_box .skills {display: block; position: absolute; right: 0; top: 5px; height: 21px; z-index: 1; background-color: #fff;}
.list_wrap > ul > li .input_box .skills .valid_txt{display: none; height: 21px; line-height: 19px; vertical-align: top; color: #5b1eaa; font-size: 14px;}
.list_wrap > ul > li .input_box .skills .show_pass {display: inline-block; width: 24px; height: 21px; background:url(../images/base/bg_base.png) no-repeat left -402px; cursor: pointer;}
.list_wrap > ul > li .input_box .skills .show_pass.on {background-position: left -452px;}
.list_wrap > ul > li .input_box .skills .reset_txt{display: none; width: 21px; height: 21px; background: url(../images/base/bg_base.png) no-repeat #fff 4px -1114px; cursor: pointer; vertical-align: top;}
.list_wrap > ul > li .desc, .list_wrap > ul > li .txt {margin-top:5px; line-height:20px; color:#b4b4b4; font-size:12px;}
.list_wrap > ul > li.valid .desc, .list_wrap > ul > li.invalid .desc {display:none;}
.list_wrap > ul > li .txt {display:none;}
.list_wrap > ul > li.valid .txt, .list_wrap > ul > li.invalid .txt {display:block;}
.list_wrap > ul > li.valid .txt {color:#5b1eaa !important;}
.list_wrap > ul > li.invalid .txt {color:#f0394d !important;}
.list_wrap > ul.unit_list {margin-bottom:10px;}
.list_wrap > ul.unit_list li {position:relative; padding:0 0 10px 0;}
.list_wrap > ul.unit_list li .input_box {width:170px; margin-top:10px;}
.list_wrap > ul.unit_list .txt {position:absolute; bottom:-15px; left:0;}
.list_wrap > p {margin:10px 0 0;}

.submit_wrap {display:block; padding-bottom:30px; text-align:center;}

/* tip layer */
.tip { display:inline-block; width:16px; height:16px; color:#fff !important; cursor:pointer; vertical-align: middle; position: relative; top:-2px; left:-2px; background: none; font-size:0; z-index:99;}
.tip:after { content:''; display:block; position:absolute; left:0; top:50%; transform: translateY(-50%); background-color: #A9AEBA; width:16px; height:16px; mask :url(../images/base/question-16.svg) center / 16px auto no-repeat; -webkit-mask :url(../images/base/question-16.svg) center / 16px auto no-repeat;}
.tip.on:after {background-color: #111 !important;}
.tip_content {display:none; position:absolute; margin-left:18px; padding:20px; max-height:400px; border:1px solid #999; border-radius:3px; z-index:100; background:#fff; overflow-y:auto;}
.tip_content.on {display:inline-block;}
.tip.disabled {cursor:default;}

/* accordion */
.accordion .drop {background:url(../images/base/bg_base.png) no-repeat right -800px; cursor:pointer;}
.accordion .drop.on {background-position:right -850px;}
.accordion .drop_content {display:none;}
.accordion .drop.disabled {cursor:default;}

.essential {padding-right:5px; background:url(../images/base/bg_base.png) no-repeat right -1246px;}

/* page */
.page {padding-top:25px; text-align:center; font-size:15px;}
.page a {line-height:24px; color:#575a65;}
.page a + a {margin-left:4px;}

/* ui-dialog */
.ui-widget-overlay + .ui-dialog + .ui-widget-overlay {opacity:0.2;}

#popup {max-height:680px !important;}
.popup {padding:0; border:0; border-radius:0; background:none;}
.popup .ui-dialog-titlebar {margin:0; padding:0; border:0; z-index:2;}
.popup .ui-dialog-titlebar .ui-dialog-title {display:none;}
.popup .ui-dialog-titlebar .ui-dialog-titlebar-close {top:13px; right:20px !important; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/base/bg_pop_close.png") no-repeat center center;}
.popup.scroll .ui-dialog-titlebar .ui-dialog-titlebar-close {right:30px;}
.popup .ui-dialog-content {background:#fff;}

#obj {max-height:680px !important;}
.obj {padding:0; border:0; border-radius:0; background:none;}
.obj .ui-dialog-titlebar {margin:0; padding:0; border:0; z-index:2;}
.obj .ui-dialog-titlebar .ui-dialog-title {display:none;}
.obj .ui-dialog-titlebar .ui-dialog-titlebar-close {top:13px; right:20px !important; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/base/bg_pop_close.png") no-repeat center center;}
.obj.scroll .ui-dialog-titlebar .ui-dialog-titlebar-close {right:30px;}
.obj .ui-dialog-content {padding:0; background:#fff; overflow-x:hidden;}

/* general */
.txt_left {text-align:left !important;}
.txt_right {text-align:right !important;}
.txt_center {text-align:center !important;}
.txt_top {vertical-align: top !important;}
.txt_bottom {vertical-align: bottom !important;}
.flt_left {float:left !important;}
.flt_right {float:right !important;}
.clear:after {content: ""; clear: both; display: block;}
.pb10 {padding-bottom:10px;}

/* 예외처리 */
.joint .radio {display:inline-block;}
.joint .radio + .input_box,
.joint .radio + .select,
.joint .radio + .search-date {margin-left:-14px;}




/* Layout ------------------------------------------------------------------------------------------------------------------------*/





/* 브라우저 체크 */
.browser_check {display:none; padding:30px 0; height:138px; border-bottom:1px solid #dce0e6;}
.browser_check.on {display:block;}
.browser_check h2 {line-height:28px; text-align:center; color:#27282f; font-size:15px;}
.browser_check section {margin-top:30px; text-align:center;}
.browser_check section a + a {margin-left:100px;}
.browser_check a.close {position:absolute; top:13px; right:20px !important; margin:0; padding:0; width:30px; height:30px; font-size:0; border:0; border-radius:0; background:url("../images/base/bg_pop_close.png") no-repeat center center;}

header {padding:0 40px; height:70px; line-height:70px; vertical-align:middle; border-bottom:1px solid #dce0e6;}
header .bi {display:inline-block;}
header .bi img {margin-top:-6px;}
header .bi span {display:inline-block; margin-left:8px; color:#5b1eaa; font-size:18px; font-weight:600;}
header .status {float:right; color:#7a7a7a; font-size:12px;}
header .status span {color:#575a65; font-size:14px;}
header .status a {margin-left:26px; color:#a9aeba; font-weight:600;}
header .status a.btn {line-height:22px;}

.middle {display:block; position:relative; width:100%; height:calc(100% - 71px);}
.browser_check.on + header + .middle {height:calc(100% - 270px);}
.middle nav {display:block; position:absolute; left:0; width:240px; height:100%; border-right:1px solid #dce0e6; background:#fff;}
.middle .content {display:block; position:relative; left:241px; width:calc(100% - 241px); height:100%; background:#f2f4fa; overflow:auto;}

.middle.fold nav {left:-241px;}
.middle.fold .content {left:0; width:100%;}



footer {position: relative; min-width:1280px; padding:30px 40px; border-top:1px solid #dce0e6; background:#f2f4fa;}
footer span {display:block; line-height:20px; color:#27282f; font-size:12px;}
footer .company {margin-bottom:4px;font-weight:600;}
footer .warn {color:#a9aeba;}
footer .copy {color:#575a65;}
footer .privacy {position: absolute; top: 30px; right: 40px; text-decoration: underline;}




/* Nav ------------------------------------------------------------------------------------------------------------------------*/



nav .index .tab {display:table; width:100%; height:70px; border-bottom:1px solid #dce0e6;}
nav .index .tab > li {display:table-cell; line-height:70px;}
nav .index .tab > li > a {display:inline-block; color:#ced2db; font-size:14px; font-weight:600;}
nav .index .tab > li > a.on {color:#111;}
nav .index .tab > li:first-child {padding-left:40px; text-align:left;}
nav .index .tab > li:last-child {padding-right:40px; text-align:right;}
nav .index > div {display:none; position:absolute; width:100%; height:calc(100% - 72px); overflow:auto;}
nav .index > div.on {display:block;}

nav .index > div > ul {padding:17px 40px;}
nav .index > div > ul > li {padding:10px 0; line-height:20px; font-size:12px; font-weight:600;}
nav .index > div > ul > li .drop {display:block; width:100%; height:20px;}
nav .index > div > ul > li .del {float:right; width:10px; height:20px; font-size:0; background:url(../images/base/bg_base.png) no-repeat right -503px;}
nav .index > div > ul > li .null {display:block; margin-top:80px; color:#a9aeba; font-weight:600;}
nav .index > div > ul > li > ul {margin:12px 0;}
nav .index > div > ul > li > ul a {color:#575a65;}

nav .index > div#bookmark > ul > li > span {display:block; position:relative; width:160px;}
nav .index > div#bookmark > ul > li > span > a:not(.del) {display:block; width:140px; word-break:keep-all;}
nav .index > div#bookmark > ul > li > span > a.del {position:absolute; top:50%; right:0; margin-top:-10px;}

nav .accordion .drop_content {padding:0 0 0 20px;}
nav .accordion .drop_content li {padding:4px 0; line-height:20px;}




/* Contents ------------------------------------------------------------------------------------------------------------------------*/




.content_wrap {padding:20px 40px 100px; width:calc(100% - 80px); min-width:1260px; height:auto; background:#f2f4fa; overflow:auto;}
.content_wrap .title {position:relative; margin-bottom:36px;}
.content_wrap .title .hide {display:block; position:absolute; top:10px; left:-20px; width:11px; height:18px; font-size:0; background:url(../images/base/bg_base.png) no-repeat left -700px;}
.fold .content_wrap .title .hide {background-position:left -750px;}
.content_wrap .title h1 {display:inline-block; line-height:32px; color:#444; font-size:20px;}
.content_wrap .title .bookmark i {margin:-11px 0 0 6px;}
.content_wrap .title .saved {display:inline-block; margin-left:10px; padding:0 12px; line-height:32px; font-size:12px; background:#575a65;}
.content_wrap .title .saved a {color:#fff;}

.content_wrap summary + section,
.content_wrap section + section {margin-top:60px;}
.content_wrap section .index {margin-bottom:10px;}
.content_wrap section .index h3 {display:inline-block; line-height:26px; color:#575a65; font-size:16px;}
.content_wrap section a.btn_gy {padding:1px 12px 3px; border:1px solid #f2f4fa;}
.content_wrap section a.btn_ln {padding:1px 12px 3px;}

summary {padding:10px 40px; line-height:30px; border:1px solid #ced2dd; background:#fff;}
summary span {color:#575a65; font-size:15px; font-weight:600; cursor: pointer;}
summary span em {color:#5b1eaa;}
summary span + span {margin-left:20px; padding-left:20px; background:url(../images/base/split.gif) no-repeat left 6px;}

section.search {background:#fff;}
section.search .list_wrap {padding:30px 0; border:1px solid #ced2dd;}
section.search .list_wrap li:last-child {border-bottom:1px solid #e0e3ea;}
/* #292003:20251106(s) */
section.search .grid_wrap {position:relative;}
section.search .grid_wrap.grid_disabled::after {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:#ffffff; opacity:0.5;}
/* //#292003:20251106(e) */

section.sysop .grid_wrap tr:first-child th, section.sysop .grid_wrap tr:first-child td {padding-top:29px;}
section.sysop .grid_wrap tr:last-child th, section.sysop .grid_wrap tr:last-child td {padding-bottom:39px;}
section.sysop .txt_left a {display:inline-block; padding:0 40px; font-weight:600;}

section .grid_wrap .joint .checkbox + .select {margin-left:-14px; margin-right:20px;}


/* 오류 템플릿 */
.full_wrap {width:100%; height:100%; background:#f2f4fa;}
section.notice {display:block; position:absolute; top:50%; left:50%; margin:-220px 0 0 -420px; padding:60px; width:720px; text-align:center; background:#fff;}
section.notice h3 {padding-top:118px; line-height:42px; color:#575a65; font-size:36px; font-weight:400; background:url(../images/base/bg_notice.png) no-repeat center top;}
section.notice .warn {margin-top:21px; line-height:22px; color:#575a65; font-size:13px;}
section.notice .submit_wrap {display:block; margin-top:36px;}



/* 회원 */
section.member .title {margin-bottom: 20px;}
section.member .title h1 {display:block; margin:60px auto 20px; width: 800px; color:#575a65; font-size:22px;}
/* #272941(s) */
section.member .title .guide {margin:0 auto 20px; width:800px;}
section.member .title .guide li {position:relative; padding-left:14px; color:#27282f; line-height:22px;}
section.member .title .guide li:before {content:''; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:3px; background-color:#27282f;}
/* #272941(e) */
section.member .msg {display: none; min-height: 30px; margin-top: 5px; line-height: 20px; color: #f0394d; font-size: 12px;}
section.member .msg.show {display: block;}
section.member .box_wrap {display:block; margin:20px auto 50px; width: 800px; padding:80px 140px; box-sizing: border-box; background:#fff;}
section.member .box_wrap .login {display: table;}
section.member .box_wrap .login .info {display: table-cell; width: 380px; vertical-align: middle;}
section.member .box_wrap .login .info label {opacity: 0; display: block; width: 0px; height: 0px; overflow: hidden; font-size: 0;}
section.member .box_wrap .login .info .input_box {display: block; position: relative;}
section.member .box_wrap .login .info .input_box input {height: 30px; font-size: 14px; line-height: 30px;}
section.member .box_wrap .login .info .input_box ~.input_box {margin-top: 25px;}
section.member .box_wrap .login .info .input_box #timer {position: absolute; left: 225px; top: 5px; color: #5b1eaa; font-size: 14px; font-weight: bold;}
section.member .box_wrap .login .info .msg {position: absolute;}
section.member .box_wrap .login .wrap_submit {display: table-cell;}
section.member .box_wrap .login .wrap_submit a.submit{width: 140px; height: 90px; padding: 0; margin: 0; line-height: 90px; text-align: center;}
section.member .box_wrap .login .wrap_submit .btn_certify {display: inline-block; width: 140px; height: 90px; padding: 0; margin: 0; border: none; line-height: 90px; color: #fff; font-size: 16px; font-weight: 600; background: #282830; cursor: pointer;}
section.member .box_wrap .login .wrap_submit .btn_certify[disabled] {opacity: 0.5;}
section.member .box_wrap .login .resend {height: 30px; margin-left: 20px; padding: 0 15px; line-height: 30px; border: 1px solid #e0e3eb;}
section.member .box_wrap .login .resend[disabled] {opacity: 0.5;}
section.member .box_wrap .login.block {display: block;}
section.member .box_wrap .login.block .info {display: block;}
section.member .box_wrap .login_side .check_option {display: inline-block; margin-top: 20px; color: #a9aeba; font-size: 12px;}
section.member .box_wrap .login_addon {margin-top: 30px; padding-top: 15px; border-top: 1px solid #ced2db;}
section.member .box_wrap .login_addon a {display: inline-block; color: #575a65;}
section.member .box_wrap .login_addon a ~ a {margin-left: 30px;}
section.member .box_wrap .tab:after {content: ""; clear: both; display: block;}
section.member .box_wrap .tab li {float: left; width: 50%; text-align: center;}
section.member .box_wrap .tab li a {display: block; padding: 15px 0; border-bottom: 2px solid #ced2db; color: #ced2db; font-size: 16px; font-weight: bold;}
section.member .box_wrap .tab li a.on {border-bottom: 2px solid #5b1eaa; color: #5b1eaa;}
section.member .box_wrap .tab ~ div {display: none; margin-top: 50px;}
section.member .box_wrap .tab ~ div.on {display: block;}
section.member .box_wrap .desc {margin-bottom: 30px; font-size: 14px; line-height: 1.7em;}
section.member .box_wrap .desc .sm {display: inline-block; color: #a9aeba; font-size: 12px;}
section.member .box_wrap .desc strong {display: inline-block; font-weight: bold; color: #5b1eaa; font-size: 20px;}
section.member .box_wrap .desc strong ~ .sm {margin-left: 10px;}
section.member .box_wrap .desc .data {display: block; margin-top: 5px;}
section.member .box_wrap .desc.lg {font-size: 16px;}
section.member .box_wrap .desc.center {text-align: center;}
section.member .box_wrap .guide {display: block; margin-top: 15px; padding-left: 20px; background:url(../images/base/bg_base.png) no-repeat left -1062px; font-size: 12px; color: #575a65;}
section.member .box_wrap .line {border-bottom: 1px solid #27282f;}
section.member .box_wrap h2 {padding-bottom: 50px; font-size: 32px; font-weight: normal; text-align: center; line-height: 1.3em;}
section.member .box_wrap h2 span {font-size: 20px;}
section.member .box_wrap h2 em {display: block; color: #5b1eaa;}
section.member .box_wrap h3 {margin: 40px 0 30px; font-size: 18px; font-weight: bold;}
section.member .box_wrap .list_wrap li {line-height:30px; border:0;}
section.member .box_wrap .list_wrap li .item {padding-left:0; width:120px; line-height:34px; vertical-align:top; color:#a9aeba; font-size:14px; font-weight:bold;}
section.member .box_wrap .list_wrap li .text_box {line-height:34px; vertical-align:top; font-size: 14px;}
section.member .box_wrap .list_wrap .input_box {position: relative;}
section.member .box_wrap .list_wrap .input_box input {height:26px; line-height:26px; font-size: 14px;}
section.member .box_wrap .list_wrap .input_box input::-webkit-input-placeholder {font-size: 12px;}
section.member .box_wrap .list_wrap .input_box input:-moz-placeholder {font-size: 12px; opacity:1;}
section.member .box_wrap .list_wrap .input_box input::-moz-placeholder {font-size: 12px; opacity:1;}
section.member .box_wrap .list_wrap .input_box input:-ms-input-placeholder {font-size: 12px;}
section.member .box_wrap .list_wrap .input_box input[disabled] {opacity: 0.4; background-color: #fff;}
section.member .box_wrap .list_wrap .input_box .put_btn {display: block; position: relative; width: 300px;}
section.member .box_wrap .list_wrap .input_box .put_btn .resend {display: none;}
section.member .box_wrap .list_wrap .input_box .put_btn:after {clear: both; content: ""; display: block;}
section.member .box_wrap .list_wrap .input_box .put_btn:first-child {margin-bottom: 5px;}
section.member .box_wrap .list_wrap .input_box .put_btn button {position: absolute; right: 0px; bottom: 0px; height: 25px; width: 60px; padding: 0px; background-color: #fff; line-height: 25px;}
section.member .box_wrap .list_wrap .input_box .put_btn button[disabled] {opacity: 0.4;}
section.member .box_wrap .list_wrap .input_box .put_btn #timer {display: none; position: absolute; top: 1px; right: 80px;}
section.member .box_wrap .list_wrap .message {display:block; margin-top:5px; line-height:22px; color:#575a65; font-size:12px;}
section.member .box_wrap .list_wrap .message.sm {display: block; color: #a9aeba; font-size: 11px; line-height: 15px;}
section.member .box_wrap .list_wrap .st_id {margin-top: 10px; font-size: 13px;}
section.member .box_wrap .list_wrap .st_id dt {display: inline-block; font-size: inherit; color: #444;}
section.member .box_wrap .list_wrap .st_id dt:after {content: ":"; display: inline-block; margin-left: 3px;}
section.member .box_wrap .list_wrap .st_id dd {display: inline-block; font-size: inherit; color: #5b1eaa;}
section.member .box_wrap .join {padding-bottom: 35px; border-bottom: 1px solid #ced2db;}
section.member .box_wrap .accordion {margin-top: -10px; margin-bottom: 50px;}
section.member .box_wrap .accordion > ul > li {border-bottom: 1px solid #ced2db;}
section.member .box_wrap .accordion > ul > li > span > .drop {display: block; padding: 20px 0; background-position: right -783px; color: #a9aeba; font-size: 12px; font-weight: bold;}
section.member .box_wrap .accordion > ul > li > span > .drop.on {background-position: right -833px;}
section.member .box_wrap .accordion > ul > li > span > .drop .is_required {color: #575a65;}
section.member .box_wrap .join_complete {margin-top: 60px;}
section.member .box_wrap .join_complete ul {margin-bottom: 60px;}
section.member .box_wrap .join_complete ul li {position: relative; margin-bottom: 65px;}
section.member .box_wrap .join_complete ul li:last-child {margin-bottom: 40px;}
section.member .box_wrap .join_complete ul li em {position: absolute; top: -5px; left: 110px; font-size: 34px; font-style: italic; color: #27282f;}
section.member .box_wrap .join_complete dl {padding-left: 170px;}
section.member .box_wrap .join_complete dl dt {font-size: 18px; color: #27282f; font-weight: bold;}
section.member .box_wrap .join_complete dl dd {padding: 15px 0; color: #575a65; font-size: 13px;}
section.member .box_wrap .join_complete dl dd.icon {position: absolute; top: 0px; left: 0px; padding: 0;}
section.member .box_wrap .join_complete dl dd.icon img {display: block;}
section.member .box_wrap .join_complete dl dd .download {margin-top: 15px;}
section.member .box_wrap .join_complete .submit.login {padding: 0 110px;}

section.member .agree_terms .submit {width:100%; margin-top: 50px; text-align:center;}
section.member .agree_terms .submit a.btn {padding:12px 54px; color: #fff; background: #111; border: 1px solid #111;}

section.member .input_box {position: relative;}
section.member .input_box .skills {display: block; position: absolute; right: 30px; top: 5px; height: 21px;}
section.member .input_box .skills .reset_txt {display: none; width: 21px; height: 21px; background: url(../images/base/bg_base.png) no-repeat #fff 4px -1114px; cursor: pointer; vertical-align: top;}
section.member .input_box .skills .show_pass {display: inline-block; width: 24px; height: 21px; background:url(../images/base/bg_base.png) no-repeat #fff left -402px; cursor: pointer;}
section.member .input_box .skills .show_pass.on {background-position: left -452px;}

section.member .required {padding-right:5px; background:url(../images/base/bg_base.png) no-repeat right -1246px;}
section.member .file_box {display: block; margin-top: 5px; margin-right: 5px;}
section.member .file_box:after {content: ""; clear: both; display: block;}
section.member .file_box button,
section.member .file_box ~ button {width: auto; height: 22px; line-height: 22px; padding: 0 10px; font-size: 11px; color: #27282f;}
section.member .attach_file {padding-top: 5px; line-height: 13px;}
section.member .attach_file .filename {display: inline-block; font-size: 11px; height: 15px; color: #a9aeba; vertical-align: middle;}
section.member .attach_file .delete {display: inline-block; width: 15px; height: 15px; font-size: 0; background: url(../images/base/bg_base.png) no-repeat -7px -506px; vertical-align: middle;}
section.member .attach_file .delete img {display: inline-block; width: 100%; height: 100%; opacity: 0; visibility: 0;}

section.member .box_wrap .reg-num {margin-bottom: 20px; font-size: 14px; line-height: 1.7em; color: #444; font-weight: bold;}
section.member .box_wrap .reg-num + .list_wrap.tbl li {border-bottom: 1px solid #dfe2ea;}
section.member .box_wrap .reg-num + .list_wrap.tbl li:first-child {border-top: 1px solid #dfe2ea;}
section.member .box_wrap .reg-num + .list_wrap.tbl li .text_box {float: right;}
section.member .box_wrap .reg-num + .list_wrap.tbl li .text_box button {width: 92px;}
section.member .box_wrap .reg-num ~ .guide {margin-top: 20px; padding-left: 0px; background: none; text-align: center; font-size: 12px;}
section.member .box_wrap .reg-num ~ .guide + .submit_wrap {margin-top: 50px;}

/* 약관 */
section.terms .title {margin-bottom:20px;}
section.terms .title h1 {display:block; margin:60px auto 20px; width: 1000px; color:#575a65; font-size:22px;}
section.terms .agree_personalPolicy {position:relative; margin-top:40px;}
section.terms .agree_personalPolicy .terms {display:block; margin:20px auto 50px; width: 1000px; padding:30px 20px; box-sizing: border-box; background:#fff;}
section.terms .agree_personalPolicy .terms .terms_wrap > p {line-height:22px; color:#27282f; font-size:13px;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling {margin-top:30px; padding:30px; background:#F5F5F5;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling h3 {font-size:20px; line-height:26px; color:#111111; margin-bottom:12px;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul {display:flex; gap:0 36px; margin-top:30px; margin-bottom:0px; position:relative;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li {position:relative;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li .thum {display:flex; justify-content:center; align-items:center; width:120px; height:120px; background:#FFFFFF; border-radius:6px; cursor:pointer;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li .thum img {display:none;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(1) .thum {background:#FFFFFF url('../images/terms/processing_item_1.png') no-repeat center/81px auto;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(2) .thum {background:#FFFFFF url('../images/terms/processing_item_2.png') no-repeat center/81px auto;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(3) .thum {background:#FFFFFF url('../images/terms/processing_item_3.png') no-repeat center/81px auto;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(4) .thum {background:#FFFFFF url('../images/terms/processing_item_4.png') no-repeat center/81px auto;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(5) .thum {background:#FFFFFF url('../images/terms/processing_item_5.png') no-repeat center/81px auto;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(6) .thum {background:#FFFFFF url('../images/terms/processing_item_6.png') no-repeat center/81px auto;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li .desc {font-size:17px; line-height:23px; font-weight:400; color:#111111; text-align:center; margin-top:12px; cursor:pointer;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:hover .desc {font-weight:700;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li .more {position:absolute; top:165px; width:460px; background:#FFFFFF; border:1px solid #111111; padding:24px; box-sizing:border-box; display:none;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:hover .more {display:block; z-index:1;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(1):hover .more,
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(2):hover .more,
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(3):hover .more,
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(4):hover .more {left:0;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(5):hover .more,
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li:nth-of-type(6):hover .more {right:0;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li .more .title {font-size:14px; line-height:20px; font-weight:700; color:#111111;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling ul li .more .text {margin-top:12px; font-size:14px; line-height:23px; color:#111111;}
section.terms .agree_personalPolicy .terms .terms_wrap .labeling .caption {font-size:15px; line-height:24px; color:#555555; margin-top:20px;}/* #174347 수정, #276640:20250618 */
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu {margin-top:70px; border-top:1px solid #ced2db; border-bottom:1px solid #ced2db;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu {margin:60px 0 30px; padding:30px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu ul:after{display:block; clear:both; content:"";}
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu li {position:relative; float:left; width:50%; padding-left:10px; box-sizing:border-box; margin-top:12px;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu li:nth-child(1),
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu li:nth-child(2) {margin-top:0px;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu li a {font-size:15px; line-height:21px; color:#111111;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu li:hover a {font-weight:700;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreementMenu li:after {position:absolute; top:10px; left:0; width:2px; height:2px; background-color:#999; content:'';}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents {margin:0px; padding:0px;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents h3 {font-size:20px; line-height:26px; color:#111111; margin-bottom:12px;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents > p {font-size:15px; line-height:24px; color:#555555;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents .tblWrap .tbl_board {border:1px solid #E5E5E5; margin-top:13px;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents .tblWrap .tbl_board thead {background:#F5F5F5;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents .tblWrap .tbl_board thead th {font-weight:400; color:#767676;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents .tblWrap .tbl_board thead + tbody tr td {color:#555555; text-align:left; vertical-align:top;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents .tblWrap .tbl_board tbody tr th {font-size:14px; line-height:23px; font-weight:400 !important; text-align:left; color:var(--gray600); background:var(--gray150); padding-left:11px;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents .tblWrap .tbl_board tbody tr td {font-size:14px; line-height:23px; text-align:left; vertical-align:middle;}
section.terms .agree_personalPolicy .terms .terms_wrap .agreeContents .tblWrap .tbl_board + p {margin-top:12px;}
section.terms .agree_personalPolicy .settingList {margin-top:40px; background:#f2f4fa; padding:40px; font-size:13px; color:#27282f;}
section.terms .agree_personalPolicy .settingList li {line-height:22px;}
section.terms .agree_personalPolicy .settingList li a:hover {color:#5b1eaa;}



/* 이용약관 */
.remote_wrap {display: none;}
.agree_terms {margin-top: 60px; text-align: center;}
.agree_terms > p {font-size: 14px; color: #111;}
#agree_content1,
#agree_content2 {margin-top:30px; padding:10px; height:150px; text-align:left; background:#f5f5f5; overflow-y: scroll;}
.agreeContents {margin:10px 15px; padding:20px; line-height:20px; color:#777; font-size:12px;}
.agreeContents h3 {margin:16px 0 8px; line-height:22px; color:#444; font-size:12px;}
.agreeContents h3:first-child {margin-top:0;}
.agreeContents table {margin-top:20px;}
.agreeContents table th, .agreeContents table td {padding:8px 16px; border:1px solid #ddd}
.agreeContents dl {margin:6px 0;}
.agreeContents dl dt, .agreeContents dl dd {word-wrap:break-word; word-break:keep-all;}
.agreeContents ul {margin:6px 0;}
.agreeContents ul li {word-wrap:break-word; word-break:keep-all;}
.agreeContents ol {margin:6px 0;}
.agreeContents ol li {padding-left:17px; word-wrap:break-word; word-break:keep-all;}
.agreeContents ol li span {margin-left:-17px;}
.agreeContents .agreeEnd {margin-top:16px;}
.agreeContents .zoom120,
.agreeContents .zoom120 p,
.agreeContents .zoom120 li,
.agreeContents .zoom120 dd,
.agreeContents .zoom120 span {color:#111; /*line-height:24px !important; font-size:15px !important; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-weight:600;*/}


/* 상품관리 */
section.search .grid_wrap .detail {display:none;}
section.search.on .grid_wrap .detail {display:table-row;}
section.search .toggle {float:right; padding:5px 36px 7px 20px; color:#575a65; font-weight:600; border:1px solid #dee0ed; border-top:0; background:url(../images/base/bg_base.png) #fcfcfc right -296px no-repeat;}
section.search.on .toggle {background-position:right -346px}

/* #256472 그리드영역 모든 전시카테고리 보기 */
/* .grid-layer {position:relative; display:none;}
.grid-layer .grid-layer-cont {position:relative; min-width:240px; background:#ffffff; padding:15px 25px 15px 15px; border:1px solid #dee0ed; border-radius:6px; z-index:10;}
.grid-layer .grid-layer-cont ul li {font-size:11px; color:#5f5f5f;}
.grid-layer .grid-layer-cont .grid-layer-close {display:block; position:absolute; top:8px; right:8px; width:8px; height:8px; text-indent:-9999px; background:url("../images/base/bg_pop_close.png") no-repeat center center / 100% auto;} */
/* //#256472 그리드영역 모든 전시카테고리 보기 */

/* 상품등록 */
.regist_prd .accordion > li {margin-top:20px;}
.regist_prd .accordion > li .drop {display:block; padding:19px 20px 21px; height:20px; line-height:20px; color:#575a65; font-size:16px; font-weight:600; background:#fff;}
.regist_prd .accordion > li .drop.on {border:1px solid #ced2db;}
.regist_prd .accordion > li .drop + small {float:right; margin:-43px 20px 0 0;}
.regist_prd .accordion > li .drop_content {padding:0; border:1px solid #ced2db; border-top:0;}
.regist_prd .accordion > li .drop_content .grid_wrap {border:0 !important;}
.regist_prd .accordion > li .drop_content .grid_wrap th,
.regist_prd .accordion > li .drop_content .grid_wrap td {border-bottom:0;}
.regist_prd .accordion > li .drop_content .grid_wrap tr:first-child th,
.regist_prd .accordion > li .drop_content .grid_wrap tr:first-child td {border-top:0;}
.regist_prd .accordion > li .drop_content .grid_wrap em.message {margin-bottom:0;}
.regist_prd .accordion > li .drop_content .grid_wrap em.message + .flt_right {margin-top:-22px;}
.regist_prd .accordion > li .drop_content .grid_wrap em.message + .data_wrap,
.regist_prd .accordion > li .drop_content .grid_wrap button + .data_wrap {margin-top:9px;}
.regist_prd .accordion > li .drop_content .grid_wrap + .index .tab {border-top:1px solid #dfe2ea;}

.regist_prd .accordion > li .drop_content .grid_wrap .set-table li {line-height:30px;}
.regist_prd .accordion > li .drop_content .grid_wrap .set-table li em {display:inline-block; width:80px;}
.regist_prd .accordion > li .drop_content .grid_wrap .set-table li em:before {/* content:'· '; */}

.regist_prd .accordion > li .drop_content .prd_input_wrap .input_box {display:block; line-height:32px;}
.regist_prd .accordion > li .drop_content .prd_input_wrap .input_box input {margin:0 5px 0 7px;}
.regist_prd .accordion > li .drop_content .option_set input {margin:0 5px 0 7px;}

.regist_prd .accordion > li .drop_content .prd_input_wrap .input_box input + .message {display:inline-block; margin-left:20px;}
.regist_prd .accordion > li .drop_content .joint {display:inline-block; margin-right:20px;}
.regist_prd .accordion > li .drop_content .selected {margin-top:8px; line-height:24px; color:#575a65;}
.regist_prd .accordion > li .drop_content .selected li {display:block;}
.regist_prd .accordion > li .drop_content .selected li span {display:inline-block; font-weight:600;}
.regist_prd .accordion > li .drop_content .selected li span .del {background-position:right -500px}


/* 상품일괄등록 */
.regist_prd .selected {margin-top:8px; line-height:24px; color:#575a65;}
.regist_prd .selected li {display:block;}
.regist_prd .selected li span {display:inline-block; font-weight:600;}
.regist_prd .selected li span .del {background-position:right -500px}

.regist_prd .accordion > li .drop_content .grid_wrap .device {display:block; float:left; margin-top:20px; width:420px; height:132px;}
.regist_prd .accordion > li .drop_content .grid_wrap .device .file_img {margin-right:20px;}
.regist_prd .accordion > li .drop_content .grid_wrap .device strong {line-height:30px;;}
.regist_prd .accordion > li .drop_content .grid_wrap .device .input_box {display:block; margin:10px;}
.regist_prd .accordion > li .drop_content .grid_wrap .device .input_box em:not(.message) {display:inline-block; width:75px;}

.regist_prd .accordion > li .drop_content .index {margin:0; background:#fff;}
.regist_prd .accordion > li .drop_content .index .tab {display:block; padding:9px 0 0 160px; border-bottom:1px solid #dfe2ea;}
.regist_prd .accordion > li .drop_content .index .tab:after {display:block; clear:both; content:'';}
.regist_prd .accordion > li .drop_content .index .tab > li {float:left;}
.regist_prd .accordion > li .drop_content .index .tab > li > a {display:inline-block; padding:0 30px; height:30px; line-height:27px; color:#a9aeba !important; border:1px solid #dfe2ea; border-bottom:0; font-size:12px;}
.regist_prd .accordion > li .drop_content .index .tab > li > a.on {color:#fff !important; font-weight:600; border-color:#5b1eaa; background:#5b1eaa;}
.regist_prd .accordion > li .drop_content .index .tab > li + li a {border-left:0 !important;}
.regist_prd .accordion > li .drop_content .index > div {display:none; width:100%;}
.regist_prd .accordion > li .drop_content .index > div.on {display:block;}

.regist_prd .accordion > li .drop_content .color_box {margin-left: 30px;}

.regist_prd .accordion > li .drop_content .grid_wrap .grid_wrap {margin-top:10px; height:auto; border:1px solid #dee0ed !important;}
.regist_prd .accordion > li .drop_content .grid_wrap .grid_wrap .option_set td {padding:20px 15px;}
.regist_prd .accordion > li .drop_content .grid_wrap .grid_wrap .option_set td > div {margin:8px 0;}
.regist_prd .accordion > li .drop_content .grid_wrap .grid_wrap .option_set td > div button {font-size:16px;}

/* #256472:20241119 */
.regist_prd .list_wrap .message ol {padding-left:15px;}
/* //#256472:20241119 */

.fixed_submit {height:70px;}
.fixed_submit.fixed .submit_wrap {position:fixed; left:0; bottom:0; width:100%; padding-top:30px; height:40px; border-top:1px solid #ced2db; background:#fff; opacity:0.7; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; z-index:3;}
.fixed_submit .submit_wrap:hover {opacity:1;}

/* #256472:20241119 고시정보 템플릿 다운로드 */
.template_download .submit_wrap ul {display:grid; grid-template-columns:1fr 1fr; gap:5px;}
.template_download .submit_wrap ul li button {width:100%; height:24px; box-sizing:border-box;}
/* //#256472:20241119 고시정보 템플릿 다운로드 */

/*210217 : 구비서류*/
.required_doc {padding:10px 0 0 0;}
.required_doc strong {font-size:13px;}
.required_doc .index {padding-top:10px;}
.required_doc .index > div {padding:0 10px;}
.regist_prd .accordion > li .drop_content .required_doc .index .tab {padding:0; }
.regist_prd .accordion > li .drop_content .required_doc .index .tab li {min-width:245px;}
.regist_prd .accordion > li .drop_content .required_doc .index .tab li a {display:block; text-align:center;}

/* 문의관리 */
.board h3 {display: block; margin-bottom: 10px; line-height: 26px; color: #575a65; font-size: 12px;}
.board .grid_wrap .file_box {margin-right: 5px;}
.board .grid_wrap .file_box button,
.board .grid_wrap .file_box ~ button {width: auto; height: 22px; line-height: 22px; padding: 0 10px; font-size: 11px; color: #27282f;}
.board .grid_wrap + h3 {margin-top: 50px;}
.board h3 ~ .grid_wrap {margin-top: 0px;}

/* 업체정보 */
.shop_input_wrap .input_box {display: block; line-height: 32px;}
.shop_input_wrap .input_box .btn {height: 22px;line-height: 22px;}

section.shop > .index {margin:0;}
section.shop > .index > .tab {display:block; padding:0; border-bottom:1px solid #dfe2ea;}
section.shop > .index > .tab:after {content: ""; clear: both; display: block;}
section.shop > .index > .tab > li {display:block; float: left; margin-right: -1px;}
section.shop > .index > .tab > li > a {display:inline-block; width: 160px; height:40px; text-align: center; line-height:40px; color:#a9aeba !important; border:1px solid #dfe2eb; border-bottom:0; font-size:12px;  background: #fff;}
section.shop > .index > .tab > li > a.on {color:#fff !important; font-weight:600; border-color:#5b1eaa; background:#5b1eaa;}
section.shop > .index > div {display:none; padding: 40px; background: #fff;}
section.shop > .index > div.on {display:block;}
section.shop > .index > div .index > h3 {margin: 0;}
section.shop > .index > div .grid_wrap > tbody > tr > th {text-align: left; padding-left: 20px;}
section.shop > .index > div .grid_wrap .file_box {margin-right: 5px;}
section.shop > .index > div .grid_wrap .file_box button,
section.shop > .index > div .grid_wrap .file_box ~ button {width: auto; height: 22px; line-height: 22px; padding: 0 10px; font-size: 11px; color: #27282f;}
section.shop > .index > div .grid_wrap.center > tbody > tr > th {text-align: center;}
section.shop > .index > div .grid_wrap.center th, section.shop > .index > div .grid_wrap.center td {text-align: center; padding-left: 30px; padding-right: 30px;}
section.shop dl.guide {padding: 0 0 10px 0;}
section.shop dl.guide dt {position: relative; padding-bottom: 20px; font-weight: bold; font-size: 13px; color: #575a65;}
section.shop dl.guide dd {font-size: 12px; color: #575a65; font-weight: normal;}
section.shop .grid_wrap {margin-top: 0px; margin-bottom: 30px;}
section.shop .attach_file {padding-top: 5px;}
section.shop .attach_file .filename {display: inline-block; font-size: 11px; height: 15px; color: #a9aeba; vertical-align: middle;}
section.shop .attach_file .delete {display: inline-block; width: 15px; height: 15px; font-size: 0; background: url(../images/base/bg_base.png) no-repeat -7px -506px; vertical-align: middle;}
section.shop .attach_file .delete img {display: inline-block; width: 100%; height: 100%; opacity: 0; visibility: 0;}
section.shop .index h3 {display: block; margin-top: 20px; margin-bottom: 10px; line-height: 26px; color: #575a65; font-size: 12px;}
section.shop .info_txt {margin: 25px 0; padding: 15px; background: #fff; border: 1px solid #d4d4d4}
section.shop .noti_txt {font-size: 11px;}
section.shop div.input_box {margin: 25px 0;}

section.shop .grid-header.index h3{display: inline-block; margin: 0; line-height: 26px; color: #575a65; font-size: 16px;}

/* 대시보드 */
.content_wrap.main .title {margin-bottom:0;}
.content_wrap.main .main-wrap {display: flex;}
.content_wrap.main .main-wrap .main-wrap-left {flex:1; padding-right:20px;}
.content_wrap.main .main-wrap .main-wrap-right {flex:0 0 32%;}
.content_wrap.main .grid_wrap > tbody > tr > td {color:#27282f; border-top:1px solid #f2f4fa; border-bottom:1px solid #f2f4fa; border-left:1px solid #dee0ed;}
.content_wrap.main {position:relative; min-width:1280px;} /* #257122 */
.content_wrap.main .title .indicate {height:40px; line-height:40px; background:#a9aeba;}
.content_wrap.main .title .indicate em {display:inline-block; padding:0 15px; height:40px; line-height:39px; color:#fff; font-size:14px; font-weight:600; background:#5b1eaa;}
.content_wrap.main .title .indicate span {margin-left:20px; color:#fff;}
.content_wrap.main section {margin-top:50px;}
.content_wrap.main section h3 {margin:0px 0 20px; line-height:24px; color:#575a65; font-size:16px;}
.content_wrap.main section h3 .tip{ width:20px; height:20px;}
.content_wrap.main section h3 .tip:after {width:20px; height:20px; mask :url(../images/base/question-16.svg) center / 20px auto no-repeat; -webkit-mask :url(../images/base/question-16.svg) center / 20px auto no-repeat;}
.content_wrap.main section > h3 em {position:relative;padding-left:21px; font-weight:normal; color:#a9aeba;}
.content_wrap.main section > h3 em:after {content:''; display:block; position: absolute; left:10px; top: 50%; transform: translateY(-50%);width:1px; height:10px; background:#DEE0ED;}
.content_wrap.main section h4{font-size: 14px; font-weight: 600;line-height: normal; height:17px; overflow: hidden;}
.content_wrap.main .today-sales .inner ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:5px;}
.content_wrap.main .today-sales .inner ul li{background-color: #ffffff; padding:24px;}
.content_wrap.main .today-sales .inner ul li .count{margin-top:20px;}
.content_wrap.main .today-sales .inner ul li .count em{font-size: 24px;font-style: normal;font-weight: bold;line-height: 30px;}
.content_wrap.main .today-sales .inner ul li .caption{margin-top:8px; color:#A9AEBA; font-size:12px; line-height:14px;}
.content_wrap.main .today-sales .inner ul li .caption .percent{padding-left:6px; padding-right:10px; position: relative; width:8px; height:8px; color:#424242;}
.content_wrap.main .today-sales .inner ul li .caption .percent:after { content:''; display:block; position:absolute; right:0; top:50%; transform: translateY(-50%); background-color: currentColor; width:8px; height:8px; mask :url(../images/base/rank_equal-8.svg) center / 8px auto no-repeat; -webkit-mask :url(../images/base/rank_equal-8.svg) center / 8px auto no-repeat;}
.content_wrap.main .today-sales .inner ul li .caption .percent.up{color:#F44338;}
.content_wrap.main .today-sales .inner ul li .caption .percent.up:after{mask :url(../images/base/rank_up-8.svg) center / 8px auto no-repeat; -webkit-mask :url(../images/base/rank_up-8.svg) center / 8px auto no-repeat;}
.content_wrap.main .today-sales .inner ul li .caption .percent.down{color:#2D56E2;}
.content_wrap.main .today-sales .inner ul li .caption .percent.down:after{mask :url(../images/base/rank_down-8.svg) center / 8px auto no-repeat; -webkit-mask :url(../images/base/rank_down-8.svg) center / 8px auto no-repeat;}
.content_wrap.main .today-sales .inner .more {float:right; margin:10px 20px 0; padding-right:12px; color:#a9aeba; font-weight:600; background:url(../images/base/bg_base.png) no-repeat right -1297px;}
.content_wrap.main .total-gods .inner {padding:24px;}
.content_wrap.main .total-gods .inner .count {margin-top:20px; font-size: 24px; font-style: normal; font-weight: bold; line-height: 30px;}
.content_wrap.main .total-gods .inner .count a {text-decoration: underline;}
.content_wrap.main .gods-status .data_wrap .index .tab {height:50px; display: flex;}
.content_wrap.main .gods-status .data_wrap .index .tab li {flex:1; display: flex; justify-content: center; background-color: #F2F4FA; border:2px solid #fff; border-bottom:0; box-sizing: border-box;}
.content_wrap.main .gods-status .data_wrap .index .tab li a {display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#a9aeba; font-size:13px; font-weight:normal;}
.content_wrap.main .gods-status .data_wrap .index .tab li a.on {background-color: #fff; color:#5b1eaa;}
.content_wrap.main .gods-status .data_wrap .index .tab li a em{padding-left:2px;}
.content_wrap.main .gods-status .data_wrap .index .tab li a .tip{display: inline-block;}
.content_wrap.main .gods-status .data_wrap .index .tab li a .tip:after {background-color: #A9AEBA; width:16px; height:16px; mask :url(../images/base/question-16.svg) center / 16px auto no-repeat; -webkit-mask :url(../images/base/question-16.svg) center / 16px auto no-repeat;}
.content_wrap.main .gods-status .data_wrap .index > div {display: none;}
.content_wrap.main .gods-status .data_wrap .index > div.on {display: block;}
.content_wrap.main section > .data_wrap {border:0;}
.content_wrap.main section > .data_wrap.loading {background:url(../images/base/loading.gif) #fff no-repeat center center;}
/* #257122(s) */
.content_wrap.main section.todays {min-width: 1280px; margin-right:-20px;}
.content_wrap.main section.todays > div {padding:42px 0; float:left; height:56px; text-align:center;}
.content_wrap.main section.todays > div + div {margin-left:5px;}
.content_wrap.main section.todays > div span {display:inline-block; min-width:82px; margin-left:4px;}
.content_wrap.main section.todays > div span:last-child {margin-left:0;}
.content_wrap.main section.todays > div span a {display:block; color:#fff; font-size:24px; font-weight:600; line-height:30px;}
.content_wrap.main section.todays > div span em {display:block; margin-top:4px; font-size:14px; color:rgba(255, 255, 255, 0.70); font-weight:600; line-height:22px; white-space:nowrap;}
.content_wrap.main section.todays:after {display:block; clear:both; content:"";}
.content_wrap.main section.todays .order {width:38%; background-color:#876DAF;}
.content_wrap.main section.todays .goods {width:calc(30% - 5px); background-color:#6D7BAF;}
.content_wrap.main section.todays .brand {width:calc(16% - 5px); background-color:#8E9EAD;}
.content_wrap.main section.todays .event {width:calc(16% - 5px); background-color:#B87474;}
/* #257122(e) */
.content_wrap.main section.pointer {}
.content_wrap.main section.pointer .data_wrap {box-sizing:border-box;}
.content_wrap.main section.pointer .inner ul{display: grid; grid-template-columns: repeat(5, 1fr);}
.content_wrap.main section.pointer .inner ul li{position:relative; padding:24px;}
.content_wrap.main section.pointer .inner ul li:after { content:''; display:block; position: absolute; left:0; top: 50%; transform: translateY(-50%); width:1px; height:77px; background: #DEE0ED;}
.content_wrap.main section.pointer .inner ul li:first-child::after{display: none;}
.content_wrap.main section.pointer .inner ul li .count{margin-top:12px;}
.content_wrap.main section.pointer .inner ul li .count em{font-size: 24px;font-style: normal;font-weight: bold;line-height: 30px;}
.content_wrap.main section.pointer .inner ul li .caption{margin-top:4px; color:#A9AEBA; font-size:12px; line-height:14px;}
.content_wrap.main section.pointer .inner ul li .caption span{padding-left:6px; padding-right:10px; position: relative; width:8px; height:8px; }
.content_wrap.main section.pointer .inner ul li .caption span:after { content:''; display:block; position:absolute; right:0; top:50%; transform: translateY(-50%); background-color: currentColor; width:8px; height:8px; mask :url(../images/base/rank_up-8.svg) center / 8px auto no-repeat; -webkit-mask :url(../images/base/rank_up-8.svg) center / 8px auto no-repeat;}
.content_wrap.main section.pointer .inner ul li .caption span.up{color:#F44338;}
.content_wrap.main section.pointer .inner ul li .caption span.down{color:#2D56E2;}
.content_wrap.main section.pointer .inner ul li .caption span.down:after{mask :url(../images/base/rank_down-8.svg) center / 8px auto no-repeat; -webkit-mask :url(../images/base/rank_down-8.svg) center / 8px auto no-repeat;}
.content_wrap.main section.pointer .inner .more {float:right; margin:16px 20px 0; padding-right:12px; color:#a9aeba; font-weight:600; background:url(../images/base/bg_base.png) no-repeat right -1297px;}
.content_wrap.main section.pointer .grid_wrap tr td em {margin-left:20px; color:#a9aeba;}
.content_wrap.main section.gods-status section {margin-top:0;}
.content_wrap.main section.gods-status .data_wrap {box-sizing:border-box; height:796px;}
.content_wrap.main section.gods-status .data_wrap .more {margin-top:13px;}
.content_wrap.main section.gods-status .grid_wrap{border:0;}
.content_wrap.main section.gods-status .grid_wrap th {border-left:0; border-right:0; padding:0 !important; height:34px; box-sizing: border-box; color:#a9aeba; background-color: #fff; border:0;}
.content_wrap.main section.gods-status .grid_wrap tr td {position:relative; padding:10px 14px; height:48px; box-sizing: border-box; border-left:0; border-right:0; text-align: center; color:#111;}
.content_wrap.main section.gods-status .grid_wrap tr td:first-child {text-align:left;}
.content_wrap.main section.gods-status .grid_wrap tr td span {display:block; position:absolute; width:calc(100% - 28px); margin-top:-7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.content_wrap.main section.soldout {}
.content_wrap.main section.soldout .data_wrap {height:796px; box-sizing:border-box;}
.content_wrap.main section.soldout .data_wrap .grid_wrap th {height:34px; font-weight:normal; box-sizing: border-box;}
.content_wrap.main section.bestseller {}
.content_wrap.main section.bestseller .data_wrap:after {content:''; display:block; clear:both;}
.content_wrap.main section.bestseller .data_wrap .grid_wrap th {height:34px; font-weight:normal; box-sizing: border-box;}
.content_wrap.main section.bestseller .data_wrap .grid_wrap td:first-child { padding:15px 6px 15px 14px;}
.content_wrap.main section.bestseller .data_wrap .grid_wrap td {padding:15px 14px; height:120px; text-align:center; border-left:0; border-right:0;  box-sizing:border-box;}
.content_wrap.main section.bestseller .data_wrap .grid_wrap td.top{vertical-align: top; text-align: left; padding:15px 14px 15px 0;}
.content_wrap.main section.bestseller .data_wrap .grid_wrap td span {padding-right:14px; height:44px; line-height:22px; text-align:left; overflow:hidden;}
.content_wrap.main section.bestseller .data_wrap .grid_wrap td img {width:67px;}
.content_wrap.main section .data_wrap .more {float:right; margin:16px 20px 0; padding-right:12px; color:#a9aeba; font-weight:600; background:url(../images/base/bg_base.png) no-repeat right -1297px;}
.content_wrap.main section.weekly .data_wrap {border-bottom:1px solid #dfe2ea; box-sizing:border-box;}
.content_wrap.main section.weekly .data_wrap .index .tab {height:50px; border-bottom:2px solid #dfe2e9;}
.content_wrap.main section.weekly .data_wrap .index .tab li {float:left;}
.content_wrap.main section.weekly .data_wrap .index .tab li a {display:block; width:162px; height:50px; line-height:50px; text-align:center; color:#a9aeba; font-size:13px; font-weight:600; border-bottom:2px solid #dfe2e9;}
.content_wrap.main section.weekly .data_wrap .index .tab li a.on {color:#5b1eaa; border-color:#5b1eaa;}
.content_wrap.main section.weekly .data_wrap .index .tab li a em{padding-left:5px;}
.content_wrap.main section.weekly .data_wrap .index > div {display:none; margin:21px auto 0; width:calc(100% - 80px); height:250px;}
.content_wrap.main section.weekly .data_wrap .index > div.on {display:block;}
.content_wrap.main section.weekly .data_wrap .more {margin-top:3px;}
.content_wrap.main section.noti .data_wrap {border-top:1px solid #dfe2ea; border-bottom:1px solid #dfe2ea; box-sizing:border-box;}
.content_wrap.main section.noti .data_wrap ul {padding:40px 40px 14px; width:calc(100% - 80px); height:160px;}
.content_wrap.main section.noti .data_wrap ul li {display:block; float:left; padding:29px; line-height:20px; width:calc(33.33% - 68px); height:100px; border:1px solid #dfe2ea; overflow:hidden;}
.content_wrap.main section.noti .data_wrap ul li + li {margin-left:12px;}
.content_wrap.main section.noti .data_wrap ul li div {display:table-cell; vertical-align:middle; height:100px;}
.content_wrap.main section.noti .data_wrap ul li div i {display:block; margin-bottom:5px; width:40px; height:18px; line-height:18px; text-align:center; color:#fff; font-size:10px; font-weight:600; background:#5b1eaa;}
.content_wrap.main section.noti .data_wrap ul li div em {display:block; margin-top:5px; color:#a9aeba;}
.content_wrap.main section.weekly {min-width:850px;}
.content_wrap.main section.weekly .data_wrap {height:374px;}
.content_wrap.main section.weekly .graph {margin-top:10px; height:212px; background:url(../images/base/bg_graph.jpg) no-repeat center center;}
.content_wrap.main section.noti {min-width:850px;}
.content_wrap.main section.noti .data_wrap {height:266px;}
.content_wrap.main section.demand {}
.content_wrap.main section.demand .data_wrap {height:266px; border-bottom:1px solid #dfe2ea; box-sizing:border-box;}
.content_wrap.main section.demand .grid_wrap tr th,
.content_wrap.main section.demand .grid_wrap tr td {padding-left:0; padding-right:0; text-align:center; border-left:0; border-right:0;}
.content_wrap.main section.demand .grid_wrap tr td {padding:8px 0 !important;}
.content_wrap.main section.demand .grid_wrap tr:first-child th, .content_wrap.main .grid_wrap tr:first-child td {padding:12px 0;}
.content_wrap.main section.demand .grid_wrap tr th {color:#a9aeba;}
.content_wrap.main section.demand .grid_wrap tr td {position:relative;}
.content_wrap.main section.demand .grid_wrap tr td:first-child {text-align:left; text-indent:30px;}
.content_wrap.main section.demand .grid_wrap tr td span {display:block; margin-top:-7px; position:absolute; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.content_wrap.main section .null {text-align:center; color:#a9aeba; font-weight:600;}
.content_wrap.main section.soldout .null,
.content_wrap.main section.pointer .null {height:84px;}
.content_wrap.main section.bestseller .null {height:560px;}
.content_wrap.main section.demand .null {height:43px;}
.null {color:#a9aeba !important;}
.content_wrap.main section.gods-status {margin-top:5px;}


/* Popup ------------------------------------------------------------------------------------------------------------------------*/






#popup {min-width:320px;}
#popup > div > h2 {margin-bottom:40px; color:#111; font-size:20px;}

#popup section + section {margin-top:40px;}
#popup section .index {margin-bottom:10px;}
#popup section .index h3 {display:inline-block; line-height:26px; color:#575a65; font-size:16px;}
#popup section + section:last-child {padding-bottom:35px;}

/* 가입환영 */
#popup .grad h2 {margin-top:30px; line-height:28px; text-align:center; color:#27282f; font-size:15px;}

/* 주문상세 */
#popup .order .grid_wrap .memo_wrap {display:inline-block; margin-left:8px; vertical-align:bottom;}
#popup .order .grid_wrap .memo_wrap button {display:block; width:80px;}
#popup .order .grid_wrap .memo_wrap button + button {margin-top:8px;}
#popup .order .grid_wrap td {text-align:center !important;}

/* 노출항목 설정 */
#popup .option .grid_wrap th {text-align:center;}
#popup .option .grid_wrap th .checkbox {display:inline-block; width:16px;}

/* 브랜드별 즐겨찾기 현황 */
#popup .bookmark {width:400px;}
#popup .bookmark .grid_wrap td.null {border-right:0;}
#popup .bookmark .grid_wrap td:first-child,
#popup .bookmark .grid_wrap td:last-child {text-align:center;}

/* 메모 */
#popup .memo {width:800px;}
#popup .memo .grid_wrap th {text-align:center;}
#popup .memo .grid_wrap th .checkbox {display:inline-block; width:16px;}
#popup .memo .grid_wrap td.null {border-right:0;}
#popup .memo .grid_wrap td:first-child,
#popup .memo .grid_wrap td:last-child {text-align:center;}

/* 배송정책 */
#popup .shipping .radio + button {display:block; margin-top:5px;}
#popup .shipping .input_box + .strong {margin-left:20px;}
#popup .shipping .grid_wrap em.message {margin-bottom:0;}

/* 운송장번호 일괄등록 */
#popup .shipping .file_box .message {display:block; width:100%; line-height:20px;}
#popup .shipping .result span {display:block; line-height:24px;}
#popup .shipping .result span em {color:#5b1eaa;}
#popup .shipping .result span.fail em {color:#f0394d;}


/* 부운영자 관리 */
#popup .invite {width:880px;}
#popup .invite > div + h2 {margin-top:50px;}
#popup .invite .grid_wrap td:last-child {position:relative; padding-left:30px; text-align:left;}
#popup .invite .grid_wrap td:last-child p {display:inline-block; width:400px;}
#popup .invite .grid_wrap td:last-child p span {display:inline-block; margin-right:20px; line-height:24px;}
#popup .invite .grid_wrap td:last-child p span .del {margin-left:7px; float:right; width:10px; height:22px; font-size:0; background:url(../images/base/bg_base.png) no-repeat right -502px;}
#popup .invite .grid_wrap td:last-child .junk {display:block; position:absolute; top:50%; right:0; margin-top:-10px; width:20px; height:20px; font-size:0; background:url(../images/base/bg_base.png) #ced2db no-repeat center -1195px;}
#popup .invite .grid_wrap td:last-child button {margin-left:15px;}

/* 나의 정보수정 */
#popup .modify {width:880px;}
#popup .modify .top_btns {padding-bottom: 10px; border-bottom: 1px solid #ced2db;}
#popup .modify .top_btns.right {text-align: right;}
#popup .modify > h2 + .top_btns {margin-top: -30px; margin-bottom: 20px;}
#popup .modify .list_wrap li {line-height:30px; border:0;}
#popup .modify .list_wrap li .item {padding-left:0; width:120px; line-height:34px; vertical-align:top; color:#575a65; font-size:12px; font-weight:bold;}
#popup .modify .list_wrap li .text_box {line-height:34px; vertical-align:top;}
#popup .modify .list_wrap .input_box input {height:30px; line-height:30px;}

#popup .modify .desc {margin: 30px 0; line-height: 1.5em;}

/* 상품관리 */
#popup .product .grid_wrap.center td {padding-left: 30px; padding-right: 30px; text-align: center;}
#popup .product h3 {display: block; margin-bottom: 10px; line-height: 26px; color: #575a65; font-size: 12px;}
#popup .product h3 em {color: #5b1eaa}
#popup .product h3 em.message {margin-top:2px; color:#999; font-weight:normal;}
#popup .product p {line-height:18px; padding-bottom:8px;}
#popup .product p .message {margin-top:1px;}
#popup .product .grid-header h3 {font-size: 14px;}
#popup .product .search + h3 {margin-top: 40px;}
#popup .product .txt_wrap {height:350px; background:#fff; border:1px solid #dee0ed; padding: 15px 20px; box-sizing: border-box; overflow-y: auto;}
#popup .product .data_wrap {height:330px;}
#popup .product .colorchip .list_wrap li {line-height:30px; border:0;}
#popup .product .colorchip .list_wrap li .item {padding-left:0; padding-top: 9px; width:120px; line-height:17px; vertical-align:top; color:#575a65; font-size:12px; font-weight:bold;}
#popup .product .colorchip .list_wrap li .text_box {line-height:34px; vertical-align:top;}
#popup .product .colorchip .list_wrap .input_box input {height:30px; line-height:30px;}
#popup .product .colorchip .list_wrap .input_box em {margin-right: 5px;}
#popup .product .colorchip ul.colorchip_list {margin-left: -15px;}
#popup .product .colorchip ul.colorchip_list > li {float: left; height: 90px;  margin-left: 15px;}
#popup .product .colorchip ul.colorchip_list > li .option-color {display: block; width: 54px; height: 42px;}
#popup .product .colorchip ul.colorchip_list > li .color-chip {width: 54px; height: 42px;}
#popup .product .colorchip ul.colorchip_list > li .naming {display: block; margin-top: 3px; text-align: center; color: #27282f; font-size: 12px; line-height: 16px;}
#popup .product .modify_notice {position: relative;}
#popup .product .modify_notice .index > div {display: none;}
#popup .product .modify_notice .index > div.on {display: block;}
#popup .product .modify_notice .index > .tab:after {content: ""; clear: both; display: block;}
#popup .product .modify_notice .index > .tab > li {display: block; float: left; margin-right: -1px;}
#popup .product .modify_notice .index > .tab > li > a {display: inline-block; padding: 0 30px; height: 30px; line-height: 27px; color: #a9aeba !important; border: 1px solid #dfe2ea; border-bottom: 0; font-size: 12px;}
#popup .product .modify_notice .index > .tab > li > a.on {color: #fff !important; font-weight: 600; border-color: #5b1eaa; background: #5b1eaa;}

#popup .product .modify_notice .index > .tab + .strong {position: absolute; right: 0px; top: 5px; color: #5b1aaa !important;}

#popup .product .modify_notice .grid_wrap th {background: #fff; border-right: none !important; vertical-align: top; text-align: left;}
#popup .product .modify_notice .grid_wrap td {padding-left: 0px; padding-right: 0px; padding-bottom: 20px; border-left: none !important;}
#popup .product .modify_notice .device {display: block; float: left; margin-top: 20px; padding-bottom: 20px; width: 405px; height: 126px;}
#popup .product .modify_notice .device.mobile {display: none;}
#popup .product .modify_notice .device + .device {float: right; width: 455px;}
#popup .product .modify_notice .device + .device .input_box {margin-right: 0px;}
#popup .product .modify_notice .device .file_img {margin-right:20px;}
#popup .product .modify_notice .device strong {line-height:40px;;}
#popup .product .modify_notice .device .input_box {display:block; margin:10px;}
#popup .product .modify_notice .device .input_box em {display:inline-block; width:75px;}
#popup .product .modify_notice .device .input_box + .strong {display: block; margin-top: -5px;}
#popup .product .category + h3 {margin-top: 30px;}
#popup .product .category .grid_wrap th {/* text-align: left; */}
#popup .product .category .grid_wrap td {padding: 18px 0 18px 18px;}
#popup .product .category .selected {margin-top:8px; line-height:24px; color:#575a65;}
#popup .product .category .selected li {display:block;}
#popup .product .category .selected li span {display:inline-block; font-weight:600;}
#popup .product .category .selected li span .del {background-position:right -500px}
#popup .product .search .grid_wrap + h3 {margin-top: 30px;}
#popup .product .search .data_wrap + h3 {margin-top: 30px;}
#popup .product .search .grid_wrap ~ .grid_wrap {margin-top: 0px;}
#popup .product .search .grid_wrap + .clear {margin-top: 10px; margin-bottom: 20px;}
#popup .product .search .grid_wrap .option_set td {padding: 20px 15px;}
#popup .product .search .grid_wrap .option_set td > div {margin: 5px 0;}
#popup .product .search .grid_wrap .option_set td > div button {font-size: 16px;}
#popup .product .search .data_wrap ~ .data_wrap {margin-top: 30px;}

/* 개인정보 */
#popup .privacy .agree_check {text-align: center;}
#popup .privacy .submit {margin: 20px 0 0; text-align: center;}
#popup .privacy .agreeContents {text-align:left;color:#666;border:1px solid #ccc;padding:30px;line-height:22px;height:350px;overflow:auto;}
#popup .privacy .agreeContents h4{margin-top:45px;padding-left:14px;}
#popup .privacy .agreeContents ul{padding:0 0 20px 14px;}
#popup .privacy .agreeContents ul li{margin-bottom:10px;}
#popup .privacy .agreeContents ul li .first_letter{margin: 0 4px 0 -14px;}
#popup .privacy .agreeContents ol{padding:10px 0 15px 20px;}
#popup .privacy .agreeContents ol li .first_letter{margin: 0 4px 0 -20px;}
#popup .privacy .agree_check .strong {color: #111 !important;}

/* 공지사항 */
#popup .notice .grid_wrap th, #popup .notice .grid_wrap td {padding: 10px 25px;}
#popup .notice .grid_wrap th .th {margin-right: 25px; }
#popup .notice .editor_content {padding: 20px 0;}
#popup .notice .files a {display: inline-block; margin-right: 30px; line-height: 1.7em; text-decoration: underline;}
#popup .notice .today_chk {margin-top: 40px; text-align: right;}
#popup .notice .today_chk a {padding-right: 15px; background: url("../images/base/bg_pop_close.png") no-repeat right 3px; -webkit-background-size: 10px auto; background-size: 10px auto;}


#popup .common .tab {display:block; padding:0; }
#popup .common .tab:after {content: ""; clear: both; display: block;}
#popup .common .tab > li {display:block; float: left; margin-right: -1px;}
#popup .common .tab > li > a {display:inline-block; width: 160px; height:40px; text-align: center; line-height:40px; color:#a9aeba !important; border:1px solid #dfe2eb; border-bottom:0; font-size:12px;  background: #fff;}
#popup .common .tab > li > a.on {color:#fff !important; font-weight:600; border-color:#5b1eaa; background:#5b1eaa;}
#popup .common .tab-content {display: none;}
#popup .common .tab-content.on {display: block;}
#popup .common .option_set > div {margin: 5px 0;}
#popup .common .input_box.time input {background: none; width: 30px !important;}
#popup .common .input_box.time input[readonly] {background: #efefef;}
#popup .common .grid_wrap ~ h3 {margin-top: 50px; margin-bottom: 10px;}
#popup .common .grid_wrap ~	div.section {margin-top: 50px; margin-bottom: 10px;}


/* window popup */
body#popup {position: relative; width: auto; max-height: none !important; border: 0; background: #fff; overflow: hidden; box-sizing: border-box;}
body#popup > div:not(.ui-datepicker):not(.ui-dialog):not(.tip_content):not(.ui-widget-overlay) {position: relative; padding: 35px 40px; height: 100%; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box;}

body#popup > div.content_wrap {width: 100%; min-width: 0;}

body#popup .ui-dialog {padding: 0; height: auto; overflow-x: visible; overflow-y: visible; box-sizing: content-box;}


/* grid */
.grid-header {position: relative; display: block; line-height: 26px; color: #575a65; font-size: 0; text-align: right;}
.grid-header:after {content: ""; display: block; clear: both;}
.grid-header h3 {float: left;}
.grid-header .controls { display: inline-block; font-size: 0; vertical-align: top;}
.grid-header .controls button { display: inline-block; float: none; margin-left: 5px; }
.grid-header .add-controls {display: inline-block; font-size: 0;}
.grid-header .add-controls button,
.grid-header .add-controls select,
.grid-header .add-controls input[type=text],
.grid-header .add-controls .select {margin-left: 5px;}
.grid-header .add-controls.left {float: none; vertical-align: top;}
.grid-header .add-controls.right {float: right;}
.grid-header select.select-grid-ppc { display: inline-block; float: none; padding: 1px 10px 3px; margin-left: 5px; height: 18px; line-height: 18px; vertical-align: middle; box-shadow:none; border: 1px solid #dfe2e9;box-sizing: content-box;cursor: pointer;}
select.select-grid-ppc { height: 18px; vertical-align: bottom; box-shadow: none; width: 100px; text-align: right; border: solid 1px #dfe2e9; padding: 1px 10px 3px; }
.grid-header.control-only { margin: 0; background: none; border: none; min-height: 0; margin-top: 33px; }
.grid-header.control-only .title { display: none; }
.grid-header.control-only .controls { top: -33px; margin-top: 0; right: 0; }
.grid-header.control-only.float { margin-top: 0; }
.grid-actions {padding: 10px; border-left: 1px solid #ced2db; border-top: 1px solid #ced2db; border-right: 1px solid #ced2db; background-color: #f3f4f9;}
.grid-wrap .gridbox {border: 1px solid #ced2db !important;}
.grid-wrap .gridbox table {border-collapse: separate;}
.grid-wrap .gridbox.gridbox_dhx_terrace .xhdr {background-color: #fff;}
.grid-wrap .gridbox.gridbox_dhx_terrace table {margin-left: -1px;}
.grid-wrap .gridbox.gridbox_dhx_terrace table.hdr td{height: 40px; background-color: #fff;}
.grid-wrap .grid-bottom-sum { background: #f5f5f5; border: solid 1px #ccc; border-top: 0; margin-top: 0; height: 28px; color: #999; line-height: 28px; padding: 0 10px; }
.grid-wrap .grid-bottom-sum span.btn-xsm-prev,
.grid-wrap .grid-bottom-sum span.btn-xsm-next { }
.grid-wrap .grid-expand-btn { display: block; }
.grid-wrap .grid-expand-btn span { width: 100%; height: 30px; display: block; background-color: #f5f5f5; border: solid 1px #ccc; border-top: 0; color: #999;  /* padding: 5px; */ text-align: center; line-height: 28px; box-sizing: border-box; font-size: 12px; }
.grid-wrap .grid-expand-btn span:before { content: '모두보기'; }
.grid-wrap .grid-expand-btn span:after { content: ''; display: inline-block; border: solid 10px transparent; border-top: solid 10px #777; border-width: 5px 5px 1px 5px; margin-left: 6px; vertical-align: middle; }
.grid-wrap .grid-expand-btn.expanded span:before { content: '줄여보기'; }
.grid-wrap .grid-expand-btn.expanded span:after { content: ''; border: solid 10px transparent; border-bottom: solid 10px #777; border-width: 0px 5px 5px 5px; }
.grid-wrap .grid-expand-btn span { line-height: 32px; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.grid-wrap .grid-expand-btn span { line-height: 32px; }
}

.cmm-column-selector { text-align: left; border: solid 1px #999; border-width: 0 0 1px 1px; }
.cmm-column-selector:after { content: ''; clear: both; display: block; }
.cmm-column-selector li {/* width: 25%; */ /* float: left; */border: solid 1px #999; border-width: 1px 1px 0 0; box-sizing: border-box; padding: 3px; color: #999; }
.cmm-column-selector li.all { width: 100%; background: #f5f5f5; }
.cmm-column-selector li.active {/* background: #666; */ /* color: #fff; */font-weight: 400; color: #333; }
.cmm-column-selector li:last-child { width: auto; float: none; overflow: hidden; }



.input_box {position: relative;}
.input_box .skills .show_pass {display: inline-block; width: 24px; height: 21px; background:url(../images/base/bg_base.png) no-repeat left -402px; cursor: pointer;}
.input_box .skills .show_pass.on {background-position: left -452px;}


body.flexible .full_wrap {height: calc(100% - 216px);}

@media (max-width: 768px){
	body.flexible {background: #fff; overflow-x: hidden; min-width: 320px; height: 100%; height: 100vh; overflow: scroll; width: 100%;}
	body.flexible .full_wrap {height: auto;}

	.full_wrap.flexible {background: #fff;}
	.full_wrap.flexible section.notice {width: auto; margin: 0; position: static; top: auto; left: auto; padding: 25px; text-align: left;}
	.full_wrap.flexible section.notice h3 {padding-top: 15px; background: none; font-size: 16px; line-height: 22px;}
	.full_wrap.flexible section.notice h3:before{margin-bottom: 20px; content: ""; display: block; width: 15px; height: 35px; background-image: url(../images/base/bg_notice.png); background-position: -23px -13px; background-size: 56px auto; -webkit-background-size: 56px auto;}
	.full_wrap.flexible section.notice .warn {margin-top: 0; font-size: 16px;}

	.flexible a.submit_ln {padding: 6px 35px 10px;}
	.flexible a.submit_bk {padding: 6px 35px 10px;}

	.flexible header {height: 50px; padding-left: 25px; background: #fff; line-height: 50px; z-index: 1;}
	.flexible header .bi img {height: 13px; margin-top: -4px;}
	.flexible header .bi span {font-size: 13px; vertical-align: middle; line-height: 1em; margin-top: -7px;}
	.flexible header .status {display: none;}

	.flexible .middle {height: auto; }
	.flexible .middle .content {background: #fff;}
	.flexible .content_wrap {width: auto; min-width: 0px; padding: 35px 25px; background: #fff;}
	.flexible section.member .list_wrap.tbl > ul {display: table; border-collapse: collapse; }
	.flexible section.member .list_wrap.tbl > ul > li {display: table-row;}
	.flexible section.member .list_wrap.tbl > ul > li > span {display: table-cell;}
	.flexible section.member .title {margin-bottom: 0; padding-bottom: 30px; border-bottom: 1px solid #27282f;}
	.flexible section.member .title h1 {width: auto; margin: 0px; font-size: 16px; line-height: 18px;}
	.flexible section.member .box_wrap h2 {padding-bottom: 20px; font-size: 13px; color: #111; font-weight: bold;}
	.flexible section.member .box_wrap {width: auto; padding: 30px 0; margin: 0;}
	.flexible section.member .box_wrap .desc {font-size: 12px;}
	.flexible section.member .box_wrap .reg-num {margin-bottom: 20px; font-size: 11px; line-height: 1.7em; color: #444; font-weight: bold;}
	.flexible section.member .box_wrap .list_wrap.tbl.border {padding: 25px 0; border-top: 1px solid #ced2db; border-bottom: 1px solid #ced2db;}
	.flexible section.member .box_wrap .list_wrap.tbl li .item {width: auto !important; padding-right: 20px; line-height: 20px; font-size: 11px;}
	.flexible section.member .box_wrap .list_wrap.tbl li .text_box {width: auto !important; line-height: 20px; font-size: 11px}
	.flexible section.member .box_wrap .reg-num + .list_wrap.tbl > ul {width: 100%;}
	.flexible section.member .box_wrap .reg-num + .list_wrap.tbl li {border-bottom: 1px solid #dfe2ea;}
	.flexible section.member .box_wrap .reg-num + .list_wrap.tbl li:first-child {border-top: 1px solid #dfe2ea;}
	.flexible section.member .box_wrap .reg-num + .list_wrap.tbl li > span {padding: 15px 0 !important;}
	.flexible section.member .box_wrap .reg-num + .list_wrap.tbl li .item {color: #444;}
	.flexible section.member .box_wrap .reg-num + .list_wrap.tbl li .text_box {float: none; text-align: right;}
	.flexible section.member .box_wrap .reg-num + .list_wrap.tbl li .text_box button {width: 80px; font-size: 10px;}
	.flexible section.member .box_wrap .reg-num ~ .guide {margin-top: 30px; padding-left: 0px; background: none; text-align: center; font-size: 10px;}
	.flexible section.member .box_wrap h3 {margin: 0 0 25px; color: #111; font-size: 13px;}
	.flexible section.member .box_wrap h3 ~ h3 {margin-top: 25px; padding-top: 30px; border-top: 1px solid #ced2db;}
	.flexible section.member .submit_wrap {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px;}
	.flexible section.member .submit_wrap > a[class^=submit] {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}

	.flexible footer {padding: 15px 25px; background: none;}
	.flexible footer span {font-size: 9px; line-height: 15px; color: #444;}
	.flexible footer .company {margin-bottom: 10px; color: #111;}
	.flexible footer .warn {margin: 10px 0; color: #777;}
	.flexible footer .privacy {top: 16px; right: 25px; font-size: 9px;}
	.flexible footer .copy {color: #777;}
}



/* 입점사 개인정보 교육 및 점검 프로세스 구축 */
#popup .elearning .content {width:620px; min-height:465px; margin: 0 auto;}
#popup .elearning .content img {display: block; width: 100%;}
#popup .elearning .submit_wrap {margin-top:30px; padding:30px 0 0 !important; border-top:1px solid #ced2db;}
#popup .elearning .submit_wrap .bookmark {display:inline-block; width:auto; color:#575a65; font-size:15px; line-height: 40px;}
#popup .elearning .submit_wrap .prev {visibility: hidden; float: left;}
#popup .elearning .submit_wrap .next {float: right;}
#popup .elearning section:last-child {padding-bottom:0;}


/* #166337 [퍼블] 입점업체 자체 보안점검 체크리스트 PO내 적용 요청 */
section.checklist .grid_wrap tr th,
section.checklist .grid_wrap tr td {border-right:1px solid #dee0ed; padding:12px 6px; letter-spacing:-0.03em; height:18px; color:#111; text-align:center;}
section.checklist .grid_wrap tr th:last-child,
section.checklist .grid_wrap tr td:last-child {border-right:0px;}

section.checklist .grid_wrap tr:nth-of-type(1) th {padding:15px 4px; color:#575a65;}
section.checklist .grid_wrap tr:nth-of-type(1) th:last-child {padding:12px 6px;}
section.checklist .grid_wrap tr:nth-of-type(2) th {color:#575a65;}
section.checklist .grid_wrap tr:nth-of-type(n+3) th {padding:4px 6px; background:#fff;}
section.checklist .grid_wrap tr td ~ td:nth-of-type(2) {padding:15px 10px; line-height:18px; text-align:left;}

section.checklist .checkbox > label, .radio > label,
section.checklist .checkbox > label > i, .radio > label > i {margin-right:0px;}
section.checklist .checkname_wrap {width:234px; margin:20px 0 50px auto;}
section.checklist .checkname_wrap ul li {display:table; padding:0; width:100%; min-height:24px; margin-bottom:4px; font-weight:bold; line-height:1; color:#111; letter-spacing:-0.03em;}
section.checklist .checkname_wrap ul li span {display:table-cell; padding-left:16px; line-height:20px; vertical-align:top; font-size:14px; font-weight:normal; text-align:left;}
section.checklist .checkname_wrap ul li span.item {width:70px; font-weight:bold;}
section.checklist .checkname_wrap ul li span.text {width:164px; padding-left:26px;}
section.checklist a.submit_bk {padding:6px 106px 10px;}
/* //#166337 [퍼블] 입점업체 자체 보안점검 체크리스트 PO내 적용 요청 */