form {padding: 50px 0;}
.form-box{padding : 25px 0 0 0; position: relative;}
.form-box:first-child{padding-top: 0;}
.form-box h5 {font-size : 21px; color : #111213; font-weight: bold; margin : 0 0 23px 0; padding : 0 0 0 2px;}
.form-box h5 > i{font-size : 14px; color : #444; display : inline-block; margin : 0; font-weight: normal;}
.form-box .form-button{font-size : 14px; color : #444; background-color : #ebecef; border : solid 1px #ebecef;  padding : 6px 17px 8px 19px; display: inline-block; border-radius: 3px;}
.form-box .form-button:focus-visible{outline : none; border: solid 1px #c3d5ff;}
.form-box .half > div {width: calc(50% - 12.5px);}
.form-box .full > div {width : 100%;}
.form-box .form-input-wrap{margin : 13px 0; display : flex; justify-content: space-between; position: relative;}
.form-box .form-input-wrap input[type=text],
.form-box .form-input-wrap input[type=password],
.form-box .form-input-wrap textarea { border : solid 1px #adaeb3; height: 50px; padding : 6px 0 0 18px; font-size : 15px; color : #333; border-radius: 3px; width : 100%;}
.form-box .form-input-wrap input[type=text]::placeholder,
.form-box .form-input-wrap input[type=password]::placeholder,
.form-box .form-input-wrap textarea::placeholder{color : rgba(0,0,0,0); font-size : 0;}
.form-box .form-input-wrap textarea {padding : 14px 18px; line-height: 22px; height: 220px;}
.form-box .form-input-wrap input[type=text]:focus,
.form-box .form-input-wrap input[type=password]:focus,
.form-box .form-input-wrap textarea:focus{border-color : #366cf0; box-shadow: 3px 7px 5px 0 rgba(9,0,0,0.05);}
.form-box .form-input-wrap .form-placeholder-box{position: relative;}
.form-box .form-input-wrap .form-placeholder-box input,
.form-box .form-input-wrap .form-placeholder-box textarea{transition : 0.1s ease-out;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text{position: absolute;top : 18px;left : 19px;font-size : 15px;color : #333;cursor: text;transition: 0.1s ease-out;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.report-bug-text{color : #b8b9ba; transition : 0s;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.inputed{transform : translateY(-12px);font-size: 12px; color : #366cf0; }
.form-box .form-input-wrap .form-placeholder-box textarea+.form-placeholder-text.inputed{opacity: 0; visibility: hidden; transition : 0.1s ease-out;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.inputed+input{padding: 12px 0 0 18px;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.inputed+textarea{padding: 22px 0 0 18px;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.required:after{content:'*'; font-size : 17px; color : #f52929; transform : translate(2px, 0); display: inline-block; line-height: 1px; opacity: 1; visibility: visible; transition : 0.1s ease-out;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.inputed.required:after{opacity: 0; visibility: hidden;}
.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.report-bug-text.required:after{display: none;}
.form-box .form-input-wrap .form-placeholder-box textarea:focus + .form-placeholder-text,
.form-box .form-input-wrap .form-placeholder-box input:focus + .form-placeholder-text{color : #366cf0;}
.form-box .form-input-wrap .form-placeholder-box .visible-button{position: absolute; top : 18px; right : 20px; width : 18px; height: 14px; cursor: pointer;}
.form-box .form-input-wrap .form-placeholder-box .visible-button.visible{background-image:url(/images/common/form/input_pwd_visible.png);}
.form-box .form-input-wrap .form-placeholder-box .visible-button.hidden{background-image:url(/images/common/form/input_pwd_hidden.png);}
.form-box .form-input-wrap .datepicker{cursor: pointer; background : url(/images/common/form/icon_datepicker.png) no-repeat 95% 15px;}
.form-box .form-checkbox-wrap{border : solid 1px #adaeb3; border-radius: 3px; margin : 0 0 13px 0;}
.form-box .form-checkbox-wrap ul{display : flex; justify-content: flex-start; flex-wrap : wrap; padding : 19px 18px 9px 24px;}
.form-box .form-checkbox-wrap ul li{margin : 0 8px 10px 0;}
.form-box .form-checkbox-wrap ul li input[type=checkbox]{opacity: 0; visibility: hidden; width : 0; height: 0; display : none;}
.form-box .form-checkbox-wrap ul li label{width : 183px; height: 38px; display : flex; align-items : center; justify-content: center; background-color : #ebecef; border-radius: 3px; font-size : 15px; color : #333; cursor: pointer;}
.form-box .form-checkbox-wrap ul li input[type=checkbox]:checked+label{border : solid 1px #366cf0; background-color : #fff; color : #376ae5; font-weight: 500; box-shadow: 3px 7px 5px 0 rgba(9,0,0,0.05); background-image:url(/images/common/form/background_item_checked.png); background-repeat: no-repeat; background-position: right bottom;}
.form-box .form-privacy-wrap {display : flex; justify-content: center; margin-top: 45px;}
.form-box .form-privacy-wrap input[type=checkbox]{display : none;}
.form-box .form-privacy-wrap label{position: relative;color : #111213;display : inline-block;letter-spacing: -0.02em;cursor: pointer;font-size: 15px;padding: 3px 3px 3px 30px;}
.form-box .form-privacy-wrap label i{display : inline-block;width: 20px;height: 20px;border : solid 1px #d9d2d0;border-radius: 3px;background-color : #fff;cursor: pointer; position: absolute; top : 0; left : 0;}
.form-box .form-privacy-wrap input[type=checkbox]:checked+ label i{background-image:url('/images/common/form/icon_checkbox_on.png'); background-repeat: no-repeat; background-position: center; border-color : #366cf0; }
.form-box .form-privacy-wrap span#privacy-modal {font-size: 15px; color: #366cf0; padding: 3px 0; margin-left: 5px; cursor: pointer; text-decoration: underline;}
.form-box .form-secret-wrap{position: absolute;top: 61px;right : 0;}
.form-box .form-secret-wrap label {font-size : 15px;color : #111213;display : inline-block;padding: 2px 30px 0 19px;background : url(/images/common/form/icon_secret.png) no-repeat 0 1px;height: 19px;cursor: pointer;position: relative;}
.form-box .form-secret-wrap label i{display : inline-block;width: 19px;height: 19px;border : solid 1px #d9d2d0;border-radius: 3px;background-color : #fff;position: absolute;top:0;right : 0;}
.form-box .form-secret-wrap input[type=checkbox]:checked + label i{background-image:url('/images/common/form/icon_checkbox_on.png'); background-repeat: no-repeat; background-position: center; border-color : #366cf0; }
.form-box .form-submit-wrap {display: flex; justify-content: center; margin-top: 20px;}
.form-box .form-submit-wrap button{width: 160px; height: 44px; border-radius: 3px; background-color: #366cf0; text-align: center; font-weight: 500; font-size: 16px; letter-spacing: -0.48px; color: #fff; line-height: 44px;}
.form-box .form-submit-wrap button.submit{background-color : #366cf0; color : #fff;}
.form-box .form-select-wrap{display : flex; justify-content: space-between; }
.form-box .form-select-wrap .select-input{border: solid 1px #adaeb3; height: 50px; padding: 0 0 2px 18px; font-size: 15px; color: #333; border-radius: 3px; display : flex; align-items: center; cursor: pointer; background: url(/images/common/form/icon_select_arrow.png) no-repeat 95% center; position: relative;}
.form-box .form-select-wrap .select-input.focus{border-color : #366cf0; box-shadow: 3px 7px 5px 0 rgba(9,0,0,0.05);}
.form-box .form-select-wrap .select-input.required:after{content:'*'; font-size : 17px; color : #f52929; transform : translate(3px, -1px); display: inline-block; line-height: 1px;}
.form-box .form-select-wrap .select-input ul {position: absolute; top : 47px; left : -1px; width : calc(100% + 2px); z-index: 9999; background-color : #fff; border : solid 1px #366cf0; border-top : none; opacity: 0; visibility: hidden; box-shadow: 3px 7px 5px 0 rgb(9 0 0 / 5%);}
.form-box .form-select-wrap .select-input ul>li{display : flex; align-items: center; padding : 0 0 2px 18px; height: 40px;}
.form-box .form-select-wrap .select-input ul>li:hover{background-color : #f4f4f4;}
.form-box .form-select-wrap .select-input.active{background-image:url(/images/common/form/icon_select_arrow_on.png); border-color : #366cf0;}
.form-box .form-select-wrap .select-input.active ul {opacity: 1; visibility: visible; }
.form-box .form-upload-wrap {font-size : 15px; color : #333;}
.form-box .form-upload-wrap input[type=file]{display : none;}
.form-box .form-upload-wrap .form-file-box{width : 100%; position: relative; border-radius: 5px; }
.form-box .form-upload-wrap .form-file-box ul li{margin : 0 0 13px 0;padding: 17px 10px 16px 18px;border : solid 1px #adaeb3;border-radius: 3px; position: relative;}
.form-box .form-upload-wrap .form-file-box ul li.upload{background-color : #f2f2f2; border-color : #f2f2f2; cursor: pointer;}
.form-box .form-upload-wrap .form-file-box ul li .form-file-size{position: absolute; top : 18px; right : 60px;}
.form-box .form-upload-wrap .form-file-box ul li .form-file-icon{display: block; position: absolute; top : 19px; right : 20px; background-size : 100%;  width : 12px; height: 12px; cursor: pointer;}
.form-box .form-upload-wrap .form-file-box ul li .form-file-icon.add{background-image: url(/images/common/form/icon_file_add.png); }
.form-box .form-upload-wrap .form-file-box ul li .form-file-icon.delete{background-image: url(/images/common/form/icon_file_delete.png);}
.form-box .form-type-wrap{margin : 0 0 20px 0;}
.form-box .form-type-wrap ul{display: flex; justify-content: space-between;}
.form-box .form-type-wrap ul li{width : calc(33.333% - 7.666px);}
.form-box .form-type-wrap ul li a{background-color: #eef0f1; width : 100%; height: 50px; border-radius: 3px; display: flex; justify-content: center; align-items: center; padding : 0 0 2px 0;}
.form-box .form-type-wrap ul li a span{font-size : 18px; display: inline-block; position: relative;}
.form-box .form-type-wrap ul li.active a {background-color : #366cf0; color : #fff;}
.form-box .form-type-wrap ul li.active a span:after{content:''; display: block; width : 18px; height: 17px; background-image : url(/images/question/icon-question-type-check.png); position: absolute; top : -3px ; right : -25px;}
.form-box .form-report-bug-wrap{position: absolute;top: 35px;right : 0;}
.form-box .form-report-bug-wrap .tooltip {position: relative;}
.form-box .form-report-bug-wrap .tooltip label {font-size : 15px;color : #111213; padding: 2px 0 0 0;height: 19px;cursor: pointer;position: relative; display: flex; align-items: center;}
.form-box .form-report-bug-wrap .tooltip label i{display : inline-block;width: 18px;height: 18px;border : solid 1px #d9d2d0;border-radius: 3px;background-color : #fff;margin: 0 7px 0 0;}
.form-box .form-report-bug-wrap .tooltip input[type=checkbox]{display: none;}
.form-box .form-report-bug-wrap .tooltip input[type=checkbox]:checked + label i{background-image:url('/images/common/form/icon_checkbox_white_on.png'); background-repeat: no-repeat; background-position: center; background-color :#366cf0;  border-color : #366cf0; }
.form-box .form-report-bug-wrap .tooltip .tip-text{opacity:0; visibility:hidden; position: absolute;top: 31px;right : 0;font-size : 13px;background-color : #222d4a;color : #fdfdfd;z-index: 9;border-radius: 15px;background-image:url(/images/common/form/icon_report_bug_tooltip.png);background-repeat: no-repeat;background-position: 20px 20px;padding : 60px 20px 22px;line-height: 18px;width : 211px;letter-spacing: -0.025em;}
.form-box .form-report-bug-wrap .tooltip:hover .tip-text{opacity: 1; visibility: visible;}
.form-box .form-report-bug-wrap .tooltip .tip-text:after{content:''; display: block; width : 14px; height: 7px; background-image:url(/images/common/form/icon_report_bug_arrow.png); position: absolute; top : -7px; left : 99px;}

.form-box#captcha-info {padding-top: 7px}
.form-box .form-captcha-wrap {display: grid; column-gap: 10px; grid-template-areas: "captcha text" "captcha textinput"; grid-template-columns: min-content 1fr;}
.form-box .form-captcha-wrap p {grid-area: text; font-size: 13px; color: #444;}
.form-box .form-captcha-wrap #captcha-input-wrap {grid-area: textinput; align-self: end; max-width: 250px;}
.form-box .form-captcha-wrap input {border: solid 1px #adaeb3; border-radius: 3px; padding: 0 15px; font-size: 14px; color: #333; width: 100%; height: 40px;}
.form-box .form-captcha-wrap #captcha-wrap {grid-area: captcha; display: flex; border-radius: 3px; border: solid 1px #adaeb3;}
.form-box .form-captcha-wrap #captcha-wrap #imgCaptcha {width: 150px; height: 58px;}
.form-box .form-captcha-wrap #captcha-wrap #captcha-refresh {display: flex; width: 42px; align-items: center; justify-content: center; border-left: solid 1px #adaeb3; background: url("/images/common/form/ic_captcha_refresh.svg") center/14px no-repeat #fff; cursor: pointer;}
.form-box .form-captcha-wrap .form-placeholder-text {display: none; }


#corp-info.form-box .form-addr-wrap .form-button{position: absolute; top : 10px; right : 15px; z-index: 2;}
#contact-info.form-box .form-button{position: absolute; top : 28px; right : 0; background-image : url(/images/common/form/icon_contact_add.png); background-repeat: no-repeat; background-position: 14px 50%; padding-left : 30px;}
#OpenDueDate{}
 
 
@media (max-width: 1250px) {

}
@media (max-width: 980px) {

}

@media (max-width: 500px) {
	.form-box:first-child{padding-top : 30px;}
	.form-box h5{font-size : 18px; font-weight: 500;}
	.form-box .half > div{width : 100%; margin-bottom : 10px;}
	.form-box .half > div:last-child{margin-bottom : 0;}
	.form-box .form-checkbox-wrap ul{padding : 10px; margin : 0 -5px;}
	.form-box .form-checkbox-wrap ul li{margin : 5px; width : calc(50% - 10px);}
	.form-box .form-checkbox-wrap ul li label{width : 100%;}
	.form-box .form-input-wrap{flex-wrap : wrap; margin : 0 0 10px 0;}
	.form-box .form-input-wrap textarea{padding : 10px;}
	.form-box .form-input-wrap .form-placeholder-box textarea+.form-placeholder-text{top : 14px; transform : unset;}
	.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text{top : 50%; left : 18px; transform : translateY(-50%);}
	.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.inputed{transform : translateY(-18px); font-size : 11px;}
	.form-box .form-input-wrap .form-placeholder-box .form-placeholder-text.report-bug-text{line-height: 1.4;}
	.form-box .form-privacy-wrap{width : 100%; margin-bottom : 40px;}
	.form-box .form-privacy-wrap label {font-size: 16px;}
	.form-box .form-submit-wrap {justify-content: center;}
	.form-box .form-type-wrap ul{border : solid 1px #adaeb3; border-radius: 3px; overflow: hidden;}
	.form-box .form-type-wrap ul li{width : 33.333%; position: relative;}
	.form-box .form-type-wrap ul li:after{content:''; display: block; width: 1px; height: 100%; position: absolute; top : 0; right : 0; background-color : #adaeb3;}
	.form-box .form-type-wrap ul li:last-child:after{display: none;}
	.form-box .form-type-wrap ul li a{border-radius: 0; background-color : #fff;}
	.form-box .form-type-wrap ul li a span{font-size : 14px;}
	.form-box .form-type-wrap ul li.active a span:after{display: none;}
	.form-box .form-report-bug-wrap{top : 28px;}
}

@media (max-width: 440px) {
	.form-box .form-captcha-wrap {grid-template-areas: "captcha" "textinput"; grid-template-columns: 194px; row-gap: 10px;}
	.form-box .form-captcha-wrap p {display: none;}
}

@media (max-width: 430px) {
	#jAlert_container .jAlert_body .modal-box p br {display: none;}
}

@media (max-width: 399px) {
	.form-box .form-privacy-wrap {flex-direction: column;}
	.form-box .form-privacy-wrap span#privacy-modal {margin-left: 30px;}
}