@charset "utf-8";

/***************************************************************************
*
* PCVISUAL STYLE
*
***************************************************************************/

.sp{
	display: none;
}

.secStep{
	color: #222;
	line-height: 1.4;
}

.secStep .fontSSP{
	font-family: Source Sans Pro;
}

.secStep *{
	box-sizing: border-box;
}

.secStep .stepProcessWrapper{
	padding: 84px 0 123px;
}

.secStep .stepProcess{
	width: 720px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}

.secStep .stepProcess:before{
	content: "";
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	height: 3px;
	background: #FF7181;
}

.secStep1 .stepProcess:before{
	background: #C6A55D;
}

.secStep2 .stepProcess:before{
	background: #3B86FF;
}

.secStep .stepProcess li{
	text-align: center;
	width: calc(100%/3);
}

.secStep .stepProcess li:last-child{
	margin-right: 0;
}

.secStep .stepProcess li .stepIcon{
	color: #FF7181;
	background: #fff;
	font-size: 13px;
	text-align: center;
	border: 3px solid #FD6565;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
}

.secStep1 .stepProcess li .stepIcon{
	color: #C6A55D;
	border: 3px solid #C6A55D;
}

.secStep2 .stepProcess li .stepIcon{
	color: #3B86FF;
	border: 3px solid #3B86FF;
}

.secStep .stepProcess li.stepCurrent .stepIcon{
	background: #FD6565 url('../img/appform2/checked.svg') no-repeat center center/13px 8px;
}

.secStep1 .stepProcess li.stepCurrent .stepIcon{
	background: #C6A55D url('../img/appform2/checked.svg') no-repeat center center/13px 8px;
}

.secStep2 .stepProcess li.stepCurrent .stepIcon{
	background: #3B86FF url('../img/appform2/checked.svg') no-repeat center center/13px 8px;
}

.secStep .stepProcess li .stepName{
	font-size: 13px;
	display: block;
	margin-top: 5px;
	font-weight: bold;
}

.secStep .stepProcess li.stepCurrent .stepName{
	font-weight: normal;
}

.secStep .stepProcess li .stepText{
	font-size: 16px;
	display: block;
	margin-top: 30px;
}

.secStep .stepMain{
	overflow: hidden;
	padding-bottom: 105px;
	position: relative;
}

.secStep .stepMain .stepMainLeft{
	width: calc(100% - 359px);
	float: left;
}

.secStep .stepMain .stepMainRight{
	width: 339px;
	float: right;
	font-size: 75%;
}

.secStep .stepMain .stepMainRight.anchor{
	position: fixed;
}

.secStep .stepMain .stepMainRight.anchorFooter{
	position: absolute!important;
	right: 0!important;
	top: auto!important;
	bottom: 105px;	
}

