@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* HTML5 새 요소 초기화 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

* {
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
}

@viewport {
	width: device-width;
}


/* 본문 기본 설정, 리스트 블릿 제거, 인용 구문 제거 */

html {
	font-size: 62.5%;
}

body {
	font-family: '나눔고딕', NanumGothic, '맑은 고딕', 'Malgun Gothic', AppleSDGothicNeo-Regular, '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif!important;
	font-size: 1.5rem!important;
	line-height: 2.3rem!important;
	color: #434343!important;
}


/* 영문 설정 */

.lang-en,
:lang(en) {
	font: 1.4rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief!important;
}


/* 목록 및 인용 */

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

input {
	margin: 0;
	padding: 0;
}


/* hr 제거 */

hr {
	display: none;
}


/* 제목 글꼴 크기 설정 */

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
	margin: 0;
}


/* 제목, 단락 상.하 공간 설정 */

p {
	margin: 0 0 0.5em;
}


/* :active, :focus 가상클래스 아웃라인 설정 제거 */

:active,
:focus {
	outline: 0;
}

*,
:after,
:before {
	box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
	content: '';
	display: table
}

.clearfix:after {
	clear: both;
	display: block
}

a {
	color: inherit;
	text-decoration: none
}

.full {
	width: 100%;
}

.f-red {
	color: red;
}

.f-blue {
	color: blue;
}

.under-bg-ico {
	background: url(../images/background.png) no-repeat;
	background-size: 320px 240px;
	display: inline-block;
	overflow: hidden;
	color: transparent;
	white-space: nowrap;
}


/* 로그인 페이지 */

.intro-container {
	background-color: #00c63c;
}

.intro-container>.conts-wrap {
	padding: 4.5rem;
	background: url(../images/bg_nabis.png) 100% 20rem no-repeat;
	background-size: 260px;
}

.conts-wrap>h1 {
	text-align: center;
	margin: 0 auto 3.5rem;
	width: 50%;
}

.conts-wrap>h1 img {
	width: 100%;
}

.i-box-st01 {
	width: 100%;
	padding: 3%;
	border: none;
}

.login-box-list {
	margin-bottom: 10rem;
}

.login-box-list li {
	margin-bottom: 1rem;
}

.login-box-list input:focus {
	border: .19rem #333340 solid;
}

.login-box-list button {
	background: #333340;
	text-align: center;
	width: 100%;
	border: none;
	padding: 1.3rem 0;
	border-radius: 0.7rem;
	color: white;
	cursor: pointer;
}

.login-box-list .checks input[type="checkbox"] {
	display: none;
}

.login-box-list .checks input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 10px;
}

.login-box-list .checks input[type="checkbox"]+label.first {
	padding-left: 0;
}

.login-box-list .checks input[type="checkbox"]+label:before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	line-height: 17px;
	background: rgba(0, 0, 0, 0.24);
	vertical-align: middle;
	border-radius: 3px;
	margin-right: 5px;
}

.login-box-list .checks input[type="checkbox"]:checked+label:before {
	content: '\2714';
	color: #333340;
	background: white;
}

.login-box-list .checks input[type="checkbox"]:checked+label {
	color: white;
}


/* 메인페이지 */

.intro-container>.main-wrap {}

.login-info {
	padding: 1.3rem;
}

.login-info dl:after {
	clear: both;
	content: "";
	display: block;
}

.login-info dt {
	float: left;
}

.login-info dd {
	float: right;
	border: 1px rgba(255, 255, 255, 0.6) solid;
	padding: 0.2rem 1rem;
	color: white;
	border-radius: 0.3rem;
	cursor: pointer;
	font-size: 90%;
}

.main-wrap>h1 {
	text-align: center;
	margin: 1rem auto;
	width: 45%;
}

.main-wrap>h1 img {
	width: 100%;
}

.main-menu-wrap {
	width: 85%;
	margin: 0 auto 3rem;
}

.main-menu-wrap>ul {
	width: 100%;
	margin-bottom: 1rem;
}

