@charset "UTF-8"; 

.plus-attach {
	padding: 6px 20px;
    background: #767676;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}

/* button common */
.b-btn01 ul li button{background:none;cursor:pointer;}
.b-btn01.type01 ul li a.b-btn-c-blue, .b-btn01.type01 ul li button.b-btn-c-blue{background-color:#0053CF;border-color:#0053CF;color:#fff;}

/* .b-btn01 type01 */
.b-btn01.type01 ul{padding:50px 0 0 0;display: flex;gap: 5px 16px;justify-content: center;}
.b-btn01.type01 ul li{display:inline-block;}
.b-btn01.type01 ul li a,
.b-btn01.type01 ul li button{display:block;padding:18px 36px;border: 1px solid #0053CF;font-weight: 600;font-size: 20px;line-height: 100%;color: #0053CF;border-radius: 100px;min-width: 180px;text-align: center;box-sizing: border-box;}
.b-btn01.type01 ul li a.active,
.b-btn01.type01 ul li button.active{background-color:#095d3b;color:#fff}
.b-btn01.type01 ul li a:hover{background-color:#0048A0;color:#fff}

/* checkbox, radio */
.b-chk{display:none;}
.b-chk + label{display:inline-block;position:relative;vertical-align:middle;cursor:pointer;font-weight: 500;font-size: 18px;line-height: 120%;color: #767676;padding-left: 28px;}
.b-chk + label:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid rgba(0, 0, 0, 0.2);box-sizing:border-box;border-radius: 4px;}
.b-chk:checked + label:before{background:url(../img/common/checkbox-a.png) no-repeat center;}

.b-s-chk{display: flex;gap: 10px 30px;align-items: center;flex-wrap: wrap;}
.b-s-chk > div{display: flex;gap: 10px;align-items: center;}
.b-radio {position: absolute;left: -99999px;opacity: 0;}
.b-radio + label {display: inline-block;position: relative;padding-left: 30px;vertical-align: middle;cursor: pointer;font-weight: 500;font-size: 18px;line-height: 110%;color: #767676;white-space: nowrap;text-transform: capitalize;}
.b-radio + label:before{content: "";display: inline-block;position: absolute;top: 50%;left: 0;width: 20px;height: 20px;border: 1px solid rgba(0, 0, 0, 0.2);background-color: #fff;border-radius: 24px;box-sizing: border-box;transform: translateY(-50%);}
.b-radio:checked + label:after{content: "";display: block;position: absolute;top: 5px;left: 5px;width: 10px;height: 10px;background-color: #0048A0;border-radius: 50%;}

.b-input{border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 4px !important;padding: 10px 20px;font-weight: 400;font-size: 16px;line-height: 110%;color: #262626;max-width: 368px;width: 100%;box-sizing: border-box;height: 40px;}
.b-input-100{max-width: 100%;}

.b-table-wrap{border-top: 2px solid #0048A0;}
.b-row-box{display: flex;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.b-row-box .b-col-box{display: flex;width: 100%;box-sizing: border-box;}
.b-row-box .b-title-box{width: 200px;font-weight: 500;font-size: 18px;line-height: 110%;color: #003B84;padding: 20px;box-sizing: border-box;border-right: 1px solid rgba(0, 0, 0, 0.1);display: inline-flex;align-items: center;justify-content: center;background: #F4F8FC;text-transform: capitalize;}
.b-row-box .b-title-box.b-required label{position: relative;text-transform: capitalize;}
.b-row-box .b-title-box.b-required label:after{content:'*';font-weight: 500;font-size: 18px;line-height: 110%;color: #ED1C24;display: inline-block;margin-left: 3px;}
.b-row-box .b-con-box{flex: 1;font-weight: 400;font-size: 18px;line-height: 150%;color: #231F20;padding: 10px 16px;box-sizing: border-box;display: flex;flex-wrap: wrap;align-items: center;gap: 10px 30px;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.b-row-box .b-col-box:last-child .b-con-box{border-right: 0;}
.b-row-box .b-con-box.b-table-wrap02{padding: 0;gap: 0;}
.b-row-box .b-con-box.b-table-wrap02 .b-row-box:last-child{border-bottom: 0;}
.b-row-box .b-con-box.b-table-wrap02 .b-title-box{background: #fff;color: #767676;max-width: 160px;}

.fair-input-box .step-box{display:flex;gap:20px 60px;justify-content:space-between;overflow: auto;}
.fair-input-box .step-box li{padding: 24px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 50px;max-width: 326px;width: 100%;box-sizing: border-box;font-weight: 500;font-size: 20px;line-height: 24px;color: #262626;text-align: center;position: relative;white-space: nowrap;}
.en .fair-input-box .step-box li {max-width:100%;}
.fair-input-box .step-box li:not(:last-child):before{content:'';background: url(../img/common/step.png)no-repeat center;width: 21px;height: 20px;position: absolute;right: -41px;top: 0;bottom: 0;margin: auto;}
.fair-input-box .step-box li span{font-weight: 600;font-size: 24px;line-height: 28px;color: #262626;margin-left: 10px;}
.fair-input-box .step-box li.active{background:#F4F8FC;color: #0048A0;border-color: #F4F8FC;}
.fair-input-box .step-box li.active span{color: #0048A0;}
.fair-input-box .step-content{margin-top:50px;display:none;}
.fair-input-box .step-content.active{display:block;}
.fair-input-box .b-chk-box{display: flex;justify-content: flex-end;}

.b-table-wrap .b-select{padding: 10px 40px 10px 20px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 4px;background:#fff url(../img/board/i-selectbox.png) no-repeat right 16px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight: 400;font-size: 16px;line-height: 110%;color: #262626;height: 40px;}
.b-table-wrap .b-tel-box{display: flex;gap: 5px 10px;align-items: center;flex-wrap: wrap;}
.b-table-wrap .b-tel-box input{max-width: 112px;}
.b-table-wrap .b-email-box{display: flex;gap: 5px 10px;align-items: center;flex-wrap: wrap;}
.b-table-wrap .b-email-box input{max-width: 164px;}
.b-table-wrap .b-capcha-box{display: flex;gap: 5px 30px;align-items: center;flex-wrap: wrap;}
.b-table-wrap .b-capcha-box input{max-width: 240px;}
.b-table-wrap .b-capcha-box > div{display: flex;align-items: center;}
.b-table-wrap .b-btn-small{font-size: 15px;color: #fff;padding: 11px 16px;display: inline-flex;justify-content: center;align-items: center;min-width: 136px;box-sizing: border-box;cursor: pointer;background: #767676;border: 0;}
.fair-input-box form .mark-p{font-size: 16px;line-height: 19px;letter-spacing: -0.02em;}

/*
.fair-input-box .b-upload-wrap{display: flex;gap: 12px;flex-direction: column;}
.fair-input-box .b-upload-box{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}
.fair-input-box .b-upload-box input{position: relative;}
.fair-input-box .b-upload-box input:before{content:'';width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;}
.fair-input-box .b-upload-box label{font-weight: 500;font-size: 16px;line-height: 140%;color: #fff;padding: 9px 20px;background: #BBBBBB;border-radius: 8px;white-space: nowrap;height: 40px;box-sizing: border-box;cursor: pointer;margin-right: 20px;}
.fair-input-box .b-upload-box .mark-p{white-space: nowrap;}

*/

.fair-input-box .upload-box{align-items: baseline;gap: 12px;}
.fair-input-box .upload-box .b-upload-wrap{order: 1;max-width: 554px;width: 100%;display: flex;gap: 12px 20px;flex-direction: column;}
.fair-input-box .upload-box .b-upload-wrap .b-upload-box{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}
.fair-input-box .upload-box .b-upload-wrap .b-upload-box input{flex: 1;}
.fair-input-box .upload-box .b-upload-wrap .b-upload-box .b-file-btn{background: #BBBBBB;border-radius: 8px;font-weight: 500;font-size: 16px;line-height: 140%;color: #FFFFFF;width: 97px;height: 40px;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;outline: 0;border: 0;box-sizing: border-box;} 
.fair-input-box .upload-box .b-upload-wrap .b-upload-box .plus-attach{background: #BBBBBB;border-radius: 8px;font-weight: 500;font-size: 16px;line-height: 140%;color: #FFFFFF;height: 40px;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;outline: 0;border: 0;box-sizing: border-box;text-transform: capitalize;}
.fair-input-box .upload-box .mark-p{order: 2;}
.fair-input-box .upload-box .b-file-name{display: flex;flex-direction: column;gap: 5px;order: 3;width: 100%;}
.fair-input-box .upload-box .b-file-name li{font-weight: 500;font-size: 18px;line-height: 21px;letter-spacing: -0.02em;color: #262626;display: flex;gap: 10px;align-items: center;}
.fair-input-box .upload-box .b-file-name li a{padding: 6px 20px;background: #767676;border-radius: 4px;font-weight: 500;font-size: 16px;line-height: 140%;color: #FFFFFF;}

.fair-input-box form .b-btn01.type01 ul li a.b-btn-c-blue, .fair-input-box form .b-btn01.type01 ul li button.b-btn-c-blue{background:#0053CF url(../img/common/ico-arrow.png) no-repeat center right 24px;padding-right: 73px;}

@media(max-width: 1024px){
	.b-row-box{flex-direction: column;border-bottom: 0;}
	.b-row-box .b-col-box{flex-direction: column;gap: 4px;padding: 10px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	.b-row-box .b-title-box{width: 100%;border-right: 0;justify-content: flex-start;padding: 16px;}
	.b-row-box .b-con-box{padding: 10px 16px;flex-direction: column;align-items: flex-start;border-right: 0;}
	.b-row-box .b-con-box .ul-flex-blue{margin-top: 16px;}
	.b-row-box .b-con-box.b-table-wrap02{padding: 0 16px;}
	.b-row-box .b-con-box.b-table-wrap02 .b-title-box{max-width: 100%;padding: 0;}
	.b-row-box .b-con-box.b-table-wrap02 .b-con-box{padding: 0;}
	.b-row-box .b-con-box.b-table-wrap02 .b-col-box:last-child{border-bottom: 0;}
	
	.fair-input-box .step-box li{font-size: 16px;line-height: 20px;}
	.fair-input-box .step-box li span{font-size: 18px;line-height: 22px;}
}

@media(max-width: 768px){
	/* .b-btn01 type01 */
	.b-btn01.type01 ul{padding:25px 0 0;flex-direction: column;}
	.b-btn01.type01 ul li a,
	.b-btn01.type01 ul li button{padding: 10px;font-size:16px;width: 100%;}
	.fair-input-box form .b-btn01.type01 ul li a.b-btn-c-blue, .fair-input-box form .b-btn01.type01 ul li button.b-btn-c-blue{padding: 10px 20px;}
	.fair-input-box .fair-result-wrap .b-btn01.type01 ul li a, .fair-input-box .fair-result-wrap .b-btn01.type01 ul li button{padding: 10px 20px;}
	.b-input{max-width: 100%;}
	.fair-input-box .b-tel-box input{max-width: 100%;flex: 1;}
}

/* Fair result */
.fair-result-box{background: #F4F8FC;border-radius: 12px;padding: 50px 20px 80px;display: flex;flex-direction: column;align-items: center;}
.fair-result-box h5{margin: 30px 0 20px;font-weight: 600;font-size: 40px;line-height: 120%;color: #003B84;text-align: center;}
.fair-input-box .fair-result-wrap .b-btn01.type01 ul li a.b-btn-c-blue, .fair-input-box .fair-result-wrap .b-btn01.type01 ul li button.b-btn-c-blue{background:#0053CF;padding-right: 36px;color: #fff;}
.fair-input-box .fair-result-wrap .b-btn01.type01 ul li a, .fair-input-box .fair-result-wrap .b-btn01.type01 ul li button{background:#fff url(../img/common/ico-arrow02.png) no-repeat center right 24px;padding-right: 73px;color: #0053CF;}

@media(max-width: 1024px){
	.fair-result-box h5{font-size: 22px;}
}

/* Fair view */
.fair-view-box01 .b-btn01.type01 ul{padding: 30px 0 0;}
.fair-view-box02{padding-top: 50px;margin-top: 80px;border-top: 1px solid rgba(0, 0, 0, 0.2);}
.fair-view-box02 .btn-fair-cancel{padding: 6.5px 20px;border: 1px solid #BBBBBB;border-radius: 8px;font-weight: 500;font-size: 16px;line-height: 140%;color: #767676;}

@media(max-width: 1024px){
	.fair-view-box02{padding-top: 30px;margin-top: 50px;}
}