@charset "utf-8";

/* FONT **************************************************/
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(../../fonts/NanumBarunGothic.eot);
 src: url(../../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/NanumBarunGothic.woff) format('woff'),
		url(../../fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url(../../fonts/NanumBarunGothicBold.eot);
 src: url(../../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/NanumBarunGothicBold.woff) format('woff'),
		url(../../fonts/NanumBarunGothicBold.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareBold';
 src: url(../../fonts/NanumSquareB.eot);
 src: url(../../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
		url(../../fonts/NanumSquareB.woff) format('woff'),
		url(../../fonts/NanumSquareB.ttf) format('truetype');
}

/* ANIMATION **************************************************/
@keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes loading-box-rotate {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

/* RESET **************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:none 0}
body {min-width:1200px;background-color:#f0f0f0;font-family:'NanumBarunGothic','Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim';font-size:12px;color:#111;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-family: 'NanumBarunGothicBold';}
table,div {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table {width:100%;word-break:break-all;}
ul,li,ol {list-style-type:none}
button {*overflow:visible;border:0 none;padding:0;margin:0;background:transparent;cursor:pointer;}
button::-moz-focus-inner {border:0;padding:0}
button,select,option,input,textarea {outline:none}
select,input,img,li,button,textarea {vertical-align:middle;text-align:left;font-family:'NanumBarunGothic','Malgun Gothic','맑은 고딕','돋움', 'dotum','굴림', 'gulim';font-size:12px;color:#111;}
input,select {margin:0;padding:0;border:0 none;outline:none;box-shadow: none;border-radius:0;-webkit-appearance:none;}
form legend,table caption {width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
img,fieldset,iframe {border:0 none}
label {cursor:pointer;}
strong {font-family: 'NanumBarunGothicBold';font-weight:normal;}
em {font-style:normal}
a {text-decoration:none;color:#111;outline:none}
a:hover {text-decoration:none;}
::selection {background-color:#111; color:#fff;}
::-moz-selection {background-color:#111; color:#fff}

/* GLOBAL **************************************************/
/* form */
input[type=text],
input[type=password],
input[type=number] {width:100%;height:24px;border:solid 1px #d5d5d5;line-height:12px;padding:6px 5px 4px;box-sizing:border-box;}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus {border-color:#111;}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled {background-color:#f0f0f0;color:#ccc;}
/* readonly는 폼이 유효한 상태이므로 제외
input[type="text"]:read-only {background-color:#f0f0f0;color:#ccc;}*/
input:-ms-input-placeholder {color: #ccc;}
input::-webkit-input-placeholder {color: #ccc;}
input::-moz-placeholder {color: #ccc;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;} /* input[type=number] 증감 버튼 숨김: chrome, safari, edge, opera */
input[type=number] {-moz-appearance:textfield;} /* input[type=number] 증감 버튼 숨김 : firefox */
input[type=text].locked,
input[type=password].locked,
input[type=number].locked {background-color:#f0f0f0;color:#ccc;}
input.flat[type=text] {border:solid 1px transparent;background-color:transparent;}
input.flat[type=text]:focus {border-color:transparent;}
input.ux-number,
input.ux-currency, 
input.ux-decimal {text-align:right;}
input[type=radio] {width:18px;height:18px;background:url(../../imgs/back/global/radio.png) left top no-repeat;cursor:pointer;}
input[type=radio]:checked {background:url(../../imgs/back/global/radio_checked.png) left top no-repeat;}
input[type=radio]:disabled {background:url(../../imgs/back/global/radio_disabled.png) left top no-repeat;}
input[type=radio] + label {display:inline-block;vertical-align:middle;line-height:18px;margin:0 15px 0 6px;}
input[type=checkbox] {width:18px;height:18px;background:url(../../imgs/back/global/checkbox.png) left top no-repeat;cursor:pointer;}
input[type=checkbox]:checked {background:url(../../imgs/back/global/checkbox_checked.png) left top no-repeat;}
input[type=checkbox]:disabled {background:url(../../imgs/back/global/checkbox_disabled.png) left top no-repeat;}
input[type=checkbox] + label {display:inline-block;vertical-align:middle;line-height:18px;margin:0 15px 0 6px;}
input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check {border-color:#bdbdbd;}
select {background:transparent;height:24px;border:solid 1px #d5d5d5;padding:0 30px 0 5px;line-height:24px;background-color:#fff;background-image:url(../../imgs/back/global/select.png);background-position:right center;background-repeat:no-repeat;margin:0;}
select::-ms-expand {display:none}
select:focus {border-color:#111;background-image:url(../../imgs/back/global/select_focus.png);}
select:disabled {background-color:#f0f0f0;background-image:url(../../imgs/back/global/select_disabled.png);color:#ccc;}
textarea {width:100%;border:solid 1px #d5d5d5;line-height:16px;padding:6px 5px 4px;box-sizing:border-box;overflow-x:hidden;}
textarea:-ms-input-placeholder {color: #ccc;}
textarea::-webkit-input-placeholder {color: #ccc;}
textarea::-moz-placeholder {color: #ccc;}
textarea:focus {border-color:#111;}
textarea:disabled {background-color:#f0f0f0;color:#ccc;}
/* readonly는 폼이 유효한 상태이므로 제외
textarea:read-only {background-color:#f0f0f0;color:#ccc;}*/
textarea.fixed {resize:none;}
textarea.resizeH {resize:horizontal;}
textarea.resizeV {resize:vertical;}
textarea.ux-textarea-autosize {resize:none;}

label > input[type=radio],
label > input[type=checkbox] {margin-right:6px;}

/* margin */
.mgt1m {margin-top:-1px !important;}
.mg0 {margin:0 !important;}
.mgt0 {margin-top:0 !important;}
.mgt1 {margin-top:1px !important;}
.mgt2 {margin-top:2px !important;}
.mgt3 {margin-top:3px !important;}
.mgt4 {margin-top:4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt7 {margin-top:7px !important;}
.mgt8 {margin-top:8px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgl3 {margin-left:3px !important;}
.mgl5 {margin-left:5px !important;}
.mgl8 {margin-left:8px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl17 {margin-left:17px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgr0 {margin-right:0 !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgh5 {margin-left:5px !important;margin-right:5px !important;}
.mgh10 {margin-left:10px !important;margin-right:10px !important;}

/* padding */
.pd0 {padding:0 !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pdr10 {padding-right:10px !important;}
.pdl0 {padding-left:0px !important;}
.pdl10 {padding-left:10px !important;}
.pdl20 {padding-left:20px !important;}
.pdb3 {padding-bottom:3px !important;}
.pdb5 {padding-bottom:5px !important;}
.pdb7 {padding-bottom:7px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdh3 {padding-left:3px !important;padding-right:3px !important;}
.pdh10 {padding-left:10px !important;padding-right:10px !important;}
.pdv5 {padding-top:5px !important;padding-bottom:5px !important;}

/* border */
.bd0 {border:none 0 !important;}

/* display */
.inline {display:inline !important}
.inblock {display:inline-block !important}
.flexblock {display:flex !important}
.blind {position:absolute;top:-9999px;overflow:hidden;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;border:0 !important;margin:0 !important;}
.hide {display:none;}
.overH {overflow:hidden;}
.overA {overflow:auto;}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clearB {clear:both !important;}

/* align */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.vtop {vertical-align:top !important;}
.vmid {vertical-align:middle !important;}
.vbtm {vertical-align:bottom !important;}

/* font */
.font_default {font-family: 'NanumBarunGothic' !important;}
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font14 {font-size:14px !important;}
.color_point {color:#4285f4 !important;}
.color_red {color:#fc2d1f !important;}
.color_pur {color:#8a47cc !important;}
.color_g11 {color:#111 !important;}
.color_g66 {color:#666 !important;}
.color_g99 {color:#999 !important;}
.color_gcc {color:#ccc !important;}
.bold {font-family: 'NanumBarunGothicBold' !important;font-weight:normal !important;}
.under {text-decoration:underline !important;text-underline-position:under !important;}

/* line height */
.line16 {line-height:16px !important;}
.line24 {line-height:24px !important;}
.line100p {line-height:100% !important;}
.line120p {line-height:120% !important;}

/* width */
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40 {width:40px !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w50 {width:50px !important;}
.w50p {width:50% !important;}
.w52 {width:52px !important;}
.w55p {width:55% !important;}
.w60 {width:60px !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w62 {width:62px !important;}
.w78 {width:78px !important;}
.w80 {width:80px !important;}
.w84 {width:84px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w100p {width:100% !important;}
.w109 {width:109px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w180 {width:180px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w100m140 {width:calc(100% - 140px) !important}
.w100m500 {width:calc(100% - 500px) !important}

/* etc */
.break {word-wrap:break-word !important;word-break:break-all !important;}
.ellipsis {display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis2L {display:block;overflow:hidden;width:100%;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* loading */
#__loading {position:fixed;width:100%;height:100%;left:0;top:0;z-index:100000000;display:none;}
#__loading .loading-container,
#__loading .loading-box {position:relative;width:100px;height:100px;border-radius:100%;}
#__loading .loading-container {margin:0 auto;}
#__loading .loading-container .loading-box {border:10px solid transparent;border-color:transparent #959da6;
	-moz-animation: loading-box-rotate 1.0s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: loading-box-rotate 1.0s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: loading-box-rotate 1.0s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: loading-box-rotate 1.0s linear 0s infinite normal;
	transform-origin: 50% 50%;
}
#__loading .loading-container .loading-box {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#__loading .loading-text {position:absolute;top:0;width:120px;margin-top:55px;color: #333;font-size:11px;font-weight:bold;opacity:0;text-align:center;text-transform:uppercase;
	-moz-animation: loading-text-opacity 1.5s linear 0s infinite normal;
	-o-animation: loading-text-opacity 1.5s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 1.5s linear 0s infinite normal;
	animation: loading-text-opacity 1.5s linear 0s infinite normal;
}


/* LAYOUT **************************************************/
header {width:100%;min-width:1200px;margin:0 auto;background-color:#fff;border-bottom:solid 1px #d5d7e0;position:fixed;z-index:8;left:0;top:0;}
header .inner {position:relative;}
header .inner:after {content:'';display:block;clear:both;}
header .inner h1 {float:left;width:200px;text-align:center;overflow:hidden;}
header .inner h1 a {display:block;padding:20px 0 19px;height:40px;}
header .inner h1 img {width:140px;height:40px;}
header .inner .gnbmenu {float:left;width:calc(100% - 200px);}
header .inner .gnbmenu:after {content:'';display:block;clear:both;}
header .inner .gnbmenu > li {float:left;}
header .inner .gnbmenu > li > a {display:block;padding:31px 13px 25px;border-bottom:solid 3px #fff;font-size:18px;font-family: 'NanumSquareBold';line-height:20px;}
header .inner .gnbmenu > li > a:hover {color:#4285f4}
header .inner .gnbmenu > li.active > a {border-color:#4285f4;color:#4285f4;}
header .inner .btnbox {position:absolute;right:5px;top:5px;}
header .inner .btnbox .button {display:block;float:left;width:78px;padding-left:0;padding-right:0;margin:0 2px 2px 0;}

body.popup {width:auto;min-width:auto;background-color:#fff;}
body.iframe {overflow:hidden;width:auto;min-width:auto;background-color:#fff;}

#container {margin-top:80px;min-width:1280px;position:relative;min-height:calc(100vh - 80px);}
#container:after {content:'';width:199px;height:100%;background-color:#fff;border-right:solid 1px #d5d7e0;position:absolute;left:0;top:0;z-index:1;transition-property:left;transition-duration:0.3s;}
#container.close:after {left:-200px;}
#container_popup {overflow:hidden;}
#container_popup:after {content:'';clear:both;display:block;}

#aside .aside_view {position:absolute;left:0;top:60px;width:200px;z-index:5;transition-property:left;transition-duration:0.3s;}
#aside .aside_switch {position:fixed;left:0;top:80px;width:60px;height:60px;color:#fff;z-index:5;text-indent:-999em;cursor:pointer;}
#aside .aside_switch:before {content:'';height:2px;width:16px;background:#111;border-radius:1px;display:block;position:absolute;top:24px;left:22px;box-shadow:0 5px #111, 0 10px #111;}
#aside > .aside_switch {position:fixed;left:-64px;background-color:#1f1f1f;transition-property:left;transition-duration:0.3s;}
#aside .aside_view .aside_switch {top:80px;width:199px;height:59px;background-color:#fff;border-bottom:solid 1px #d5d7e0;}
#aside .aside_head {position:absolute;right:0;top:0;text-indent:0;width:50px;}
#aside .aside_head:before {content:'닫기';font-size:11px;color:#aaa;position:absolute;right:20px;top:24px;}
#aside .aside_head:after {content:'';width:6px;height:6px;border:solid 1px #999;border-right-width:0;border-bottom-width:0;transform:rotate(-45deg);position:absolute;right:43px;top:26px;}
#aside dl {border:solid 1px #d5d7e0;background-color:#fff;margin-top:-1px;padding:0 0 9px;}
#aside dl dt {font-size:16px;line-height:40px;padding-left:20px;}
#aside dl dd {line-height:24px;padding:0 20px;}
#aside dl dd a {position:relative;display:block;color:#666;padding-left:12px;}
#aside dl dd a:before {content:'';display:block;width:6px;height:6px;border:solid 1px #c6c6c6;border-top-width:0;border-right-width:0;position:absolute;left:0;top:5px;}
#aside dl dd a span {color:#fc2d1f;}
#aside dl dd.current,
#aside dl dd:hover {background-color:#4285f4;}
#aside dl dd.current a,
#aside dl dd.current a span,
#aside dl dd:hover a,
#aside dl dd:hover a span {color:#fff;font-family: 'NanumBarunGothicBold';}
#aside dl dd.current a:before,
#aside dl dd:hover a:before {border-color:#fff;}

#aside.close .aside_view {left:-200px;}
#aside.close > .aside_switch {left:0;}
#aside.close .aside_view .aside_switch {left:-200px;}
#aside.close .aside_switch:before {background:#fff;box-shadow:0 5px #fff, 0 10px #fff;}

#contents {padding:60px 90px 90px 230px;margin:0 auto;transition-property:padding;transition-duration:0.3s;}
#contents.extended {padding-left:90px;}
#contents_popup {padding:0;margin:0 auto;transition-property:padding;transition-duration:0.3s;}
#contents_popup .content_box {padding:0 19px 20px;border-bottom:solid 1px #d5d7e0;}
#contents_popup .content_box.overline {padding-top:13px;border-top:solid 1px #d5d7e0;}
#contents_popup .content_box.nounderline {padding-bottom:0;border-bottom:none;}
#contents_popup .button_box {margin:0;padding:10px 0 20px;}
#contents_popup .message_box {position:relative;padding:18px 0;margin:7px 0 20px;text-align:center;background-color:#f0f0f0;}
#contents_popup .message_box .line_left {padding-left:20px;position:relative;}
#contents_popup .message_box .line_left:before {content:'';width:1px;height:24px;background-color:#d5d7e0;position:absolute;left:8px;top:50%;margin-top:-12px;}
#contents .section,
#contents_popup .section {position:relative;margin-top:33px;}
#contents .section > .head_required,
#contents_popup .section > .head_required {position:absolute;right:0;top:0;background:url(../../imgs/back/global/bullet_required.png) left center no-repeat;padding-left:16px;color:#28aae1;}
#contents .section > .remark,
#contents_popup .section > .remark {position:absolute;left:0;padding-top:10px;}
#contents .section > .remark:before,
#contents_popup .section > .remark:before {top:10px;}
#contents .section.first,
#contents_popup .section.first {margin-top:14px;}

footer {width:100%;clear:both;border-top:solid 1px #d5d7e0;height:80px;line-height:80px;text-align:center;color:#999;}

/* 타이틀 */
.title_page {position:fixed;left:200px;top:80px;width:100%;height:60px;border-bottom:solid 1px transparent;padding:0 30px;z-index:10;animation-name:title_page;transition-delay:0s;transition-duration:0.3s;transition-property:all;transition-timing-function: ease;}
.title_page h3 {font-family: 'NanumSquareBold';font-size:18px;padding:19px 30px;line-height:21px;position:relative;}
.title_page h3:before {content:'';width:20px;height:20px;border-radius:50%;background:#4285f4 url(../../imgs/back/global/title_page_bullet.png) center center no-repeat;position:absolute;left:0;top:50%;margin-top:-10px;}
.title_page.fixed {height:59px;border-bottom:solid 1px #d5d7e0;background-color:#f0f0f0;}
.title_page.extended {left:60px;}
.title_section {font-family: 'NanumBarunGothic';font-size:16px;margin-bottom:8px;position:relative;}
.title_section span {color:#4285f4;}
.title_section .info {display:inline-block;margin-left:5px;padding-left:9px;font-size:11px;color:#8a47cc;position:relative;}
.title_section .info:before {content:'';position:absolute;left:0;top:0;background:url(../../imgs/back/global/bullet_info.png) left 3px no-repeat;}
.title_section .rightarea {position:absolute;right:0;bottom:-2px;color:#111;font-size:12px;}
.title_section .rightarea select {min-width:120px;}
.title_popup {position:relative;height:18px;padding:16px 19px 15px;}
.title_popup h3 {font-family: 'NanumSquareBold';font-size:18px;padding-left:28px;line-height:18px;position:relative;}
.title_popup h3:before {content:'';width:20px;height:20px;border-radius:50%;background:#4285f4 url(../../imgs/back/global/title_page_bullet.png) center center no-repeat;position:absolute;left:0;top:50%;margin-top:-10px;}
.title_popup h3.email:before {border-radius:0;background:url(../../imgs/back/global/title_page_email.png) center center no-repeat;}
.title_popup h3.lock:before {border-radius:0;background:url(../../imgs/back/global/title_page_lock.png) center center no-repeat;}
.title_popup h3.message:before {border-radius:0;background:url(../../imgs/back/global/title_page_message.png) center center no-repeat;}
.title_popup h3.post:before {border-radius:0;background:url(../../imgs/back/global/title_page_post.png) center center no-repeat;}
.title_popup h3.search:before {border-radius:0;background:url(../../imgs/back/global/title_page_search.png) center center no-repeat;}
.title_popup h3.setting:before {border-radius:0;background:url(../../imgs/back/global/title_page_setting.png) center center no-repeat;}
.title_popup h3.upper:before {border-radius:0;background:url(../../imgs/back/global/title_page_upper.png) center center no-repeat;}
.title_popup h3.user:before {border-radius:0;background:url(../../imgs/back/global/title_page_user.png) center center no-repeat;}
.title_popup h3.write:before {border-radius:0;background:url(../../imgs/back/global/title_page_write.png) center center no-repeat;}
.title_popup .navi {position:absolute;right:37px;top:20px;}
.title_popup .navi li {float:left;color:#999;padding-right:23px;position:relative;}
.title_popup .navi li:after {content:'';width:6px;height:6px;border:solid 1px #999;border-right-width:0;border-bottom-width:0;transform:rotate(135deg);position:absolute;right:10px;top:3px;}
.title_popup .navi li:last-child:after {display:none;}
.title_popup .navi li.current {color:#000;}
.title_popup .delete {position:absolute;right:19px;top:16px;}
.title_popup.fixed {position:fixed;top:0;width:calc(100% - 38px);background-color:#fff;z-index:2;}

/* 안내 */
.page_summary {border-bottom:solid 1px #d5d7e0;margin-bottom:38px;padding-bottom:28px;}
.page_summary ul {margin-top:16px;}
.page_summary li {position:relative;color:#999;margin-top:2px;padding-left:10px;}
.page_summary li:before {content:'-';position:absolute;left:0;top:0;}

/* 단락(타이틀 라인) 관리영역 */
.section_control {position:absolute;right:0;top:-2px;line-height:24px;}
.section_control label {margin-right:10px;}
.section_control .button {margin-left:2px;}

/* 안내문구 */
p.info,
p.caution,
p.allow  {margin-top:5px;line-height:14px;}
span.info,
span.caution,
span.allow {display:inline-block;line-height:14px;}
p.info,
span.info {padding-left:9px;position:relative;color:#8a47cc;font-size:11px;}
p.info:before,
span.info:before {content:'';position:absolute;left:0;top:1px;width:9px;height:11px;background:url(../../imgs/back/global/bullet_info.png) left center no-repeat;}
p.info:before {top:0;}
p.info a,
span.info a {color:#8a47cc;}
p.caution,
span.caution {padding-left:9px;position:relative;color:#fc2d1f;font-size:11px;}
p.caution:before,
span.caution:before {content:'';position:absolute;left:0;top:0;width:9px;height:11px;background:url(../../imgs/back/global/bullet_caution.png) left center no-repeat;}
p.caution:before {top:0;}
p.caution a,
span.caution a {color:#fc2d1f;}
p.remark {position:relative;padding-left:13px;font-family: 'NanumBarunGothicBold';color:#fc2d1f;}
p.remark a {color:#fc2d1f;}
p.remark:before {content:'※';position:absolute;left:0;top:0px;width:9px;height:12px;}
p.allow,
span.allow {padding-left:9px;position:relative;color:#4285f4;}
p.allow:before,
span.allow:before {content:'';position:absolute;left:0;top:0;width:9px;height:12px;background:url(../../imgs/back/global/bullet_allow.png) left center no-repeat;}
p.allow:before {top:0;}
ul.info {margin-top:5px;}
ul.info li {padding-left:9px;position:relative;color:#8a47cc;font-size:11px;line-height:14px;}
ul.info li a {color:#8a47cc;}
ul.info li:before {content:'';position:absolute;left:0;top:0px;width:9px;height:11px;background:url(../../imgs/back/global/bullet_info.png) left center no-repeat;}


/* 테이블 폼 */
.tbl_cols table {border:solid 1px #d5d7e0;border-bottom:none 0;background-color:#fff;}
.tbl_cols table tbody th,
.tbl_cols table tbody td {border-bottom:solid 1px #d5d7e0;text-align:left;font-weight:normal;padding:9px 10px;}
.tbl_cols table tbody th {font-family: 'NanumBarunGothicBold';background-color:#f7f7f7;padding:11px 10px 9px 22px;}
.tbl_cols table tbody th.line {border-left:solid 1px #d5d7e0;}
.tbl_cols table tbody th.required {background-image:url(../../imgs/back/global/bullet_required.png);background-position:9px 50%;background-repeat:no-repeat;}
.tbl_cols table tbody td {line-height:24px;}
.tbl_cols table tbody td.selected {background-color:#e0edff;}
/* [2021-02-15] 미사용
.tbl_cols table tbody td .label_input label {margin-right:20px;color:#666}
.tbl_cols table tbody td .label_input input[type="text"],
.tbl_cols table tbody td .label_input input[type="password"],
.tbl_cols table tbody td .label_input input[type="number"] {width:250px;}
.tbl_cols table tbody td .label_input label.line {display:inline-block;vertical-align:middle;border-left:solid 1px #d5d7e0;margin-left:14px;padding-left:19px;}
*/
.tbl_cols table tbody td .address > div {margin-top:4px;}
.tbl_cols table tbody td .address > div input {width:calc(50% - 2px);}
.tbl_cols table tbody td.line_left {border-left:solid 1px #d5d7e0;}
.tbl_cols table tbody td.line_right {border-right:solid 1px #d5d7e0;}

/* 테이블 폼 Flat  */
.tbl_cols_flat table {}
.tbl_cols_flat table tbody th,
.tbl_cols_flat table tbody td {text-align:left;font-weight:normal;padding:5px 10px;}
.tbl_cols_flat table tbody th {font-family: 'NanumBarunGothicBold';padding:6px 0 5px 22px;}
.tbl_cols_flat table tbody th.required {background-image:url(../../imgs/back/global/bullet_required.png);background-position:9px 50%;background-repeat:no-repeat;}
.tbl_cols_flat table tbody td {line-height:24px;}

/* 테이블 출력 */
.tbl_cols_output table {border:solid 1px #d5d7e0;border-bottom:none 0;background-color:#fff;}
.tbl_cols_output table tbody th,
.tbl_cols_output table tbody td {border-bottom:solid 1px #d5d7e0;text-align:left;font-weight:normal;padding:9px 10px;line-height:18px;}
.tbl_cols_output table tbody th {font-family: 'NanumBarunGothicBold';background-color:#f7f7f7;padding:11px 10px 9px 14px;}
.tbl_cols_output table tbody th.line {border-left:solid 1px #d5d7e0;}

/* 테이블 펼치기/접기 */
.tbl_toggle_search {position:relative;}
.tbl_toggle_search .body_toggle_hide {display:none;}
.tbl_toggle_search .btn_toggle_search {position:absolute;right:0;bottom:-24px;z-index:1;}
.tbl_toggle_search .btn_toggle_search button {display:block;width:80px;height:24px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background-color:#111;text-align:center;color:#fff;}
.tbl_toggle_search .btn_toggle_search button i {display:inline-block;width:7px;height:7px;margin-right:5px;position:relative;}
.tbl_toggle_search .btn_toggle_search button i:before {content:'';width:1px;height:100%;background-color:#fff;position:absolute;left:3px;top:0;}
.tbl_toggle_search .btn_toggle_search button i:after {content:'';width:100%;height:1px;background-color:#fff;position:absolute;left:0;top:3px;}
.tbl_toggle_search .btn_toggle_search button.close i:before {width:0;height:0;top:-100000px;}

/* 테이블 목록 */
.tbl_rows table {border:solid 1px #d5d7e0;border-bottom:none 0;border-left:none 0;background-color:#fff;}
.tbl_rows table thead th,
.tbl_rows table tbody th,
.tbl_rows table tbody td {border-bottom:solid 1px #d5d7e0;border-left:solid 1px #d5d7e0;text-align:center;font-weight:normal;padding:9px 0;font-size:12px;}
.tbl_rows table thead th {background-color:#f2f5ff;padding:0;height:38px;font-family: 'NanumBarunGothicBold';line-height:14px;}
.tbl_rows table tbody th,
.tbl_rows table tbody td {line-height:18px;}
.tbl_rows table .left,
.tbl_rows table .right {padding-left:10px;padding-right:10px;}
.tbl_rows table .forbid td {background-color:#ededed;}
.tbl_rows table .close td,
.tbl_rows table .soldout td {background-color:#ffefed;}
.tbl_rows table .selected {position:relative;border:solid 2px #4285f4}
.tbl_rows table .selected td {background-color:#e0edff;}
.tbl_rows table th.required {background-image:url(../../imgs/back/global/bullet_required.png);background-position:9px 50%;background-repeat:no-repeat;}
.tbl_rows table td.highlight {background-color:#ffefed;}
.tbl_rows table td.data_none {color:#999;font-size:14px;padding:0;height:68px;text-align:center;}
.tbl_rows table td .delivery_select {position:relative;width:150px;padding-right:42px;margin:0 auto;text-align:left;}
.tbl_rows table td .delivery_select select {width:100%;margin-bottom:4px;}
.tbl_rows table td .delivery_select .button {position:absolute;right:0;top:0;padding-left:6px;padding-right:6px;}
.tbl_rows table td .delivery_select.text {text-align:center;}
.tbl_rows table td .delivery_select.text .button {top:50%;transform:translateY(-50%);}
.tbl_rows table td .delivery_select .tracking {position:relative;width:150px;padding-right:42px;margin-top:5px;text-align:center;}
.tbl_rows table td .delivery_select .tracking .button {top:-29px;}
.tbl_rows table td .prod_icon:after {content:'';clear:both;display:block;}
.tbl_rows table td .prod_icon li {float:left;margin-right:5px;}
.tbl_rows table td .prod_icon li:last-child {margin-right:0;}
.tbl_rows table td .prod_icon span {display:inline-block;vertical-align:middle;width:28px;height:28px;border:solid 1px #d5d7e0;background-color:#f5f5f5;}
.tbl_rows table td .prod_icon span img {width:100%;height:100%;}

/* 테이블 목록 입력 */
.tbl_rows_input table {border:solid 1px #d5d7e0;border-bottom:none 0;border-left:none 0;background-color:#fff;}
.tbl_rows_input table thead th,
.tbl_rows_input table tbody th,
.tbl_rows_input table tbody td {border-bottom:solid 1px #d5d7e0;border-left:solid 1px #d5d7e0;text-align:center;font-weight:normal;padding:9px;font-size:12px;}
.tbl_rows_input table thead th {background-color:#f2f5ff;padding:0;height:38px;font-family: 'NanumBarunGothicBold';line-height:14px;}
.tbl_rows_input table tbody th {line-height:14px;}
.tbl_rows_input table .left,
.tbl_rows_input table .right {padding-left:10px;padding-right:10px;}
.tbl_rows_input table .forbid td {background-color:#ededed;}
.tbl_rows_input table .close td,
.tbl_rows_input table .soldout td {background-color:#ffefed;}
.tbl_rows_input table td.data_none {color:#999;font-size:14px;padding:0;height:68px;text-align:center;}

/* 테이블 목록 샘플 */
.tbl_rows_sample table {border:solid 1px #d5d7e0;border-bottom:none 0;border-left:none 0;background-color:#fff;}
.tbl_rows_sample table thead th,
.tbl_rows_sample table tbody td {border-bottom:solid 1px #d5d7e0;border-left:solid 1px #d5d7e0;text-align:center;font-weight:normal;padding:7px 0;font-size:12px;line-height:12px;}
.tbl_rows_sample table thead th {background-color:#f0f0f0;font-family: 'NanumBarunGothicBold';}

/* 테이블 목록 상/하단 영역 */
.list_setting {position:relative;border:solid 1px #d5d7e0;background-color:#fff;display:flex;justify-content:center;align-items:center;}
.list_setting .allcb {width:86px;padding:10px 0;text-align:center;}
.list_setting ul {width:calc(100% - 86px);box-sizing:border-box;}
.list_setting.rows ul {border-left:solid 1px #d5d7e0;}
.list_setting ul li {border-top:solid 1px #d5d7e0;padding:10px;text-align:right;line-height:25px;}
.list_setting ul li:first-child {border-top:none 0;}
.list_setting .button.middle {font-family: 'NanumBarunGothicBold';}
.list_setting .line_left {padding-left:20px;position:relative;}
.list_setting .line_left:before {content:'';width:1px;height:24px;background-color:#d5d7e0;position:absolute;left:8px;top:50%;margin-top:-12px;}
.list_setting .rightarea {position:absolute;right:10px;top:6px;color:#111;font-size:12px;}
.list_setting.nobdb {border-bottom:0 none;}
.list_setting.simple {justify-content:flex-start;align-items:stretch;}
.list_setting.simple ul {width:auto;}
.list_setting.simple ul li {border-top:0;padding:0;text-align:left;}

/* ux-infotip */
.ux-infotip {display:inline-block;position:relative;}
.ux-infotip .icon {display:inline-block;vertical-align:middle;width:12px;height:12px;border:solid 1px #8a47cc;border-radius:50%;background:url(../../imgs/back/global/icon_help.png) center center no-repeat;line-height:12px;text-align:left;text-indent:-999em;cursor:pointer;}
.ux-infotip .text {display:none;position:absolute;width:270px;top:18px;left:50%;margin-left:-135px;margin-top:11px;z-index:1000;background-color:#fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border:solid 1px #8a47cc;line-height:16px;box-sizing:border-box;padding:18px 19px;font-family:'NanumBarunGothic';}
.ux-infotip .text:after, 
.ux-infotip .text:before {bottom: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.ux-infotip .text:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 6px;margin-left: -6px;}
.ux-infotip .text:before {border-color: rgba(138, 71, 204, 0);border-bottom-color: #8a47cc;border-width: 7px;margin-left: -7px;}

/* ux-dateperioder */
.ux-dateperioder {font-size:0;line-height:0;display:inline-block;height:24px;vertical-align:middle;padding-left:1px;}
.ux-dateperioder button {display:inline-block;text-indent:0;height:24px;border:solid 1px #d5d5d5;text-align:center;padding:0 10px;line-height:24px;margin-left:-1px;font-size:12px;position:relative;}
.ux-dateperioder button:focus {border-color:#4285f4;position:relative;z-index:1;}

/* 탭 메뉴 */
.tab_box {position:relative;clear:both;}
.tab_box ul:after {content:'';display:block;clear:both;}
.tab_box li {float:left;min-width:148px;background-color:#d5d7e0;border:solid 1px #d5d7e0;border-bottom:none 0;border-top-left-radius:10px;border-top-right-radius:10px;}
.tab_box li a {display:block;text-align:center;font-family: 'NanumSquareBold';font-size:18px;line-height:20px;padding:11px 17px 8px;color:#fff;}
.tab_box li.active {background-color:#fff;border-color:#111;}
.tab_box li.active a {color:#111;}
.tab_box .rightarea {position:absolute;right:0;bottom:5px;}

/* 에디터 */
.editor_box {border:solid 1px #b5b5b5;font-size:0;line-height:0;background-color:#fff;}

/* datepicker */
.datepickerbox {display:inline-block;position:relative;}
.datepickerbox > input:focus {border-color:#4285f4;}
.datepickerbox > input + span {position:absolute;right:0;top:0;width:24px;height:24px;background-position:center bottom;background-repeat:no-repeat;cursor:pointer;}
.datepickerbox > input:disabled + span {background-position-y:top;cursor:auto;}
.datepicker_time .text {display:inline-block;margin:0 6px 0 4px;}

/* 수량 */
.quantity {display:inline-block;height:24px;width:50px;padding:0 20px;position:relative;}
.quantity input {width:50px;text-align:center;}
.quantity .minus,
.quantity .plus {position:absolute;left:0;top:0;width:19px;height:22px;border:solid 1px #d5d5d5;background-color:#f0f0f0;text-indent:-999em;}
.quantity .plus {left:auto;right:0;}
.quantity .minus:after,
.quantity .plus:after {content:'';width:8px;height:2px;background-color:#111;position:absolute;left:50%;top:50%;margin:-1px 0 0 -4px;}
.quantity .plus:before {content:'';width:2px;height:8px;background-color:#111;position:absolute;left:50%;top:50%;margin:-4px 0 0 -1px;}
.quantity input:disabled ~ a:after,
.quantity input:disabled ~ a:before {background-color:#ccc;}

/* 일괄 처리 */
.batch_box {clear:both;border:solid 1px #d5d7e0;background-color:#fff;padding:19px 9px;text-align:left;margin-top:30px;}
.batch_box ul:after {content:'';display:block;clear:both;}
.batch_box li {float:left;line-height:24px;margin-left:20px;padding-left:20px;border-left:solid 1px #d5d7e0}
.batch_box li:nth-child(1) {padding-left:0;border-left:none 0;}
.batch_box li .button {margin-left:6px;}

/* 배너 */
.banner_box {background-color:#fff;border:solid 1px #d5d7e0;}
.banner_box > div {padding:9px;border-top:solid 1px #d5d7e0;}
.banner_box > div:first-child {border-top:none 0;}
.banner_box > .method {position:relative;}
.banner_box > .method .buttons {position:absolute;right:8px;top:50%;margin-top:-12px;}
.banner_box > .banner_prog {padding:0 0 0 1px;min-height:150px;}

/* 썸네일 */
.thumb_box {display:inline-block;vertical-align:middle;border:solid 1px #d5d7e0;background-color:#f2f2f2;text-align:center;overflow:hidden;}
.thumb_box img {max-width:100%;}
.thumb_box.icon {width:28px;height:28px;}
.thumb_box.icon img.error {width:20px;margin-top:4px;}
.thumb_box.product {width:48px;max-height:48px;overflow:hidden;}
.thumb_box.product img.error {width:30px;margin-top:9px;}
.thumb_box.banner {width:258px;height:48px;}
.thumb_box.banner img.error {width:30px;margin-top:9px;}
.thumb_box.banner.small {width:118px;height:48px;}

/* 검색 */
.search_box {padding:20px;background-color:#f0f0f0;}
.search_box:after {content:'';clear:both;display:block;}
.search_box dt {float:left;width:20%;font-family:NanumBarunGothicBold;line-height:23px;}
.search_box dd {float:right;}

/* 이미지 위 암막 */
.blackout {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index:1;}
.blackout .text {position:absolute;left:0;top:50%;width:100%;text-align:center;color:#fff;font-size:24px;line-height:26px;margin-top:-13px;}

/* arrange */
ul.arrange {}
ul.arrange:after {content:'';clear:both;display:block;}
ul.arrange > li {float:left;margin-right:20px;}
ul.arrange > li:last-child {margin-right:0;}
ul.arrange.m15 > li {margin-right:15px;}
ul.arrange.m10 > li {margin-right:10px;}
ul.arrange_row > li {margin-top:7px;}
ul.arrange_row > li:first-child {margin-top:0;}
dl.arrange {}
dl.arrange:after {content:'';clear:both;display:block;}
dl.arrange > dt {float:left;font-family: 'NanumBarunGothicBold';}
dl.arrange > dd {float:left;margin-right:20px;}
.arrange_pipe {}
.arrange_pipe .pipe {display:inline-block;padding-right:10px;margin-right:6px;position:relative;color:#666;}
.arrange_pipe .pipe:after {content:'│';color:#a0a0a0;position:absolute;right:-4px;top:0;}
.flexblock span.info {margin-top:5px;margin-left:20px;}

/* sortable - 기본 */
.sortable li {margin-top:2px;position:relative;}
.sortable li.current {border:1px solid #333;opacity:0.7;}
.sortable.inputable li table tbody td input[type=text] {width:calc(100% - 20px);}

/* sortable - 배너 */
.sortable_banner ul {padding-top:1px;}
.sortable_banner ul:after {content:'';display:block;clear:both;}
.sortable_banner ul li {float:left;box-sizing:border-box;margin-top:-1px;}
.sortable_banner ul li {width:25%;border:solid 1px #d5d7e0;border-left:none 0;background-color:#fff;padding:14px 0;}
.sortable_banner ul li:nth-child(4n+1) {border-left:solid 1px #d5d7e0;}
.sortable_banner ul li > div {width:260px;margin:0 auto;}
.sortable_banner ul li .set {width:210px;height:24px;text-align:right;position:relative;padding-left:50px;}
.sortable_banner ul li .set .check {position:absolute;top:5px;left:0;width:50px;text-align:left;}
.sortable_banner ul li .set .check label {margin-right:0;}
.sortable_banner ul li .imgs {position:relative;margin-top:15px;height:90px;overflow:hidden;}
.sortable_banner ul li .imgs .zoom {position:absolute;right:0;bottom:0;z-index:2;}
.sortable_banner ul li .name {font-size:14px;margin-top:19px;height:20px;}

/* 페이징 */
.paging {margin-top:20px;text-align:center;height:24px;}
.paging a,
.paging strong {display:inline-block;vertical-align:top;line-height:14px;padding:6px 0 5px;text-align:center;width:24px;height:13px;color:#999}
.paging .current {color:#111;background-color:#fff;border:solid 1px #d5d5d5;padding:5px 0 4px;}
.paging .prev,
.paging .next {text-indent:-999em;position:relative;padding:0;height:24px;margin:0 10px;}
.paging .prev:before,
.paging .next:before {content:'';position:absolute;width:6px;height:6px;border:solid 1px #999;top:50%;margin-top:-4px;}
.paging .prev:before {border-right-width:0;border-bottom-width:0;transform:rotate(-45deg);left:50%;margin-left:-1px;}
.paging .next:before {border-left-width:0;border-bottom-width:0;transform:rotate(45deg);right:50%;margin-right:-1px;}

/* 화면이동 */
.direct_move {position:fixed;right:20px;bottom:30px;width:48px;z-index:5;border:solid 1px #d5d7e0;background-color:rgba(240,240,240,0.7);box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.1);}
.direct_move.excel-open {padding-left:409px;}
.direct_move > a {display:block;width:48px;height:48px;text-indent:-999em;position:relative;background-position:right top;background-repeat:no-repeat;}
.direct_move > a:hover {background-position:left top;}
.direct_move .up {background-image:url(../../imgs/back/global/direct_move_up.png);}
.direct_move .down {background-image:url(../../imgs/back/global/direct_move_down.png);}
.direct_move .pw {background-image:url(../../imgs/back/global/direct_move_pw.png);}
.direct_move .logout {background-image:url(../../imgs/back/global/direct_move_logout.png);}
.direct_move .main {background-image:url(../../imgs/back/global/direct_move_main.png);}
.direct_move .front {background-image:url(../../imgs/back/global/direct_move_front.png);}
.direct_move .excel {background-image:url(../../imgs/back/global/direct_move_excel.png);}

/* 대량 엑셀 다운로드 박스 */
.download_box {position:absolute;top:0px;bottom:0px;left:0px;z-index:1;width:409px;background:#fff;border-right:1px solid #d5d7e0;display:none;}
.download_box .title_box {display:flex;justify-content:space-between;align-items:center;height:49px;padding:0px 20px;border-bottom:1px solid #d5d7e0;}
.download_box .title_box h6 {font-size:16px;font-weight: bold;}
.download_box .title_box .btn_close {height:40px;color:#666666;font-size:12px;}
.download_box .list_box {height:calc(100% - 50px);overflow-y:auto;}
.download_box .list_box ul {padding:10px 20px;}
.download_box .list_box ul li {display:flex;justify-content:space-between;align-items:center;height:59px;border-bottom:1px solid #e6e6e6;}
.download_box .list_box ul li:last-child {border-bottom:none;}
.download_box .list_box .info {padding-left:36px;line-height:16px;background:url(../../imgs/back/global/icon_file_B.png) no-repeat top 1px left;}
.download_box .list_box .info .file {font-size:12px;}
.download_box .list_box .info .date {color:#666666;font-size:12px;}
.download_box .list_box .btn_delete {width:18px;height:18px;font-size:0px;background:url(../../imgs/back/global/btn_close_B.png) no-repeat;}

/* 1280이하의 화면에서 구분 */
@media screen and (max-width: 1280px) {
	.direct_move{position:absolute;right:auto;left:1210px;}
}

/* 스크롤관련 */
.ui-scrollbar {overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d5d7e0 #f0f0f1;}
.ui-scrollbar::-webkit-scrollbar {width:8px;}
.ui-scrollbar::-webkit-scrollbar-track {box-shadow:0;background-color:#f0f0f0;border-radius:4px;}
.ui-scrollbar::-webkit-scrollbar-thumb {background:#d5d7e0;border-radius:4px;}
.ui-scrollbar::-webkit-scrollbar-button {background-color:#fff;width:8px;height:20px;}
.ui-scrollbar::-webkit-scrollbar-button:start {background:url(../../imgs/back/global/scroll_start.png) center top no-repeat;}
.ui-scrollbar::-webkit-scrollbar-button:end {background:url(../../imgs/back/global/scroll_end.png) center top no-repeat;}

/* 수신동의 */
.marketing_agree {line-height:18px;}
.marketing_agree .value {display:inline-block;vertical-align:top;height:18px;border-left:solid 1px #d5d7e0;padding-left:10px;margin-left:7px;}

/* 상품 카테고리 선택 */
.prod_cate_manage {line-height:18px;}
.prod_cate_manage .cate_picker {display:flex;align-items:center;}
.prod_cate_manage .cate_picker dl {width:29%;margin-right:10px;}
.prod_cate_manage .cate_picker dt {font-family:'NanumBarunGothicBold';}
.prod_cate_manage .cate_picker dd {height:100px;padding-right:6px;margin-top:5px;border:solid 1px #d5d5d5;}
.prod_cate_manage .cate_picker dd select {width:100%;height:100%;padding:0 6px 0 0;border:none;background-image:none;scrollbar-width:thin;scrollbar-color:#d5d7e0 #f0f0f1;}
.prod_cate_manage .cate_picker dd select option {height:16px;padding:4px 0 0 3px;}
.prod_cate_manage .cate_picker dd select:focus {border:none;background-image:none;}
.prod_cate_manage .cate_picker dd select:disabled {background-color:#f0f0f0;background-image:none;color:#ccc;}
.prod_cate_manage .cate_list {margin-top:10px;border:solid 1px #d5d7e0;background-color:#fff;}
.prod_cate_manage .cate_list li {border-top:solid 1px #d5d7e0;padding:9px;line-height:20px;}
.prod_cate_manage .cate_list li:first-child {border-top:none 0;}
.prod_cate_manage .cate_list li strong {display:inline-block;vertical-align:middle;position:relative;margin-left:16px;}
.prod_cate_manage .cate_list li strong:before {content:'';width:1px;height:18px;background-color:#d5d7e0;position:absolute;left:-10px;top:0;}
.prod_cate_manage .cate_list li button {display:block;float:right;}
.prod_cate_manage .cate_list li.retain label {display:none;}
.prod_cate_manage .cate_list li.retain strong {margin-left:0;}
.prod_cate_manage .cate_list li.retain strong:before {display:none;}

/* 상품 등록 */
.prod_provision {padding:9px 10px;}
.prod_provision.item_panel {border-top:1px solid #d5d7e0;overflow:auto;display:none;}

.prod_image {position:relative;}
.prod_image.etc {width:551px;min-height:80px;padding-left:100px;overflow:hidden;}
.prod_image .image_picker {position:absolute;left:0;top:0;height:78px;border:solid 1px #d5d7e0;background-color:#f5f5f5;text-align:center;}
.prod_image .image_picker * {position:absolute;left:-1px;top:-1px;opacity:0;width:1px;height:1px;line-height:0;border:none 0;margin:0;padding:0;}
.prod_image .image_picker input[type=file] + label {display:block;width:78px;height:78px;text-indent:-999em;position:relative;opacity:1;}
.prod_image .image_picker input[type=file] + label:after,
.prod_image .image_picker input[type=file] + label:before {content:'';display:block;position:absolute;background-color:#ccc;top:50%;left:50%;}
.prod_image .image_picker input[type=file] + label:after {width:2px;height:28px;margin-top:-13px;}
.prod_image .image_picker input[type=file] + label:before {width:28px;height:2px;margin-left:-13px;}
.prod_image > ul:after {content:'';clear:both;display:block;}
.prod_image > ul > li {float:left;margin:9px 20px 0 0;text-align:center;line-height:16px;position:relative;}
.prod_image > ul > li:first-child {padding-left:0;}
.prod_image.etc > ul {padding-left:20px;border-left:1px solid #d5d7e0;margin-top:-9px;}

.prod_icon:after {content:'';clear:both;display:block;}
.prod_icon li {float:left;margin-right:25px;}
.prod_icon li:last-child {margin-right:0;}
.prod_icon span {display:inline-block;vertical-align:middle;width:28px;height:28px;border:solid 1px #d5d7e0;background-color:#f5f5f5;}
.prod_icon span img {width:100%;height:100%;}

.prod_price .means_box {border-bottom:1px solid #d5d7e0;padding:9px 10px;}
.prod_price .means_box:after {content:'';clear:both;display:block;}
.prod_price .means_box li {float:left;margin-right:20px;}
.prod_price .means_box li label span {font-family: 'NanumBarunGothic';color:#8a47cc;font-size:11px;}
.prod_price dl {float:left;box-sizing:border-box;width:34%;}
.prod_price dl:nth-child(2) {width:32%;}
.prod_price dt,
.prod_price dd {text-align:center;padding:9px 0;}
.prod_price dt {background-color:#f2f5ff;border-bottom:1px solid #d5d7e0;font-family:'NanumBarunGothicBold';line-height:14px;}
.prod_price dd input {width:70%;font-family:Tahoma;font-weight:bold;font-size:15px;height:auto;}

.prod_dlvr_policy li {position:relative;}
.prod_dlvr_policy li p.remark {position:absolute;left:150px;top:0;}

.prod_option {display:none;}
.prod_option .ex {text-align:left;color:#4285f4;line-height:14px;margin-top:5px;}
.prod_option .option_mix_box {margin-top:20px;}
.prod_option .option_mix_box .control_box {background-color:#f7f7f7;padding:10px 20px;line-height:24px;}
.prod_option .option_mix_box .control_box dl {height:24px;display:flex;}
.prod_option .option_mix_box .control_box dl dt {margin-right:4px;}
.prod_option .option_mix_box .control_box dl dd select {margin-left:3px;}
.prod_option .option_mix_box .control_box dl dd input {margin-right:5px;}
.prod_option .option_mix_box .control_box dl dd.line {border-left:solid 1px #d5d7e0;padding-left:8px;margin-left:5px;}
.prod_option .option_mix_box .tbl_rows_input td {padding-left:0;padding-right:0;}
.prod_option .option_mix_box .tbl_rows_input input[type=text] {width:calc(100% - 20px);}
.prod_option .option_mix_box .tbl_rows_input input.ux-currency {width:calc(100% - 30px);}
.prod_option .option_mix_box .tbl_rows_input input.ux-number {width:50px;}
.prod_option .option_mix_box .tbl_rows_input input.supply:disabled {border:solid 1px transparent;background-color:transparent;color:inherit;}
.prod_option .option_mix_box .info {padding:0;line-height:14px;margin-bottom:10px;color:#4285f4;}
.prod_option .option_mix_box .info:before {background:none;}

/* 상품 전시 */
.dp_panel .dp_singular_box,
.dp_panel .dp_grouping_box {display:none;}
.dp_panel .dp_grouping_box:after {content:'';display:block;clear:both;}
.dp_panel .dp_grouping_box .dp_group {float:left;width:230px;margin-right:20px;}
.dp_panel .dp_grouping_box .dp_group li {position:relative;box-sizing:border-box;cursor:pointer;}
.dp_panel .dp_grouping_box .dp_group .arrow {display:none;width:10px;height:14px;position:absolute;right:-10px;top:50%;transform:translateY(-50%);background:url(../../imgs/back/global/arrow_selected.png) left center no-repeat;}
.dp_panel .dp_grouping_box .dp_group li table tbody td {padding:9px 0;}
.dp_panel .dp_grouping_box .dp_group li.current {border:solid 2px #4285f4;}
.dp_panel .dp_grouping_box .dp_group li.current .arrow {display:block;}
.dp_panel .dp_grouping_box .dp_group li.current table tbody td {background-color:#e0edff;}
.dp_panel .dp_grouping_box .dp_product {float:right;width:calc(100% - 250px);}
.dp_panel .dp_grouping_box .dp_product .dp_product_list {display:none;}
.dp_panel .dp_grouping_box .dp_product .dp_product_list.current {display:block;}
.dp_panel .dp_grouping_box .dp_product .dp_product_list.current {display:block;}
.dp_panel input[type=text].entry {font-family:'NanumBarunGothicBold';font-weight:normal;color:inherit;}
.dp_panel input[type=text].reflect {font-family:inherit;color:#999;}

/* 이벤트 등록 */
#display_product_group:after {content:'';display:block;clear:both;}
#display_product_group .group_list {float:left;width:280px;margin-right:20px;}
#display_product_group .group_list .tbl_rows_input {position:relative;}
#display_product_group .group_list .arrow {display:none;width:10px;height:14px;position:absolute;right:-10px;top:50%;transform:translateY(-50%);background:url(../../imgs/back/global/arrow_selected.png) left center no-repeat;}
#display_product_group .group_list .arrow.selected {display:block;}
#display_product_group .cate_product {float:right;width:calc(100% - 300px);}

/* 결제수단 */
.pg_easy {overflow:hidden;}
.pg_easy li {float:left;padding:0 12px;margin-right:5px;background-color:#f0f0f0;font-family:'NanumBarunGothicBold';}

/* 상태라벨 */
.label_state {display:inline-block;vertical-align:baseline;border:solid 1px #fc2d1f;background-color:#ffefed;color:#fc2d1f;font-size:12px;line-height:14px;padding:2px 4px 0;}
.label_state.finish {border-color:#4285f4;background-color:#edf1ff;color:#4285f4;}

/* 상세정보 */
.in_detailbox .photo_list {margin-bottom:10px;}
.in_detailbox .photo_list:after {content:'';display:block;clear:both;}
.in_detailbox .photo_list li {float:left;overflow:hidden;width:78px;height:78px;border:solid 1px #d5d7e0;margin-right:4px;margin-bottom:4px;}
.in_detailbox .order_info,
.in_detailbox .product_info,
.in_detailbox .answer {border:solid 1px #d5d7e0;background-color:#f7f7f7;text-align:left;margin-top:-1px;}
.in_detailbox .order_info {padding:10px 19px;}
.in_detailbox .product_info {position:relative;padding:19px;}
.in_detailbox .product_info .inner {position:relative;padding-left:70px;min-height:50px;}
.in_detailbox .product_info .inner .thumb {position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:48px;border:solid 1px #d5d5d5;background-color:#f0f0f0;}
.in_detailbox .product_info .inner .thumb img {width:100%;height:100%;}
.in_detailbox .product_info .inner .info {margin-right:100px;}
/*.in_detailbox .product_info .btns {position:absolute;right:19px;top:50%;transform:translateY(-50%);}*/
.in_detailbox .product_info .btns {position:absolute;right:19px;top:25%;transform:translateY(-25%);}
.in_detailbox .product_info .btns li {margin-top:4px;}
.in_detailbox .product_info .btns li:first-child {margin-top:0;}
.in_detailbox .answer {padding:19px;}
.in_detailbox .answer .reg_form:after {content:'';clear:both;display:block;}
.in_detailbox .answer .reg_form select {width:calc(100% - 88px);}
.in_detailbox .answer .reg_form textarea {display:float;width:calc(100% - 88px);height:74px;resize:none;}
.in_detailbox .answer .reg_form .button {display:right;width:84px;height:74px;padding:0;line-height:74px;margin:0;}
.in_detailbox .answer .info {padding-top:2px;margin-top:10px;}
.in_detailbox .answer .info .date {display:inline-block;vertical-align:baseline;}
.in_detailbox .answer .info .date:before {content:'│ '}
.in_detailbox .answer .info .button {margin-top:-2px;margin-left:5px;}

.icon_photo {display:inline-block;vertical-align:middle;width:16px;height:16px;line-height:0;font-size:0;background:url(../../imgs/back/icon/icon_photo2.png) left center no-repeat;}
.icon_photo:before {content:'포토';position:absolute;left:-1px;top:-1px;width:0;height:0;line-height:0;font-size:0;}

/* 상품평 평점 */
.review_star {display:inline-block;vertical-align:top;width:68px;height:19px;background-image:url(../../imgs/back/global/bg_review_rating.png);background-repeat:no-repeat;text-indent:-999em;}
.review_star.rating5 {background-position:left top;}
.review_star.rating4 {background-position:left -30px;}
.review_star.rating3 {background-position:left -60px;}
.review_star.rating2 {background-position:left -90px;}
.review_star.rating1 {background-position:left -120px;}
.review_star.rating0 {background-position:left bottom;}

/* 알림 팝업 */
.popup_notification {display:block;background-color:#fff;}
.popup_notification.layer {position:absolute;top:-10000000px;border:1px solid #333;background-color:#e6e6e6;overflow:hidden;}
.popup_notification .banner_slide {position:relative;}
.popup_notification .banner_slide img {max-width:100%;}
.popup_notification .banner_slide .swiper-pagination1 {position:absolute;top:auto;right:auto;bottom:20px;left:0;z-index:2;width:100%;height:10px;text-align:center;}
.popup_notification .banner_slide .swiper-pagination1 .swiper-pagination-bullet {vertical-align:Top;width:10px;height:10px;background-color:#b2b2b2;opacity:.4;margin:0 4px;}
.popup_notification .banner_slide .swiper-pagination1 .swiper-pagination-bullet-active {background-color:#111;opacity:1;}
.popup_notification .buttons {overflow:hidden;background-color:#fff;}
.popup_notification .buttons:after {content:'';display:block;clear:both;}
.popup_notification .buttons a {float:right;color:#999;line-height:39px;padding:0 12px;}
.popup_notification .buttons a:first-child {float:left;}

/* 전시관리 썸네일 */
.display-thumb {width:calc(100% - 18px);max-width:700px;margin:0 9px;}
.display-thumb-mo {width:calc(100% - 18px);max-width:375px;margin:0 9px;}