@charset "utf-8";

@import "jquery.date_input.css";
@import "nice-select-form.css";
@import "note.css";
@import "progress.css";
@import "datepicker.css";
@import "search.css";
@import "table.css";
@import "button.css";
@import "layout.css";

@font-face {
	font-family: 'Pretendard900';
	font-weight: 900;
	font-style: normal;
	src:url(/pub/font/Pretendard-Black.woff2) format('woff2'), url(/pub/font/Pretendard-Black.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard800';
	font-weight: 800;
	font-style: normal;
	src:url(/pub/font/Pretendard-ExtraBold.woff2) format('woff2'), url(/pub/font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard700';
	font-weight: 700;
	font-style: normal;
	src:url(/pub/font/Pretendard-Bold.woff2) format('woff2'), url(/pub/font/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard600';
	font-weight: 600;
	font-style: normal;
	src:url(/pub/font/Pretendard-SemiBold.woff2) format('woff2'), url(/pub/font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard500';
	font-weight: 500;
	font-style: normal;
	src:url(/pub/font/Pretendard-Medium.woff2) format('woff2'), url(/pub/font/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-style: normal;
	src:url(/pub/font/Pretendard-Medium.woff2) format('woff2'), url(/pub/font/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard400';
	font-weight: 400;
	font-style: normal;
	src:url(/pub/font/Pretendard-Regular.woff2) format('woff2'), url(/pub/font/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard300';
	font-weight: 300;
	font-style: normal;
	src:url(/pub/font/Pretendard-Light.woff2) format('woff2'), url(/pub/font/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard200';
	font-weight: 200;
	font-style: normal;
	src:url(/pub/font/Pretendard-ExtraLight.woff2) format('woff2'), url(/pub/font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard100';
	font-weight: 100;
	font-style: normal;
	src:url(/pub/font/Pretendard-Thin.woff2) format('woff2'), url(/pub/font/Pretendard-Thin.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	src:url('/pub/font/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
	font-family: 'OTWelcomeBA';
	font-weight: normal;
	font-style: normal;
	src: url('/pub/font/OTWelcomeBA.woff2') format('woff2');
}
@font-face {
	font-family: 'OTWelcomeRA';
	font-weight: normal;
	font-style: normal;
	src: url('/pub/font/OTWelcomeRA.woff2') format('woff2');
}

* { margin: 0; padding: 0; }

html, body {
	height: 100%; background: url('/img/default.jpg'); letter-spacing: -0.5px; font-weight: normal;
	font-family: Pretendard400, sans-serif !important; color: #555; font-size: 14px;
	margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;
}
table { border-collapse: collapse; } form { margin: 0 0; }
img { border: none; } ul, ol { list-style: none; } col { background: none; }
A, th { text-decoration: none; font-weight: normal; }
A:link { color: #393939; } A:visited { color: #888; } A:active { color: #444; } A:hover { color: #000; }
input, textarea, button { outline-style: none; font-family: 'Pretendard400'; font-size: 14px; }

#Screen { width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=60); z-Index: 1000; background: url('/pub/img/ajax_back.png') repeat; }
#Screen, #AjaxFrame { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 1000; }

/*
#PageNumSmall { clear: both; width: 100%; display: table; margin: 20px 0px; font-family: Arial; text-align: center; }
#PageNumSmall a {
	border: 1px solid #CDCDCD; text-align: center; padding: 8px 12px; color: #777; font-size: 15px;
	-webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; margin-left: 1px;
}
#PageNumSmall a:hover, #PageNumSmall a.Selected { border: 1px solid #333; background: #999; color: #FFF; }
#PageNumSmall a.Selected { padding: 8px 22px; }
#PageNumSmall a:hover span { color: #FFF; }
#PageNumSmall a span { font-size: 15px; }
*/
#PageNumSmall { clear: both; width: 100%; display: table; margin: 28px 0px; text-align: center; }
#PageNumSmall a {
	text-align: center; padding: 8px 12px; background: #FFF;
	color: #777; font-family: arial; font-size: 15px; border: 1px solid #CDCDCD; margin-left: 2px;
	-webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em;
}
#PageNumSmall a:hover, #PageNumSmall a.Selected { border: 1px solid #333; background: #999; color: #FFF; }
#PageNumSmall a.Selected { padding: 8px 20px; }
#PageNumSmall a:hover span { color: #FFF; }
#PageNumSmall a span { font-size: 15px; }

/*input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px black inset; }*/

.formPutTxt { height: 15px; border: 1px solid #AAA; padding-left: 6px; padding-top: 3px; }
.formPutArea { width: 98%; border: 1px solid #AAA; padding: 3px 0px 0px 4px; }

.dNone { display: none; } .FL { float: left; } .ML4 { margin-left: 4px; } .ML10 { margin-left: 10px; } .U { text-decoration: underline; }
.F08 { color: #FF0080; } .C08F { color: #0080FF; } .A4A { color: #A040A0; } .A00 { color: #A00000; } .F60 { color: #FF6000; }

.C480 { color: #478500; } .C284 { color: #218D44; } .C000 { color: #000; } .E20 { color: #ED2000; } .C3B3 { color: #31BA31; }
.C369 { color: #369; } .C999 { color: #999; } .AAA { color: #AAA; } .BBB { color: #BBB; } .C458 { color: #475B8F; }
.C2 { color: #228B22; }/*개인회원 폰트 색상*/ .C1 { color: #026BD4; }/*기업회원 폰트 색상*/
.CP { cursor: pointer; } .FS12 { font-size: 12px; } .FS13 { font-size: 13px; } .FS14 { font-size: 14px; } .FS15 { font-size: 15px; } .FS16 { font-size: 16px; }
.DT11 { font: normal 11px dotum; } .ls0 { letter-spacing: 0; }
.Arial { font-family: arial; }
.PT5 { padding-top: 5px; } .PT8 { padding-top: 8px; } .PR12 { padding-right: 12px; } .PL4 { padding-left: 4px; }
.Btn-Wrap { clear: both; width: 100%; height: 26px; margin: 10px 0px; display: inline-block; text-align: right; }
.None {
	clear: both; width: 100%; text-align: center; border-bottom: 1px solid #EBEBEB; color: #AAA; padding: 100px 0px;
	font-size: 15px; font-weight: normal;
}
.ckPrice { font-size: 14px; }
.qty-s { color: #E52929; }
.qty-b { color: #086DEB; }
.dash { font-size: 16px; color: #E20000; }
.compulsory { display: inline-block; font-size: 12px; color: #FB2626; margin-left: 4px; /*margin-top: -2px;*/ text-indent: 0; }
.th-bold { color: #FB2626; font-size: 13px; }
.ckbox { float: left; margin-top: 2px;}
.ckbox-text { float: left; margin: 4px 10px 0 0; }

.label {
	display: inline-block; height: 20px; padding: 12px 21px 6px; font-size: 14px; color: #FFF; text-indent: 0;
	background: #1E3547; cursor: pointer; border-radius: .3em .3em .3em .3em;
}
input[type="file"] {
	position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;
}
.btn-list {
	display: inline-block; padding: 6px 10px; color: #FFF; text-indent: 0; background: #1E3547; cursor: pointer;
	border-radius: .2em .2em .2em .2em; font-size: 13px; margin-right: 2px;
}
.btn-remove {
	display: inline-block; padding: 6px 10px; color: #FFF; text-indent: 0; background: #FF0080; cursor: pointer;
	border-radius: .2em .2em .2em .2em; font-size: 13px; margin-right: 2px;
}

::placeholder { color: #888; font-size: 14px; font-family: Pretendard400; opacity: 1; }
:-ms-input-placeholder { color: #888; font-size: 14px; font-family: Pretendard400; opacity: 1; }
::-ms-input-placeholder { color: #888; font-size: 14px; font-family: Pretendard400; opacity: 1; }

.nice-select > .list { max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.nice-select > .list::-webkit-scrollbar { width: 4px; }
.nice-select > .list::-webkit-scrollbar-track { background-color: #FFF; }
.nice-select > .list::-webkit-scrollbar-thumb { background-color: #BBB; }
.nice-select > .list::-webkit-scrollbar-button { display: none; }

.checkbox {
	display: inline-block; width: 28px; height: 28px; margin-top: 0; cursor: pointer;
	background: url('/img/icon-check-white.png') no-repeat 50% 55% #DDD; background-size: 14px;
	-webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%;
}
.checkbox-on { background: url('/img/icon-check-white.png') no-repeat 50% 55% #1E3547; background-size: 14px; }

#Wrap-Head {
	width: 100%; height: 46px;
	background: url('/img/opacity.png'); border-top: 3px solid #000;
	box-shadow: 0 1px 1px #606060; -webkit-box-shadow: 0 1px 1px #606060; -moz-box-shadow: 0 1px 1px #606060;
}
#Wrap-Head .Container { padding: 0 20px; }
#Wrap-Head .Container .logo { position: absolute; width: 46px; height: 46px; left: 20px; top: 12px; background: url('/img/logo.png') no-repeat; background-size: 36px; }

#Wrap-Head-Navi { float: right; display: block; }
#Wrap-Head-Navi > li { float: left; border-right: 1px solid #444; position: relative; }
#Wrap-Head-Navi > li:first-child { border-left: 1px solid #444; }
#Wrap-Head-Navi > li > a {
	font-family: Pretendard; font-size: 14px; color: #AAA; cursor: pointer; display: block; padding: 14px 34px 15px;
	-webkit-transition: all ease-in-out .1s; transition: all ease-in-out .1s; -moz-transition: all ease-in-out .1s;
}
#Wrap-Head-Navi > li > a:hover, #Wrap-Head-Navi > li a.select {
	background: #313131; color: #EEE;
	-webkit-transition: all ease-in-out .1s; transition: all ease-in-out .1s; -moz-transition: all ease-in-out .1s;
	box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset;
	-webkit-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset;
	-moz-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset;
}
#Wrap-Head-Navi > li > a > b { height: 16px; width: 16px; display: block; background: url('/img/top-buttons.png'); transition: all 0.1s ease-in-out; }
#Wrap-Head-Navi > li > a > .logout { background-position: -69px -1px; }
#Wrap-Head-Navi > li > a:hover > .logout { background-position: -69px -18px; }

#Wrap-Body { clear: both; margin: 0 20px; position: relative; }
#Slide-Left { width: 220px; position: absolute; top: 0; left: 0; color: #e5e5e5; }
#Slide-Center { width: calc(100% - 480px); margin: 20px 0 0 240px; padding-bottom: 20px; }
#Slide-Center-Win { width: 100%; margin-top: 20px; }
#Slide-Center-Full { width: calc(100% - 240px); margin: 20px 0 0 240px; padding-bottom: 20px; }
#Slide-Right { width: 220px; position: absolute; top: 0; right: 0; color: #e5e5e5; }
#Slide-Full { width: 100%; margin-top: 20px; }

.navigation {
	padding: 6px; margin-bottom: 20px; background: url('/img/opacity.png');
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}
.navigation li { position: relative; margin-bottom: 6px; }
.navigation li:last-child { margin-bottom: 0; }
.navigation > li > a > img { display: block; float: left; margin: 1px 10px 0 0; }
.navigation > li > a {
	text-shadow: 0 1px 1px #202020; color: #EEE;/*#AAA;*/ font-size: 14px; display: block; padding: 14px 12px 14px;
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
	background: #535353;
	background: url('/img/progress_overlay.png'), -moz-linear-gradient(top,  #565656 0%, #464646 100%);
	background: url('/img/progress_overlay.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#464646));
	background: url('/img/progress_overlay.png'), -webkit-linear-gradient(top,  #565656 0%,#464646 100%);
	background: url('/img/progress_overlay.png'), -o-linear-gradient(top,  #565656 0%,#464646 100%);
	background: url('/img/progress_overlay.png'), -ms-linear-gradient(top,  #565656 0%,#464646 100%);
	background: url('/img/progress_overlay.png'), linear-gradient(to bottom,  #565656 0%,#464646 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#464646',GradientType=0 );
	box-shadow: 0 1px 1px rgba(255,255,255,0.15) inset, 0 1px 1px #202020;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.15) inset, 0 1px 1px #202020;
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.15) inset, 0 1px 1px #202020;
	-webkit-transition: all ease-in-out .1s; transition: all ease-in-out .1s; -moz-transition: all ease-in-out .1s;
}
.navigation > li > a:hover {  
	background: #5A5A5A; color: #EEE;
	background: url('/img/progress_overlay.png'), -moz-linear-gradient(top,  #5A5A5A 0%, #484848 100%);
	background: url('/img/progress_overlay.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#484848));
	background: url('/img/progress_overlay.png'), -webkit-linear-gradient(top,  #5A5A5A 0%,#484848 100%);
	background: url('/img/progress_overlay.png'), -o-linear-gradient(top,  #5A5A5A 0%,#484848 100%);
	background: url('/img/progress_overlay.png'), -ms-linear-gradient(top,  #5A5A5A 0%,#484848 100%);
	background: url('/img/progress_overlay.png'), linear-gradient(to bottom,  #5A5A5A 0%,#484848 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#484848',GradientType=0 );
}
.navigation > li > a:active { background: #555555; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.navigation > li.active > a {
	color: #fff; vertical-align: middle; text-shadow: 0 1px 1px #555;
	box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset;
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,0.3) inset;
	background: #2F86B2 url('/img/progress_overlay.png');
	background: url('/img/progress_overlay.png'), -moz-linear-gradient(top,  #68B4DD 0%, #2F86B2 100%);
	background: url('/img/progress_overlay.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68B4DD), color-stop(100%,#2F86B2));
	background: url('/img/progress_overlay.png'), -webkit-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url('/img/progress_overlay.png'), -o-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url('/img/progress_overlay.png'), -ms-linear-gradient(top,  #68B4DD 0%,#2F86B2 100%);
	background: url('/img/progress_overlay.png'), linear-gradient(to bottom,  #68B4DD 0%,#2F86B2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68B4DD', endColorstr='#2F86B2',GradientType=0 );
}
.navigation li a > i { margin-right: 12px; font-size: 16px; display: block; float: left; line-height: 20px; width: 16px; height: 16px; }
.navigation li ul { margin-bottom: -4px; display: none; }
.navigation li ul li { border-top: 1px solid #424242; position: relative; border-bottom: 1px solid #2c2c2c; padding-left: 6px; margin-bottom: 0; }
.navigation li ul li a { color: #eee; font-size: 13.5px; display: block; padding: 14px 12px 14px 22px; }
.navigation li ul li:first-child { border-top: none; }
.navigation li ul li:first-child a { padding-top: 16px; }
.navigation li ul li:last-child { border-bottom: 0; }
.navigation li a strong {
	padding: 5px 7px 4px 7px; line-height: 13px; height: 13px; position: absolute; right: 10px; top: 11px; background: #383838; font-size: 11px; 
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #FFF; font-weight: normal;
	box-shadow: 0 1px 1px #606060, 0 1px 1px #282828 inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #282828 inset; 
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #282828 inset; 
}
.navigation li.active a strong {
	box-shadow: 0 1px 1px #282828 inset; -webkit-box-shadow: 0 1px 1px #282828 inset; -moz-box-shadow: 0 1px 1px #282828 inset;
}
.navigation > li > ul > li > a {
	color: #AAA; background: url('/img/plus.png') no-repeat 7px 18px;
	-webkit-transition: all ease-in-out .1s; transition: all ease-in-out .1s; -moz-transition: all ease-in-out .1s;
}
.navigation > li > ul > li > a:hover { color: #EEE; }
.navigation > li > ul > li:first-child > a { background: url('/img/plus.png') no-repeat 7px 20px; }
.navigation > li > ul > li.current > a { color: #EEE; background: url('/img/active_state.png') no-repeat 8px 14px; }
.navigation > li > ul > li:first-child.current > a { color: #EEE; background: url('/img/active_state.png') no-repeat 8px 16px; }

.separator-doubled { border-top: medium double #676767; color: #333; margin-top: 0; margin-bottom: 14px; text-align: center; }
.separator-doubled:after {
	content: "§"; display: inline-block; position: relative; top: -11px; font-size: 14px; padding: 0 8px; color: #999;
	background: #FFF;
}
.separator-doubled-fff { border-top: medium double #CCC; color: #333; margin-top: 40px; margin-bottom: 24px; text-align: center; }
.separator-doubled-fff:after {
	content: "§"; display: inline-block; position: relative; top: -11px; font-size: 14px; padding: 0 8px; color: #CCC;
	background: #FFF;
}

.pull-right { float: right; font-weight: normal; color: #EEE; }
.pull-left { float: left; }

.progress-statistics {
	background: url('/img/opacity.png'); padding: 1px 0; margin-bottom: 30px;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2A2A2A inset;
}
.progress-statistics .progress {
	margin-top: 2px; background: #282828;
	box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset;
	-webkit-box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset;
	-moz-box-shadow: 0 1px 1px #444, 0 1px 1px #2A2A2A inset;
}
.progress-statistics li { padding: 8px 10px 14px 10px; border-top: 1px solid #444; border-bottom: 1px solid #282828; }
.progress-statistics li:first-child { border-top: none; }
.progress-statistics li:last-child { border-bottom: none; }
.progress-statistics li .left { float: left; width: 80%; font-weight: normal; color: #AAA; }
.progress-statistics li .right { float: right; width: 20%; font-weight: normal; color: #EEE; text-align: right; font-size: 14px; margin-top: -2px; }
.progress-statistics li .h6 { font-weight: normal; color: #AAA; }
.progress-statistics li .count { font-size: 14px; color: #EEE; padding-right: 4px; }
.progress-statistics li .per { color: #BBB; }

.user-list {
	margin-bottom: 30px; padding: 6px; background: url('/img/opacity.png');
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.user-list li {
	height: 50px;
	border-top: 1px solid #656565; border-bottom: 1px solid #252525; 
	background: #535353;
	background: -moz-linear-gradient(top, #565656 0%, #464646 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#464646));
	background: -webkit-linear-gradient(top,  #565656 0%,#464646 100%);
	background: -o-linear-gradient(top, #565656 0%,#464646 100%);
	background: -ms-linear-gradient(top, #565656 0%,#464646 100%);
	background: linear-gradient(to bottom, #565656 0%,#464646 100%);
}
.user-list li:hover { 
	background: #5a5a5a;
	background: -moz-linear-gradient(top, #5a5a5a 0%, #464646 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#464646));
	background: -webkit-linear-gradient(top,  #5a5a5a 0%,#464646 100%);
	background: -o-linear-gradient(top, #5a5a5a 0%,#464646 100%);
	background: -ms-linear-gradient(top, #5a5a5a 0%,#464646 100%);
	background: linear-gradient(to bottom, #5a5a5a 0%,#464646 100%);

}
.user-list li:first-child { border-top: none; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
.user-list li:last-child { border-bottom: none; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; }
.user-list li.active { background: none; border-top-color: transparent; }
.user-list div.container { width: calc(100% - 20px); margin: 0 auto; }
.user-list div.container div.left { float: left; width: 80%; color: #FFF; margin-top: 19px; }
.user-list div.container div.right { float: right; width: 19%; color: #FFF; text-align: right; margin-top: 18px; }

.outer {
	margin-bottom: 20px; background: url('/img/opacity.png'); padding: 6px;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}
.inner { /*background: url('/img/bg_body.png') repeat;*/ background: #FFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.body { width: calc(100% - 20px); padding: 20px 0 20px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; display: inline-block; }


.topstats {
	color: #d5d5d5; font-size: 12px; margin-bottom: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: url(../images/backgrounds/opacity.png);
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}
.topstats li { background: url('/img/opacity.png'); border-bottom: 1px solid #2A2A2A; display: block; text-align: right; padding: 10px 14px 12px 14px; border-top: 1px solid #444; }
.topstats li:first-child { margin-top: 0; border-top: none; }
.topstats li:last-child { border-bottom: none; }
.topstats h1 { font-weight: bold; font-size: 22px; color: #efefef; margin-top: 2px; display: block; line-height: 1; }
.topstats .left { margin-right: 12px; float: left; display: inline-block; text-align: left; }
.topchart { margin-top: 10px; display: inline-block; text-align: right; }



#Articles, .Articles { clear: both; width: 100%; font-weight: normal; }
#Articles span { font-weight: normal; padding-left: 4px; }
#Articles .Left { float: left; width: 70%; padding-bottom: 2px; }
#Articles .Right { float: right; width: 29%; text-align: right; padding-top: 5px; }
.dashboard-title { clear: both; width: 100%; font-weight: bold; font-size: 14px; padding-bottom: 3px; }
.Wrap-Normal { clear: both; width: 100%; }
.Wrap-25 { float: left; width: 25%; }
.b { font-weight: bold; }

.page-header {
	height: 40px; background: url('/img/bg_body.png'); border-bottom: 1px solid #EAEAEA;
	-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
}
.page-header h5 { color: #4C4C4C; font-weight: normal; padding: 15px 0 0 18px; font-size: 13px; font-family: Pretendard500; }
.page-header h5 img { width: 20px; margin-top: -6px; }
.page-header h5 > span { font-weight: normal; padding: 0 5px 0 6px; font-size: 12px; font-family: gulim; font-weight: bold; }
.page-header h5 > span.dot { padding: 0 9px 0 6px; }


@media screen and (min-width: 1367px) {
	#Slide-Right { display: block; }
	#Slide-Center { width: calc(100% - 480px); }
}
@media screen and (max-width: 1366px) {
	#Slide-Right { display: none; }
	#Slide-Center { width: calc(100% - 240px); }
}