@charset "utf-8";

/* popup */
#sc-popup {
	position:relative; max-width:650px; height:450px; background:url("../images/sc_popup_bg_250527.png") 50% 50% no-repeat; background-size:cover;
}
#sc-popup .sc-copy-wrapper {
	position:relative; padding:40px 20px 0 20px;
}
#sc-popup .sc-copy-wrapper .sc-headline {
	font-size:32px; line-height:1.3; color:#fff386; font-weight:800; text-align:center;
}
#sc-popup .sc-copy-wrapper .sc-headline span {
	display:inline-block;
}
#sc-popup .sc-copy-wrapper .sc-desc {
	font-size:15px; line-height:1.5; color:#fff; font-weight:400; text-align:center; margin-top:15px;
}
#sc-popup .sc-content {
	position:relative; display:flex; max-width:620px; margin:50px auto 0 auto;
}
#sc-popup .sc-content .sc-section {
	position:relative; flex:1; padding:0 15px;
}
#sc-popup .sc-content .sc-certify {
	display:flex; align-items:center; position:relative; height:100%; padding:15px 20px; border-radius:5px; background-color:#fff;
}
#sc-popup .sc-content .sc-certify ul li  {
	padding:5px 0;
}
#sc-popup .sc-content .sc-certify .sc-row-inline .sc-label {
	width:90px; font-size:14px; line-height:1.4; color:#222; font-weight:400;
}
#sc-popup .sc-content .sc-certify .sc-row-inline .sc-form-input {
	flex:1;
}
#sc-popup .sc-content .sc-certify .sc-btns {
	display:flex; justify-content:center;
}
.sc-btn-certify {
	width:100%; height:32px; font-size:14px; line-height:1.2; color:#fff; font-weight:400; border:0; border-radius:3px; background-color:#de6b00; transition:all 0.25s;
}
.sc-certify .sc-btn-certify:hover {
	background-color:#cb6100;
}
#sc-popup .sc-infotxt {
	font-size:14px; line-height:1.4; color:#ffd600; font-weight:600;
}
#sc-popup .sc-link-wrapper {
	position:relative; width:280px; margin-top:30px;
}
#sc-popup .sc-link-wrapper .sc-item {
	position:relative; margin-top:5px;
}
#sc-popup .sc-link-wrapper .sc-link {
	display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:46px; padding:0 15px; border-radius:5px; background-color:#ffd600; transition:all 0.25s;
}
#sc-popup .sc-link-wrapper .sc-link .sc-txt {
	font-size:15px; line-height:1.2; color:#00224b; font-weight:600;
}
#sc-popup .sc-link-wrapper .sc-link:hover{
	background-color:#ffae12;
}
#sc-popup .sc-link-wrapper .sc-link .sc-arrow {
	position:relative; width:30px; height:10px; opacity:0.5;
}
#sc-popup .sc-link-wrapper .sc-link .sc-arrow::before {
	content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#00224b;
}
#sc-popup .sc-link-wrapper .sc-link .sc-arrow::after {
	content:""; position:absolute; bottom:4px; right:0; width:10px; height:1px; background-color:#00224b; transform:rotate(45deg);
}

/* media query */
@media screen and (max-width:650px) {
	#sc-popup {
		height:auto;
	}
	#sc-popup .sc-content {
		flex-wrap:wrap; padding-bottom:20px; margin-top:20px;
	}
	#sc-popup .sc-content .sc-section {
		flex:0 0 100%; max-width:100%;
	}
	#sc-popup .sc-content .sc-certify ul  {
		width:100%;
	}
	#sc-popup .sc-infotxt {
		margin-top:15px;
	}
	#sc-popup .sc-link-wrapper {
		width:100%; margin-top:15px;
	}
}

