@CHARSET "UTF-8";

.templet-only {
	display: block !important;
}

.contents-wrap {
	min-height: 800px;
	width: var(--contents-width);
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.contents-wrap .contents {
	height: 100%;
}

.contents-wrap .contents-title {
	border-bottom: 2px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
	height: 30px;
}

.contents-title>span {
	display: table-cell;
	vertical-align: middle;
}

.contents-wrap .contents-title>h1 {
	display: table;
	height: 38px;
	float: left;
	font-size: 150%;
	margin: 0;
	border-bottom: 2px solid #333333;
	margin-top: 2px;
}

/* ------------------------------ 화면 -------------------------------- */
h1, h2, h3, h4 {
	margin: 0;
	font-size: 100%;
}

.hidden-alt {
	display: block;
	width: 0;
	text-indent: -9000px;
	overflow: hidden;
	text-align: left;
}

.mt10 {
	margin-top: 10px;
}

.design-attach-file-input>.attach-file-text {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 75%;
	height: 26px;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
}

.design-attach-file-append>.attach-file-text {
	background-image: url(../img/icon/icon-file.png);
	background-repeat: no-repeat;
	background-position: 6px -173px;
}

.design-note-tin>span:FIRST-CHILD {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 9px;
	margin-right: 5px;
	background-image: url(../img/icon/bu-footnote.png);
	background-repeat: no-repeat;
}

.design-note-notice {
	display: inline-block;
	margin: 5px 0;
	
}
.design-note-notice > span:FIRST-CHILD {
	display: inline-block;
	vertical-align: middle; 
	width:12px; 
	height:12px;
	margin-right:5px; 
	background-image: url(../img/icon/bu-footnote.png); 
	background-position:0 -25px; 
	background-repeat: no-repeat;
}

input[type=radio], input[type=checkbox] {
	vertical-align: middle;
	margin: 3px 3px 4px 5px;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #007ab3;
}

.tac {
	text-align: center;
}

.design-center {
	position: relative;
	text-align: center
}

.design-right {
	position: relative;
	text-align: right
}

.prn-info-impt {
	font-size: 16px !important;
	font-weight: bold !important;
}

/* board - style normal */
.design-board-normal .one-row {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.design-board-normal>.total-count, .design-board-normal>.col-count,
	.design-board-normal>.ncol-count {
	margin-bottom: 10px;
	text-align: right;
	color: #666666;
	float: right;
}

.design-board-normal>table {
	width: 100%;
	border-top: 2px solid #2c77bc;
	border-bottom: 1px solid #c4c4c4;
	border-spacing: 0;
	border-collapse: collapse;
}

.design-board-normal>table>caption {
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
}

.design-board-normal>table>thead>tr>th {
	height: 47px;
	border-bottom: 1px solid #c4c4c4;
	background-color: #f8f8f8;
}

.design-board-normal>table>tbody>tr>td {
	padding: 10px 10px;
	border-top: 1px solid #dbdbdb;
}

.design-board-normal>table>tbody>tr:FIRST-CHILD>td {
	border-top: 0
}

.design-board-normal>table>tbody>tr>td>select {
	width: 170px;
}

.design-board-normal>table>tbody>tr>td.attach-td {
	text-align: center;
	width: 180px;
}

.design-board-normal>table>tbody>tr>th {
	padding: 10px 10px;
	background-color: #f8f8f8;
	border-top: 1px solid #dbdbdb;
}

.design-board-normal>table>tbody>tr:FIRST-CHILD>th {
	border-top: 0
}

.design-board-normal>table.prev-next {
	border-top: 1px solid #c4c4c4;
}

.design-board-normal>table>tbody.notice-list {
	border-bottom: 1px solid #dbdbdb;
}

.design-board-normal>table>tbody.notice-list>tr>td>span {
	vertical-align: middle;
	display: inline-block;
	width: 45px;
	height: 20px;
	background: url(../img/icon/icon-board-02.png) no-repeat;
}

.design-board-normal>table>tbody.notice-list>tr>td>span.notice-ko {
	background-position: 0px -100px;
}

.design-board-normal>table>tbody.notice-list>tr>td>span.notice-en {
	background-position: 0px -150px;
}

.design-button {
	display: inline-block;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	text-align: center;
	white-space: nowrap;
}

.design-button>a, .design-button>button {
	display: inline-block;
	min-width: 150px;
	padding: 0 15px;
	border: 0;
	background: #ffffff;
	color: #333333;
}

.design-button>span {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	border-right: 1px solid #aaaaaa;
	background: #888888;
	vertical-align: middle;
	box-sizing: border-box;
}

.design-button>span>span {
	position: absolute;
	display: block;
	top: 7px;
	left: 7px;
	width: 21px;
	height: 21px;
	background-image: url(../img/icon/icon-btn.png);
	background-repeat: no-repeat;
}

.design-button:HOVER>span {
	background: #777777;
}

.design-button>a:HOVER {
	color: #333333
}

.design-button-auth>span>span {
	left: 8px;
	background-position: -150px -50px
}

.design-center {
	position: relative;
	text-align: center !important
}

/* attach-file */
.design-attach-file {
	position: relative;
	width: 170px;
	margin-top: 10px;
}

.design-attach-file:FIRST-CHILD {
	margin-top: 0
}

.design-attach-file>button {
	width: 170px;
	height: 28px;
	text-align: left;
	border: 1px solid #dbdbdb;
	background-color: #ffffff;
	font-size: 100%;
}

.design-attach-file>button>span {
	display: inline-block;
	float: right;
	width: 19px;
	height: 20px;
	border: 1px solid #c4c4c4;
	background-color: #f0f0f0;
	background-image: url(../img/icon/icon-btn.png);
	background-repeat: no-repeat;
	background-position: -148px 5px;
}

.design-attach-file>div {
	position: absolute;
	top: 27px;
	left: 0;
	display: none;
}

.design-attach-file>div.children-right-align {
	left: auto;
	right: 0;
	text-align: right;
}

.design-attach-file>div>ul {
	white-space: nowrap;
	text-align: left
}

.design-attach-file>div>ul>li {
	padding: 3px 12px 3px 12px;
	min-height: 22px;
	min-width: 144px;
	border: 1px solid #dbdbdb;
	border-top: 0;
	background-color: #ffffff;
	background-image: url(../img/icon/ptn-diagonal-01.png)
}

.design-attach-file>div>ul>li:FIRST-CHILD {
	border-top: 1px solid #dbdbdb;
}

.design-attach-file>div>ul>li>a {
	display: block;
	min-height: 22px;
	padding-left: 24px;
	background-image: url(../img/icon/icon-file.png);
	background-repeat: no-repeat;
	background-position: 0 -175px;
	cursor: pointer;
}

.design-attach-file>div>ul>li>a.file-zip {
	background-position: 0 0;
}

.design-attach-file>div>ul>li>a.file-jpg {
	background-position: 0 -25px;
}

.design-attach-file>div>ul>li>a.file-pdf {
	background-position: 0 -50px;
}

.design-attach-file>div>ul>li>a.file-xls {
	background-position: 0 -75px;
}

.design-attach-file>div>ul>li>a.file-doc {
	background-position: 0 -100px;
}

.design-attach-file>div>ul>li>a.file-hwp {
	background-position: 0 -125px;
}

.design-attach-file>div>ul>li>a.file-txt {
	background-position: 0 -150px;
}

.design-attach-file>div>button {
	display: none
}

.design-table-input>table {
	position: relative;
	/* width: 100%; */
	table-layout: fixed;
	margin: 20px 0;
	border-bottom: 1px solid #dbdbdb;
	border-top: 2px solid #2c77bc;
	border-spacing: 0
}

.design-table-input>table>caption {
	position: absolute;
	display: block;
	left: -10000px;
	top: -10000px;
	height: 0;
	overflow: hidden;
}

.design-table-input>table>thead>tr>th {
	padding: 9px 0;
	background-color: #fcfcfc;
	font-weight: normal;
	text-align: center;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #c2c2c2
}

.design-table-input>table>caption+thead>tr:FIRST-CHILD>th,
	.design-table-input>table>caption+colgroup+thead>tr:FIRST-CHILD>th {
	border-top: 0
}

.design-table-input>table>tbody>tr>td {
	padding: 5px 10px;
	font-weight: normal;
	background-color: #ffffff;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb
}

.design-table1>table>tbody>tr>td>a {
	font-size: 15px;
	font-weight: 400;
	color: #2c77bc;
	text-decoration: underline;
}

.design-table-input>table>tbody>tr>th {
	padding: 9px 10px;
	font-weight: normal;
	background-color: #fcfcfc;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb
}

.design-table-input>table>thead+tbody>tr:FIRST-CHILD>td,
	.design-table-input>table>thead+tbody>tr:FIRST-CHILD>th {
	border-top: 1px solid #c2c2c2
}

.design-table-input>table td:FIRST-CHILD, .design-table-input>table th:FIRST-CHILD
	{
	border-left: 0
}

.design-table-input>table .not-first-child {
	border-left: 1px solid #dbdbdb !important
}

.design-table-input>table td>span>button {
	margin: 0
}

.design-table-input input {
	border: 1px solid #c7c7c7;
	padding: 5px 10px;
}

.design-table-input select {
	border: 1px solid #c7c7c7;
	padding: 4px 10px;
}

.design-table-input input[type=radio] {
	border: 0;
}

.design-table-input .text {
	width: 150px;
}

.design-table-input .name {
	width: 100px !important;
}

.design-table-input .title {
	width: 93% !important;
}

.design-table-input .longinput {
	width: 300px !important;
}

.design-table-input .select {
	border: 1px solid #c7c7c7;
	padding: 5px 10px;
}

.design-table-input .textarea {
	width: 95% !important;
	border: 1px solid #c7c7c7;
}

textarea::placeholder{
	color: #999999;
	font-size: 15px;
}


.design-table-input .textarea_nb {
	width: 100% !important;
	border: 0;
	margin: 10px 0;
}

.design-table-input input[readonly=readonly] {
	background-color: #f0f0f0;
}

.design-table-input .button {
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
	padding: 5px 10px;
	margin: 3px 1px;
}

.design-table-input .button:HOVER {
	background-color: #f0f0f0;
}

.design-table-input .tel {
	width: 45px;
}

.attach_wrap {
	margin-top: 10px;
	display: table;
	width: 100%;
}

.attach_wrap:FIRST-CHILD {
	margin-top: 0;
}

.attach_wrap>span {
	display: table-cell;
	vertical-align: top;
}

.attach_wrap>span:FIRST-CHILD+span {
	width: 0px;
}

.attach_wrap>span:FIRST-CHILD+span.design-button-doc2 {
	width: auto;
	width: 100px;
}

.attach_wrap>span:FIRST-CHILD+span+span {
	width: 100px;
}

.design-attach-file-input {
	position: relative;
	height: 26px;
	border: 1px solid #c7c7c7;
}

.design-attach-file-input>.attach-file-text {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 75%;
	height: 26px;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
}

.design-attach-file-input>.attach-file-button {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100px;
	height: 26px;
	text-align: center;
	border-left: 1px solid #c7c7c7;
	z-index: 1;
}

.design-attach-file-input>input {
	width: 100%;
	height: 26px;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.design-attach-file-input>input[name=attachFile] {
	padding: 0;
	border: none;
}

.design-attach-file-append {
	background: #f8f8f8
}

.design-attach-file-append>.attach-file-text {
	background-image: url(../img/icon/icon-file.png);
	background-repeat: no-repeat;
	background-position: 6px -173px;
}

.design-attach-file-append>.file-zip {
	background-position: 6px 2px;
}

.design-attach-file-append>.file-jpg {
	background-position: 6px -23px;
}

.design-attach-file-append>.file-pdf {
	background-position: 6px -48px;
}

.design-attach-file-append>.file-xls {
	background-position: 6px -73px;
}

.design-attach-file-append>.file-doc {
	background-position: 6px -98px;
}

.design-attach-file-append>.file-hwp {
	background-position: 6px -123px;
}

.design-attach-file-append>.file-txt {
	background-position: 6px -148px;
}

/*-----------------------------------------버튼 ------------------------------------------*/
.btn-board {
	position: relative;
	display: inline-block;
	min-width: 120px;
	height: 38px;
	border: 0;
	font-size: 100%;
	padding: 0 20px 0 50px;
	margin: 0 0 10px 10px;
	box-sizing: border-box;
}

.btn-board-modify, .btn-board-list, .btn-board-cancel, .btn-board-prev,
	.btn-board-next, .btn-board-confirm, .btn-board-reply, .btn-board-write,
	.btn-board-delete {
	background-color: #ffffff;
	border: 1px solid #c7c7c7
}

.btn-board-modify:HOVER, .btn-board-list:HOVER, .btn-board-download:HOVER,
	.btn-board-cancel:HOVER, .btn-board-prev:HOVER, .btn-board-next:HOVER,
	.btn-board-confirm:HOVER, .btn-board-write:HOVER, .btn-board-reply:HOVER,
	.btn-board-delete:HOVER {
	background-color: #f0f0f0;
	border: 1px solid #c7c7c7
}

.btn-board-download2:HOVER {
	background-color: #105594;
	border: 1px solid #105594;
	color: #fff;
}

.design-button-down>span>span {
	background-position: -22px -96px
}

.btn-board>span {
	position: absolute;
	top: 13px;
	left: 20px;
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../img/icon/icon-btn.png);
	background-repeat: no-repeat;
}

.btn-board-search>span {
	background-position: -200px 0px;
}

.btn-board-modify>span {
	background-position: -75px 0px;
}

.btn-board-list>span {
	background-position: -0px 0px;
}

.btn-board-download>span {
	background-position: -100px 0px;
}

.btn-board-download2>span {
	background-position: -275px 0px;
}

.btn-board-cancel>span {
	background-position: -25px 0px;
}

.btn-board-prev>span {
	background-position: -124px 0px;
}

.btn-board-next>span {
	background-position: -223px 0px;
}

.btn-board-confirm>span {
	background-position: -150px 0px;
}

.btn-board-regist>span {
	background-position: -175px 0px;
}

.btn-board-write>span {
	background-position: -75px 0px;
}

.btn-board-reply>span {
	background-position: -324px 0px;
}

.btn-board-delete>span {
	background-position: -50px 0px;
}

.btn-board-search {
	margin: 20px 0 40px 0;
	background-color: #555555 !important;
	color: #ffffff !important;
}

.btn-board-search:HOVER {
	background-color: #1c1c1c !important;
}

.design-button-doc2>button {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 28px;
	font-size: 92%;
	padding-left: 20px;
	margin: 0 0 0px 10px;
	color: #ffffff;
	background-color: #555555;
	border: 1px solid #555555
}

.design-button-doc2>button>span {
	position: absolute;
	top: 8px;
	left: 11px;
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../img/icon/icon-btn.png);
	background-repeat: no-repeat;
	background-position: -25px -25px;
}

/*----------------------------------------- 타이틀 리스트 ------------------------------------------*/
.design-title-list1>dl {
	margin-bottom: 40px;
}

.design-title-list1>dl>dt {
	position: relative;
	padding-left: 25px;
	font-size: 128%;
	font-weight: bold;
}
/* .design-title-list1 > dl > dt > p {margin: 0 ; font-size: 100%;} */
.design-title-list1>dl>dt>span:FIRST-CHILD {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0.5px;
	width: 25px;
	height: 25px;
	background-image: url(../img/icon/bu-depth.png);
	background-repeat: no-repeat;
	background-position: 0px 6px
}

.design-title-list1>dl>dd {
	margin: 20px 0;
}
/*----------------------------------------- 테이블 ------------------------------------------*/
.design-table1 {
	position: relative;
}

.design-table1>span.sfr {
	float: right;
	font-size: 0.9em;
	color: #333333;
	margin-right: 4px;
}

.design-table1>table {
	position: relative;
	width: 100%;
	margin: 20px 0;
	border-bottom: 1px solid #dbdbdb;
	border-top: 2px solid #2c77bc;
	border-spacing: 0
}

.design-table1>table>caption {
	position: absolute;
	display: block;
	left: -10000px;
	top: -10000px;
	height: 0;
	overflow: hidden
}

.design-table1>table>thead>tr>th {
	padding: 9px 0;
	background-color: #fcfcfc;
	font-weight: normal;
	text-align: center;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #c2c2c2
}

.design-table1>table>caption+thead>tr:FIRST-CHILD>th, .design-table1>table>caption+colgroup+thead>tr:FIRST-CHILD>th
	{
	border-top: 0
}

.design-table1>table>tbody>tr>td {
	padding: 9px 10px;
	font-weight: normal;
	background-color: #ffffff;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb
}

.design-table1>table>tbody>tr>th {
	padding: 9px 10px;
	font-weight: normal;
	background-color: #fcfcfc;
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb
}

.design-table1>table>thead+tbody>tr:FIRST-CHILD>td, .design-table1>table>thead+tbody>tr:FIRST-CHILD>th
	{
	border-top: 1px solid #c2c2c2
}

.design-table1>table td:FIRST-CHILD, .design-table1>table th:FIRST-CHILD
	{
	border-left: 0
}

.info-table>table>tbody>tr>th {
	font-size: 15px;
	font-weight: 600;
	color: #333333;
}

.design-table1>table>tbody th:FIRST-CHILD+th+th {
	background-color: #f8f8f8
}

.design-table1>table .not-first-child {
	border-left: 1px solid #dbdbdb !important
}

.design-box1>div:FIRST-CHILD {
	width: 100%;
	height: 2px;
	background-color: #2c77bc
}

.design-box1>div:FIRST-CHILD>div:FIRST-CHILD {
	float: left;
	width: 30px;
	height: 100%;
	background-color: #e49f15
}

.design-box1>div:FIRST-CHILD>div:FIRST-CHILD+div {
	float: left;
	width: 30px;
	height: 100%;
	background-color: #00b5d5
}

.design-box1>div:FIRST-CHILD+div {
	clear: both;
	padding: 30px;
	margin-bottom: 40px;
	border: 1px solid #e7e7e7;
	border-top: 0;
	background-color: #f6fdff
}

.design-box1>div:FIRST-CHILD+div>dl>dt {
	font-size: 128%;
	font-weight: bold;
}

.design-box1>div:FIRST-CHILD+div>dl>dd {
	margin: 20px 0 0 0
}

.design-box1>div:FIRST-CHILD+div>h2 {
	font-size: 128%;
	font-weight: bold;
}

.design-box2 {
	margin: 20px 0;
	padding: 30px 30px 15px 30px;
	border: 1px solid #cccccc;
	border-top: 2px solid #333333;
	background: #f9f9f9
}

.design-box2>dl>dt {
	position: relative;
	padding: 0 0 10px 15px;
	font-size: 114%;
	font-weight: bold;
	color: #2c77bc;
	border-bottom: 1px dotted #cccccc;
}

.design-box2>dl>dt>span {
	position: absolute;
	display: block;
	left: 0px;
	width: 25px;
	height: 25px;
	background-image: url(../img/icon/bu-box.png);
	background-repeat: no-repeat;
	background-position: 0px 7px
}

.design-box2>dl>dd {
	position: relative;
	margin: 15px 0
}

.info-text-bold {
	font-size: 14px;
	font-weight: 600;
	color: #333333;
}

.info-text {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #333333 !important;
}

.pd-20 {
	padding: 20px;
}

.pd-20>dl:FIRST-CHILD {
	display: inline-block;
}

.irr-title {
	font-size: 15px;
	font-weight: 500;
	color: #333333;
}

.irr-contents {
	font-size: 13px;
	font-weight: 400;
	color: #333333;
}

.irr-bold {
	font-size: 15px;
	font-weight: 600;
	color: #333333;
}

/* content-list */
.design-content-list1>ul>li {
	position: relative;
	padding-left: 18px;
	margin: 11px 0;
}

.design-content-list1>ul>li>span:FIRST-CHILD {
	position: absolute;
	display: block;
	left: 0px;
	width: 25px;
	height: 25px;
	top: -4px;
	background-image: url(../img/icon/bu-depth.png);
	background-repeat: no-repeat;
	background-position: 0px -90px
}

.design-content-list1>ol>li {
	position: relative;
	padding-left: 23px;
	margin: 5px 0 10px 0;
}

.design-content-list1>ol>li:nth-child(6){
	padding: 0;
}

.design-content-list1>ol>li:nth-child(odd) {
	font-size: 15px;
	font-weight: 600;
	color: #333333;
}

.design-content-list1>ol>li>span:FIRST-CHILD {
	position: absolute;
	display: block;
	left: -5px;
	width: 30px;
	height: 25px;
	top: -4px;
	background-image: url(../img/icon/bu-no.png);
	background-repeat: no-repeat;
}

.design-content-list1>ul>li .design-image-resizing {
	margin-left: -25px
}

.design-content-list1>ol>li table, .design-content-list1>ul>li table {
	width: 1000px;
	margin-left: -25px
}

.design-content-list1>ol>li:FIRST-CHILD>span:FIRST-CHILD {
	background-position: 0px 4px
}

.design-content-list1>ol>li:FIRST-CHILD+li+li>span:FIRST-CHILD {
	background-position: -50px 4px
}

.design-content-list1>ol>li:FIRST-CHILD+li+li+li+li>span:FIRST-CHILD {
	background-position: -100px 4px
}

/* field set */
.design-fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 2px solid #666666;
}

