2024/03/19[웹접근성 수정] 모바일 > 조정신청 > 신청서 작성
This commit is contained in:
parent
37310095d5
commit
25b33e07f7
@ -134,13 +134,13 @@ function tutorialPop(){
|
||||
<!-- <p class="tit">2. <span>조정신청 대상</span>을 선택해주세요.</p> -->
|
||||
<p class="tit">2. 조정의 당사자 <span>본인</span>이신가요?</p>
|
||||
<ul>
|
||||
<li style="height: 264px;">
|
||||
<li>
|
||||
<input type="radio" name="rpplTy" value="${KccadrConstants.ADR_RPPL_TY_REQ}" id="subject_person01">
|
||||
<label for="subject_person01"><i></i>네, 본인입니다.</label>
|
||||
</li>
|
||||
<li style="height: 264px;">
|
||||
<input type="radio" name="rpplTy" value="${KccadrConstants.ADR_RPPL_TY_REQ_DEPUTY}" id="subject_person02">
|
||||
<label for="subject_person02"><i></i>아니오, 대리인<br>(변호사, 가족 , 직원)입니다. <br><p style="font-size: 14px; color: #e40000;">※ 외국인인 경우 한국인 대리 신청만 가능</p></label>
|
||||
<label for="subject_person02"><i></i>아니오, 대리인<br>(변호사, 가족 , 직원)입니다. <br><p class="sub_te" style="font-size: 14px; color: #e40000;">※ 외국인인 경우 한국인 대리 신청만 가능</p></label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -423,6 +423,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none
|
||||
|
||||
.sub02_1 .choice_person ul {display:flex;justify-content:center;align-items:center;width:75%;margin:0 auto;}
|
||||
.sub02_1 .choice_person ul li {position:relative;width:calc(100%/3);height:231px;text-align:center;border:0 none;margin-right:30px;box-sizing:border-box;}
|
||||
.sub02_1 .choice_person ul li:first-child{height: 264px;}
|
||||
.sub02_1 .choice_person ul li input[type=radio] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:opacity(0);}
|
||||
.sub02_1 .choice_person ul li input[type=radio] + label {position:relative;display:block;width:100%;height:100%;padding:40px 0 0;font-size:20px;font-weight:500;line-height:29px;color:#222;border:1px solid #d5d5d5;border-radius:5px;box-sizing:border-box;z-index:1;cursor:pointer;transition:all 0.3s ease-in-out;overflow:visible;}
|
||||
.sub02_1 .choice_person ul li input[type=radio]:focus + label::after{position:absolute;content:"";width:calc(100% + 2px);height:calc(100% + 2px);border:2px solid #000;border-radius:10px;left:-2.5px;top:-2.5px;}
|
||||
|
||||
@ -61,7 +61,7 @@
|
||||
.tbType01 td .input_cop_num{width: calc((100% - 20px)/2);}
|
||||
.tbType01 td .input_reg_num{width: calc((100% - 60px)/3);}
|
||||
|
||||
.sub02_1 .choice_wrap ul{width: 80%;}
|
||||
.sub02_1 .choice_wrap ul{width: 100%;}
|
||||
|
||||
.tb_list01 .td_status p,.tb_list01 .td_status a{padding: 4.5px 5px; font-size: 14px}
|
||||
/* //조정신청 */
|
||||
@ -117,7 +117,7 @@
|
||||
|
||||
/* 조정신청 */
|
||||
.sub02_1 .choice_wrap ul{width: 100%;}
|
||||
.sub02_1 .choice_type li{margin-right: 15px;}
|
||||
.sub02_1 .choice_type li,.sub02_1 .choice_person ul li{margin-right: 15px;}
|
||||
.sub02_1 .choice_type li i{width: 80px; height: 80px;}
|
||||
.sub02_1 .choice_person input[name="subject_person"]+label{font-size: 18px;}
|
||||
|
||||
@ -190,6 +190,8 @@
|
||||
/* 게시판 상세 */
|
||||
.list_view .view_info{flex-wrap: wrap; min-height: 60px}
|
||||
/* //게시판 상세 */
|
||||
|
||||
.sub02_1 .choice_person ul li .sub_te{line-height: 1.1; padding: 0 2px;}
|
||||
}
|
||||
|
||||
@media all and (max-width: 700px){
|
||||
@ -433,7 +435,8 @@
|
||||
.sub02_1 .choice_wrap .tit{font-size: 24px;}
|
||||
.sub02_1 .choice_wrap ul{display: block;}
|
||||
.sub02_1 .choice_wrap li{width: 100%; margin-bottom: 15px;}
|
||||
.sub02_1 .choice_person li:first-child{border-radius: 5px;}
|
||||
.sub02_1 .choice_person ul li{width: 100%}
|
||||
.sub02_1 .choice_person ul li:first-child{border-radius: 5px; height: 230px;}
|
||||
.sub02_1 .choice_person li:last-child{border-left: 1px solid #d5d5d5; border-radius: 5px;}
|
||||
/* //조정 신청 */
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user