diff --git a/src/main/webapp/kofair_case_seed/usr/request/case_inquiry.html b/src/main/webapp/kofair_case_seed/usr/request/case_inquiry.html
new file mode 100644
index 00000000..0c65fcdc
--- /dev/null
+++ b/src/main/webapp/kofair_case_seed/usr/request/case_inquiry.html
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
한국공정거래조정원 온라인분쟁조정시스템 > 분쟁조정 신청 > 분쟁조정 사건조회
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
분쟁조정 신청
+
+
+
+
+
+
+
+
+
+
+
+ 분쟁조정 신청
+ 분쟁조정 사건조회
+
+
+
+
분쟁조정 사건조회
+
조정절차가 진행 중인 사건 관련 각종 정보를 확인하고 관련 자료를 제출하실 수 있습니다.
+
+
+
+
+ 본 메뉴는 조정절차가 진행 중인 사건에 대한 화면으로, 분쟁조정 신청 접수상황, 민원상담 신청 처리현황을 확인하실 경우
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/usr/style/common.css b/src/main/webapp/kofair_case_seed/usr/style/common.css
index 774266ee..f26c7885 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/common.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/common.css
@@ -6,8 +6,8 @@
.btn_wrap.left{justify-content:flex-start;}
.btn_wrap.center{justify-content:center;}
-.btn{display:inline-block;border-radius:5px;transition:all 0.2s ease-in-out;}
-.btn:hover{transition:all 0.2s ease-in-out;}
+.btn{display:inline-block;color:#333;border-radius:5px;transition:all 0.2s ease-in-out;}
+.btn:hover{box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.2s ease-in-out;}
.btn_35{height:35px;font-size:1.6rem;font-weight:400;padding:0 25px;}
.btn_35.only_icon{width:35px;}
@@ -15,6 +15,8 @@
.btn_40.only_icon{width:40px;}
.btn_45{height:45px;font-size:1.9rem;font-weight:500;padding:0 30px;}
.btn_45.only_icon{width:45px;}
+.btn_50{height:50px;font-size:2rem;font-weight:500;}
+.btn_50.only_icon{width:50px;}
.btn.round{border-radius:100%;}
.btn.only_icon{padding:0;}
@@ -22,8 +24,10 @@
.btn.blue_fill{background:#2870ed;color:#fff;}
.btn.blue_fill:hover{background:#1e64dc;}
.btn.blue_border{border:1px solid #2870ed;color:#2870ed;}
+.btn.darkblue_border{background:#fff;border:1px solid #2435ac;color:#2435ac;}
.btn.gray_border{border:1px solid #d8d8d8;}
.btn.gray_border:hover{background:#f8f9fa;border:1px solid #b5b5b5;}
+.btn.darkgray_border{border:1px solid #888888;color:#666;}
.btn.gray_fill{background:#8a8a8a;color:#fff;}
.btn.skyblue_fill{background:#e3edfe;border:1px solid #c4d9fd;color:#6b75c9;}
.btn.darkblue_fill{background:#2e40ba;color:#fff;}
@@ -33,21 +37,28 @@
/* input, select, textarea */
.input_box{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
+.input_box.column{flex-direction:column;}
.input_text{height:40px;font-size:17px;color:#333;padding:0 10px;background:#fff;border:1px solid #d8d8d8;border-radius:5px;}
.input_text:active{border:1px solid #333;}
+.input_file{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
+.input_file+.file{display:inline-flex;justify-content:center;align-items:center;}
+
.radio{width:16px;height:16px;margin:0 5px 0 0;border:1px solid #cecece;}
.radio+label{font-size:1.8rem;color:#666;vertical-align:middle;}
.select{min-width:120px;height:40px;font-size:17px;color:#333;padding:0 34px 0 20px;border:1px solid #d8d8d8;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
.select:active{border:1px solid #333;}
-.checkbox{width:18px;height:18px;margin:0 10px 0 0;border:1px solid #d8d8d8;}
+.checkbox{width:18px;height:18px;margin:-4px 10px 0 0;border:1px solid #d8d8d8;}
.checkbox+label{font-size:1.7rem;color:#333;}
+input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;}
+
/* 텍스트 */
.fw_light{font-weight:300;}
+.fw_regular{font-weight:400;}
.fw_medium{font-weight:500;}
.fw_bold{font-weight:700;}
.fw_extrabold{font-weight:800;}
@@ -56,11 +67,15 @@
.gMarket_medium{font-family:'GmarketSansMedium';}
.gMarket_bold{font-family:'GmarketSansBold';}
+.color_333{color:#333;}
+.color_666{color:#666;}
.color_blue{color:#1467cc;}
.color_darkblue{color:#2e40ba;}
.color_red{color:#e40000;}
+.color_brown{color:#a5532f !important;}
.title{position:relative;font-weight:bold;color:#333;}
+.title.depth01{font-size:2.3rem;}
.title.depth02{font-size:2.1rem;}
.title.depth03{font-size:1.7rem;font-weight:400;}
@@ -71,6 +86,21 @@
.title.blue_border{padding:0 0 0 19px;}
.title.blue_border::after{position:absolute;content:"";width:10px;height:10px;border-right:3px solid #2c76f7;border-bottom:3px solid #2c76f7;border-left:3px solid #2e40ba;border-top:3px solid #2e40ba;left:0;top:6px;}
+.title.blue_border.orange_border{font-size:2.5rem;font-weight:bold;color:#333;line-height:1.5;}
+.title.blue_border.orange_border::before{position:absolute;content:"";width:7px;height:15px;border-radius:15px;background:#2e40ba;border:0;left:0;top:16px;transform: rotate(45deg);z-index:1;}
+.title.blue_border.orange_border::after{position:absolute;content:"";width:7px;height:15px;border-radius:15px;background:#f96502;border:0;left:0;top:8.5px;transform: rotate(-45deg);}
+
+.cf_text{font-size:1.5rem;font-weight:300;color:#666;}
+
+.required_text{position:absolute;color:#e40000;left:15px;top:22px;}
+.required_text span{position:absolute;text-indent:-9999px;}
+
+.length_wrap{position:relative;width:100%;}
+.length_wrap textarea{width:100%;min-height:160px;}
+.length_wrap .length{position:absolute;font-size:1.4rem;font-weight:400;color:#888;line-height:1;top:calc(100% - 32px);right:16px;}
+.length_wrap .length .color_red{font-weight:500;}
+
+
/* 노출/숨김 */
.show{display:block !important;}
.hide{display:none !important;}
@@ -103,12 +133,14 @@
/* 버튼 */
.btn{border-radius:10px;}
+ .btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
.btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
.btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
+ .btn_50{height:100px;font-size:4rem;}
/* input, select, textarea */
.input_box{gap:30px;}
- .input_text{height:80px;font-size:3.4rem;border-radius:10px;}
+ .input_text{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
.select{min-width:120px;height:80px;font-size:3.4rem;border-radius:10px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
.radio{width:30px;height:30px;margin:0 21px 0 0;}
.radio+label{font-size:3.4rem;}
@@ -117,8 +149,22 @@
/* 텍스트 */
.title.depth02{font-size:4.2rem;}
+ .title.depth03{font-size:3.4rem;line-height:1.5;}
+
.title.orange_border{padding:0 0 0 38px;}
.title.orange_border::after{position:absolute;content:"";width:20px;height:20px;border:4px solid #f96502;border-radius:100%;left:0;top:22px;}
+
+ .title.blue_border{padding:0 0 0 38px;}
+ .title.blue_border::after{position:absolute;content:"";width:20px;height:20px;border-right:6px solid #2c76f7;border-bottom:6px solid #2c76f7;border-left:6px solid #2e40ba;border-top:6px solid #2e40ba;left:0;top:16px;}
+
+ .title.blue_border.orange_border{font-size:5rem;}
+ .title.blue_border.orange_border::before{width:14px;height:30px;border-radius:30px;left:0;top:30px;}
+ .title.blue_border.orange_border::after{width:14px;height:30px;border-radius:30px;left:0;top:17px;}
+
+ .required_text{top:42.5px;left:20px;}
+ .cf_text{font-size:3rem;}
+
+ .length_wrap .length{font-size:2.8rem;top:calc(100% - 64px);right:32px;}
}
/* ==================== 모바일 ==================== */
@@ -126,11 +172,13 @@
/* 버튼 */
.btn{border-radius:5px;}
+ .btn_35{height:35px;font-size:1.6rem;padding:0 25px;}
.btn_40{height:40px;font-size:1.7rem;padding:0 18px;}
.btn_45{height:45px;font-size:1.7rem;padding:0 18px;}
+ .btn_50{height:50px;font-size:2rem;}
/* input, select, textarea */
- .input_text{height:40px;font-size:1.7rem;border-radius:5px;}
+ .input_text{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;}
.select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
.radio{width:16px;height:16px;margin:0 5px 0 0;}
.radio+label{font-size:1.7rem;}
@@ -139,9 +187,20 @@
/* 텍스트 */
.title.depth02{font-size:2.1rem;}
+ .title.depth03{font-size:1.7rem;}
.title.orange_border{padding:0 0 0 19px;}
- .title.orange_border::after{position:absolute;content:"";width:10px;height:10px;border:2px solid #f96502;border-radius:100%;left:0;top:11px;}
+ .title.orange_border::after{width:10px;height:10px;border:2px solid #f96502;left:0;top:11px;}
+ .title.blue_border{padding:0 0 0 19px;}
+ .title.blue_border::after{width:10px;height:10px;border-right:3px solid #2c76f7;border-bottom:3px solid #2c76f7;border-left:3px solid #2e40ba;border-top:3px solid #2e40ba;left:0;top:8px;}
+
+ .title.blue_border.orange_border{font-size:2.5rem;}
+ .title.blue_border.orange_border::before{width:7px;height:15px;border-radius:15px;left:0;top:15px;}
+ .title.blue_border.orange_border::after{width:7px;height:15px;border-radius:15px;left:0;top:8.5px;}
+
+ .cf_text{font-size:1.5rem;}
+ .required_text{top:20px;left:10px;}
+ .length_wrap .length{font-size:1.4rem;top:calc(100% - 32px);right:16px;}
}
diff --git a/src/main/webapp/kofair_case_seed/usr/style/counsel.css b/src/main/webapp/kofair_case_seed/usr/style/counsel.css
index e69de29b..0149437d 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/counsel.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/counsel.css
@@ -0,0 +1,130 @@
+/* 콜센터 */
+.callcenter_banner{display:flex;width:100%;height:136px;padding:28px 0 10px 100px;margin:0 0 60px 0;font-size:1.7rem;color:#671ec1;background:#d4c9fe url(/kofair_case_seed/usr/images/counsel/img_callcenter.png) no-repeat calc(100% - 130px) calc(100% + 20px);border-radius:10px;}
+.callcenter_banner .title{width:114px;height:36px;margin:8px 18px 0 0;font-size:2rem;font-weight:bold;color:#d4c9fe;text-align:center;line-height:35px;border-radius:37px;background:#671ec1;}
+.callcenter_banner .gMarket_bold{font-size:4rem;}
+
+.callcenter_content .title.depth03{margin:9px 0 0 0;}
+.callcenter_content .organ_info{display:flex;margin:30px 0 0 0;flex-wrap:wrap;gap:24px;}
+.callcenter_content .organ_info div{display:flex;width:calc((100% / 2) - 12px);min-height:227px;font-size:1.7rem;padding:35px;border:1px solid #d8d8d8;border-radius:10px;flex-wrap:wrap;}
+.callcenter_content .organ_info div>*{width:100%;}
+.callcenter_content .organ_info .title{font-size:2rem;font-weight:bold;color:#333;}
+.callcenter_content .organ_info .sub_title{color:#888;padding:0 0 0 19px;}
+.callcenter_content .organ_info .organ_tel{color:#333;font-weight:bold;padding:0 0 0 19px;}
+.callcenter_content .organ_info .organ_site{color:#5b639d;padding:0 0 0 19px;margin:5px 0 0 0;align-self:flex-end;}
+.callcenter_content .title.blue_border::after{top:9px;}
+
+/* 무료법률 상담 */
+.free_counsel_content .counsel_dl{display:flex;gap:40px;}
+.free_counsel_content .counsel_dl div{position:relative;width:calc((100% / 3) - 20px);padding:45px 25px 40px 25px;background:#f4f5f7;border-radius:5px;text-align:center;}
+.free_counsel_content .counsel_dl div::after{position:absolute;content:"";width:126px;height:8px;background:#2e40ba;border-radius:0 0 3px 3px;top:0;left:50%;transform:translateX(-50%);}
+.free_counsel_content .counsel_dl dt{font-family: 'GmarketSansBold';font-size:2.7rem;color:#333;margin:0 0 10px 0;}
+.free_counsel_content .counsel_dl i{display:block;width:114px;height:114px;margin:0 auto 30px auto;background:#fff;border-radius:100%;}
+.free_counsel_content .counsel_dl i.sort{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_01.png);}
+.free_counsel_content .counsel_dl i.schedule{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_02.png);}
+.free_counsel_content .counsel_dl i.method{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_03.png);}
+.free_counsel_content .counsel_dl dd{font-size:1.6rem;color:#666;}
+.free_counsel_content .process_step_wrap{margin:40px 0 60px 0;}
+.free_counsel_content .box.gray_border{margin:40px 0 0 0;max-height:400px;overflow:auto;}
+.free_counsel_content .depth02+.box.gray_border{margin:20px 0 0 0;}
+.free_counsel_content .depth02{display:block;margin:60px 0 0 0;}
+.free_counsel_content .depth02:nth-child(2){margin:0;}
+.free_counsel_content .box.gray_border .info_ul .title{font-weight:400;}
+.free_counsel_content .box.gray_border .info_ul .title::after{top:7px;}
+.free_counsel_content .check_wrap{display:flex;margin:20px 0 0 0;font-size:1.7rem;justify-content:space-between;align-items:flex-start;}
+.free_counsel_content .check_wrap .checkbox{margin:-3px 10px 0 0;}
+.free_counsel_content .check_wrap label{color:#888;}
+.free_counsel_content .check_wrap :checked+label{color:#333;}
+.free_counsel_content .all_agree_box{padding:20px;margin:40px 0 0 0;}
+.free_counsel_content .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01.png) no-repeat center center;}
+.free_counsel_content .active .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_active.png) no-repeat center center;}
+.free_counsel_content .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02.png) no-repeat center center;}
+.free_counsel_content .active .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_active.png) no-repeat center center;}
+.free_counsel_content .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03.png) no-repeat center center;}
+.free_counsel_content .active .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_active.png) no-repeat center center;}
+
+.free_counsel_content .depth03.title.blue_border::after{top:8px;}
+
+/* ==================== 테블릿 ==================== */
+@media screen and (max-width: 1199px){
+
+ .callcenter_banner{display:block;height:620px;padding:60px 0 120px 0;margin:0 0 120px 0;font-size:3.4rem;color:#671ec1;background:#d4c9fe url(/kofair_case_seed/usr/images/counsel/img_callcenter_m.png) no-repeat center calc(100% + 20px);border-radius:20px;text-align:center;}
+ .callcenter_banner .title{width:228px;height:72px;margin:0 auto 30px auto;font-size:4rem;line-height:70px;border-radius:50px;}
+ .callcenter_banner .gMarket_bold{font-size:8rem;}
+
+ .callcenter_content .title.blue_border.orange_border::after{top:18px;}
+ .callcenter_content .title.depth03{margin:18px 0 0 0;}
+ .callcenter_content .organ_info{margin:60px 0 0 0;gap:48px;}
+ .callcenter_content .organ_info div{width:100%;min-height:454px;font-size:3.4rem;}
+ .callcenter_content .organ_info .title{font-size:4rem;}
+ .callcenter_content .organ_info .sub_title,.callcenter_content .organ_info .organ_tel,.callcenter_content .organ_info .organ_site{padding:0 0 0 38px;}
+ .callcenter_content .title.blue_border::after{top:19px;}
+
+ .free_counsel_content .counsel_dl{flex-wrap:wrap;}
+ .free_counsel_content .counsel_dl div{width:100%;padding:70px 25px 70px 25px}
+ .free_counsel_content .counsel_dl div::after{width:267px;height:16px;border-radius:0 0 6px 6px;}
+ .free_counsel_content .counsel_dl dt{font-size:5.5rem;margin:0 0 38px 0;}
+ .free_counsel_content .counsel_dl i{width:232px;height:232px;}
+ .free_counsel_content .counsel_dl i.sort{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_01_m.png);}
+ .free_counsel_content .counsel_dl i.schedule{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_02_m.png);}
+ .free_counsel_content .counsel_dl i.method{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_03_m.png);}
+ .free_counsel_content .counsel_dl dd{font-size:3.2rem;}
+
+ .free_counsel_content .process_step_wrap{margin:80px 0 120px 0;}
+ .free_counsel_content .depth02{margin:120px 0 0 0;}
+ .free_counsel_content .depth02+.box.gray_border{margin:40px 0 0 0;}
+ .free_counsel_content .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_m.png) no-repeat center center;}
+ .free_counsel_content .active .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_active_m.png) no-repeat center center;}
+ .free_counsel_content .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_m.png) no-repeat center center;}
+ .free_counsel_content .active .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_active_m.png) no-repeat center center;}
+ .free_counsel_content .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_m.png) no-repeat center center;}
+ .free_counsel_content .active .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_active_m.png) no-repeat center center;}
+
+ .free_counsel_content .depth03.title.blue_border::after{top:17px;}
+
+ .free_counsel_content .check_wrap{font-size:3.4rem;flex-wrap:wrap;}
+ .free_counsel_content .check_wrap .input_box{margin:40px 0 0 0;}
+ .free_counsel_content .all_agree_box{padding:40px;margin:80px 0 0 0;}
+ .free_counsel_content .box.gray_border{margin:80px 0 0 0;}
+
+ .free_counsel_content .btn_wrap:last-child{margin:80px 0 60px 0;justify-content:center;}
+ .free_counsel_content .btn_wrap:last-child button:only-child{width:40%;}
+}
+
+/* ==================== 모바일 ==================== */
+@media screen and (max-width: 767px){
+
+ .callcenter_banner{height:310px;padding:30px 0 60px 0;margin:0 0 60px 0;font-size:1.7rem;background-size:55% auto;}
+ .callcenter_banner .title{width:114px;height:36px;margin:0 auto 15px auto;font-size:2rem;line-height:35px;border-radius:25px;}
+ .callcenter_banner .gMarket_bold{font-size:4rem;}
+
+ .callcenter_content .title.blue_border.orange_border::after{top:9px;}
+ .callcenter_content .title.depth03{margin:9px 0 0 0;}
+ .callcenter_content .organ_info{margin:30px 0 0 0;gap:24px;}
+ .callcenter_content .organ_info div{min-height:227px;font-size:1.7rem;}
+ .callcenter_content .organ_info .title{font-size:2rem;}
+ .callcenter_content .organ_info .sub_title,.callcenter_content .organ_info .organ_tel,.callcenter_content .organ_info .organ_site{padding:0 0 0 19px;}
+ .callcenter_content .title.blue_border::after{top:9px;}
+
+ .free_counsel_content .counsel_dl div{width:100%;padding:35px 12px 35px 12px;}
+ .free_counsel_content .counsel_dl div::after{width:35%;height:8px;border-radius:0 0 3px 3px;}
+ .free_counsel_content .counsel_dl dt{font-size:2.75rem;margin:0 0 19px 0;}
+ .free_counsel_content .counsel_dl i{width:116px;height:116px;background-size:100%;}
+ .free_counsel_content .counsel_dl dd{font-size:1.6rem;}
+
+ .free_counsel_content .process_step_wrap{margin:40px 0 60px 0;}
+ .free_counsel_content .depth02{margin:60px 0 0 0;}
+ .free_counsel_content .depth02+.box.gray_border{margin:20px 0 0 0;}
+ .free_counsel_content .icon.step,.free_counsel_content .active .icon.step{background-size:auto 100%;}
+
+ .free_counsel_content .depth03.title.blue_border::after{top:8px;}
+
+ .free_counsel_content .check_wrap{font-size:1.7rem;flex-wrap:wrap;}
+ .free_counsel_content .check_wrap .input_box{margin:20px 0 0 0;}
+ .free_counsel_content .all_agree_box{padding:20px;margin:40px 0 0 0;}
+ .free_counsel_content .box.gray_border{margin:40px 0 0 0;}
+
+ .free_counsel_content .btn_wrap:last-child{margin:40px 0 30px 0;}
+
+ .free_counsel_content .box_complete .btn_wrap:last-child{margin:30px 0;}
+
+}
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/usr/style/info.css b/src/main/webapp/kofair_case_seed/usr/style/info.css
index 95103627..3719587a 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/info.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/info.css
@@ -6,6 +6,33 @@
.news_service .box.gray_fill.agree_box{padding:20px;margin:40px 0;}
.news_service .box.gray_fill .email_wrap{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;}
+/* 분쟁조정 제도 */
+.system_info .system_dl{color:#333;line-height:1.5;border-bottom:1px solid #d8d8d8;padding:0 0 40px 0;margin:0 0 40px 0;}
+.system_info .system_dl:last-child{border-bottom:0;padding:0;margin:0;}
+.system_info .system_dl dt{margin:30px 0 0 0;}
+.system_info .system_dl dd{font-size:1.7rem;padding:8px 0 0 23px;}
+.system_info .system_dl dd span{display:block;margin:8px 0 0 0;}
+.system_info ul{font-size:1.7rem;color:#333;padding:0 0 0 20px;margin:20px 0 0 0;}
+.system_info ul>li{padding:0 0 20px 0;}
+.system_info ul b{font-weight:bold;}
+.system_info .sub_info_ul{padding:0;margin:10px 0 0 0;}
+.system_info .sub_info_ul li{padding:0 0 0 10px;}
+.system_info .sub_info_ul .sub_info_ul li{margin:0;}
+
+/* 분쟁조정 절차 */
+.process_content .title.blue_border.orange_border{display:block;margin:0 0 30px 0;}
+.process_content .box.gray_border{margin:0 0 40px 0;padding:60px 30px;}
+.process_content .box.gray_border img{margin:0 auto;}
+.process_content .box.gray_border .info_ul{margin:40px 0 0 20px;padding:0 20px;font-size:1.7rem;font-weight:400;color:#888;text-indent:-19px;gap:6px;}
+.process_content .info_ul.text{padding:0 0 36px 0;margin:0 0 30px 0;gap:0;border-bottom:2px solid #2e40ba}
+.process_content .info_ul.text:last-child{border-bottom:0;}
+.process_content .info_ul.text dd{font-size:1.7rem;line-height:1.5;margin:10px 0 30px 0;padding:0 0 0 22px;}
+.process_content .info_ul.text dd .sub_info_ul.color_brown{margin:0;}
+.process_content .info_ul.text dd .color_brown{display:block;font-size:1.7rem;}
+.process_content .info_ul.text dd .color_brown:nth-child(2){margin:10px 0 0 0;}
+.process_content .box.gray_border.gray_fill.terms_info{padding:40px;text-align:left;}
+.process_content .terms_info p{font-size:1.7rem;font-weight:400;color:#666;line-height:1.5;margin:10px 0 0 0;}
+
/* ==================== 테블릿 ==================== */
@media screen and (max-width: 1199px){
.news_service .text_explain{font-size:3.4rem;margin:80px 0;}
@@ -17,6 +44,15 @@
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);}
.news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 315px);}
.news_service .box.gray_fill.agree_box{padding:40px;margin:80px 0;}
+
+ /* 분쟁조정 제도 */
+ .system_info{margin:80px 0 0 0;}
+ .system_info .system_dl dt{margin:60px 0 0 0;}
+ .system_info .system_dl dd{font-size:3.4rem;padding:16px 0 0 46px;}
+ .system_info .system_dl dd span{margin:16px 0 0 0;}
+
+ .system_info ul{font-size:3.4rem;padding:0 0 0 40px;margin:40px 0 0 0;}
+ .system_info .sub_info_ul li{padding:0 0 0 30px;}
}
/* ==================== 모바일 ==================== */
@@ -29,6 +65,15 @@
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);}
.news_service .box.gray_fill .email_select{width:190px;}
.news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 200px);}
+
+ /* 분쟁조정 제도 */
+ .system_info{margin:40px 0 0 0;}
+ .system_info .system_dl dt{margin:30px 0 0 0;}
+ .system_info .system_dl dd{font-size:1.7rem;padding:8px 0 0 23px;}
+ .system_info .system_dl dd span{margin:8px 0 0 0;}
+
+ .system_info ul{font-size:1.7rem;padding:0 0 0 20px;margin:20px 0 0 0;}
+ .system_info .sub_info_ul li{padding:0 0 0 15px;margin:0 0 0 10px;}
}
@media screen and (max-width: 500px){
diff --git a/src/main/webapp/kofair_case_seed/usr/style/layout.css b/src/main/webapp/kofair_case_seed/usr/style/layout.css
index 6f4d6e7c..45c47865 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/layout.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/layout.css
@@ -2,7 +2,7 @@
html{font-size:62.5%;}
.wrap{position:relative;width:100%;}
-.inner{max-width:1440px;width:100%;margin:0 auto;padding:0 30px;}
+.inner{max-width:1440px;width:100%;margin:0 auto;}
.m_logo{display:none;}
.mask.on{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;z-index:5;}
@@ -66,6 +66,10 @@ html{font-size:62.5%;}
.footer_bottom a:first-child{padding:0 20px 0 0;}
/* //footer */
+@media screen and (max-width: 1440px){
+ .inner{padding:0 30px;}
+}
+
@media screen and (max-width: 1199px){
.pc_logo{display:none;}
@@ -156,7 +160,7 @@ html{font-size:62.5%;}
.footer_site .site_wrap select{background: #fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 15px) center;}
.footer_bottom{font-size:1.6rem;padding:25px 0 0 0;margin:25px 0 0 0;}
- .footer_bottom .link{margin:0 0 15px 0;}
+ .footer_bottom .link{margin:0 0 15px 0;flex-wrap:wrap;}
.footer_bottom a{padding:0 18px;}
.footer_bottom a:first-child{padding:0 18px 0 0;}
.footer_bottom a::after{width:2px;height:8px;top:6.5px;}
diff --git a/src/main/webapp/kofair_case_seed/usr/style/mypage.css b/src/main/webapp/kofair_case_seed/usr/style/mypage.css
index e69de29b..3225d933 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/mypage.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/mypage.css
@@ -0,0 +1,50 @@
+/* 마이페이지 */
+.self_identification .gray_border{margin:40px 0 0 0;}
+.self_identification .gray_border .title{font-weight:400;}
+
+.idf_method{display:flex;max-width:1074px;margin:40px auto 0 auto;gap:40px;}
+.idf_method li{width:calc((100% / 3) - 20px);min-height:166px;text-align:center;}
+.idf_method .btn_idf{display:flex;width:100%;height:100%;padding:0;border-radius:5px;font-size:1.8rem;line-height:44px;color:#fff;flex-direction:column;align-items:center;justify-content:flex-end;transition:all 0.2s ease-in-out;}
+.idf_method .btn_idf:hover{transition:all 0.2s ease-in-out;}
+.idf_method .btn_idf.phone{border:1px solid #2e40ba;}
+.idf_method .btn_idf.phone:hover{box-shadow:0 0 20px rgba(22,28,45,0.25);}
+.idf_method .btn_idf.ipin{border:1px solid #2870ed;}
+.idf_method .btn_idf.ipin:hover{box-shadow:0 0 20px rgba(20,89,207,0.25);}
+.idf_method .btn_idf.aut_cefi{border:1px solid #f96502;}
+.idf_method .btn_idf.aut_cefi:hover{box-shadow:0 0 20px rgba(218,87,0,0.25);}
+.idf_method .btn_idf i{position:relative;width:70px;height:calc(100% - 44px);background-repeat:no-repeat;background-position:center 54%;}
+.idf_method .btn_idf i::after{position:absolute;content:"";width:50px;height:50px;border-radius:100%;opacity:0.1;left:-25px;top:15px;}
+.idf_method .btn_idf i.phone::after{background:#2e40ba;}
+.idf_method .btn_idf i.ipin::after{background:#2870ed;}
+.idf_method .btn_idf i.aut_cefi::after{background:#f96502;}
+.idf_method .btn_idf i.phone{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_phone.png);}
+.idf_method .btn_idf i.ipin{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_ipin.png);}
+.idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi.png);}
+.idf_method .btn_idf span{width:100%;height:44px;}
+.idf_method .btn_idf.phone span{background:#2e40ba;}
+.idf_method .btn_idf.ipin span{background:#2870ed;}
+.idf_method .btn_idf.aut_cefi span{background:#f96502;}
+
+/* ==================== 테블릿 ==================== */
+@media screen and (max-width: 1199px){
+ .idf_method{flex-wrap:wrap;gap:80px;margin:80px 0;}
+ .idf_method li{width:100%;min-height:333px;}
+ .idf_method .btn_idf{font-size: 3.6rem;line-height:87px;border-radius:10px;overflow:hidden;}
+ .idf_method .btn_idf span{height:88px;}
+ .idf_method .btn_idf i{width:140px;height:calc(100% - 66px);}
+ .idf_method .btn_idf i::after{width:100px;height:100px;}
+ .idf_method .btn_idf i.phone{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_phone_m.png);}
+ .idf_method .btn_idf i.ipin{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_ipin_m.png);}
+ .idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi_m.png);}
+}
+
+/* ==================== 모바일 ==================== */
+@media screen and (max-width: 767px){
+ .idf_method{gap:40px;margin:40px 0;}
+ .idf_method li{min-height:166px;}
+ .idf_method .btn_idf{font-size:1.8rem;line-height:43.5px;border-radius:5px;}
+ .idf_method .btn_idf span{height:44px;}
+ .idf_method .btn_idf i{width:70px;height:calc(100% - 44px);background-size:70px;}
+ .idf_method .btn_idf i::after{width:50px;height:50px;}
+ .idf_method .btn_idf i.phone{background-size:50px;}
+}
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/usr/style/popup.css b/src/main/webapp/kofair_case_seed/usr/style/popup.css
index c925e561..957d119b 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/popup.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/popup.css
@@ -14,14 +14,27 @@
.layer_popup{max-height:90vh;}
.layer_popup .title_wrap{display:flex;width:100%;height:52px;padding:0 26px;font-size:2rem;font-weight:500;color:#fff;background:#2e40ba;justify-content:space-between;align-items:center;}
.layer_popup .content{padding:30px;max-height:calc(90vh - 52px);overflow:auto;}
-.layer_popup .box.gray_fill .title{font-size:1.9rem;font-weight:bold;color:#333;}
+.layer_popup .box.gray_fill:first-child{margin:0 0 0 0;}
+.layer_popup .box.gray_fill .title{display:block;font-size:1.9rem;font-weight:bold;color:#333;margin:33px 0 0 0;}
+.layer_popup .box.gray_fill .title:first-child{margin:0;}
.layer_popup .box.white_fill dt{margin:0 0 8px 0;font-size:1.7rem;font-weight:500;color:#333;}
.layer_popup .box.white_fill>dd{margin:0 0 30px 0;padding:0 0 0 25px;font-size:1.5rem;font-weight:400;color:#333;line-height:1.5;}
+.layer_popup .box.white_fill .sub_info_ul{font-size:1.5rem;color:#333;gap:3px;}
+.layer_popup .box.white_fill .sub_info_ul li{margin:0;}
.layer_popup .box.white_fill .gray_fill.gray_border{text-align:left;padding:20px 30px;margin:20px 0 0 0;}
-.layer_popup .sub_info_ul{font-size:1.4rem;font-weight:300;color:#666;gap:5px;}
-.layer_popup .sub_info_ul li{margin:0;}
-.layer_popup .sub_info_ul li::after{top:-4px;}
+.layer_popup .box.white_fill .gray_fill.gray_border .sub_info_ul{font-size:1.4rem;font-weight:300;color:#666;gap:5px;}
+.layer_popup .box.white_fill .gray_fill.gray_border .sub_info_ul li{margin:0;}
+.layer_popup .box.white_fill .gray_fill.gray_border .sub_info_ul li::after{top:-4px;}
/* 절차안내 팝업 */
-.process_popup .icon.info.gray_fill{margin:-1.5px 10px 0 0;}
\ No newline at end of file
+.process_popup .icon.info.gray_fill{margin:-1.5px 10px 0 0;}
+
+/* 작성요령 팝업 */
+.write_popup .box.gray_fill{padding:30px;}
+.write_popup .box.white_fill>dd{padding:0 0 0 12px;margin:0 0 25px 0;}
+.write_popup .box.white_fill>dd:last-child{margin:0 0 5px 0;}
+.write_popup .box.white_fill .color_darkblue{margin:25px 0 0 0;}
+.write_popup .box.white_fill .color_darkblue:first-child{margin:0;}
+.write_popup .box.white_fill .ex_tit{margin:10px 0 0 10px;}
+.write_popup .box.white_fill .gray_fill.gray_border{padding:15px 20px;margin:10px 0 0 10px;}
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/usr/style/request.css b/src/main/webapp/kofair_case_seed/usr/style/request.css
index 11fd5aff..f4346969 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/request.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/request.css
@@ -2,4 +2,45 @@
.apl_info_content .depth02.orange_border{margin:40px 0 0 0;}
.apl_info_content .checkbox_wrap{display:flex;margin:15px 0 0 0;}
.apl_info_content .checkbox_wrap .checkbox{width:18px;height:18px;margin:3px 8px 0 0;}
-.apl_info_content .checkbox_wrap label{width:calc(100% - 18px);line-height:1.4;}
\ No newline at end of file
+.apl_info_content .checkbox_wrap label{width:calc(100% - 18px);line-height:1.4;}
+
+/* 분쟁조정 사건조회 */
+.inquiry_content .box.gray_fill{padding:50px 20px;}
+.inquiry_content .input_box.column{width:500px;justify-content:center;margin:0 auto;}
+.inquiry_content .input_box.column li{display:flex;width:100%;height:50px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;align-items:center;flex-wrap:wrap;}
+.inquiry_content .input_box.column li:last-child{background:transparent;border:0;}
+.inquiry_content .input_box.column p{position:relative;width:110px;padding:0 20px;margin:0 20px 0 0;}
+.inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:15px;background:#d8d8d8;right:0;top:5px;}
+.inquiry_content .input_box.column .input_text{width:calc(100% - 140px);border:0;}
+.inquiry_content .input_box.column .btn_50{margin:10px 0 0 0;}
+.inquiry_content .gray_border.gray_fill{padding:30px;}
+
+/* ==================== 테블릿 ==================== */
+@media screen and (max-width: 1199px){
+ .apl_01_content .box.gray_border .btn_wrap{flex-wrap:wrap;gap:26px;}
+ .apl_01_content .box.gray_border .btn_wrap .skyblue_fill{width:100%;}
+
+ .apl_01_content .btn_wrap.right{justify-content:center;}
+ .apl_01_content .btn_wrap.right .orange_fill{width:300px;}
+
+ /* 분쟁조정 사건조회 */
+ .inquiry_content .box.gray_fill{padding:100px 50px;}
+ .inquiry_content .input_box.column{width:95%;}
+ .inquiry_content .input_box.column li{height:100px;border-radius:10px;}
+ .inquiry_content .input_box.column p{position:relative;width:240px;padding:0 40px;margin:0 40px 0 0;}
+ .inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:30px;background:#d8d8d8;right:0;top:10px;}
+ .inquiry_content .input_box.column .input_text{width:calc(100% - 300px);border:0;}
+}
+
+/* ==================== 모바일 ==================== */
+@media screen and (max-width: 767px){
+ .apl_01_content .box.gray_border .btn_wrap{gap:13px;}
+ .apl_01_content .btn_wrap.right .orange_fill{width:150px;}
+
+ /* 분쟁조정 사건조회 */
+ .inquiry_content .box.gray_fill{padding:50px 25px;}
+ .inquiry_content .input_box.column li{height:50px;border-radius:5px;}
+ .inquiry_content .input_box.column p{position:relative;width:120px;padding:0 20px;margin:0 20px 0 0;}
+ .inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:15px;background:#d8d8d8;right:0;top:5px;}
+ .inquiry_content .input_box.column .input_text{width:calc(100% - 150px);border:0;}
+}
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/usr/style/style.css b/src/main/webapp/kofair_case_seed/usr/style/style.css
index 283a1199..1b5d19cc 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/style.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/style.css
@@ -9,7 +9,9 @@
.icon.plus{width:15px;height:15px;background:url(/kofair_case_seed/usr/images/component/icon_plus.png) no-repeat center center;}
.icon.minus{width:15px;height:15px;background:url(/kofair_case_seed/usr/images/component/icon_minus.png) no-repeat center center;}
.icon.menu{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_menu.png) no-repeat center center;}
+.icon.file.clip{width:40px;height:40px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip.png) no-repeat center center;}
.icon.info.gray_fill{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_info_gray_fill.png) no-repeat center center;}
+.icon.delete.gray_fill{width:22px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray.png) no-repeat center center;}
.icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;}
.icon.home{width:19px;height:19px;background:url(/kofair_case_seed/usr/images/component/icon_home.png) no-repeat center center;}
.icon.popup.close{width:18px;height:18px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;}
@@ -50,9 +52,15 @@
/* table */
.table_top{display:flex;align-items:center;justify-content:space-between;}
+.table_top.title{align-items:flex-end;}
+.table_top.title .cf_text{font-size:1.5rem;font-weight:400;color:#666;}
.table_top .search_wrap{padding:0;margin:0;background:#fff;}
.table_top .list_total_number{font-size:1.7rem;color:#666;}
+.vtc_top{vertical-align:top;}
+.vtc_mid{vertical-align:middle;}
+.vtc_bottom{vertical-align:bottom;}
+
.table_type_cols table{width:100%;margin:20px 0 0 0;border-top:3px solid #2e40ba;font-size:1.7rem;text-align:center;}
.table_type_cols table thead th{height:58px;border-bottom:1px solid #c9c9c9;background:#f4f5f7;vertical-align:middle;}
.table_type_cols table tbody tr{border-bottom:1px solid #d8d8d8;}
@@ -63,6 +71,19 @@
.table_type_cols table tbody td.list_none{color:#666;}
.table_type_cols table tbody td .list_title{color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
+.table_type_cols.line th,.table_type_cols.line td{color:#333;border-right:1px solid #d8d8d8;}
+.table_type_cols.line td{font-weight:300;}
+.table_type_cols.line th:last-child,.table_type_cols.line td:last-child{border-right:0;}
+
+.table_type_rows table{width:100%;margin:10px 0 0 0;border-top:2px solid #2e40ba;font-size:1.7rem;text-align:left;}
+.table_type_rows table tbody th{position:relative;color:#333;padding:18px 5px 0 30px;background:#f4f5f7;border-bottom:1px solid #dbdbdb;vertical-align:text-top;}
+.table_type_rows table tbody td{height:60px;padding:5px 16px;border-bottom:1px solid #dbdbdb;vertical-align:middle;}
+.table_type_rows table .select{padding:0 14px;font-size:1.6rem;background-position:calc(100% - 10px) 16px;}
+.table_type_rows table .phone_wrap .select{min-width:80px;}
+.table_type_rows table .phone_wrap .input_text{width:calc((100% - 115px)/2);}
+.table_type_rows+.cf_text{margin:15px 0 0 0;}
+
+
/* view */
.list_view{margin:40px 0 0 0;}
.list_view_tit{border-bottom:1px solid #c9c9c9;padding:24px;font-size:2.1rem;font-weight:bold;color:#333;border-top:3px solid #2e40ba;background:#f4f5f7;}
@@ -93,7 +114,7 @@
.tab_06 li{width:calc(100% / 6);}
.tab_07 li{width:calc(100% / 7);}
-.tab{width:100%;height:60px;font-size:1.7rem;font-weight:400;color:#333;}
+.tab{width:100%;height:60px;font-size:1.8rem;font-weight:400;color:#333;}
.tab.active{font-weight:bold;}
.tabs.blue_fill{background:#f4f5f7;border:1px solid #d8d8d8;border-radius:5px;}
@@ -116,6 +137,13 @@
.view_file_list{display:flex;padding:18px 24px;border-bottom:1px solid #c9c9c9;flex-direction:column;font-size:1.7rem;font-weight:500;color:#5b639d;gap:10px;}
.view_file_list .icon.file_download{margin:-5px 10px 0 0;}
+.file_upload_wrap{display:flex;align-items:flex-start;}
+.file_upload_wrap .file_list{display:flex;width:calc(100% - 100px);margin:0 0 0 10px;flex-direction:column;gap:8px;}
+.file_upload_wrap li{display:flex;}
+.file_upload_wrap li a{display:flex;max-width:calc(100% - 30px);font-size:1.5rem;color:#333;padding:0 15px 0 0;background:#f4f5f7;border-radius:5px;align-items:center;}
+.file_upload_wrap li a .file_name{max-width:calc(100% - 130px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
+.file_upload_wrap li a .file_size{font-size:1.4rem;font-weight:300;color:#666;margin:0 0 0 35px;}
+
/* info_ul */
.info_ul{display:flex;flex-direction:column;gap:25px;}
.info_ul .btn_wrap{margin:20px 0 0 0;}
@@ -125,8 +153,29 @@
.sub_info_ul li{position:relative;padding:0 0 0 10px;margin:0 0 0 21px;}
.sub_info_ul li::after{position:absolute;content:"-";font-size:1.6rem;left:0;top:0;}
+/* step */
+.process_step_wrap{display:flex;margin:40px 0 0 0;gap:60px;}
+.process_step_wrap li{display:flex;color:#888;padding:0 20px;background:#fff;border:2px solid #e4e4e4;border-radius:10px;justify-content:space-between;}
+.process_step_wrap li.active{border:2px solid #2e40ba;color:#2e40ba;box-shadow:0 0 10px rgba(22,28,45,0.25);}
+.process_step_wrap li::before{position:absolute;content:"";width:64px;height:2px;background:#e8e8e8;left:100%;z-index:-1;}
+.process_step_wrap li::after{position:absolute;content:"";width:27px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_process_next.png) no-repeat center center;left:calc(100% + 20px);}
+.process_step_wrap li:last-child::before,.process_step_wrap li:last-child::after{display: none;}
+.process_step_wrap.step3 li{position:relative;display:flex;width:calc(100% / 3);align-items:center;}
+.process_step_wrap li p{font-size:1.4rem;}
+.process_step_wrap li p span{display:block;font-size:1.7rem;font-weight:bold;}
+.process_step_wrap li .step{width:45px;height:74px;}
+
+.box_complete{padding:50px 0;text-align:center;}
+.box_complete i.icon.process.complete{display:block;width:130px;height:130px;background:url(/kofair_case_seed/usr/images/component/icon_process_complete.png) no-repeat center center;margin:0 auto;}
+.box_complete .gMarket_bold{font-size:3rem;}
+
/* ==================== 테블릿 ==================== */
@media screen and (max-width: 1199px){
+
+ /* 아이콘 */
+ .icon.file.clip{width:80px;height:80px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_m.png) no-repeat center center;}
+ .icon.delete.gray_fill{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray_m.png) no-repeat center center;}
+
/* sub layout */
.sub_visual{margin:0;}
.lnb{display:none;}
@@ -160,17 +209,42 @@
.table_top{flex-wrap:wrap;}
.table_top .list_total_number{font-size:3.4rem;}
.table_top .search_wrap{width:100%;margin:40px 0 0 0;}
+ .table_top.title .cf_text{font-size:3rem;}
+
.table_type_cols table{font-size:3.4rem;}
- .table_type_cols colgroup,.table_type_cols thead{display:none;}
- .table_type_cols table tbody tr{position:relative;display:flex;min-height:120px;padding:30px 40px 30px 120px;flex-wrap:wrap;align-items:center;justify-content:flex-start;box-sizing:border-box;gap:20px;}
- .table_type_cols table tbody tr.tr_list_none{justify-content:center;padding:0;}
- .table_type_cols table tbody td{max-width:50%;height:auto;order:5;background:none;}
- .table_type_cols table tbody td.list_none{display:flex;max-width:100%;height:40px;align-items:center;justify-content:center;text-align:center;}
- .table_type_cols table tbody .table_number{position:absolute;width:110px;left:0;top:50%;transform:translateY(-50%);}
- .table_type_cols table tbody .td_title{width:100%;max-width:100%;order:1;white-space:wrap;}
- .table_type_cols table tbody .td_title a{display:-webkit-box;max-height:96px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:wrap;}
- .table_type_cols table tbody .td_icon{display:inline-block !important;margin:-5px 13px 0 0;}
+ .table_type_cols:not(.mobile_view_table) colgroup,.table_type_cols:not(.line) thead{display:none;}
+ .table_type_cols:not(.mobile_view_table) table tbody tr{position:relative;display:flex;min-height:120px;padding:30px 40px 30px 120px;flex-wrap:wrap;align-items:center;justify-content:flex-start;box-sizing:border-box;gap:20px;}
+ .table_type_cols:not(.mobile_view_table) table tbody tr.tr_list_none{justify-content:center;padding:0;}
+ .table_type_cols:not(.mobile_view_table) table tbody td{max-width:50%;height:auto;order:5;background:none;}
+ .table_type_cols:not(.mobile_view_table) table tbody td.list_none{display:flex;max-width:100%;height:40px;align-items:center;justify-content:center;text-align:center;}
+ .table_type_cols:not(.mobile_view_table) table tbody .table_number{position:absolute;width:110px;left:0;top:50%;transform:translateY(-50%);}
+ .table_type_cols:not(.mobile_view_table) table tbody .td_title{width:100%;max-width:100%;order:1;white-space:wrap;}
+ .table_type_cols:not(.mobile_view_table) table tbody .td_title a{display:-webkit-box;max-height:96px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:wrap;}
+ .table_type_cols:not(.mobile_view_table) table tbody .td_icon{display:inline-block !important;margin:-5px 13px 0 0;}
+
+ .mobile_view_table table{margin:40px 0 0 0;border-top:4px solid #2e40ba;}
+ .mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;}
+ .mobile_view_table table tbody td{white-space:wrap;overflow:visible;text-overflow:unset;}
+
+ .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
+ .table_type_rows colgroup{display:none;}
+ .table_type_rows table tr{display:flex;flex-wrap:wrap;}
+ .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
+ .table_type_rows table tbody th{padding:15px 45px;}
+
+ .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
+
+ .table_type_rows table .phone_wrap{width:100%;}
+ .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
+
+ .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
+ .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
+ .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
+ .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
+
+ .table_type_rows table+.cf_text{margin:30px 0 0 0;}
+
/* view */
.list_view_tit{font-size:4.2rem;line-height:1.5;}
@@ -184,19 +258,61 @@
/* box */
.box{padding:40px;margin:40px 0 0 0;border-radius:10px;font-size:3.4rem;}
+ .box.gray_border.gray_fill{font-size:3.8rem;}
/* tab */
- .tab{height:120px;font-size:3.4rem;}
+ .tab{height:120px;font-size:3.4rem;}
+
+ .tabs.blue_fill .tab::after{width:2px;height:52px;top:50%;transform:translateY(-50%);}
+
+ .tab_03 li{width:calc(100% / 2);}
+ .tabs.blue_fill.tab_03 :nth-last-child(-n+3) .tab{border-bottom:1px solid #d8d8d8;}
+ .tabs.blue_fill.tab_03 :nth-last-child(-n+2) .tab{border-bottom:0;}
+ .tabs.blue_fill.tab_03 :nth-child(3n) .tab::after{display:block;}
+ .tabs.blue_fill.tab_03 :nth-child(2n) .tab::after{display:none;}
+
+ /* info_ul */
+ .info_ul .btn_wrap{margin:40px 0 0 0;}
+
+ .sub_info_ul{margin:16px 0 0 0;font-size:3.2rem;gap:20px;}
+ .sub_info_ul li{padding:0 0 0 20px;margin:0 0 0 42px;}
+ .sub_info_ul li::after{font-size:3.2rem;}
+
+ /* file_list */
+ .file_upload_wrap{width:100%;flex-wrap:wrap;}
+ .file_upload_wrap .file_button{width:100%;}
+ .input_file+.file{width:100%;}
+ .file_upload_wrap .file_list{width:100%;margin:20px 0 0 0;}
+ .file_upload_wrap li a{width:calc(100% - 80px);height:80px;font-size:3rem;margin:0 15px 0 0;padding:0 30px 0 0;border-radius:10px;}
+ .file_upload_wrap li a .file_size{font-size:2.8rem;}
+
+ /* step */
+ .process_step_wrap{gap:40px;}
+ .process_step_wrap li{padding:30px;border:4px solid #e4e4e4;border-radius:20px;justify-content:center;flex-wrap:wrap;}
+ .process_step_wrap li.active{border:4px solid #2e40ba;}
+ .process_step_wrap li::after{display:none;}
+ .process_step_wrap li .step{width:100%;height:60px;margin:0 0 17px 0;order:1;}
+ .process_step_wrap li p{width:100%;font-size:2.8rem;text-align:center;order:2;}
+ .process_step_wrap li p span{font-size:2.8rem;}
+
+ .box_complete{padding:90px 0;}
+ .box_complete i.icon.process.complete{width:220px;height:220px;margin:0 auto 50px auto;background:url(/kofair_case_seed/usr/images/component/icon_process_complete_m.png) no-repeat center center;}
+ .box_complete .gMarket_bold{font-size:6rem;}
}
/* ==================== 모바일 ==================== */
@media screen and (max-width: 767px){
+
+ /* 아이콘 */
+ .icon.file.clip{width:40px;height:40px;background-size:auto 100%;}
+ .icon.delete.gray_fill{width:30px;height:30px;background-size:auto 100%;}
+
/* sub layout */
.sub_visual{height:80px;background-size:auto 100%;background-position:right center;}
.sub_visual h2{font-size:2.1rem;}
- .page_location{height:40px;gap:25px;}
+ .page_location{min-height:40px;height:auto;gap:0 25px;flex-wrap:wrap;}
.page_location li{font-size:1.6rem;}
.page_location li::after{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;top:5px;right:-15px;}
.page_location .icon.home{width:19px;height:19px;background:url(/kofair_case_seed/usr/images/component/icon_home.png) no-repeat center center;}
@@ -217,10 +333,31 @@
/* table */
.table_top .list_total_number{font-size:1.7rem;}
.table_top .search_wrap{margin:20px 0 0 0;}
+ .table_top.title .cf_text{font-size:1.5rem;}
+
.table_type_cols table{font-size:1.7rem;}
- .table_type_cols table tbody tr{min-height:60px;padding:15px 20px 15px 60px;gap:10px;}
- .table_type_cols table tbody .table_number{width:50px;}
- .table_type_cols table tbody .td_icon{width:16px;height:16px;background-size:100% auto;margin:-3px 6.5px 0 0;}
+ .table_type_cols:not(.mobile_view_table) table tbody tr{min-height:60px;padding:15px 20px 15px 60px;gap:10px;}
+ .table_type_cols:not(.mobile_view_table) table tbody .table_number{width:50px;}
+ .table_type_cols:not(.mobile_view_table) table tbody .td_icon{width:16px;height:16px;background-size:100% auto;margin:-3px 6.5px 0 0;}
+
+ .mobile_view_table table{margin:20px 0 0 0;border-top:2px solid #2e40ba;}
+ .mobile_view_table table thead th,.mobile_view_table table tbody td{height:50px;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
+
+ .table_type_rows table{font-size:1.7rem;margin:10px 0 0 0;border-top:2px solid #2e40ba;}
+ .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;min-height:58px;padding:7px 10px;}
+ .table_type_rows table tbody th{padding:7px 22.5px;}
+
+ .table_type_rows table .select{font-size:1.6rem;padding:0 14px;background-position:calc(100% - 14px);}
+
+ .table_type_rows table .phone_wrap{width:100%;}
+ .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 10px);}
+
+ .table_type_rows table .email_wrap{gap:10px;}
+ .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 40px);}
+ .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
+ .table_type_rows table .email_wrap .email_select{width:calc(45% - 10px);}
+
+ .table_type_rows table+.cf_text{margin:30px 0 0 0;}
/* view */
.list_view_tit{font-size:2.1rem;}
@@ -234,10 +371,36 @@
/* box */
.box{padding:20px;margin:20px 0 0 0;border-radius:5px;font-size:1.7rem;}
+ .box.gray_border.gray_fill{font-size:1.9rem;;}
/* tab */
.tab{height:60px;font-size:1.7rem;}
+ .tabs.blue_fill .tab::after{width:1px;height:26px;}
+ /* info_ul */
+ .info_ul .btn_wrap{margin:20px 0 0 0;}
+
+ .sub_info_ul{margin:8px 0 0 0;font-size:1.6rem;gap:10px;}
+ .sub_info_ul li{padding:0 0 0 10px;margin:0 0 0 21px;}
+ .sub_info_ul li::after{font-size:1.6rem;}
+
+ /* file_list */
+ .file_upload_wrap .file_list{margin:10px 0 0 0;}
+ .file_upload_wrap li a{position:relative;width:calc(100% - 40px);height:40px;font-size:1.5rem;margin:0 7px 0 0;padding:0 15px 0 0;border-radius:5px;}
+ .file_upload_wrap li a .file_name{max-width:calc(100% - 100px);}
+ .file_upload_wrap li a .file_size{position:absolute;font-size:1.4rem;right:20px;}
+
+ /* step */
+ .process_step_wrap{gap:20px;}
+ .process_step_wrap li{padding:15px;border:2px solid #e4e4e4;border-radius:10px;}
+ .process_step_wrap li.active{border:2px solid #2e40ba;}
+ .process_step_wrap li::after{display:none;}
+ .process_step_wrap li .step{width:100%;height:30px;margin:4px 0 9px 0;}
+ .process_step_wrap li p{width:100%;font-size:1.4rem;}
+ .process_step_wrap li p span{font-size:1.4rem;}
+
+ .box_complete i.icon.process.complete{width:110px;height:110px;border-radius:100%;background-size:100%;margin:30px auto 25px auto;}
+ .box_complete .gMarket_bold{font-size:3rem;}
}
@media screen and (max-width: 499px){
+ 
+