/*.stepMainLeft*/
.secStep .stepMain .stepMainLeft .stepItem{
	margin-bottom: 85px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTitle{
	font-weight: bold;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTitle .number{
	color: #FF7181;
	font-size: 32px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
    vertical-align: 2px;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTitle .number{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTitle .number{
	color: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTitle .text{
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper{
	background: #fff;
	margin-top: 43px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabTitle{
	color: #FF7181;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 24px;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabTitle{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabTitle{
	color: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList{
	padding: 0 12px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList li{
	flex-grow: 1;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList li a{
	background: #F5F6FA;
	color: #8F92A0;
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 19px;
	border: 1px solid #E9E9F0;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	padding: 9px;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList li a{
	font-size: 16px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList li a.active{
	color: #FFF;
	background: #FF7181;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList li a.active{
	background: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList li a.active{
	background: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab{
	font-size: 14px;
}
.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab th,
.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab td{
	text-align: center;
	border: 1px solid #ECECEF;
	padding: 15px 0;
	vertical-align: middle;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab th{
	font-weight: bold;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab td{

}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab th:nth-child(1){
	width: 159px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab th:nth-child(2){
	width: 72px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab th:nth-child(3){
	width: 80px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab th:nth-child(4){
	width: 72px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab th:nth-child(5){
	width: 72px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr th,
.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr td{
	padding: 14px 0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.cta th,
.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.cta td{
	color: #FD6565;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.cta th,
.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.cta td{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.cta th,
.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.cta td{
	color: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr th:first-child{
	color: #FD6565;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr th:first-child{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr th:first-child{
	color: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.active th,
.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.active td,
.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr.active th:first-child{
	color: #fff;
	background: #FF7181;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.active th,
.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.active td,
.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr.active th:first-child{
	background: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.active th,
.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr.active td,
.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr.active th:first-child{
	background: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 24px 18px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li{
	margin-right: 16px;
	flex-grow: 1;
	width: calc(100%/3 - 10px);
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li a{
	display: block;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li:last-child{
	margin-right: 0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption{
	color: #8F92A0;
	background: #F5F6FA;
	border-radius: 5px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	min-height: 69px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime1 li .CTOption{
	min-height: 111px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime22 li .CTOption{
	min-height: 111px;
	text-align: center;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime2{
	flex-wrap: wrap;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime2 li{
	width: calc(50% - 8px);
    flex-grow: 0;
    margin-top: 20px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime2 li:nth-child(even){
	margin-right: 0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime3{
	min-height: 69px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption .sub{
	font-size: 14px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption .price{
	font-size: 28px;
	font-weight: bold;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption .price small{
	font-size: 18px;
	font-weight: normal;
	vertical-align: baseline;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption .pricePerMonth{
	font-size: 16px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption .nameOS{
	font-weight: bold;
	font-size: 16px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption .nameVer{
	font-size: 16px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption .priceOS{
	font-size: 14px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li.active .CTOption{
	color: #fff;
	background: #FF7181;
	position: relative;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li.active .CTOption{
	background: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li.active .CTOption{
	background: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li.active .CTOption:after{
	content: "";
	position: absolute;
	top: -15px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: #3B86FF url('../img/appform2/checked.svg') no-repeat center center/15px 12px;
	border-radius: 50%;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li.active .CTOption:after{
	background-color: #FF7181;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li.active .CTOption:after{
	background-color: #FF7181;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem{
	border-top: 1px solid #ECECEF;
	padding: 24px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItemNoBorder{
	border-top: none;
	padding-top: 0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .tabSubTitle{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .listContactTime{
	padding: 0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ECECEF;
	padding: 7px 0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field1{
	border: none;
	justify-content: space-between;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field:last-child{
	border-bottom: none;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel1{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel1{
	color: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel1{
	color: #FF7181;
	font-size: 16px;
	font-weight: bold;
	width: 280px;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel1{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel1{
	color: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel2{
	font-size: 14px;
	width: 240px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel3{
	font-size: 14px;
	width: 178px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldSelect{
	background: #F5F6FA;
	border-radius: 5px;
	font-size: 17px;
	width: 87px;
	height: 46px;
	padding-left: 12px;
	display: inline-block;
	vertical-align: middle;
	color: #8F92A0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field1 .fieldSelect{
	width: 139px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .selectName{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 14px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field1 .selectName{
	margin-left: 10px;
	margin-right: 20px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .formInput{
	border: 1px solid #DBDDE4;
	border-radius: 5px;
	padding-left: 12px;
	height: 46px;
	width: 100%;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .formInputShort{
	width: 140px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .privacyWrapper{
	height: 175px;
	overflow-y: auto;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .privacyWrapper .privacyText{
	font-size: 14px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .formConfirm{
	text-align: center;
	font-size: 14px;
	margin-top: 24px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .formCheck{
	margin-right: 12px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldName{
	font-size: 14px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field1 .fieldInput{
	width: 503px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field2 .fieldInput{
	width: 479px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field2 .fieldSelect{
	width: 206px;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .campaignNotice{
	text-align: center;
	border-top: black 5px double;
	border-bottom: black 5px double;
	padding: 10px 0;
}

.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .campaignNotice .campaignNoticeTitle{
	color: #FF7181;
	font-size: 18px;
	font-weight: bold;
}

.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .campaignNotice .campaignNoticeTitle{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .campaignNotice .campaignNoticeTitle{
	color: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepNav{
	text-align: center;
	overflow: hidden;
}

.secStep .stepMain .stepMainLeft .stepNav .formSubmit{
	background: #FF7181;
	text-align: center;
	width: 355px;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	padding: 14px;
}

.secStep .stepMain .stepMainLeft .stepNav .formSubmit:hover{
	opacity: 0.6;
}

.secStep1 .stepMain .stepMainLeft .stepNav .formSubmit{
	background: #C6A55D;
}

.secStep2 .stepMain .stepMainLeft .stepNav .formSubmit{
	background: #3B86FF;
}

.secStep .stepMain .stepMainLeft .stepNav .btnBack{
	float: left;
	margin-top: 13px;
}

.secStep .stepMain .stepMainLeft .stepNav .btnBack a{
	font-size: 14px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.secStep .stepMain .stepMainLeft .stepNav .btnBack a:hover{
	text-decoration: underline;
}

.secStep .stepMain .stepMainLeft .stepNav .btnBack a:before{
	content: "";
	width: 8px;
	height: 13px;
	background: url('../img/appform2/next.svg') no-repeat center center/8px 13px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.formConfirmWrapper{
	text-align: center;
	margin-top: 34px;
}

.formConfirm {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.formConfirm input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: -4px;
  left: 0;
  height: 30px;
  width: 30px;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.formConfirm:hover input ~ .checkmark {
  background-color: #ccc;
}

.formConfirm input:checked ~ .checkmark {
  background-color: #FF7181;
}

.secStep1 .formConfirm input:checked ~ .checkmark {
  background-color: #C6A55D;
}

.secStep2 .formConfirm input:checked ~ .checkmark {
  background-color: #3B86FF;
}

.checkmark:after {
  content: "";
  position: absolute;
  /*display: none;*/
}

.formConfirm input:checked ~ .checkmark:after {
  display: block;
}

.formConfirm .checkmark:after {
  left: 12px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid #dedede;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*.stepMainRight*/
.secStep .stepMain .stepMainRight .tableContent{
	border: 1px solid #CACED5;
	border-radius: 3px;
	background: #fff;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem{
	border-bottom: 3px solid #ECECEF;	
	padding: 5px 12px 5px;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem:last-child{
	border-bottom: none;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem .tableTitle{
	color: #FF7181;
	text-align: center;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
}

.secStep1 .stepMain .stepMainRight .tableContent .tableItem .tableTitle{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainRight .tableContent .tableItem .tableTitle{
	color: #3B86FF;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem .table th{
	border-top: 1px solid #ECECEF;
	font-size: 12px;
	padding: 5px 5px;
	font-weight: bold;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem .table td{
	border-top: 1px solid #ECECEF;
	font-size: 12px;
	padding: 5px 5px;
	text-align: right;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem .table.tableBottom th,
.secStep .stepMain .stepMainRight .tableContent .tableItem .table.tableBottom td{
	padding: 5px 0;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem .table tr.finalPrice td{
	color: #FF7181;
	font-weight: bold;
	font-size: 32px;
}

.secStep1 .stepMain .stepMainRight .tableContent .tableItem .table tr.finalPrice td{
	color: #C6A55D;
}

.secStep2 .stepMain .stepMainRight .tableContent .tableItem .table tr.finalPrice td{
	color: #3B86FF;
}

.secStep .stepMain .stepMainRight .tableContent .tableItem .table tr.finalPrice th,
.secStep .stepMain .stepMainRight .tableContent .tableItem .table tr.finalPrice td{
	vertical-align: middle;
	padding: 5px 5px;
}

.secStep .note{
	font-size: 11px;
	margin-top: 10px;
}

.secStep .note a:hover{
	text-decoration: underline;
}

@media screen and (min-width: 768px){
	body {
	    min-width: inherit;
	}
}

@media (max-width: 1024px){
	.mod_inner01{
		width: 100%;
	}
	
	.secStep .stepMain .stepMainLeft{
		width: 100%;
	}

	.secStep .stepMain .stepMainRight{
		position: fixed;
		right: 0 !important;
		top: 0;
	    transform: translateX(100%);
	    transition: transform 300ms linear;
	    background: #fff;
	}

	.secStep .stepMain .stepMainRight.collapsed{
		transform: translateX(0);
	}

	.secStep .stepMain .stepMainRight.collapsed .btnCollapse{
		transform: translateX(-100%) rotateY(0);
	}

	.secStep .stepMain .stepMainRight .tableContent{
		position: relative;
		border-radius: 0 3px 3px 3px;
		height: 100vh;
	    overflow-y: auto;
	}

	.secStep .stepMain .stepMainRight .btnCollapse{
		width: 80px;
		height: 80px;
		position: absolute;
		top: 0;
		left: 0;
	    border: 1px solid #ECECEF;
		background: #fff url('../img/appform2/arrow-right2.svg') no-repeat center center/30px 30px;
		border-radius: 3px 0 0 0;
		cursor: pointer;
		transition: all 300ms linear;
		transform: translateX(-100%) rotateY(180deg);
	}
}

/*ONLY PC STYLE*/
@media(min-width: 769px){
	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr:hover{
		cursor: pointer;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr:hover th:first-child,
	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr:hover td{
		color: #fff;
		background: #FF7181;
	}

	.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr:hover th:first-child,
	.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr:hover td{
		background: #C6A55D;
	}

	.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tbody tr:hover th:first-child,
	.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab tr:hover td{
		background: #3B86FF;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption:hover{
		color: #fff;
		background: #FF7181;
		cursor: pointer;
	}

	.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption:hover{
		background: #C6A55D;
	}

	.secStep2 .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption:hover{
		background: #3B86FF;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldSelect:hover{
		cursor: pointer;
	}

	.secStep .stepMain .stepMainRight .btnCollapse:hover{
		opacity: 0.6;
	}
}

/*SP STYLE*/
@media(max-width: 768px){
	.pc{
		display: none;
	}

	.sp{
		display: block;
	}
	
	.secStep .stepProcess{
		width: 100%;
	}

	.secStep .stepProcessWrapper{
		padding: 30px 0;
	}

	.secStep .stepProcess li .stepName{
		font-size: 11px;
	}

	.secStep .stepProcess li .stepText{
		font-size: 12px;
		margin-top: 15px;
	}

	.secStep .stepMain .stepMainRight{
		width: calc(100% - 50px);
	}

	.secStep .stepMain .stepMainRight .tableContent{
		padding-bottom: 90px;
	}

	.secStep .stepMain .stepMainRight .btnCollapse{
		width: 50px;
	    height: auto;
	    transform: translateX(-100%) rotateY(180deg);
	    writing-mode: vertical-rl;
	    background: #fff url(../img/appform2/arrow-right2.svg) no-repeat center bottom 10px/15px 15px;
	    font-size: 14px;
	    color: #FF7181;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 15px 0 30px;
	    letter-spacing: 5px;
	}

	.secStep .stepMain .stepMainRight .btnCollapse span{
		transform: rotateY(180deg);
	}

	.secStep .stepMain .stepMainRight.collapsed .btnCollapse{
		transform: translateX(-100%) rotateY(0deg);
	}

	.secStep .stepMain .stepMainRight.collapsed .btnCollapse span{
		transform: rotateY(0);
	}

	.secStep .stepMain .stepMainRight .btnClose{
		padding: 15px 0;
	    display: block;
	    margin: 0 auto;
	    width: 65px;
	    text-align: center;
	}

	.secStep .stepMain .stepMainRight .btnClose span{
		display: inline-block;
		vertical-align: middle;
	}

	.secStep .stepMain .stepMainRight .btnClose img{
		width: 30px;
		height: 30px;
		vertical-align: middle;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTitle .number{
		font-size: 26px;
		margin-right: 6px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTitle .text{
		font-size: 11px;
	    width: calc(100% - 36px);
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper{
		margin-top: 30px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabTitle{
		font-size: 16px;
		padding: 15px 15px 0;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList{
		padding: 15px 15px 0;
	}

	.secStep .stepMain .stepMainLeft{
		width: 100%;
		margin-bottom: 60px;
	}

	.secStep .stepMain .stepMainLeft .stepItem{
		margin-bottom: 60px;
	}

	.secStep1 .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabList li a{
		font-size: 12px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem table.tableTab{
		width: 754px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabItem{
		overflow-x: auto;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime{
		padding: 0 15px 15px;
		display: block;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li{
		margin-right: 0;
		margin-bottom: 15px;
		width: 100%;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .listContactTime li .CTOption{
		padding: 5px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem{
		padding: 15px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field{
		display: block;
		padding: 5px 0 15px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel1{
		margin-bottom: 15px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel2{
		margin-bottom: 15px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldLabel3{
		width: 100%;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field1 .fieldInput{
		width: 100%;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field .fieldName{
		margin-bottom: 15px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field1 .fieldInput .fieldSelect{
		margin-bottom: 15px;
	}

	.secStep .stepMain .stepMainLeft .stepItem .stepTabWrapper .tabSubItem .field1 .fieldInput .selectName{
		margin-bottom: 15px;
	}

	.secStep .stepMain .stepMainLeft .stepNav .btnBack{
		float: none;
		margin-top: 0;
		margin-bottom: 15px;
	}

	.secStep .stepMain .stepMainLeft .stepNav .formSubmit{
		width: 100%;
	}
}

h1{
	padding: 45px 0 0 0;
	width: 1100px;
	font-size: 36px;
	margin-right: auto;
	margin-left: auto;
	color: #FF7181;
	background-color: transparent;
	text-align: center;
}
h1.secStep1 {
	color: #C6A55D
}
h1.secStep2 {
	color: #3B86FF
}

#gHeader,
#mainImg,
#breadcrumb,
#gFooter{
	display: none;
}

#notice_modal {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 50vw;
	transform: translate(-50%, -50%);
	background-color: white;
	display: none;
	border-radius: 10px;
	border: 2px solid black;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	color: black;
}
#notice_modal #notice_modal_content {
	padding: 1rem;
}
#notice_modal #notice_modal_content div {
	border: 1px solid black;
	margin:2rem;
	padding: 5px;
}
#notice_modal #notice_modal_footer {
	text-align: center;
}
#notice_modal #notice_modal_footer #notice_modal_close {
	margin: 1.5rem;
	height: 4rem;
	width: 10rem;
}