This commit is contained in:
KNKIM 2021-12-10 16:06:56 +09:00
commit e3a6eaa542
5 changed files with 24 additions and 22 deletions

View File

@ -312,7 +312,7 @@ function fn_downloadFile(attachFileId, fileSn) {
<div class="qna-write-table"> <div class="qna-write-table">
<ul> <ul>
<li class="wt-title fl"> <li class="wt-title fl">
<div class="w-tit">제목 <span>*</span></div> <div class="w-tit">제목 <span class="required">*</span></div>
<div class="w-form"> <div class="w-form">
<input type="text" name="title" id="title" title="제목" value="${searchArticle.unescapeTitle}" size="100" maxlength="200" class="grid-1" placeholder="제목을 입력하세요." required /> <input type="text" name="title" id="title" title="제목" value="${searchArticle.unescapeTitle}" size="100" maxlength="200" class="grid-1" placeholder="제목을 입력하세요." required />
</div> </div>
@ -332,7 +332,7 @@ function fn_downloadFile(attachFileId, fileSn) {
</div> </div>
</li> </li>
<li class="wt-question"> <li class="wt-question">
<div class="w-tit">내용 <span>*</span></div> <div class="w-tit">내용 <span class="required">*</span></div>
<div class="w-form"> <div class="w-form">
<textarea name="content" id="content" cols="80" rows="10" placeholder="질문하실 내용을 입력하세요." style="width:100%;min-width:260px;">${searchArticle.content}</textarea> <textarea name="content" id="content" cols="80" rows="10" placeholder="질문하실 내용을 입력하세요." style="width:100%;min-width:260px;">${searchArticle.content}</textarea>
</div> </div>
@ -351,7 +351,7 @@ function fn_downloadFile(attachFileId, fileSn) {
action="${pageContext.request.contextPath}/fileupload/uploadFile.do" action="${pageContext.request.contextPath}/fileupload/uploadFile.do"
class="dropzone needsclick" > class="dropzone needsclick" >
<div class="dz-message needsclick" style="cursor:pointer"> <div class="dz-message needsclick" style="cursor:pointer">
<button type="button" id="attachFileBtn" name="attachFileBtn" class="attachments-btn">파일첨부</button> <button type="button" id="attachFileBtn" name="attachFileBtn" class="attachments-btn">파일첨부</button><div class="mb">최대 5개 (<span>0</span>/10MB)</div>
<label for="attachFileBtn">※ 이곳에 파일을 끌어다 놓거나(Drag&Drop), 클릭하여 파일을 선택하세요.</label> <label for="attachFileBtn">※ 이곳에 파일을 끌어다 놓거나(Drag&Drop), 클릭하여 파일을 선택하세요.</label>
</div> </div>
</form> </form>

View File

@ -449,24 +449,24 @@ $(function(){
_slidesPerViewOnline = 7; _slidesPerViewOnline = 7;
_spaceBetween = 30; _spaceBetween = 30;
_centeredSlides = false; _centeredSlides = false;
_lenght = 1; _lenght = 5;
} }
if (windowWidth <= 1400) { if (windowWidth <= 1400) {
_loop = true; _loop = false;
_slidesPerView = 3; _slidesPerView = 3;
_slidesPerViewpopula = 3; _slidesPerViewpopula = 3;
_slidesPerViewOnline = 3; _slidesPerViewOnline = 3;
_spaceBetween = 20; _spaceBetween = 20;
_centeredSlides = true; _centeredSlides = false;
_lenght = 1; _lenght = 3;
} }
if (windowWidth <= 480) { if (windowWidth <= 480) {
_loop = true; _loop = false;
_slidesPerView = 1; _slidesPerView = 1;
_slidesPerViewpopula = 1; _slidesPerViewpopula = 1;
_slidesPerViewOnline = 1; _slidesPerViewOnline = 1;
_spaceBetween = 20; _spaceBetween = 20;
_centeredSlides = true; _centeredSlides = false;
_lenght = 1; _lenght = 1;
} }

View File

@ -541,22 +541,22 @@ $(function(){
_slidesPerViewBottom = 5; _slidesPerViewBottom = 5;
_spaceBetween = 30; _spaceBetween = 30;
_centeredSlides = false; _centeredSlides = false;
_lenght = 3; _lenght = 5;
} }
if (windowWidth <= 1400) { if (windowWidth <= 1400) {
_loop = true; _loop = false;
_slidesPerView = 3; _slidesPerView = 3;
_slidesPerViewBottom = 3; _slidesPerViewBottom = 3;
_spaceBetween = 30; _spaceBetween = 30;
_centeredSlides = true; _centeredSlides = false;
_lenght = 3; _lenght = 3;
} }
if (windowWidth <= 480) { if (windowWidth <= 480) {
_loop = true; _loop = false;
_slidesPerView = 1; _slidesPerView = 1;
_slidesPerViewBottom = 1; _slidesPerViewBottom = 1;
_spaceBetween = 20; _spaceBetween = 20;
_centeredSlides = true; _centeredSlides = false;
_lenght = 1; _lenght = 1;
} }

View File

@ -161,8 +161,8 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;}
/********** 메인섹션1 **********/ /********** 메인섹션1 **********/
.sec1 {} .sec1 {}
.sec1 .inner .banner {position: relative;width:100%;height:600px;background:#ccc;background-size:cover;} .sec1 .inner .banner {position: relative;width:100%;height:600px;background:#ccc;background-size:cover;}
.sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:60%;padding:0% 20%;position: absolute;top:200px;word-break: break-all;max-height: 100px;overflow: hidden;} .sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:70%;padding:0% 15%;position: absolute;top:200px;word-break: break-all;max-height: 50px;overflow: hidden;}
.sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:60%;padding:0% 20%;position: absolute;top:320px;word-break: break-all;max-height: 52px;overflow: hidden;} .sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:70%;padding:0% 15%;position: absolute;top:270px;word-break: break-all;max-height: 82px;overflow: hidden;}
.sec1 .inner .banner p:nth-of-type(2) {top:400px;} .sec1 .inner .banner p:nth-of-type(2) {top:400px;}
.sec1 .inner .banner p:nth-of-type(2) a {display:inline-block;border:1px solid #000;background:#000;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;} .sec1 .inner .banner p:nth-of-type(2) a {display:inline-block;border:1px solid #000;background:#000;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;}
.sec1 .inner .banner p:nth-of-type(2) a:hover {border:1px solid #fff;background:#fff;color:#333;} .sec1 .inner .banner p:nth-of-type(2) a:hover {border:1px solid #fff;background:#fff;color:#333;}
@ -1482,6 +1482,7 @@ transform: rotate(45deg);}
.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;} .community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;}
.qna-write-table {} .qna-write-table {}
.qna-write-table .required {vertical-align:middle;color:red;}
.community-write fieldset {border-top:1px solid #000;} .community-write fieldset {border-top:1px solid #000;}
.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;} .qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;}
.w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;} .w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;}
@ -1503,12 +1504,13 @@ transform: rotate(45deg);}
.qna-write-table .wt-question {} .qna-write-table .wt-question {}
.qna-write-table .wt-recaptcha {} .qna-write-table .wt-recaptcha {}
.qna-write-table .wt-mail label {font-size:12px;color:#2e899c;font-weight: 400;} .qna-write-table .wt-mail label {font-size:12px;color:#2e899c;font-weight: 400;}
.qna-write-table .wt-attachments .attachments-btn {background: #b68946;color:#fff;padding:8px 20px;border-radius: 3px;display:block;margin-bottom:0px;} .qna-write-table .wt-attachments .attachments-btn {background: #b68946;color:#fff;padding:8px 20px;border-radius: 3px;margin-bottom:0px;}
.qna-write-table .wt-attachments .file {border:1px solid #ddd;background: #f5f5f5;border-radius: 3px;height:36px;line-height: 32px;display: inline-block;padding:0% 60px 0px 10px;position: relative;} .qna-write-table .wt-attachments .file {border:1px solid #ddd;background: #f5f5f5;border-radius: 3px;height:36px;line-height: 32px;display: inline-block;padding:0% 60px 0px 10px;position: relative;}
.qna-write-table .wt-attachments .file span {font-size:12px;margin:0px 5px;} .qna-write-table .wt-attachments .file span {font-size:12px;margin:0px 5px;}
.qna-write-table .wt-attachments .file span img {vertical-align: middle;margin-bottom:4px;display: inline-block} .qna-write-table .wt-attachments .file span img {vertical-align: middle;margin-bottom:4px;display: inline-block}
.qna-write-table .wt-attachments .file .close {position: absolute;right:10px;top:10px;} .qna-write-table .wt-attachments .file .close {position: absolute;right:10px;top:10px;}
.qna-write-table .wt-attachments .mb {padding-left:10px;font-size:14px;display:inline;}
.qna-write-table .wt-attachments label {display:block;}
/* faq */ /* faq */
.faq .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} .faq .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}

View File

@ -111,8 +111,8 @@ a.pop-logo img { margin-right: 10px; }
.wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; } .wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; }
.wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; } .wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; }
.sec1 .inner .banner { height: 400px; background-position: -452px;overflow:hidden; } .sec1 .inner .banner { height: 400px; background-position: -452px;overflow:hidden; }
.sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 120px; padding:0% 5%;width:90%;max-height:70px; } .sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 120px; padding:0% 5%;width:90%;}
.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 190px; padding:0% 5%;width:90%;max-height:42px;} .sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 190px; padding:0% 5%;width:90%;}
.sec1 .inner .banner p > span { display: block; } .sec1 .inner .banner p > span { display: block; }
.sec1 .inner .banner p:nth-of-type(2) {top:260px;} .sec1 .inner .banner p:nth-of-type(2) {top:260px;}
.MainSwiper .swiper-slide {height:400px;} .MainSwiper .swiper-slide {height:400px;}
@ -296,8 +296,8 @@ footer .family_site {right:10px;}
.wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; } .wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; }
.wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; } .wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; }
.sec1 .inner .banner { height: 400px; background-position: -452px; } .sec1 .inner .banner { height: 400px; background-position: -452px; }
.sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; } .sec1 .inner .banner h3 { font-size: 22px; line-height: 30px; top: 110px;max-height: 70px; }
.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; } .sec1 .inner .banner p { font-size: 12px; line-height: 18px; top: 185px;max-height:103px;}
.sec1 .inner .banner p > span { display: block; } .sec1 .inner .banner p > span { display: block; }
.sec1 .inner .banner p:nth-of-type(2) {top:290px;} .sec1 .inner .banner p:nth-of-type(2) {top:290px;}