.design-fieldset>legend {
	position: absolute;
	display: block;
	left: -10000px;
	top: -10000px;
}

.design-fieldset>form>dl {
	display: table;
	width: 100%;
	height: 47px;
	border-bottom: 1px solid #dbdbdb
}

.design-fieldset>form>dl>dt {
	display: table-cell;
	width: 125px;
	border-right: 1px solid #dbdbdb;
	text-align: center;
	vertical-align: middle;
	background-image: url(../img/icon/ptn-diagonal-01.png)
}

.design-fieldset>form>dl>dd {
	display: table-cell;
	padding: 0 10px;
	vertical-align: middle;
	background-image: url(../img/icon/ptn-diagonal-01.png)
}

.design-fieldset>form>ul {
	display: table;
	width: 100%;
	height: 47px;
	border-bottom: 1px solid #dbdbdb
}

.design-fieldset>form>ul>li {
	display: table-cell;
	padding: 0 10px;
	vertical-align: middle;
	background-image: url(../img/icon/ptn-diagonal-01.png);
	text-align: center;
}

.design-fieldset>form select {
	height: 30px;
	min-width: 100px;
	border: 1px solid #dbdbdb;
	padding: 4px 2px
}

.design-fieldset>form input[type=text] {
	height: 30px;
	border: 1px solid #dbdbdb;
	padding: 4px 2px;
	box-sizing: border-box
}