.main-menu-wrap>ul:after {
	clear: both;
	content: "";
	display: block;
}

.main-menu-wrap>ul>li {
	float: left;
	display: inline-block;
	width: 23%;
	margin-left: 2%;
	background: rgba(255, 255, 255, .15);
	border: 1px rgba(255, 255, 255, .5) solid;
	border-radius: 0.5rem;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
	cursor: pointer;
}

.main-menu-wrap>ul>li img {
	width: 96%;
	margin: 2%;
}

.main-menu-wrap>ul>li:first-child {
	margin-left: 30%;
}

.main-menu-wrap>ul>li:last-child {
	margin-right: 1%;
}

.main-menu-wrap .second li:first-child {
	margin-left: 15%;
}

.account-list-wrap {
	border-bottom: 1px #00a332 solid;
	border-top: 1px #00a332 solid;
	margin-bottom: 2.5rem;
}

.account-list-wrap>ul>li {
	background: #ffffff;
	border-bottom: 1px #e0e0e0 solid;
	padding: 1rem 2rem;
	cursor: pointer;
}

.account-list-wrap>ul>li:nth-child(2),
.account-list-wrap>ul>li:nth-child(4),
.account-list-wrap>ul>li:nth-child(6) {
	background: #f3f3f3;
}

.account-list-wrap>ul>li>dl:after {
	display: block;
	content: "";
	clear: both;
}

.account-list-wrap>ul>li>dl>dt {
	float: left;
	width: 30%;
	display: inline-block;
	color: #00c63c;
	font-weight: 600;
}

.account-list-wrap .remain {
	display: block;
	color: black;
	position: relative;
	font-weight: normal;
}

.account-list-wrap span.remain>.day-num {
	text-align: right;
	position: absolute;
	right: 0;
}

.account-list-wrap>ul>li>dl>dd {
	float: right;
	width: 67%;
	display: inline-block;
	position: relative;
	color: #878787;
}

.account-list-wrap>ul>li>dl>dd>.arrow-ico {
	background-position: -5px -38px;
	width: 7px;
	height: 12px;
	position: absolute;
	right: 0;
	top: 1.5rem;
}

.main-btn-wrap {
	width: 80%;
	margin: 3rem auto;
}

.main-btn-wrap>button {
	background: #27743f;
	color: white;
	text-align: center;
	border: none;
	padding: 1rem;
	width: 48%;
	border-radius: 0.5rem;
	cursor: pointer;
	font-weight: 700;
	font-size: 100%;
}

.main-btn-wrap>button a:link {
	color: white;
}

.main-btn-wrap>.btn-order {
	background: #353f4a;
}

.main-btn-wrap>button:last-child {
	float: right;
}

.main-bnr-wrap {
	margin-bottom: 0;
}

.main-bnr-wrap img {
	display: block;
	width: 100%;
}

.notice-wrap {
	background: #4d535c;
	padding: 3rem 1.5rem;
}

.f-green {
	color: #11b642;
}

.notice-wrap>dl>dt {
	margin-bottom: 1rem;
	color: #e7e8e9;
	font-weight: 700;
}

.notice-wrap>dl>dd {
	color: #adb2b9;
	line-height: 2rem;
	padding-bottom: 0.7rem;
	font-size: 90%;
}


/* 광고운영레포트 */

header {}

nav {
	background: #00c63c url(../images/bg_header.png) no-repeat 100% 0;
	background-size: 114px;
	position: relative;
}

nav p {
	text-align: center;
	color: white;
	font-weight: 700;
	padding: 1rem 0;
	margin-bottom: 0;
	font-size: 130%;
}

.new_wrap_tp02 {
	background: #e6e6e6;
}

.alert-explain {
	padding: 1rem;
	margin-bottom: 5px;
	border: 1px solid transparent;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .3);
	background: #35474f;
	color: #a3b2be;
	font-size: 85%;
	line-height: 1.7rem;
}