/* safety check common */
#sc-safetyCheck .sc-dp-fx {
	display:flex !important;
}
#sc-safetyCheck .sc-w-100per {
	width:100% !important;
}
#sc-safetyCheck .sc-section {
	position:relative;
}
#sc-safetyCheck .sc-section:not(:first-child) {
	margin-top:20px;
}
#sc-safetyCheck .sc-card {
	position:relative; border-radius:10px; background-color:#fff;
}
#sc-safetyCheck .sc-secTit {
	position:relative; display:flex; align-items:flex-end; padding:0 10px; margin-bottom:5px;
}
#sc-safetyCheck .sc-secTit .sc-title {
	font-size:20px; line-height:1.4; color:#222; font-weight:600;
}
#sc-safetyCheck .sc-secTit .sc-txt {
	font-size:14px; line-height:1.4; color:#555; font-weight:400; margin-left:auto;
}
#sc-safetyCheck .sc-secTit .sc-txt em {
	color:#F36600;
}
#sc-safetyCheck .sc-items {
	position:relative;
}
#sc-safetyCheck .sc-items > .sc-item {
	position:relative; padding:20px;
}
#sc-safetyCheck .sc-items > .sc-item:not(:first-child) {
	border-top:1px solid #e4e4e4;
}
#sc-safetyCheck .sc-item-title {
	line-height:22px; color:#222; font-weight:600; margin-bottom:12px;
}
#sc-safetyCheck .sc-item-title.sc-dp-fx {
	align-items:flex-start;
}
#sc-safetyCheck .sc-item-title .sc-num {
	line-height:24px; margin-right:8px; white-space:nowrap;
}
#sc-safetyCheck .sc-item-title .sc-num::after {
	content:".";
}
#sc-safetyCheck .sc-item-title em {
	color:#F36600;
}
#sc-safetyCheck .sc-item-title .sc-txt {
	font-weight:400;
}
#sc-safetyCheck .sc-row-fx {
	position:relative; display:flex; flex-wrap:nowrap; margin:0 -10px;
}
#sc-safetyCheck .sc-row-fx > .sc-col {
	position:relative; flex:1; padding:0 10px;
}
#sc-safetyCheck .sc-row-fx.sc-checkbox-group {
	flex-wrap:wrap;
}
#sc-safetyCheck .sc-row-fx.sc-checkbox-group > .sc-col {
	flex:none;
}
#sc-safetyCheck .sc-row-fx.sc-checkbox-group > .sc-col:not(:first-child) {
	margin-left:30px;
}
#sc-safetyCheck .sc-warningMessage {
	font-size:13px; line-height:1.4; color:#ea4600; font-weight:600; margin-top:10px;
}

/* media query */
@media screen and (max-width:500px) {
	#sc-safetyCheck .sc-row-fx.sc-checkbox-group > .sc-col {
		flex:0 0 100%; margin-left:0 !important; margin-top:5px;
	}
}

/* safety check */
#sc-safetyCheck {
	margin: 0 auto;
	position:relative;
	width:100%;
	max-width: 1050px;
	padding:40px 20px 30px 20px;
	background: #eaeff4 url("../images/sc_safetyCheck_bg.png") 0 0/100% no-repeat;
}
#sc-safetyCheck .sc-copy-wrapper {
	position:relative; padding:0 20px;
}
#sc-safetyCheck .sc-copy-wrapper .sc-headline {
	font-size:32px; line-height:1.4; color:#ffd600; font-weight:800;
}
#sc-safetyCheck .sc-copy-wrapper .sc-desc {
	font-size:16px; line-height:1.5; color:#302f2b; font-weight:600; margin-top:10px;
}

#sc-safetyCheck .sc-infoTxt {
	position:relative; padding:15px;
}
#sc-safetyCheck .sc-infoTxt em {
	font-size:16px; line-height:1.4; color:#ea4600;
}

#sc-safetyCheck .sc-sel-option {
	position:relative; display:flex;
}
#sc-safetyCheck .sc-sel-option > .sc-col {
	position:relative;
}
#sc-safetyCheck .sc-sel-option > .sc-col:not(:first-child) {
	margin-left:50px;
}

#sc-safetyCheck .sc-register {
	text-align:center;
}