.design-fieldset>form>dl.search-type-text>dd>span {
	display: table;
	width: 100%;
}

.design-fieldset>form>dl.search-type-text>dd>span>span {
	display: table-cell;
	vertical-align: middle;
}

.design-fieldset>form>dl.search-type-text>dd>span>span:FIRST-CHILD {
	width: 1%
}

.design-fieldset>form>dl.search-type-text>dd>span>span:FIRST-CHILD+span
	{
	padding-left: 5px
}

.design-fieldset>form>dl.search-type-text input[type=text] {
	width: 40%
}

.design-fieldset>form>dl input.search-type-text {
	width: 40%
}

.design-fieldset>form>div.btn-search {
	text-align: center;
}

/* page div */
.page-navigation {
	margin-top: 20px;
}

.page-navigation>ul {
	display: table;
	margin: auto;
	border-spacing: 0;
}

.page-navigation>ul>li {
	display: table-cell;
	padding: 0;
}

.page-navigation button {
	min-width: 35px;
	height: 34px;
	float: left;
	font-size: 0;
	background-color: #ffffff;
	border: 1px solid #dbdbdb;
}

.page-navigation>ul>li.page-nav-number {
	padding: 0 10px;
}

.page-navigation>ul>li.page-nav-number>ul>li>button {
	font-size: 100%;
	border-left-width: 0;
	font-weight: bold;
}

