@charset "utf-8";

/* Reset */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 13px; line-height: 1.2;
}
:focus {
	outline: 0;
}
body {
	background: white;
	line-height: 1;
	color: black;
}
ol,
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: """";
}
a {
	text-decoration: none;
}
input::-ms-clear { display: none; }
/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button {
	cursor: pointer;
}
img {
	vertical-align: top;
}
/* Reset */

/* Font */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../font/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr-regular.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../font/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../font/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}

*{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 13px; line-height: 1.2;}
/* Font */

body {
	background-color: #d1dbe1;
}
#container {
	padding-top: 20px;
	margin: 0 auto;
	width: 1560px;
}
#contents {
	position: relative;
	margin: 0 auto;
	width: 1560px;
}
.locator {
	margin-top: -28px;
	margin-bottom: 13px;
	text-align: right;
}
.locator:after {
	display: block;
	clear: both;
	content: '';
}
.locator__list {
	display: inline-block;
	vertical-align: middle;
}
.locator__list + .locator__list:before {
	margin: 0 7px;
	display: inline-block;
	vertical-align: middle;
	content: '>';
	color: #95979a;
}
.locator__list a {
	font-size: 12px;
	color: #95979a;
	display: inline-block;
	vertical-align: middle;
}
.locator__list.current a {
	font-weight: 500;
}
#header {
	border-radius: 7px 7px 0 0;
	background-color: #1a89c2;
	position: relative;
	z-index: 3;
}
#header .logo {
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 7px 0 0 0;
}
.gnb {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 40px;
}
.gnb__1depth:after {
	display: block;
	clear: both;
	content: '';
}
.gnb__1depth-li {
	position: relative;
	float: left;
}
.gnb__1depth-a {
	display: block;
	box-sizing: border-box;
	padding: 0 35px;
	height: 92px;
	line-height: 92px;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
}
.gnb__1depth-a.is-active,
.gnb__1depth-a:hover {
	position: relative;
	color: #37fff3;
}
.gnb__1depth-a.is-active:after,
.gnb__1depth-a:hover:after {
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-bottom: 3px solid #37fff3;
	content: '';
}
.gnb__depth-container {
	display: none;
	position: absolute;
	padding-top: 10px;
	top: 92px;
	left: 50%;
	margin-left: -140px;
	width: 280px;
	z-index: 2;
	overflow: hidden;
}
.gnb__2depth {
	border-radius: 3px;
	border: 1px solid #185c79;
	background-color: #1e6c8d;
}
.gnb__2depth-a {
	padding: 10px 15px;
	box-sizing: border-box;
	display: block;
	background-color: #1e6684;
	font-weight: 500;
	font-size: 15px;
}
.gnb__2depth a.is-active,
.gnb__2depth a:hover {
	color: #37fff3;
}
.gnb__2depth a {
	color: #6abbdd;
}
.gnb__3depth {
	padding: 15px 15px 25px 15px;
}
.gnb__3depth-li + .gnb__3depth-li {
	margin-top: 10px;
}
.gnb__3depth-a:before {
	margin-right: 2px;
	width: 3px;
	height: 3px;
	background: url( ../images/ico-gnb-bullet.png ) no-repeat 0 0;
	display: inline-block;
	vertical-align: middle;
	content: '';
}

#header .column {
/* 	width: 360px; */
/* 	width: 500px; */
}
#header .column:first-child {
/* 	width: 1200px; */
/* 	width: 1050px; */
}
#header .login-area {
	margin-left: 27px;
	position: relative;
	display: inline-block;
}
#header .login-area__image-box {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: url( ../images/ico-gnb-userImage.png ) no-repeat 0 0;
}
#header .login-area__image-box img {
	display: none;
	width: 52px;
	/* height: 52px; */
}
#header .login-area__image-box img.is-image {
	display: block;
}
#header .login-area__user-name {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 13px;
	width: 117px;
	line-height: 17px;
	font-size: 13px;
	color: #fff;
}

#header .service_Request.is-active ~ .service_Request__floating {
	display: block;
}

#header .service_Request__floating {
	display: none;
	position: absolute;
	top: 67px;
	right:226px;
	padding: 15px;
	width: 137px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #ffa400;
	border: 1px solid #ffe0a9;
	z-index: 1;
}

#header .login-area__user-name:after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -3px;
	width: 9px;
	height: 6px;
	background: url(../images/ico-arr-btm-9x6-fff.png) no-repeat 0 0;
	content: '';
}
#header .login-area__user-name.is-active ~ .login-area__floating {
	display: block;
}
#header .login-area__floating {
	display: none;
	position: absolute;
	top: 50px;
	right: -26px;
	padding: 15px;
	width: 137px;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #1e6c8d;
	border: 1px solid #185c79;
	z-index: 1;
}
#header .login-area__floating-a {
	display: block;
	color: white;
}
#header .login-area__floating-a:hover {
	color: black;
}
#header .login-area__floating-a + .login-area__floating-a {
	margin-top: 10px;
}

#contents {
	padding: 40px 30px 30px;
	box-sizing: border-box;
	border-radius: 0 0 7px 7px;
	min-height: 876px;
	background-color: #f3f5f7;
}
#contents.is-lnb {
	position: relative;
	min-height: 1150px;
}
.is-lnb:after {
	display: block;
	clear: both;
	content: '';
}
.is-lnb aside,
.is-lnb .contents-inner {
	float: left;
}
.is-lnb aside {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 148px;
	height: 100%;
	background-color: #333e48;
	border-radius: 0 0 0 7px;
}
.is-lnb .contents-inner {
	box-sizing: border-box;
	padding-left: 148px;
	width: 100%;
}
.is-lnb aside h1 {
	padding-left: 20px;
	box-sizing: border-box;
	height: 52px;
	border-bottom: 1px solid #4f575e;
	line-height: 52px;
	font-weight: 500;
	font-size: 18px;
	color: #b7c2cb;
}
.lnb a {
	position: relative;
	display: block;
	padding: 20px 0;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	color: #78909c;
}
.lnb a:before {
	display: block;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-position: 0;
	content: '';
}
.lnb a:hover,
.lnb a.is-active {
	background-color: #2b343c;
	color: #fff;
}
.lnb .lnb__list01 a:before {
	background-image: url(../images/ico-lnb01.png);
	width: 20px;
	height: 20px;
}
.lnb .lnb__list01 a:hover:before,
.lnb .lnb__list01 a.is-active:before {
	background-position: -25px 0;
}
.lnb .lnb__list02 a:before {
	background-image: url(../images/ico-lnb02.png);
	width: 22px;
	height: 25px;
}
.lnb .lnb__list02 a:hover:before,
.lnb .lnb__list02 a.is-active:before {
	background-position: -27px 0;
}
.lnb .lnb__list03 a:before {
	background-image: url(../images/ico-lnb03.png);
	width: 26px;
	height: 22px;
}
.lnb .lnb__list03 a:hover:before,
.lnb .lnb__list03 a.is-active:before {
	background-position: -31px 0;
}
.lnb .lnb__list04 a:before {
	background-image: url(../images/ico-lnb04.png);
	width: 25px;
	height: 22px;
}
.lnb .lnb__list04 a:hover:before,
.lnb .lnb__list04 a.is-active:before {
	background-position: -30px 0;
}
.lnb .lnb__list05 a:before {
	background-image: url(../images/ico-lnb05.png);
	width: 23px;
	height: 23px;
}
.lnb .lnb__list05 a:hover:before,
.lnb .lnb__list05 a.is-active:before {
	background-position: -28px 0;
}
.lnb .lnb__list06 a:before {
	background-image: url(../images/ico-lnb06.png);
	width: 24px;
	height: 21px;
}
.lnb .lnb__list06 a:hover:before,
.lnb .lnb__list06 a.is-active:before {
	background-position: -29px 0;
}
.lnb .lnb__list07 a:before {
	background-image: url(../images/ico-lnb07.png);
	width: 23px;
	height: 23px;
}
.lnb .lnb__list07 a:hover:before,
.lnb .lnb__list07 a.is-active:before {
	background-position: -28px 0;
}
.lnb .lnb__list08 a:before {
	background-image: url(../images/ico-lnb08.png);
	width: 20px;
	height: 25px;
}
.lnb .lnb__list08 a:hover:before,
.lnb .lnb__list08 a.is-active:before {
	background-position: -25px 0;
}
.lnb .lnb__list09 a:before {
	background-image: url(../images/ico-lnb09.png);
	width: 23px;
	height: 21px;
}
.lnb .lnb__list09 a:hover:before,
.lnb .lnb__list09 a.is-active:before {
	background-position: -28px 0;
}
.lnb .lnb__list10 a:before {
	background-image: url(../images/ico-lnb10.png);
	width: 23px;
	height: 21px;
}
.lnb .lnb__list10 a:hover:before,
.lnb .lnb__list10 a.is-active:before {
	background-position: -28px 0;
}
.lnb .lnb__list11 a:before {
	background-image: url(../images/ico-lnb11.png);
	width: 19px;
	height: 24px;
}
.lnb .lnb__list11 a:hover:before,
.lnb .lnb__list11 a.is-active:before {
	background-position: -24px 0;
}

.lnb .lnb__list12 a:before {
	background-image: url(../images/ico-lnb03.png);
	width: 26px;
	height: 22px;
}
.lnb .lnb__list12 a:hover:before,
.lnb .lnb__list12 a.is-active:before {
	background-position: -31px 0;
}

.lnb span {
	font-weight: 500;
	font-size: 15px;
	color: #f04f23;
}

/* Component */
.column-box:not(.column-box--float) {
	font-size: 0;
}
.column-box:not(.column-box--float) .column {
	display: inline-block;
	vertical-align: middle;
}
.column-box--float:after {
	display: block;
	clear: both;
	content: '';
}
.column-box--float .column {
	float: left;
}
.column-box--float .column ~ .column {
	float: right;
}

.column-table {
	margin: 0 -10px;
	font-size: 0;
}
.column-table.height-type1 .column-table__column {
	width: 566px;
}
.column-table.height-type1 .column-table__column50 {
	width: 566px;
}
.column-table.height-type1 .column-table__column:first-child {
	width: 388px;
}
.column-table.height-type1 .column-table__column50:first-child {
	width: 388px;
}
.column-table ~ .column-table {
	margin-top: 20px;
}
.column-table .column-table__title.other-bg {
	background-color: #f7f9fa;
}
.column-table .column-table__title.other-bg2 {
	background-color: #f7f9fa;
	color: #2b9dce;
}
.column-table.height-type1 .column-table__column {
	height: 462px;
}
.column-table .column-table__column {
	display: inline-block;
	vertical-align: top;
}
.column-table .column-table__column50 {
	display: inline-block;
	vertical-align: top;
}
.column-table--column3 .column-table__column {
	box-sizing: border-box;
	padding: 0 10px;
	width: 33.333333%;
}
.column-table--column3 .column-table__column50 {
	box-sizing: border-box;
	padding: 0 10px;
	width: 50%;
}
.column-table .column-table__column-in {
	border-radius: 3px;
	border: 1px solid #e2e3e7;
	background-color: #fff;
}
.column-table .column-table__title {
	padding: 20px 0 20px 20px;
	font-weight: 500;
	font-size: 18px;
	color: #333e48;
}
.column-table .column-table__title--border {
	border-bottom: 1px solid #e8eaee;
}
.column-table .column-table__contents {
	box-sizing: border-box;
}
.column-table .column-table__contents--type1 {
	height: 407px;
}
.column-table .column-table__contents--type2 {
	height: 372px;
}
.column-table .column-table__contents--type3 {
	height: 460px;
}
.column-table .column-table__contents--padding {
	padding: 0 10px 10px;
}	

.table {
	width: 100%;
	table-layout: fixed;
}
.table-style1 {
	border-bottom: 1px solid #ededeb;
}
.table-style1 th {
	padding: 9px 13px 7px;
	background-color: #f5f8f9;
	border-top: 1px solid #ededeb;
	font-size: 14px;
	color: #65676a;
}
.table-style1 td {
	padding: 9px 18px 7px;
	background-color: #fff;
	border-top: 1px solid #ededeb;
	border-left: 1px solid #ededeb;
	font-size: 13px;
	color: #999ca1;
}
.table-style1 tr:nth-child(odd) td {
	background-color: #fcfcf9;
}

.table-style1 > tbody > tr:hover > td,
.table-style1 > tbody > tr:hover > th {
   background-color: #f5f5f5;
}


.table-style2 th {
	padding: 22px 22px 19px;
	border-left: 1px solid #e0e2e7;
	border-bottom: 3px solid #333e48;
	font-weight: 500;
	font-size: 16px;
	color: #65676a;
	background-color: #f5f8f9;
	text-align: center;
}
.table-style2 th:first-child,
.table-style2 td:first-child {
	border-left: none;
}
.table-style2 td {
	padding: 16px 18px;
	border-bottom: 1px solid #f0f2f7;
	border-left: 1px solid #f0f2f7;
	text-align: center;
	background-color: #fff;
	font-size: 13px;
	color: #999ca1;
}
.table-style2 .title {
	text-align: left;
}
.table-style03 {
	width: 100%;
	table-layout: fixed;
}
.table-style03 th {
	padding: 20px 0;
	border-bottom: 3px solid #333e48;
	background-color: #e7eef0;
	font-size: 16px;
	font-weight: 500;
	color: #65676a;
	text-align: center;
	vertical-align: middle;
}
.table-style03 td {
	padding: 18px 0;
	border-bottom: 1px solid #ededeb;
	background-color: #fff;
	text-align: center;
	color: #999ca1;
}
.table-style03 tr:nth-child(odd) td {
	background-color: #fcfcf9;
}
.table-style03 .title {
	text-align: left;
}
.table-style03 > tbody > tr:hover > td,
.table-style03 > tbody > tr:hover > th {
   background-color: #f5f5f5;
}

#table-wrapper-new {
  position:relative;
}
#table-scroll-new {
  height:310px;
  overflow:auto;  
}

.table-style-new {
	width:100%;
}

.table-style-new th {
	padding: 13px 0;
	border-bottom: 3px solid #333e48;
	background-color: #e7eef0;
	font-size: 16px;
	font-weight: 500;
	color: #65676a;
	text-align: center;
	vertical-align: middle;
	height : 25px;
}
.table-style-new td {
	padding: 13px 0;
	border-bottom: 1px solid #ededeb;
	background-color: #fff;
	text-align: center;
	color: #999ca1;
	height : 20px;
}
/* .table-style-new tr:nth-child(odd) td {
	background-color: #fcfcf9;
} */
.table-style-new .title {
	text-align: left;
}
.table-style-new > tbody > tr:hover > td,
.table-style-new > tbody > tr:hover > th {
   background-color: #f5f5f5;
}

.table-selected > td{
	background-color: #f5f5f5;
}

.table-style04 {
	padding: 0 20px;
	width: 100%;
	border-bottom: 1px solid #ededeb;
	table-layout: fixed;
}
.table-style04 th:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #a2a3a5;
	content: '';
}
.table-style04 th {
	padding-left: 11px;
	background-color: #f8f8f8;
	vertical-align: middle;
}
.table-style04 td {
	padding: 7px 10px;
	border-left: 1px solid #ededeb;
}
.table-style04 th,
.table-style04 td {
	border-top: 1px solid #ededeb;
}

.table-style04 ~ .btn-container {
	padding-right: 20px;
	padding-top: 20px
}

.table-style05 {
    display: block;
    width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #ededeb;
}
.table-style05 th { box-sizing: border-box;
	padding: 22px 0;
	border-bottom: 3px solid #333e48;
	background-color: #e7eef0;
	font-weight: 500;
	font-size: 16px;
	color: #65676a;
	text-align: center;
}
.table-style05 td { 
	padding: 12px 0 12px 20px; 
	box-sizing: border-box;
	border-top: 1px solid #ededeb;
	border-left: 1px solid #ededeb;
	background-color: #fff;
}
.table-style05 td:first-child {
	border-left: none;
}
.table-style05 tbody {
    display: block;
    height: 340px;
    overflow: auto;
}
.table-style05 th:nth-of-type(1), .table-style05 td:nth-of-type(1) { 
	width: 202px; 
}
.table-style05 th:nth-of-type(2), .table-style05 td:nth-of-type(2) { 
	width: 205px; 
}
.table-style05 th:last-child { 
	width: 79px;
}
.table-style05 td:last-child {
	padding-left: 25px;
	width: calc( 79px - 19px );  
}
.table-style05 > tbody > tr:hover > td,
.table-style05 > tbody > tr:hover > th {
   background-color: #f5f5f5;
}

.table-style06 {
	width: 100%;
	table-layout: fixed;
	border:none;
}
.table-style06 th {
	padding: 22px 0;
	border-bottom: 3px solid #333e48;
	background-color: #e7eef0;
	font-weight: 500;
	font-size: 16px;
	color: #65676a;
	text-align: center;
}
.table-style06 td {
	padding: 5px 10px;
	border-bottom: 1px solid #ebedeb;
}
.table-style06 td + td {
	border-left: 1px solid #ebedeb;
}
.table-style06 td .form-text {
	width: 100%;
}

.table-style07 {
	padding-top: 4px;
	width: 100%;
	table-layout: fixed;
}
.table-style07 thead th {
	padding: 15px 0;
	border-bottom: 3px solid #333e48;
	background-color: #e7eef0;
	font-size: 16px;
	font-weight: 500;
	color: #65676a;
	text-align: center;
}
.table-style07 tbody th {
	text-align: left;
	background-color: #f5f8f9;
	font-weight: 300;
	color: #65676a;
}
.table-style07 tbody th,
.table-style07 td {
	padding-left : 10px;
	padding-right : 5px;
	vertical-align: middle;
}
.table-style07 td {
	border-left: 1px solid #ededeb;
	text-align: right;
	color: #999ca1;
}
.table-style07 tr + tr > * {
	border-top: 1px solid #ededeb;
}

.table-wrapper {
	box-sizing: border-box;
}
.table-wrapper--type1 {
	height: 483px;
	border: 1px solid #e2e3e7;
	border-radius: 3px;
}
.table-wrapper .btn-container {
	padding: 20px 10px;
	background-color: #fff;
}

.basic-box {
	padding: 20px 0 35px;
	border: 1px solid #e2e3e7;
	border-radius: 5px;
	background-color: #fff;
	position: relative;
}
.basic-box__title {
	padding: 0 0 20px 20px;
	font-size: 18px;
	font-weight: 500;
	color: #333e48;
}
.basic-box .pagination {
	margin-bottom: 0;
}
.basic-box__search {
	position: absolute;
	top: 15px;
	right: 10px;
}
.basic-box__search input,
.basic-box__search button {
	margin-left: 2px;
}

.search-area {
	box-sizing: border-box;
	padding: 21px 11px 21px 0;
	border-radius: 3px;
	border: 1px solid #d8dbe0;
	background-color: #e7eef0;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.search-area--other {
	margin-bottom: 20px;
	padding: 20px;
}
.search-area__column + .search-area__column {
	margin-top: 10px;
}

.search-area__column label:before {
	color: #65676a;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #c1c2c3;
	content: '';
}

.search-area--other .btn-table-search {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.search-area th {
	padding-left: 20px;
	color: #65676a;
}
.search-area td {
	padding-left: 10px;
	font-size: 0;
}
.tui-calendar td {font-size:12px;}
.search-area th,
.search-area td {
	vertical-align: middle;
}
.search-area th label:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #c1c2c3;
	content: '';
}
.btn-table-search {
	text-indent: -999em;
	overflow: hidden;
	width: 44px;
	height: 33px;
	border-radius: 3px;
	border: none;
	background: #333e48 url(../images/ico-table-search.png) no-repeat center;
}

.btn-container {
	display: block;
	text-align: center;
	font-size: 0;
}
.btn-container--left {
	text-align: left;
}
.btn-container--right {
	text-align: right;
}
.btn {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	border: none;
}
.btn-type1:after {
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -3.5px;
	width: 5px;
	height: 7px;
	background: url( ../images/ico-arr-right-5x7-534a2d.png ) no-repeat 0 0;
	content: '';
}
.btn-type1 {
	position: relative;
	border-radius: 18px;
	width: 120px;
	height: 36px;
	line-height: 36px;
	background-color: #fcb535;
	font-size: 13px;
	color: #534a2d;
	cursor: pointer;
}
.btn-type2 {
	position: relative;
	padding: 17px 0 17px 60px;
	width: 200px;
	border: 1px solid rgba( 255, 255, 255, 0.4 );
	border-radius: 5px;
	background-color: rgba( 13, 13, 13, 0.4 );
	text-align: left;
	font-size: 13px;
	color: #b9b9b9;
	cursor: pointer;
}
.btn-type2:before {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
}
.btn-type2.faq:before {
	background-image: url(../images/ico-sub_01_04-01.png)
}
.btn-type2.customer:before {
	background-image: url(../images/ico-sub_01_04-02.png)
}
.btn-type2 + .btn-type2 {
	margin-left: 10px;
}
.btn-type2 strong {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.btn-type3 {
	padding-left: 10px;
	width: 93px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #c1c4c9;
	border-radius: 3px;
	background: #e1e1e1 url( ../images/request-service-mail-button.png ) no-repeat right 8px center;
	font-weight: 500;
	text-align: left;
	color: #7d8187;
	cursor: pointer;
}
.btn-type4 {
	padding-left: 16px;
	width: 76px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #c1c4c9;
	border-radius: 3px;
	background: #fff url( ../images/request-service-mail-delete.png ) no-repeat right 8px center;
	font-weight: 500;
	text-align: left;
	color: #7d8187;
	cursor: pointer;
}
.btn-type5 {
	padding-left: 20px;
	width: 82px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #a6a6a6 url(../images/btn-type9.png) no-repeat right 14px center;
	border: none;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	color: #fff;
	cursor: pointer;
}
.btn-type6 {
	width: 33px;
	height: 33px;
	background: url(../images/file-add-button.png) no-repeat 0 0;
	border: none;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.btn-type7 {
	width: 33px;
	height: 33px;
	background: url(../images/file-del-button.png) no-repeat 0 0;
	border: none;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.btn-type8 {
	padding-left: 20px;
	width: 82px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #1a89c2 url( ../images/btn-type8.png ) no-repeat right 11px center;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	border: none;
	text-align: left;
	cursor: pointer;
}
.btn-type9 {
	padding-left: 20px;
	width: 82px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #a6a6a6 url( ../images/btn-type9.png ) no-repeat right 11px center;;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	border: none;
	text-align: left;
	cursor: pointer;
}
.btn-type10 {
	width: 65px;
	height: 33px;
	line-height: 33px;
	border-radius: 3px;
	border: none;
	font-weight: 500;
	background-color: #7d8187;
	cursor: pointer;
	color: #fff;
	cursor: pointer;
}
.btn-type11 {
	padding-left: 20px;
	width: 82px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #1a89c2 url( ../images/ico-btn-type11.png ) no-repeat right 10px center;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	text-align: left;
	cursor: pointer;
}
.btn-type12 {
	padding-left: 20px;
	width: 82px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #65b668 url( ../images/ico-btn-type12.png ) no-repeat right 10px center;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	text-align: left;
	cursor: pointer;
}
.btn-type12 + .btn-type11 {
	margin-left: 5px;
}
.btn-type13 {
	width: 24px;
	height: 24px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff url(../images/ico-btn-type13.png) no-repeat center center;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}
.btn-type14 {
	padding-left: 20px;
	width: 82px;
	height: 35px;
	line-height: 35px;
	background: #3fba54 url( ../images/ico-btn-type14.png ) no-repeat right 10px center;
	border-radius: 3px;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	color: #fff;
	cursor: pointer;
}
.btn-type15 {
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	background-color: #393939;
	color: #fff;
	cursor: pointer;
}

.btn-type16 {
	padding-left: 10px;
	padding-right: 10px;
	height: 35px;
	line-height: 35px;
	background: #3fba54 no-repeat right 10px center;
	border-radius: 3px;
	font-weight: 500;
	font-size: 15px;
	text-align: left;
	color: #fff;
	cursor: pointer;
}

.btn-type17 {
	padding-left: 10px;
	padding-right: 10px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #1a89c2  no-repeat right 11px center;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	border: none;
	text-align: left;
	cursor: pointer;
}

.btn-type18 {
	padding-left: 10px;
	padding-right: 10px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background: #A6A6A6  no-repeat right 11px center;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	border: none;
	text-align: left;
	cursor: pointer;
}

.form-text {
	display: inline-block;
	vertical-align: middle;
	padding-left: 13px;
	box-sizing: border-box;
	height: 33px;
	border-radius: 3px;
	border: 1px solid #ced1d5;
	background-color: #fff;
	color: #65676a;
}
.form-text[disabled] {
	background-color: #eee; 
	opacity: 1;
}
.form-text[readonly] {
	background-color: #eee; 
	opacity: 1;
}
.form-select[disabled] {
	background-color: #eee; 
	opacity: 1;
}
.form-select[readonly] {
	background-color: #eee; 
	opacity: 1;
}
.form-text-area {
	resize: none;
	box-sizing: border-box;
	border: 1px solid #ced1d5;
	border-radius: 3px;
}
.form-file input[type=file] {
	display: none;
}
.form-file label,
.form-file button {
	margin-left: 2px;
}
.form-select {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	height: 33px;
	border-radius: 3px;
	border: 1px solid #ced1d5;
	background-color: #fff;
	color: #65676a;
}
.form-radiobox {
	margin-right: 5px;
	width: 21px;
	height: 21px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	content: '';
}
.form-radiobox + label {
	position: relative;
}
.form-checkbox {
	display: none;
}
.form-checkbox + label {
	position: relative;
}
.form-checkbox + label:before {
	margin-left: 5px;
	margin-right: 5px;
	width: 21px;
	height: 21px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	content: '';
}
.form-checkbox:checked + label:after {
	top: 50%;
	left: 3px;
	margin-left: 5px;
	margin-top: -5px;
	width: 15px;
	height: 10px;
	background: url(../images/ico-checkbox.png) no-repeat 0 0;
	position: absolute;
	content: '';
}
.form-checkbox:disabled + label:before {
	background-color: #eee; 
	opacity: 1;
}
.input-date {
	font-size: 13px;
}
.input-date .form-text {
	padding-right: 30px;
	background: #fff url(../images/ico-date.png) no-repeat right 8px center;
}
.input-date .input-date__first {
	display: inline-block;
	vertical-align: middle;
}
.input-date .input-date__last {
	display: inline-block;
	vertical-align: middle;
}

.form-date {
	padding-right: 32px;
	display: inline-block;
	vertical-align: middle;
	background: #fff url(../images/ico-date.png) no-repeat right 8px center;
}
/* Component */

.my-info {
	height: 372px;
	line-height: 372px;
	text-align: center;
}
.my-info .my-info__image {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	width: 238px;
	height: 238px;
	border-radius: 100%;
	background: url(../images/ico-my-info-none-image.png) no-repeat center;
}
.my-info img {
	display: none;
	width: 100%;
}
.my-info img.is-image {
	display: block;
}

.bg-contents {
	border-radius: 3px;
	height: 522px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.bg-contents .bg-contents__title {
	padding: 90px 0 0 43px;
	font-weight: 700;
	font-size: 47px;
	color: #fff;
}
.bg-contents .btn-container {
	margin-top: 40px;
}
.my-request {
	padding: 0 10px;
}
.my-request:after {
	display: block;
	clear: both;
	content: '';
}
*[class^="my-request__list"] {
	float: left;
	margin-top: 30px;
	width: calc( 99% / 3 );
	text-align: center;
}
*[class^="my-request__list"] a:before {
   display: block;
   margin: 0 auto 10px;
   width: 50px;
   height: 50px;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 100%;
   content: '';
}
/* *[class^="my-request__list"] a:before {
	display: block;
	margin: 0 auto 10px;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
	content: '';
} */
*[class^="my-request__list"] a {
	display: block;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	color: #65676a;
}
*[class^="my-request__list"] span {
	color: #f04f23;
}
.my-request__list0 a:before {
}

.my-request__list1 a:before {
	background-image: url(../images/ico-my_request01.png);
	background-color: #1a89c2;
	margin-top: -10px;
}
.my-request__list2 a:before {
	background-image: url(../images/ico-my_request02.png);
	background-color: #65b668;
	margin-top: -10px;
}
.my-request__list3 a:before {
	background-image: url(../images/ico-my_request03.png);
	background-color: #fcb535;
	margin-top: -10px;
}
.my-request__list4 a:before {
	background-image: url(../images/ico-my_request04.png);
	background-color: #fe81a9;
	margin-top: -10px;
}
.my-request__list5 a:before {
	background-image: url(../images/ico-my_request05.png);
	background-color: #7c86dc;
	margin-top: -10px;
}
.my-request__list6 a:before {
	background-image: url(../images/ico-my_request06.png);
	background-color: #be80dd;
	margin-top: -10px;
}
.my-request__list7 a:before {
	background-image: url(../images/ico-my_request07.png);
	background-color: #92b234;
	margin-top: -10px;
}
.my-request__list8 a:before {
	background-image: url(../images/ico-my_request08.png);
	background-color: #c97a33;
	margin-top: -10px;
}
.my-request__list9 a:before {
	background-image: url(../images/ico-my_request09.png);
	background-color: #38bc91;
	margin-top: -10px;
}
.my-request__list10 a:before {
	background-image: url(../images/ico-request01.png);
	background-color: #666666;
	margin-top: -10px;
}
.my-request__list11 a:before {
	background-image: url(../images/ico-request02.png);
	background-color: #1b89e9;
	margin-top: -10px;
}
.my-request__list12 a:before {
	background-image: url(../images/ico-request02.png);
	background-color: #ff3366;
	margin-top: -10px;
}

.list-container {
	margin-top: 20px;
	position: relative;
	overflow: hidden;
	min-height: 1022px;
}
.list-container .column ~ .column {
	text-align: right;
}
.list-container .list-container__list {
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid #e2e3e7;
	border-radius: 3px;
	background-color: #fff;
}
.list-container .list-container__anchor {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	border-bottom: 1px solid #ededeb;
}
.list-container .list-container__anchor:hover,
.list-container .list-container__anchor.is-active {
	background-color: #f7f9fa;
}
.list-container .list-container__title {
	font-weight: 500;
	font-size: 16px;
	color: #65676a;
}
/*.list-container .list-container__title:before {content:"●";display:inline-block;font-size:11px;padding-right:3px;}
.list-container .list-container__title.red:before {color:red;}
.list-container .list-container__title.yellow:before {color:yellow;}
.list-container .list-container__title.blue:before {color:blue;}*/
.list-container .list-container__requestno {
	font-size: 12px;
	color: #999ca1;
}
.list-container .list-container__user-name {
	margin-top: 10px;
	font-size: 12px;
	color: #999ca1;
}
.list-label {
	display: inline-block;
	box-sizing: border-box;
	width: 68px;
	height: 21px;
	line-height: 21px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
}
.list-label--type1 {
	background-color: #eceeff;
	border-color: #b2b9ff;
	color: #838ef6;
}
.list-label--type2 {
	background-color: #ffe8e3;
	border-color: #febeb8;
	color: #ff5656;
}
.list-label--type3 {
	background-color: #ffe8f7;
	border-color: #fd9dcd;
	color: #e961a5;
}
.list-label--type4 {
	background-color: #e5f9f8;
	border-color: #5ee1d4;
	color: #2ba095;
}
.list-label--type5 {
	background-color: #e8fbec;
	border-color: #8cd899;
	color: #28993c;
}
.list-container .list-container__date {
	margin-top: 8px;
	font-size: 12px;
	color: #999ca1;
}
/*.list-container .list-container__date:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background: url(../images/ico-list-conatainer-date.png) no-repeat 0 0;
	content: '';
}*/

.list-container.none-data .list-container__list {
	position: static;
}
.list-container.none-data .list-container__view {
	display: none;
}
.pagination {
	margin: 20px 0;
	text-align: center;
}
.pagination > * {
	display: inline-block;
	vertical-align: middle;
}
.pagination .pagination__ol {
	padding: 0 7px;
}
.pagination .pagination__ol:after {
	display: block;
	clear: both;
	content: '';
}
.pagination .pagination__ol a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 3px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 13px;
	color: #6a6a6a;
}
.pagination .pagination__ol a:hover,
.pagination .pagination__ol a.is-active {
	border-color: #42b6e8;
	font-weight: 500;
	color: #1a89c2;
}
.pagination .pagination__ol li {
	float: left;
}
.pagination .pagination__ol li + li {
	margin-left: 5px;
}

.pagination > a {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: center;
}
.pagination .prev-fast {
	margin-right: 2px;
	background-image: url(../images/ico-fast-prev.png);
}
.pagination .prev {
	background-image: url(../images/ico-prev.png);
}
.pagination .next-fast {
	margin-left: 2px;
	background-image: url(../images/ico-fast-next.png);
}
.pagination .next {
	background-image: url(../images/ico-next.png);
}

.bottom-container {
	position: relative;
}
.view-button {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 17px;
	height: 28px;
	border: 1px solid #42b6e8;
	border-radius: 3px 0 0 3px;
	background-color: #e4f7ff;
	text-indent: -999em;
}
.view-button:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 8px;
	margin: -4px 0 0 -2.5px;
	background: url(../images/ico-view-arrow.png) no-repeat 0 0;
	content: '';
}
.view-button.is-closed:after {
	background-position: -5px 0;
}

.list-container__view {
	margin-left: 444px;
	
}
.list-container__view-inner {
	border: 1px solid #e2e3e7;
	border-radius: 3px;
	background-color: #fff;
}
.list-view__header {
	padding: 21px 0 16px 27px;
	border-bottom: 1px solid #ededeb;
}
.list-view__title {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 500;
	color: #1a89c2;
}
.list-view__code {
	margin-right: 30px;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #999ca1;
}
.list-view__service-list {
	padding-left: 23px;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #ededeb;
	box-sizing: border-box;
	position: relative;
}

.is-opened.list-view__service-list {
	background-color: #f8f8f8;
}

.list-view__service-list:before {
	display: inline-block;
	vertical-align: middle;
	width: 41px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
}
.list-view__service-list > dl {
	display: inline-block;
	vertical-align: middle;
	margin-left: 13px;
}
.list-view__service-title {
	font-size: 14px;
	font-weight: 500;
	color: #65676a;
}
.list-view__service-desc {
	margin-top: 5px;
}
.list-view__service-desc .list-label {
	margin-right: 7px;
}
.list-view__service-desc > div:not(.list-label):before {
	margin-right: 5px;
	width: 4px;
	height: 4px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
	background-color: #d3d4d6;
	content: '';
}
.list-view__service-desc > div:not(.list-label) {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: -1px;
	color: #999ca1;
}
.list-view__service-desc > div:not(.list-label) + div:not(.list-label) {
	margin-left: 14px;
}
.list-view__service-test {
	margin-left: 60px;
	display: inline-block;
	vertical-align: middle;
	color: #999ca1;
}
.list-view__service-anchor,
.list-view__service-toggle {
	top: 50%;
	right: 26px;
	margin-top: -20.5px;
	width: 41px;
	height: 41px;
	background: url(../images/list-view-arrow.png) no-repeat 0 0;
	position: absolute;
}
.is-opened .list-view__service-toggle {
	background: url(../images/list-view-arrow-opened.png) no-repeat 0 0;
}
.list-view__service-contents {
	padding: 20px 23px;
	border-bottom: 1px solid #ededeb;
	background-color: #fcfcf9;
	display: none;
	color: #999ca1;
}
.list-view__service-contents-file-box {
	margin-top: 10px;
}
.list-view__service-contents-file-link {
	padding: 0 16px 0 37px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e5e5e5;
	border-radius: 15px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 15px center;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	color: #999ca1;
}
.list-view__service-contents-file-link + .list-view__service-contents-file-link {
	margin-left: 2px;
}
.list-view__service-contents-file-link.type-image {
	background-image: url(../images/ico-file-image.png);
}
.list-view__service-contents-file-link.type-file {
	background-image: url(../images/ico-file-file.png);
}
.icon-type01:before {
	background-image: url(../images/ico-list-view01.png);
}
.icon-type02:before {
	background-image: url(../images/ico-list-view02.png);
}
.icon-type03:before {
	background-image: url(../images/ico-list-view03.png);
}
.icon-type04:before {
	background-image: url(../images/ico-list-view04.png);
}
.icon-type05:before {
	background-image: url(../images/ico-list-view05.png);
}
.icon-type06:before {
	background-image: url(../images/ico-list-view06.png);
}
.icon-type07:before {
	background-image: url(../images/ico-list-view07.png);
}
.icon-type08:before {
	background-image: url(../images/ico-list-view08.png);
}
.icon-type09:before {
	background-image: url(../images/ico-list-view09.png);
}
.icon-type10:before {
	background-image: url(../images/ico-list-view10.png);
}

.request-service {
	padding: 20px;
	background-color: #fcfcf9;
}
.request-service__header {
	position: relative;
}
.request-service__title:before {
	margin-right: 14px;
	height: 41px;
	/*background: url(../images/request-service-icon.png) no-repeat 0 0;*/
	display: inline-block;
	vertical-align: middle;
	content: '';
}
.request-service__title {
	display: inline-block;
	vertical-align: bottom;
	font-size: 20px;
	font-weight: 500;
	color: #39536c;
}

.list-container__li__empty{
	vertical-align: bottom;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #39536c;
	padding: 20px;
}
.request-service__table-alert {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #f04f23;
}
.request-service__table-alert:before {
	margin-right: 5px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #f04f23;
	display: inline-block;
	vertical-align: middle;
	content: '';
}

.request-service__table {
	margin: 10px 0 20px;
	width: 100%;
	border-top: 1px solid #ededeb;
	table-layout: fixed;
}
.request-service__table th {
	padding: 18px 11px;
	background-color: #f8f8f8;
	vertical-align: middle;
}
.request-service__table th:before {
	margin-right: 5px;
	width: 4px;
	height: 4px;
	background-color: #a2a3a5;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	content: '';
}
.request-service__table th.red:before {
	background-color: #f04f23;
}
.request-service__table td {
	padding: 7px 0px 7px 20px;
	border-left: 1px solid #ededeb;
	background-color: #fff;
	color: #999ca1;
	vertical-align: middle;
}

.request-service__table .td-check-box {
	padding: 7px 0px 7px 7px;
}

.request-service__table .subtitle{
	font-size: 16px;
	font-weight: bold;
	color: #39536c;
}
.request-service__table th,
.request-service__table td {
	border-bottom: 1px solid #ededeb;
	word-break: break-all;
}
.request-service__table .border-left {
	border-left: 1px solid #ededeb;
}
.request-service__table *[class|="btn"] + *[class|="btn"] {
	margin-left: 2px;
}
.request-service__table-date .form-select ~ .form-select {
	margin-left: 20px;
}
.request-service__table-date input {
	margin-right: 10px;
}
.request-service__table .form-select + .form-select {
	margin-left: 10px;
}
.request-service__table ~ .btn-container {
	padding-right: 20px;
}

.request-service__intable {
	margin: 0 0 20px;
	width: 100%;
	border-top: 1px solid #ededeb;
	table-layout: fixed;
}
.request-service__intable th {
	padding: 18px 11px;
	background-color: #f8f8f8;
	vertical-align: middle;
	text-align: center;

}
.request-service__intable th {
	padding: 5px 11px;
	background-color: #f8f8f8;
	vertical-align: middle;
	text-align: center;

}
.request-service__intable th:before {
	display:none;
}
.request-service__intable th.red:before {
	background-color: #f04f23;
}
.request-service__intable td {
	padding: 7px 0 7px 20px;
	border-left: 1px solid #ededeb;
	background-color: #fff;
	color: #999ca1;
	vertical-align: middle;
}

.request-service__intable .td-check-box {
	padding: 7px 0 7px 7px;
}

.request-service__intable .subtitle{
	font-size: 16px;
	font-weight: bold;
	color: #39536c;
}
.request-service__intable th,
.request-service__intable td {
	border-bottom: 1px solid #ededeb;
}
.request-service__intable .border-left {
	border-left: 1px solid #ededeb;
}
.request-service__intable *[class|="btn"] + *[class|="btn"] {
	margin-left: 2px;
}
.request-service__intable-date .form-select ~ .form-select {
	margin-left: 20px;
}
.request-service__intable-date input {
	margin-right: 10px;
}
.request-service__intable .form-select + .form-select {
	margin-left: 10px;
}
.request-service__intable ~ .btn-container {
	padding-right: 20px;
}

.request-service__commentTable {
	margin: 0 0 20px;
	width: 100%;
	border-top: 1px solid #ededeb;
	table-layout: fixed;
}
.request-service__commentTable th {
	padding: 5px 11px;
	background-color: #f8f8f8;
	vertical-align: middle;
	text-align: center;

}
.request-service__commentTable th {
	padding: 5px 11px;
	background-color: #f8f8f8;
	vertical-align: middle;
	text-align: center;

}
.request-service__commentTable th:before {
	display:none;
}
.request-service__commentTable th.red:before {
	background-color: #f04f23;
}
.request-service__commentTable td {
	padding: 7px 0 7px 20px;
	border-left: 1px solid #ededeb;
	background-color: #fff;
	color: #999ca1;
	vertical-align: middle;
}

.request-service__commentTable .td-check-box {
	padding: 7px 0 7px 7px;
}

.request-service__commentTable .subtitle{
	font-size: 16px;
	font-weight: bold;
	color: #39536c;
}
.request-service__commentTable th,
.request-service__commentTable td {
	border-bottom: 1px solid #ededeb;
}
.request-service__commentTable .border-left {
	border-left: 1px solid #ededeb;
}
.request-service__commentTable *[class|="btn"] + *[class|="btn"] {
	margin-left: 2px;
}
.request-service__commentTable-date .form-select ~ .form-select {
	margin-left: 20px;
}
.request-service__commentTable-date input {
	margin-right: 10px;
}
.request-service__commentTable .form-select + .form-select {
	margin-left: 10px;
}
.request-service__commentTable ~ .btn-container {
	padding-right: 20px;
}

.request-service__commentTable td img {
	max-width:100%;
}

.remodal-wrapper {
	background-color: rgba( 0, 0, 0, 0.7 );
}
.remodal-wrapper:after {
	height:auto !important;
}
.remodal-is-opened {
	display: table;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 13px;
}
.remodal__inner {
	padding: 0 20px;
	display: table-cell;
	vertical-align: middle;
}
.remodal__contents {
	background-color: #fff;
	margin: 0 auto;
	width: 908px;
}
.remodal-cancel {
	margin: 20px 27px 30px 0;
}

#login {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.login {
	display: table;
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
}
.login__container {
	display: table-cell;
	vertical-align: middle;
}
.login__box:after {
	display: block;
	clear: both;
	content: '';
}
.login__box {
	margin: 0 auto;
	width: 1180px;
}

.login__box-left {
	padding: 35px 103px 58px;
	border-radius: 35px 0 0 35px;
	width: 590px;
	float: left;
	box-sizing: border-box;
	background-color: #fff;
	height: 486px;
}
.login__box-right {
	padding: 74px 0 0 54px;
	width: 590px;
	height: 486px;
	background: url(../images/bg-login.png) no-repeat 0 0;
	float: right;
	box-sizing: border-box;
}
.login__box-logo {
	margin-bottom: 34px;
	text-align: center;
}
.login__box-input {
	position: relative;
}
.login__box-input:before {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -10px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0;
	content: '';
}
.login__box-input + .login__box-input {
	margin-top: 10px;
}
.login__box-input input {
	padding-left: 47px;
	width: 100%;
	height: 48px;
	border-radius: 3px;
	border: 1px solid #e2e2e2;
	background-color: #f8f8f8;
	font-size: 15px;
	color: #878787;
	box-sizing: border-box;
}
.login__box-input.id:before {
	width: 18px;
	background-image: url(../images/ico-login-person.png);
}
.login__box-input.password:before {
	width: 15px;
	background-image: url(../images/ico-login-lock.png);
}
.login__box-input label {
	display: none;
}
.login__box-input-forgot {
	color: #878787;
}
.login__box .column-box {
	margin: 13px 0 20px;
}
.login__box-login-button {
	width: 100%;
	height: 64px;
	line-height: 64px;
	border-radius: 3px;
	background-color: #1a89c2;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	display: block;
	border: none;
	text-align: center;
	cursor: pointer;
}
.login__box-info {
	margin-top: 20px;
	line-height: 19px;
	color: #949393;
}
.login__box-sub-title {
	font-size: 30px;
	color: #fff;
}
.login__box-sub-title strong {
	display: block;
	font-weight: 500;
	font-size: 45px;
	color: #fff;
}
.login__copy {
	margin-top: 20px;
	text-align: center;
}

.copy {
	padding: 20px 0 25px;
	font-size: 13px;
	color: #65676a;
	position: absolute;
	bottom: -60px;
	left: 0;
}

.box-view__title {
	padding: 20px 22px;
	border-bottom: 3px solid #333e48;
	background-color: #e7eef0;
	font-size: 16px;
	font-weight: 500;
	color: #65676a;
}
.box-view__info {
	padding: 18px 17px;
	background-color: #fcfcf9;
}
.box-view__info li {
	display: inline-block;
	vertical-align: middle;
	color: #999ca1;
}
.box-view__info li + li {
	margin-left: 40px;
}
.box-view__info li:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	background-color: #d3d4d6;
	content: '';
}
.box-view__contents {
	padding: 26px 24px;
	min-height: 488px;
	background-color: #fff;
	line-height: 21px;
	color: #999ca1;
}
.box-view__contents-nav {
	padding: 18px 26px;
	border-top: 1px solid #ededeb;
	color: #999ca1;
}
.box-view__contents-nav + .box-view__contents-nav {
	border-bottom: 1px solid #ededeb;
}
.box-view__contents-nav dt,
.box-view__contents-nav dd {
	display: inline-block;
	vertical-align: middle;
}
.box-view__contents-nav dt {
	padding-right: 20px;
}
.box-view__contents-nav dd {
	
}
.box-view__contents-nav dd:before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	width: 1px;
	height: 12px;
	background-color: #d3d4d6;
	content: '';
}
.box-view .btn-container {
	padding: 20px 20px 0 0;
}

.user-info {
	padding: 9px 28px 24px;
}
.user-info__list {
	margin-top: 20px;
	font-weight: 500;
	font-size: 14px;
	color: #65676a;
}
.user-info__list:before {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	width: 49px;
	height: 49px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	content: '';
}
.user-info__list--type1:before {
	background-color: #1a89c2;
	background-image: url(../images/ico-request01.png);
}
.user-info__list--type2:before {
	background-color: #65b668;
	background-image: url(../images/ico-request02.png);
}
.user-info__list--type3:before {
	background-color: #fcb535;
	background-image: url(../images/ico-request03.png);
}
.user-info__list--type4:before {
	background-color: #fe81a9;
	background-image: url(../images/ico-request04.png);
}
.user-info__list span {
	color: #f04f23;
}

.user-number__list {
	padding: 15px 10px 15px 28px;
	border-top: 1px solid #ededeb;
	font-weight: 500;
	font-size: 14px;
	color: #65676a;
	position: relative;
}
.user-number__search {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -16.5px;
	width: 45px;
	height: 33px;
	border-radius: 3px;
	background: #7d8187 url(../images/ico-table-search.png) no-repeat center
}	

.basic-layer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}
.basic-layer__table {
	display: table;
	width: 100%;
	height: 100%;
}
.basic-layer__cell {
	display: table-cell;
	vertical-align: middle;
}
.basic-layer__box {
	width: 100%;
	margin: 0 auto;
}
.basic-layer__header h1 {
	padding: 20px;
	font-size: 18px;
	font-weight: 500;
	background-color: #1a89c2;
	color: #fff;
}
.basic-layer__contents {
	padding: 15px 20px;
	background-color: #fff;
	font-size: 13px;
	line-height: 19px;
	color: #65676a;
}
.basic-layer__btn-container {
	padding: 10px;
	background: #000;
}
.basic-layer__btn-container .btn + .btn {
	margin-left: 5px;
}

.is-opened.list-view__service-list.icon-type01:before  {
	background-image: url(../images/ico-list-view001.png);
}

.is-opened.list-view__service-list.icon-type02:before  {
	background-image: url(../images/ico-list-view002.png);
}

.is-opened.list-view__service-list.icon-type03:before  {
	background-image: url(../images/ico-list-view003.png);
}

.is-opened.list-view__service-list.icon-type04:before  {
	background-image: url(../images/ico-list-view004.png);
}

.is-opened.list-view__service-list.icon-type05:before  {
	background-image: url(../images/ico-list-view005.png);
}

.is-opened.list-view__service-list.icon-type06:before  {
	background-image: url(../images/ico-list-view006.png);
}

.is-opened.list-view__service-list.icon-type07:before  {
	background-image: url(../images/ico-list-view007.png);
}

.is-opened.list-view__service-list.icon-type08:before  {
	background-image: url(../images/ico-list-view008.png);
}

.is-opened.list-view__service-list.icon-type09:before  {
	background-image: url(../images/ico-list-view009.png);
}

#ajax-loading,
.ajax-loading {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/Rolling-1s-121px.gif) 50% 50% no-repeat rgba(240, 240, 240, 0.5);}

.font-red {
	color: #ff0000;
}

.font-blue {
	color: #284BFF;
}

.font-green {
	color: #66cd14;
}


.editor_contents {
	border-radius: 3px;
	border: 1px solid #d8dbe0;
	padding: 15px;
	margin-bottom: 10px;
	background: #f7f7f7;
}