/* media query */
@media screen and (max-width:500px) {
	#sc-safetyCheck .sc-sel-option {
		flex-wrap:wrap;
	}
	#sc-safetyCheck .sc-sel-option > .sc-col {
		flex:0 0 100%; max-width:100%;
	}
	#sc-safetyCheck .sc-sel-option > .sc-col:not(:first-child) {
		margin-left:0; margin-top:10px;
	}
}

.d-flex  {display: -ms-flexbox !important; display: flex !important;}
.j-between { justify-content: space-between !important; }
.j-center { justify-items: center !important; }
.col-4  {-ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%;}
.sc-checkbox {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	cursor: pointer;
}

/* table */
.sc-section table {
   width: 100%;
   border-top: 2px solid #0d61b1;
   border-bottom: 1px solid #b5b5b5;
   color: #212529;
   border-collapse: collapse;
   border-spacing: 0;
	background: #fff;

}
.sc-section table caption {
   position: absolute;
   top: -10000px;
   left: -10000px;
   height: 1px;
   width: 1px;
   text-align: left;
   overflow: hidden;
}
.sc-section table > :not(caption) > * > * {
   padding: 1rem;
   border-bottom: 1px solid #dee2e6;
   vertical-align: middle;
}
.sc-section table > thead > tr > th {
   text-align: center;
   border-bottom: 1px solid #bbb;
   background: #f9f9f9;
   color: #0d61b1;
}
.sc-section table > tbody + tbody {
   border-top: 0.2rem solid #bbb;

}
.sc-section table.tb-lg > :not(caption) > * > * {
   padding: 1.5rem;
}
.sc-section table.tb-md > :not(caption) > * > * {
   padding: 1.3rem;
}
.sc-section table.tb-xs > :not(caption) > * > * {
   padding: 0.2rem;
   font-size: 1.4rem;
}

.sc-section table.type01 {
   border-right: 1px solid #dee2e6;
}
.sc-section table.type01 > :not(caption) > * > * {
   border-left: 1px solid #dee2e6;
   border-bottom: 1px solid #dee2e6;
}
.sc-section table.type01 > :not(caption) > * > th {
   background: #f5f5f5;
}
.sc-section table.type02 {
   border-right: 1px solid #ddd;
   border-top: 2px solid #0d61b1;
}
.sc-section table.type02 > :not(caption) > * > * {
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   text-align: left;
}
.sc-section table.type02 > :not(caption) > * > th {
   background: #f9f9f9;
   color: #0d61b1;
   font-weight: 600;
   text-indent:  0;
text-align: center;
}
.sc-section table.type03 {
   border-top: 0;
   border-bottom: 1px solid #dee2e6;
}
.sc-section table.type03 > thead > tr > th {
   background: #eee;
   border: 0;
}
.sc-section table.type03 > tbody > tr:last-child > * {
   border-bottom: 1px solid #dee2e6;
}
.sc-section table.type04 {
   border: 1px solid #6b98c3; /* border-radius:1rem; overflow:hidden;  */
   border-collapse: inherit;
}
.sc-section table.type04 > * > tr > th {
   background: #6b98c3;
   border-bottom: 1px solid #81abd3;
   color: #fff;
}
.sc-section table.type04 > * > tr > td {
   border-bottom: 1px solid #eee;
}
.sc-section table.type04 > * > tr > * {
   border: 0;
}
.sc-section table.respon .label {
   display: none;
}
.sc-section table tbody td {
	justify-items: center;
}


.sc-section .tbWrap + .tbWrap {
   margin-top: 2rem;
}

.sc-section .tbHead {
   margin-bottom: 1rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.sc-section .tbHead > * {
   /*   width:100%; */
}
.sc-section .tbHead > form {
   display: flex;
}

.sc-section .tbHead p {
   margin: 0;
}

.sc-section .tbHead .inputGroup {
   flex-wrap: nowrap;
   margin: 0 3px;
}
.sc-section .tbHead .inputGroup .inputForm {
   width: auto;
}

.txt-center { text-align: center!important;}