.page-navigation>ul>li.page-nav-number>ul>li.current-page>button {
	color: #ffffff;
	border: 1px solid #1964aa;
	background-color: #2c77bc;
	background-image: url('../img/icon/ptn-diagonal-01.png');
	cursor: pointer;
}

.page-navigation>ul>li>button.page-nav-first {
	background-position: 8px 8px;
	border-right: 0;
}

.page-navigation>ul>li>button.page-nav-prev {
	background-position: 10px -18px;
}

.page-navigation>ul>li>button.page-nav-next {
	background-position: 13px -43px;
	border-right: 0
}

.page-navigation>ul>li>button.page-nav-last {
	background-position: 10px -68px;
}

.page-navigation>ul>li>ul {
	display: flex;
    align-items: center;
}

.page-navigation > ul > li > button {background-image: url(../img/icon/icon-paging.png); background-repeat: no-repeat; }
.page-navigation > ul > li > button.page-nav-first {background-position:8px 8px; border-right:0;} 
.page-navigation > ul > li > button.page-nav-prev {background-position:10px -18px;} 
.page-navigation > ul > li > button.page-nav-next {background-position:13px -43px;border-right:0} 
.page-navigation > ul > li > button.page-nav-last {background-position:10px -68px;} 

#list-table a {
	color: #333333;
}

