@charset "UTF-8";

.container .subject h2.on { background: url(../images/Heading_h3.png) no-repeat; padding-left: 30px; line-height: 25px; margin-left: 0.5em; }
.vocContainer { border-top: 1px solid #222; margin-top: 30px; border-bottom: 1px solid #222; margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; }
.vocWrap { font-family: 'Noto Regular', sans-serif; }
.vocSection { padding: 10px; }
.vocTitle { width: 150px; font-weight: bold; }
.vocMobileFlex { float: left; }
.mPopupSearchBtn { background: url(../images/oneIcon.png) no-repeat; background-position: 10px 12px; background-size: 16px; padding-left: 32px !important; }
.requiredTitle { background: url(../images/ico-mark.png) no-repeat; background-position-y: 24px; padding-left: 15px; }
.vocbutton-agreeTitle input { width: 180px; height: 45px; font-size: 16px; border-radius: 10px; overflow: hidden; margin-top: 15px; cursor: pointer; }
#vocAdresDetail { max-width: 650px; }
#vocAdres { max-width: 551px; }
#vocAdresZip { width: 90px; }
#vocEmail1 { max-width: 310px; }
#vocCn { width: 100%; height: 250px; }
.vocItem { display: flex; line-height: 55px; }
.vocItem .vocContent input[type=button] { height: 40px; border-radius: 9px; font-weight: bold; font-size: 13px; cursor: pointer; padding-left: 15px; padding-right: 15px; min-width: 100px; background-color: #f0f0f0; }
.vocItem .vocContent span { margin-right: 5px; margin-left: -4px; }
.vocItem .vocContent .vocW100p { width: 100%; }
.vocItem .vocContent .vocW50p { width: 50%; }
.vocItem .vocContent .vocW300px { width: 300px; }
.vocItem .vocContent .crtfcCount span { margin-left: unset; }
.vocContent { width: 100%; }
.vocContent input { margin-right: 9px; }
.vocContent input[type=text] { padding: 0 15px; height: 40px; font-size: 14px; border-radius: 4px; }
.vocContent select { height: 40px; padding-left: 15px; padding-right: 30px; font-size: 14px; appearance: none; background: #FFFFFF url(../images/sel-down.png) no-repeat right 15px center; border-radius: 4px; width: 100px; margin-right: 8px; }
.vocContent .vocEmailSelect { width: 160px;  }
.vocContent .vocMflex { display: flex; align-items: center }
.vocContent .mPopupFileForm select { font-size: 14px; color: #333; padding: 10px; height: 130px; width: 100%; background: none; font-family: 'Noto Regular'; overflow-y: auto;}
.vocContent .mPopupFileForm .file-btn.add { background: #ececec url(/Web-home/_UI/images/common/ico-file-add.png) no-repeat 10px center; margin-right: 5px; padding-left: 30px; }
.vocContent .mPopupFileForm .file-btn.del { background: #ececec url(/Web-home/_UI/images/common/ico-file-del.png) no-repeat 14px center; padding-left: 35px; }
.vocContent .mPopupFileForm .fileUploadSigle { height: 45px; overflow: hidden; }
.vocArea-agreeTitle { text-align: center; display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }
.vocArea-agreeInfoCn { padding: 30px; border-radius: 18px; background: #F2F8FF; overflow-x: auto; min-height: 150px; max-height: 200px;  }
.vocArea-agreeCn { padding: 20px 30px 20px 30px; border: 1px solid #c3c3c3; border-radius: 20px; }
.vocItem-agreeInfoCn { counter-reset: count; font-size: 16px; color: #333; font-weight: 200; line-height: 1.8; font-family: 'S-CoreDream-4Regular';  }
.vocItem-agreeInfoCn p { margin-top: 4px; }
.vocItem-agreeCn { height: 22em; overflow: auto; padding-right: 25px; }
.vocArea-agreeHader { display: flex; justify-content: space-between; align-items: self-end; margin-bottom: 16px; margin-top: 40px; }
.vocArea-agreeHader h3 { font-size: 26px; color: #333; font-family: 'S-CoreDream-6Bold'; }
.blue_check input { position: absolute; opacity: 0; }
.blue_check span { display: inline-block; padding-left: 25px; background: url(../images/ex-checkbox.png) left center / 20px no-repeat; }
.blue_check input:checked + span { background: url(../images/ex-checkbox_chk.png) left center / 20px no-repeat; }
.agreement-list h6 { font-size: 18px; margin: 12px 0 4px; }

.btn-style.round {display: inline-block; padding: 14px 42px; background: #fff; border-radius: 30px; font-weight: 400; font-size: 15px; margin: 2px 0; transition: all 0.35s;}
.btn-style.round.type1 {border: 1px solid #fff; color: #fff; background: #2B3E5C;}
.btn-style.round.type1:hover {background: #fff; border-color: #2B3E5C; color: #2B3E5C;}
.btn-style.round.type2 {border: 1px solid #fff; color: #fff; background: #8E99AB;}
.btn-style.round.type2:hover {background: #fff; border-color: #8E99AB; color: #8E99AB;}
.btn-style.round.type3 {border: 1px solid #1E5BA8; color: #1E5BA8;}
.btn-style.round.type3:hover {background: #1E5BA8; color: #fff;}
.form_btn.blue { color: #fff; border: 1px solid #005bac; background: #005bac; }

.file-info-text { margin-top: 10px; color: #666; font-size: 14px; font-weight: 500; line-height: normal;}
.bottom_btn_set { display: flex; gap: 10px; width: 100%; justify-content: center; }

@media all and (max-width: 800px) {
	.crtfcCount { display: flex; flex-direction: column; line-height: 30px; }
}

@media all and (max-width: 768px) {
	.vocItem { flex-direction: column; }
	.vocItem .vocContent input[type=text] { width: 100%;  }
	.vocMobileFlex { display: flex; float: none; margin-bottom: 10px; }
	.btn-style.round {font-size: 18px; padding: 16px 40px;}
}