.alert-explain .btn-close {
	color: #a3b2be;
	float: right;
	font-weight: 600;
	cursor: pointer;
	background: transparent;
	border: 0;
	line-height: 1.5rem;
	font-size: 150%;
	border: 1px rgba(163, 178, 190, 0.4) solid;
	padding: 0.3rem;
	margin-left: 1rem;
	border-radius: 0.3rem;
	transition: 0.3s;
}

.alert-explain .btn-close:hover {
	color: black;
}

.conts-container {
	background: #d3d5d6;
}

.conts-container>.conts-wrap {
	background: white;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
	margin-bottom: 1rem;
}

.conts-container>.conts-wrap-end {
	box-shadow: none;
	margin-bottom: 0;
}

.conts-container>.conts-wrap>h3 {
	color: #00b336;
	padding: 1rem;
	border-bottom: 1px #00b336 solid;
	font-weight: 700;
	margin-bottom: 1rem;
	padding-top: 2rem;
	margin-top: 0;
	font-size: 120%;
}

.search-option-wrap {
	padding: 1rem 2rem;
	margin-bottom: 0;
}

.search-option-wrap dt,
.search-option-wrap dd {
	margin-bottom: 0.3rem;
}

.search-option-wrap dt label,
.search-option-wrap dt span {
	display: inline-block;
}

.search-option-wrap dt.tp-basic {
	margin-bottom: 1.5rem;
}

.search-option-wrap dt.tp-basic label {
	width: 25%;
	vertical-align: middle;
}

.search-option-wrap dt.tp-basic span {
	width: 70%;
	float: right;
}

select.st01 {
	width: 100%;
	border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	border: 1px #b4b4b4 solid;
	-webkit-appearance: none;
	color: #333333;
	background: #ffffff;
	padding: 0.5rem;
	background: url(../images/select_arrow.png) no-repeat 97% 50%;
	background-size: 13px 7px;
	/* 네이티브 화살표 대체 */
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background-color: white;
}

.search-option-wrap .period:after {
	clear: both;
	content: "";
	display: block;
}

.search-option-wrap .period li {
	float: left;
	width: 18%;
	margin: 0 1%;
	text-align: center;
	padding: 0.3rem 0;
	border: 1px #b4b4b4 solid;
	color: #6c727a;
	border-radius: 1.5rem;
	cursor: pointer;
	font-size: 90%;
	font-weight: 600;
}

.search-option-wrap .period li.on {
	background: #74849c;
	color: white;
	border: 1px #5d6e86 solid;
}

.search-option-wrap .period li:hover {
	background: #74849c;
	color: white;
	border: 1px #5d6e86 solid;
}

.search-option-wrap>.date-option {
	padding: 0.3rem;
}

.search-option-wrap>.date-option>span {
	width: 47%;
	display: inline-block;
}

.search-option-wrap>.date-option>span.right {
	float: right;
}

input.st01 {
	width: 100%;
	padding: 0.3rem;
	color: #333333;
	background: url(../images/ico_date.png) no-repeat 97% 50%;
	background-size: 24px;
	min-width: 140px;
	border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	border: 1px #b4b4b4 solid;
	-webkit-appearance: none;
	height: 3rem;
}