.design-table2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px;
}

.design-table2>div {
	border-top: 1px solid #dbdbdb;
	border-bottom: 2px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	text-align: center;
}

.design-table2>div:nth-child(even) {
	border-right: none;
}

.design-table2>div:nth-child(1), .design-table2>div:nth-child(2) {
	border-top: 2px solid #2c77bc;
}

.design-table2>div:nth-child(1), .design-table2>div:nth-child(2),
	.design-table2>div:nth-child(3), .design-table2>div:nth-child(4),
	.design-table2>div:nth-child(5), .design-table2>div:nth-child(6) {
	border-bottom: none;
}

.design-table2>div:nth-child(1), .design-table2>div:nth-child(2),
	.design-table2>div:nth-child(5), .design-table2>div:nth-child(6) {
	background-color: #fcfcfc;
	font-size: 15px;
	font-weight: 600;
	color: #333333;
	padding: 7px;
}

.design-table2>div:nth-child(3), .design-table2>div:nth-child(4),
	.design-table2>div:nth-child(7), .design-table2>div:nth-child(8) {
	padding: 13px;
}

.design-table2>div>a {
	font-size: 14px;
	font-weight: 400;
	color: #2c77bc;
	text-decoration: underline;
}

 
.pd-20>dl:nth-child(2) {
	float: right;	
}

