@charset "utf-8";
/* CSS Document */

/* mc content */

.footable-odd{background:#ededed;}
.footable-even{background:#fff;}

.footable-detail-row .footable-odd{background:none;}
.footable-detail-row .footable-even{background:none;}

.mc-table{margin:0 auto; width:100%; text-align:left; font-size:16px;}

.mc-table th,
.mc-table td{position:relative; padding:6px 10px; line-height:36px; height:48px; text-align:center;}
.mc-table th{letter-spacing:1px;}

.mc-table th{}
.mc-table tbody td:nth-of-type(1){}



.mc-table thead th:after{position:absolute; content:""; top:0; right:1px; bottom:0; margin:auto; display:block; width:1px; height:50%; background:#fff;}
.mc-table thead th:last-of-type:after{display:none;}
.mc-table thead th.footable-last-visible:after{display:none;}

.mc-table thead th{background:#999; color:#fff;}

.mc-table .fooicon{
	line-height:36px;
	font-weight:bold;
	color:#000;
}


.mc-table tr{border-bottom:#dedede 1px solid;}
.mc-table tr:last-of-type{border-bottom:none;}

@media screen and (max-width: 992px){

.mc-table tr{border-bottom:none;}

}




.cs-table{display:flex; flex-wrap:wrap; margin:0 auto; width:100%; text-align:left; font-size:16px;}

.cs-table .cs-th,
.cs-table .cs-td{flex:1 1 auto; padding:6px 10px; line-height:36px; text-align:center;}
.cs-table .cs-th{letter-spacing:1px;}


.cs-table .cs-th .sp-r,
.cs-table .cs-td .sp-r{color:#f00;}


.cs-table.col3 .cs-td:nth-of-type(1){width:20%; letter-spacing:1px;}
.cs-table.col3 .cs-td:nth-of-type(2){width:10%;}
.cs-table.col3 .cs-td:nth-of-type(3){width:70%; text-align:left;}

.cs-table.col2 .cs-td:nth-of-type(1){width:30%; letter-spacing:1px; text-align:left;}
.cs-table.col2 .cs-td:nth-of-type(2){width:70%; text-align:left;}


.cs-table .cs-th{border-bottom:#ccc 1px solid;}

.cs-cus-mb{margin-bottom:40px !important;}





.footable-odd-a{background:#fff;}
.footable-even-a{background:#ededed;}

.footable-detail-row .footable-odd-a{background:none;}
.footable-detail-row .footable-even-a{background:none;}

.cc-table{margin:0 auto; width:100%; text-align:left; font-size:16px;}

.cc-table th,
.cc-table td{position:relative; padding:6px 10px; line-height:36px; height:48px; text-align:center;}
.cc-table th{letter-spacing:1px;}

.cc-table.cc-col-6 thead th:nth-of-type(1){width:26%;}
.cc-table.cc-col-6 thead th:nth-of-type(2){width:14.8%;}
.cc-table.cc-col-6 thead th:nth-of-type(3){width:14.8%;}
.cc-table.cc-col-6 thead th:nth-of-type(4){width:14.8%;}
.cc-table.cc-col-6 thead th:nth-of-type(5){width:14.8%;}
.cc-table.cc-col-6 thead th:nth-of-type(6){width:14.8%;}

.cc-table.cc-col-5 thead th:nth-of-type(1){width:26%;}
.cc-table.cc-col-5 thead th:nth-of-type(2){width:18.5%;}
.cc-table.cc-col-5 thead th:nth-of-type(3){width:18.5%;}
.cc-table.cc-col-5 thead th:nth-of-type(4){width:18.5%;}
.cc-table.cc-col-5 thead th:nth-of-type(5){width:18.5%;}




.cc-top-mar{margin-top:4px;}

.cc-table thead th{background:#999; color:#fff;}

.cc-table thead th:after{position:absolute; content:""; top:0; right:1px; bottom:0; margin:auto; display:block; width:1px; height:90%; background:#fff;}
.cc-table thead th:last-of-type:after{display:none;}
.cc-table thead th.footable-last-visible:after{display:none;}

.cc-table .fooicon{
	line-height:36px;
	font-weight:bold;
	color:#000;
}


.cc-input-num{width:60px; max-width:100%; text-align:center;}

.cc-table tbody td:nth-of-type(1){text-align:left;}





.cc-table-s{margin:0 auto; width:100%; text-align:left; font-size:16px;}

.cc-table-s th,
.cc-table-s td{position:relative; padding:6px 10px; line-height:36px; height:48px; text-align:center;}
.cc-table-s th{letter-spacing:1px;}

.cc-table-s td span{font-size:14px;}

.cc-table-s tr td:nth-of-type(1){width:80%; text-align:right;}
.cc-table-s tr td:nth-of-type(2){width:20%; color:#f00; text-align:center;}

.cc-table-s tr:last-of-type td{background:#000; color:#fff;}

.cc-table-s.gray-state tr td:nth-of-type(2){color:#000;}
.cc-table-s.gray-state tr:last-of-type td{background:#000; color:#fff;}



.mc-btn{display:inline-block; margin:auto 2px; padding:2px 6px; line-height:20px; height:24px; color:#000; background:#fff; border:#ccc 1px solid; font-size:13px; vertical-align:middle; transition:all ease-in-out 0.1s;}

.mc-btn.cus-w{width:50px;}

.mc-btn:hover{box-shadow:#999 0 0 1px; transition:all ease-in-out 0.2s; transform:scale(0.9,0.9);}

.mc-i-btn{display:inline; color:#000;}
.mc-i-btn:hover{color:#1786FF; text-decoration:underline;}


.mc-icon-btn{display:inline-block; margin:auto; width:24px; height:24px; vertical-align:middle;}
.mc-icon-btn img{display:block; margin:auto width:100%; transition:all ease-in-out 0.1s;}
.mc-icon-btn:hover{transition:all ease-in-out 0.2s; transform:scale(0.9,0.9);}






.mc-tabs-list{display:block; margin:10px auto 0 auto; width:100%; overflow:hidden; text-align:left; font-size:0; border-bottom:#999 1px solid;}
.mc-tabs-list.no-bb{border-bottom:0;}
.mc-tabs-list span{display:inline-block; padding:12px 16px; color:#000; font-size:22px; font-weight:bold; letter-spacing:2px; border:none; outline:none; vertical-align:middle;}
.mc-tabs-list span{margin-right:4px;}
.mc-tabs-list span:last-of-type {margin-right:0;}


.mc-step-list{display:flex; flex-wrap:wrap; margin:10px auto 50px auto; width:96%; justify-content:flex-start; align-content:flex-start;}
.mc-step-list-p{display:block; margin:10px auto 50px auto; width:96%; text-align:left;}

	.mcs-item{width:33.33%; padding:10px 10px 10px 40px; line-height:30px; color:#fff; font-size:18px; letter-spacing:1px; background:#ccc; position:relative;}
	
	.mcs-item span{display:inline; margin-right:3px; font-weight:bold;}
	
	.mcs-item:after{
		content:'';
		display:block;
		position:absolute;
		top:0;
		right:-25px;
		bottom:0;
		margin:auto;
		width:25px;
		height:50px;
		background-repeat:no-repeat;
		background-size:contain;
	}
	
	.mcs-item.step-a{background:#29abe2;}
	.mcs-item.step-a:after{background-image:url(../img/step-tri-1.svg);}
	.mcs-item.step-b{background:#666;}
	.mcs-item.step-b:after{background-image:url(../img/step-tri-2.svg);}
	.mcs-item.step-c{background:#ccc;}
	.mcs-item.step-c:after{background-image:url(../img/step-tri-3.svg);}


	.mcs-item.st-z1{z-index:1;}
	.mcs-item.st-z2{z-index:2;}
	.mcs-item.st-z3{z-index:3;}





table.footable-details > thead > tr:first-child > th,
table.footable-details > thead > tr:first-child > td,
table.footable-details > tbody > tr:first-child > th,
table.footable-details > tbody > tr:first-child > td,
table.footable-details > tfoot > tr:first-child > th,
table.footable-details > tfoot > tr:first-child > td{
	border-top-width:1px !important;
}


.rule-check-scroll{
	position:relative;
	display:block;
	margin:0 auto 1% auto;
	padding:16px;
	border:#ccc 1px solid;
	width:100%;
	height:120px;
	background:#fff;
	z-index:3;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}





@media screen and (max-width: 768px){

.mc-step-list-p{margin:10px auto 50px auto; width:100%;}

.rule-check-scroll{	
	height:200px;
}
	
}





@media screen and (max-width: 992px){

.mc-table{font-size:15px;}

.mc-table th{width:auto;}

.mc-table th,
.mc-table td{padding:3px 5px; line-height:30px; height:36px; text-align:left;}

.mc-table thead th{text-align:center;}

.mc-table tbody td{border-bottom:#dedede 1px dashed;}

.mc-btn{padding:2px 8px; line-height:20px; height:24px; font-size:13px;}

.mc-icon-btn{width:24px; height:24px;}



.cs-table{font-size:15px;}


.cs-table .cs-th,
.cs-table .cs-td{padding:3px 5px; line-height:30px; text-align:left;}


.cs-table.col3 .cs-td:nth-of-type(1){display:block; width:100%; padding:5px 10px;}
.cs-table.col3 .cs-td:nth-of-type(2){width:20%; text-align:center;}
.cs-table.col3 .cs-td:nth-of-type(3){width:80%;}

.cs-table.col2 .cs-td:nth-of-type(1){display:block; width:100%; text-align:left;}
.cs-table.col2 .cs-td:nth-of-type(2){display:block; width:100%; text-align:left;}



.cc-table{font-size:15px;}
.cc-table th{width:auto;}
.cc-table th,
.cc-table td{padding:3px 6px; line-height:30px; height:36px; text-align:left;}
.cc-table thead th{text-align:center;}
.cc-table tbody td{border-bottom:#dedede 1px dashed;}
.cc-table tbody td:nth-of-type(1){text-align:inherit;}



.cc-table-s{width:100%; font-size:15px;}
.cc-table-s th{width:auto;}
.cc-table-s th,
.cc-table-s td{padding:3px 6px; line-height:30px; height:auto; text-align:left;}

.cc-table-s td span{display:block; font-size:13px;}

.cc-table-s tr td:nth-of-type(1){display:block; width:100%; text-align:left;}
.cc-table-s tr td:nth-of-type(2){display:block; width:100%; text-align:right;}




.footable-details tbody th,
.footable-details tbody td{border:#ededed 1px solid;}

.footable-detail-row > td{padding:12px 6px;}
.footable-detail-row > td{border-bottom:0 !important;}



.mc-tabs-list li{font-size:18px;}


.mc-step-list{width:100%;}

	.mcs-item{width:33.33%; padding:10px 15px 10px 10px; line-height:24px; font-size:16px; letter-spacing:1px;}
	.mcs-item span{display:block; margin-right:auto;}

	.mcs-item:after{
		content:'';
		display:block;
		position:absolute;
		top:0;
		right:5px;
		bottom:0;
		margin:auto;
		width:8px;
		height:16px;
		background-repeat:no-repeat;
		background-size:contain;
	}
	
	.mcs-item.step-a{background:#29abe2;}
	.mcs-item.step-a:after{background-image:url(../img/step-tri-4.svg);}
	.mcs-item.step-b{background:#666;}
	.mcs-item.step-b:after{background-image:url(../img/step-tri-4.svg);}
	.mcs-item.step-c{background:#ccc;}
	.mcs-item.step-c:after{background-image:url(../img/step-tri-4.svg);}

}


/* put these bottom */
.txt-al{text-align:left;}
.txt-ac{text-align:center;}
.txt-ar{text-align:right;}

.login-link{color:#000; font-size:14px;}
.login-link:hover{color:#f00;}





.intro-tab{margin:0 auto; width:100%; text-align:left; font-size:15px;}

.intro-tab th,
.intro-tab td{padding:6px 10px; vertical-align:top;}

.intro-tab th{font-weight:bold; font-size:16px;}
.intro-tab thead th{font-size:18px;}





/* table-scroll */

.table-scroll{
	margin: 0 auto;
    padding: 10px;
    width: 100%;
    max-width: 1000px;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 992px){

.table-scroll{
	margin: 0 auto;
    padding: 10px;
    width: 100%;
    max-width: auto;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

}





.cm-table{margin:0 auto; width:100%; text-align:left; font-size:14px;}

.cm-table th,
.cm-table td{position:relative; padding:4px 10px; line-height:20px; height:40px; text-align:center;}
.cm-table th{}

.cm-table tbody td:nth-of-type(1){}



.cm-table thead th:after{position:absolute; content:""; top:0; right:1px; bottom:0; margin:auto; display:block; width:1px; height:50%; background:#ccc;}
.cm-table thead th:last-of-type:after{display:none;}
.cm-table thead th.footable-last-visible:after{display:none;}

.cm-table thead th{border-bottom:#ccc 1px solid;}

.cm-table .fooicon{
	line-height:20px;
	font-weight:bold;
	color:#000;
}



.cms-o-table{margin:0 auto 4px auto; width:100%; text-align:left; font-size:14px;}

.cms-o-table th,
.cms-o-table td{position:relative; text-align:center;}

.cms-o-table thead th{position:relative; padding:4px 10px; line-height:20px; height:28px; text-align:center;}

.cms-o-table thead th{background:#ccc;}

.cms-o-table thead th:after{position:absolute; content:""; top:0; right:1px; bottom:0; margin:auto; display:block; width:1px; height:50%; background:#ccc;}
.cms-o-table thead th:last-of-type:after{display:none;}
.cms-o-table thead th.footable-last-visible:after{display:none;}

.cms-o-table thead th{border-bottom:#ccc 1px solid;}

.cms-o-table > tbody > tr{border-bottom:#dedede 1px solid;}
.cms-o-table > tbody > tr:last-of-type{border-bottom:none;}


.cms-o-table .fooicon{
	line-height:20px;
	font-weight:bold;
	color:#000;
}

.cms-i-table{margin:0 auto; width:100%; text-align:left; font-size:14px;}

.cms-i-table th,
.cms-i-table td{position:relative; padding:4px 10px; line-height:20px; height:28px; text-align:left;}

.cms-i-table .fooicon{
	line-height:20px;
	font-weight:bold;
	color:#000;
}



.CONTAINER-i.padb{
	padding-top:32px;
	padding-bottom:50px;
}

.tw-25{width:25%;}
.tw-75{width:75%;}


.tw-33{width:33.33%;}
.tw-66{width:66.66%;}

.tw-30{width:30%;}
.tw-50{width:50%;}

.tw-r25{width:25%;}
.tw-r75{width:75%;}

.tw-r50{width:50%;}
.tw-r100{width:100%;}



.tw-100{width:100%;}
.tw-h{height:auto !important;}


@media screen and (max-width: 768px){
	
.tw-33{display:block; width:100%;}
.tw-66{display:block; width:100%;}

.tw-r50{display:block; width:100%;}

.tw-r25{width:50%;}
.tw-r75{width:50%;}
	
.tw-25{width:50%;}
.tw-75{width:50%;}