input.st02 {
	width: 77%;
	padding: 0.3rem;
	color: #333333;
	border: 1px #b4b4b4 solid;
	height: 3rem;
	background: white;
	border-radius: 0.2rem;
	box-sizing: border-box;
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

.search-option-wrap .btn-wrap {
	text-align: center;
	padding: 0.5rem 0;
}

.search-option-wrap .btn-search {
	background: #00c63c;
	border: 1px #009f30 solid;
	border-radius: 0.4rem;
	padding: 0.3rem 5rem;
	color: white;
	font-weight: 700;
	margin-bottom: 1rem;
}

.search-option-wrap .btn-search02 {
	background: #74849c;
	border: 1px #54637b solid;
	border-radius: 0.4rem;
	padding: 0.3rem 2rem;
	color: white;
	font-weight: 700;
	float: right;
}


/* 그래프 */

.v-chart-graph {
	background: #f7f9fa;
	padding: 1rem 2rem;
	margin-bottom: 2rem;
}

.v-chart-graph>dl>dt {
	margin: 1rem 3rem 2rem;
}

.v-chart-graph>dl>dd {
	padding: 1rem;
}


/* 데이타 슬라이딩 */

.data-tbl-wrap {
	padding: 1rem 2rem;
}

.data-tbl-wrap p {
	padding: 0;
	margin: 0;
	color: black;
	font: 1.4rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief!important;
}

.data-tbl-wrap p label {
	display: inline-block;
	color: #ffffff;
	padding: 0 1rem;
	border-radius: 2rem;
	font-weight: normal;
}

.data-tbl-wrap .tp-orange {
	background: #ff905f;
}

.data-tbl-wrap .tp-blue {
	background: #dbe9fc;
}

.data-tbl-wrap .tp-gray {
	background: #9ba4b0;
}

.data-tbl-wrap ul:after {
	clear: both;
	display: block;
	content: "";
}

.data-tbl-wrap ul {
	margin-left: 0.5rem;
	margin-bottom: 0;
}

.data-tbl-wrap>.compare-01>ul>li,
.data-tbl-wrap>.compare-02>ul>li,
.data-tbl-wrap>.compare-03>ul>li {
	float: left;
}

.data-tbl-wrap .compare-01>li>dl {
	border-top: 1px #ff6521 solid;
	border-bottom: 1px #ffb797 solid;
	margin-bottom: 0;
}

.data-tbl-wrap .compare-02>li>dl {
	border-top: 1px #5d89ca solid;
	border-bottom: 1px #a9c0e3 solid;
	margin-bottom: 0;
}

.data-tbl-wrap .compare-03>li>dl {
	border-top: 1px #566984 solid;
	border-bottom: 1px #a5afbd solid;
	margin-bottom: 0;
}

.data-tbl-wrap .compare-01>li>dl>dt,
.data-tbl-wrap .compare-02>li>dl>dt,
.data-tbl-wrap .compare-03>li>dl>dt {
	padding: 0.5rem;
	font-weight: 600;
	font-size: 90%;
	color: black;
}

.data-tbl-wrap .compare-01>li>dl>dt {
	background: #fff0ea;
}

.data-tbl-wrap .compare-02>li>dl>dt {
	background: #dbe9fc;
}

.data-tbl-wrap .compare-03>li>dl>dt {
	background: #e0e5ec;
}

.data-tbl-wrap .compare-01 dd,
.data-tbl-wrap .compare-02 dd,
.data-tbl-wrap .compare-03 dd {
	padding: 0.5rem 2rem;
	text-align: right;
	font-size: 90%;
	font: 1.4rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief!important;
	min-width: 7rem;
}

.data-tbl-wrap .compare-01 dd {
	color: #ff4e00;
}

.data-tbl-wrap .compare-02 dd {
	color: #1565d8;
}

.data-tbl-wrap .compare-03 dd,
.data-tbl-wrap .compare-04 dd {
	color: #2e2e2e;
}

.data-tbl-wrap .tp-blue {
	background: #8cacd9;
}

.data-tbl-wrap .tp-gray {
	background: #9ba4b0;
}

.swiper-container {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.swiper-slide {
	text-align: center;
	font-size: 1.4rem;
	background: #fff;
	width: 100%;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

}

.swiper-scrollbar {
	border-radius: 10px;
	height: 5px;
	position: relative;
	background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.29);
	border-radius: 10px;
	left: 0;
	top: 0
}

.data-tbl-wrap {
	position: relative;
}

.swiper-container {
	margin: 1rem 0;
}


/*
.swiper-container>.grd-prev>span {
	position: absolute;
	top: 35%;
	left: 0;
	color: #c7c8c9;
	font-size: 80%;
}

.swiper-container>.grd-next>span {
	position: absolute;
	top: 35%;
	right: 0;
	color: #c7c8c9;
	font-size: 80%;
}
*/

.swiper-container>.grd-prev {
	position: absolute;
	left: 0;
	top: 1px;
	width: 30px;
	height: 100%;
	-webkit-gradient(linear,
	left top,
	right top,
	color-stop(16.66%, #fff),
	color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0.1666, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	z-index: 10;
}

.swiper-container>.grd-next {
	position: absolute;
	top: 1px;
	right: 0;
	width: 30px;
	height: 100%;
	-webkit-gradient(linear,
	left top,
	right top,
	color-stop(0, rgba(255, 255, 255, 0)),
	color-stop(16.66%, #fff));
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255, 255, 255, 0)), color-stop(0.8, rgb(255, 255, 255)));
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	z-index: 10;
}


/*
.data-tbl-01,
.data-tbl-02,
.data-tbl-03,
.data-tbl-04,
.data-tbl-06 {
	padding: 1rem;
}

.data-tbl-01>dl>dt,
.data-tbl-02>dl>dt,
.data-tbl-03>dl>dt,
.data-tbl-04>dl>dt {
	padding-bottom: 1rem;
	font-weight: normal;
	color: black;
	font-size: 85%;
}

.data-tbl-01>dl>dt label,
.data-tbl-02>dl>dt label,
.data-tbl-03>dl>dt label {
	display: inline-block;
	color: #ffffff;
	padding: 0.3rem 0.7rem;
	border-radius: 2rem;
	font-weight: normal;
	font-size: 90%;
}

.data-tbl-01>dl>dt label {
	background: #ff905f;
}

.data-tbl-02>dl>dt label {
	background: #8cacd9;
}

.data-tbl-03>dl>dt label {
	background: #9ba4b0;
}


.tbl-st01 {
	border-top: 1px #ff6521 solid;
	border-bottom: 1px #ffb797 solid;
	padding: 0.5rem;
	font-size: 90%;
	overflow: hidden;
}

.tbl-st01 th {
	background: #fff0ea;
	text-align: center;
	padding: 0.5rem 0;
	font-weight: 600;
}

.tbl-st01 td {
	text-align: right;
	padding: 0.5rem;
	color: #ff4e00;
	font: 1.3rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief;
}

.tbl-st02 {
	border-top: 1px #5d89ca solid;
	border-bottom: 1px #b3c8e6 solid;
	padding: 0.5rem;
	width: 100%;
}

.tbl-st02 th {
	background: #dbe9fc;
	text-align: center;
	padding: 0.5rem 0;
	width: 20%;
}

.tbl-st02 td {
	text-align: right;
	padding: 0.5rem;
	color: #1565d8;
	font: 1.3rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief;
}

.tbl-st03 {
	border-top: 1px #566984 solid;
	border-bottom: 1px #b0b9c6 solid;
	padding: 0.5rem;
	width: 100%;
}

.tbl-st03 .up {
	color: red;
}

.tbl-st03 .down {
	color: blue;
}

.tbl-st03 th {
	background: #e0e5ec;
	text-align: center;
	padding: 0.5rem 0;
	width: 20%;
}

.tbl-st03 td {
	text-align: right;
	padding: 0.5rem;
	color: #333333;
	font: 1.3rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief;
}
*/

table.tb_st03{width:100%}
table.tb_st03 th{border:none;color:#333333;}
table.tb_st03 td{border:1px solid #ccc}
table.tb_st03 td,table.tb_st03 th{  font-size:0.5rem; text-align:center; width:3.6%}
table.tb_st03 td.color1 {background:#ffff00}

table.tb_st03_header{width:100%}
table.tb_st03_header th{border:none;color:#333333;}
table.tb_st03_header td{border:1px solid #ccc}
table.tb_st03_header td,table.tb_st03_header th{  font-size:0.5rem; text-align:center; width:3.6%}
table.tb_st03_header td.color1 {background:#ffff00}

.tbl-st04 {
	border-top: 1px #909090 solid;
	border-bottom: 1px #c6c7c7 solid;
	padding: 0.5rem;
	width: 100%;
}

.tbl-st04 th {
	background: #f7f9fa;
	border-bottom: 1px #c6c7c7 solid;
	text-align: center;
	padding: 0.5rem 0;
}

.tbl-st04 td {
	text-align: left;
	padding: 0.5rem;
	color: #333333;
	font: 1.3rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief;
	vertical-align: top;
}

.tbl-st04 td:first-child {
	text-align: center;
}

.tbl-st04 td:last-child {
	display: block;
	cursor: pointer;
}

.tbl-st04 .s-circle {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: none;
	border-radius: 2rem;
	margin-top: 0.5rem;
}

.tbl-st04 .c-01 {
	background: #ffe4e1;
}

.tbl-st04 .c-02 {
	background: #f08080;
}

.tbl-st04 .c-03 {
	background: #ff4500;
}

.tbl-st04 .c-04 {
	background: #bc8f8f;
}

.data-tbl-wrap>h4 {
	font-weight: 700;
	color: black;
}

.data-tbl-05 {
	margin-top: 1rem;
}

.data-tbl-05 ul {}

.data-tbl-05 li {
	background: #f7f9fa;
	margin-bottom: 0.5rem;
	border-top: 1px #c4c4c4 solid;
	border-bottom: 1px #b2b5b8 solid;
}

.data-tbl-05 li dl {
	border-top: 1px white solid;
	margin-bottom: 0;
}

.data-tbl-05 li dt {
	border-bottom: 1px #fba0a1 solid;
	padding: 1rem 2rem;
	color: #fe4c4c;
	font-weight: 700;
}

.data-tbl-05 li dt span.date {
	font: 1.2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief;
	color: black;
	font-weight: normal;
	display: inline-block;
	padding-left: 1rem;
}

.data-tbl-05 li dd {
	padding: 1rem 2rem;
}

.data-tbl-05 li dd:last-child {
	background: #e8ebef;
	border-top: 1px #b4b6b6 solid;
}

.time-history-wrap li {
	border-bottom: 1px #cccccc solid;
}

.name-before {
	background: #8cacd9;
	display: inline-block;
	color: white;
	padding: 0 1rem;
	border-radius: 2rem;
	font-weight: normal;
	font: 1.4rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief!important;
}

.name-after {
	background: #ff905f;
	display: inline-block;
	color: white;
	padding: 0 1rem;
	border-radius: 2rem;
	font-weight: normal;
	font: 1.4rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief!important;
}

.tbl-st05 {
	border-top: 1px #808a9c solid;
	border-bottom: 1px #808a9c solid;
	width: 100%;
}

.tbl-st05 thead tr {
	background: #dfe4ec;
}

.tbl-st05 thead th {
	text-align: center;
}

.tbl-st05 tbody th {
	background: #fff2ed;
	border-top: 1px white solid;
	padding: 0.5rem 0;
	font-weight: 600;
	font: 1.4rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief!important;
	text-align: center;
	color: black;
}

.tbl-st05 tbody td {
	padding: 0.5rem 0;
	text-align: center;
	line-height: 2.5rem;
}


/* slide */

#main-view-conts {
	transition: margin-left .5s;
}

header>nav>.open-ico {
	color: white;
	position: absolute;
	top: 1rem;
	left: 1rem;
	font-weight: 800;
	cursor: pointer;
	font-size: 150%;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	background-color: #d6dde0;
	overflow-x: hidden;
	transition: 0.5s;
}

.sidenav>h5 {
	width: 200px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	padding: 1.2rem;
	color: #00e345;
	font-size: 110%;
	background-color: #2f373a;
}

.sidenav>h5>.closebtn a:link {
	color: #a3b1bc;
}

.sidenav>h5 .closebtn {
	position: absolute;
	top: 1.2rem;
	right: 1.5rem;
	font-weight: 600;
	color: #a3b1bc;
	font-size: 110%;
}

.sidenav>ul {
	width: 200px;
}

.sidenav>ul>li {
	font-size: 95%;
	color: #222f34;
	vertical-align: middle;
	font-weight: 600;
	display: block;
	border-bottom: 1px #a3a8aa solid;
}

.sidenav>ul>li * {
	vertical-align: middle;
}

.sidenav li span {
	display: inline-block;
	height: 100%;
	margin-right: 0.5rem;
	width: 30px;
}

.sidenav>ul>li a:link,
.sidenav>ul>li a:active,
.sidenav>ul>li a:visited {
	padding: 1rem;
	display: block;
	color: #222f34;
	text-decoration: none;
}

.sidenav li a:hover,
.sidenav>ul>li a:active,
.sidenav>ul>li a:focus {
	color: #222f34;
	background: #00c63c;
}

.sidenav .ad-menu01 {
	background-position: -250px -10px;
	width: 25px;
	height: 25px;
}

.sidenav li a:hover .ad-menu01,
.sidenav li a:active .ad-menu01 {
	background-position: -290px -10px;
}

.sidenav .ad-menu02 {
	background-position: -250px -45px;
	width: 25px;
	height: 25px;
}

.sidenav li a:hover .ad-menu02,
.sidenav li a:active .ad-menu02 {
	background-position: -290px -45px;
}

.sidenav .ad-menu03 {
	background-position: -250px -82px;
	width: 25px;
	height: 25px;
}

.sidenav li a:hover .ad-menu03,
.sidenav li a:active .ad-menu03 {
	background-position: -290px -82px;
}

.sidenav .ad-menu04 {
	background-position: -250px -114px;
	width: 25px;
	height: 25px;
}

.sidenav li a:hover .ad-menu04,
.sidenav li a:active .ad-menu04 {
	background-position: -290px -114px;
}

.sidenav .ad-menu05 {
	background-position: -250px -143px;
	width: 25px;
	height: 25px;
}

.sidenav li a:hover .ad-menu05,
.sidenav li a:active .ad-menu05 {
	background-position: -290px -143px;
}

.sidenav .ad-menu06 {
	background-position: -250px -177px;
	width: 25px;
	height: 25px;
}

.sidenav li a:hover .ad-menu06,
.sidenav li a:active .ad-menu06 {
	background-position: -290px -177px;
}

.sidenav .ad-menu07 {
	background-position: -250px -208px;
	width: 25px;
	height: 25px;
}

.sidenav li a:hover .ad-menu07,
.sidenav li a:active .ad-menu07 {
	background-position: -290px -208px;
}


/* table dropdown */

.btn-th-menu {
	color: #2f3748;
	background: none;
	font-weight: 600;
	font: 1.5rem/2rem "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief!important;
}

.btn-th-menu:active:hover {
	color: #000000;
	background: none;
}

.dropdown>.vs {
	position: absolute;
	top: 0.7rem;
	right: -1rem;
	color: #979da7;
	font-size: 85%;
}

.co-master {
	width: 90%;
	margin: 0 auto;
}

.co-master dt {
	width: 60%;
	margin: 0 auto 1.5rem;
}

.co-master dt img {
	width: 100%;
}

.co-master dd {
	margin-bottom: 0.7rem;
}

.co-master dd label {
	display: inline-block;
	width: 30%;
}

.co-master dd input {
	width: 70%;
}


/*
@media all and (min-width: 376px) and (max-width: 420px) {
	.fixed_img_row_01 dt {
		float: left;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		background: #efefef;
		margin-right: 1%;
	}
}

@media all and (min-width: 360px) and (max-width: 375px) {
	.fixed_img_row_03 li:nth-child(odd) dt {
		float: left;
		width: 35%;
	}

}

@media all and (min-width: 300px) and (max-width: 359px) {
	.fixed_img_row_01 dd {
		float: right;
		width: 77%;
		text-align: justify;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}
*/