.pd-20>dl:nth-child(2)>dd{
	margin: 0 !important;
}

#contents_length {
	display: inline-block;
	width: 95%;
	text-align: right;
	margin-bottom: 5px;
}

.clean-report {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	height: 220px;
	background-image: url(../img/pc/img_cleancenter_02_1200.png);
	background-repeat: no-repeat;
}


/* 모바일만 */
@media screen and (max-width:767px) {

	.contents-wrap {
		width: 100%;
		margin: auto;
		padding: 15px;
		box-sizing: border-box;
	}
	.design-table2 {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"item1" 
			"item2" 
			"item3" 
			"item4" 
			"item5" 
			"item6"
			"item7" 
			"item8";
	}
	.design-table2>div {
		border-left: none;
		border-right: none;
	}
	.design-table2>div:nth-child(1) {
		grid-area: item1;
	}
	.design-table2>div:nth-child(2) {
		grid-area: item3;
		border-top: 1px solid #dbdbdb;
	}
	.design-table2>div:nth-child(3) {
		grid-area: item2;
	}
	.design-table2>div:nth-child(4) {
		grid-area: item4;
	}
	.design-table2>div:nth-child(5) {
		grid-area: item5;
	}
	.design-table2>div:nth-child(6) {
		grid-area: item7;
	}
	.design-table2>div:nth-child(7) {
		grid-area: item6;
		border-bottom: none;
	}
	.design-table2>div:nth-child(8) {
		grid-area: item8;
	}
	
	.qr-contents>dl:nth-child(2) {
		float: clear !important;
	}
	
	.pd-20>dl:nth-child(2)>dd {
		margin-top:10px !important;
	}
	
	.pd-20>dl:nth-child(2) {
		float: none;	
	}
	
	#contents_length {
		display: inline-block;
		width: 95%;
		text-align: right;
		margin-bottom: 5px;
	}
	
	.design-content-list1>ol>li:nth-child(6){
		padding: 0;
	}
	
	.clean-report {
		width: 100%;
		margin: auto;
		height: 400px;
		box-sizing: border-box;
		background-image: url(../img/mobile/img_cleancenter_02_450.png);
		background-repeat: no-repeat;
		background-size: contain;
		
	}
	.tbSt {
		margin-top: 0px !important;
		overflow: auto;
	}
	
	.attach_wrap>span:FIRST-CHILD+span.design-button-doc2 {
		width: auto;
	}
	
	.design-fieldset>form select {
		height: 30px;
		min-width: 65px;
		border: 1px solid #dbdbdb;
		padding: 4px 2px
	}
	
	.design-fieldset>form>dl.search-type-text input[type=text] {
		width: 100%
	}
	
	
	
	
}