• Y
  • List All
  • Feedback
    • This Project
    • This Group
    • All Projects
Profile Account settings Log out
  • Favorite
  • Project
  • All
Loading...
  • Log in
  • Sign up
itnAdmin / kopost_sync star
  • Project homeH
  • CodeC
  • IssueI
  • Pull requestP
  • Review R
  • MilestoneM
  • BoardB
  • Files
  • Commit
  • Branches
kopost_syncsrcmainwebappcss_newboard.css
Download as .zip file
File name
Commit message
Commit date
DATABASE
첫번째 커밋
07-30
src/main
첫번째 커밋
07-30
.gitignore
첫번째 커밋
07-30
pom.xml
첫번째 커밋
07-30
File name
Commit message
Commit date
java/egovframework
첫번째 커밋
07-30
resources
첫번째 커밋
07-30
webapp
첫번째 커밋
07-30
File name
Commit message
Commit date
META-INF
첫번째 커밋
07-30
WEB-INF
첫번째 커밋
07-30
common
첫번째 커밋
07-30
css
첫번째 커밋
07-30
css_190620
첫번째 커밋
07-30
css_new
첫번째 커밋
07-30
direct
첫번째 커밋
07-30
fonts
첫번째 커밋
07-30
html/egovframework/com/cmm/utl/ckeditor
첫번째 커밋
07-30
images
첫번째 커밋
07-30
images_new
첫번째 커밋
07-30
img
첫번째 커밋
07-30
js
첫번째 커밋
07-30
index.jsp
첫번째 커밋
07-30
naver3c352dcb8777b0287e87288da97266c3.html
첫번째 커밋
07-30
naverb3a939669ac159cc50de88c5a4fa6167.html
첫번째 커밋
07-30
robots.txt
첫번째 커밋
07-30
File name
Commit message
Commit date
aos.css
첫번째 커밋
07-30
board.css
첫번째 커밋
07-30
common.css
첫번째 커밋
07-30
contents.css
첫번째 커밋
07-30
contents2.css
첫번째 커밋
07-30
responsive.css
첫번째 커밋
07-30
style.css
첫번째 커밋
07-30
swiper.min.css
첫번째 커밋
07-30
rosewiper 07-30 1438cba 첫번째 커밋 UNIX
Raw Open in browser Change history
/* 게시판 */ .schResult{margin-bottom:40px;padding:0;font-size:24px;text-align:center;} .schResult p{display:inline-block;} .schResult p:after{content:'';display:block;height:12px;margin-top:-12px;background:#efefef;z-index:-1} .schResult strong{font-weight:bold;color:var(--primary-color);} /* 게시판 > 전체 게시글 표기 */ .total-post-wrap{display:flex;justify-content: space-between;align-items: center;} .total-post{} .list-page{padding: 0 0 20px;} .list-page p{overflow:hidden; position: relative; padding-left: 20px;} .list-page p:before{position: absolute; content:" "; width: 12px; height: 3px; background-color: var(--primary-color); left: 0; top:10px;} /* 게시판 > 영상보기 (no팝업) */ .youtube-top-wrap{padding:0 0 80px;} .youtube-top-wrap .boardView-head{padding:20px 15px;border-top:1px solid #000;border-bottom: 1px solid #DDD;align-items: center;} .youtube-top-wrap h3{font-size:20px;font-weight:700;color:#222;} .youtube-top-wrap ul{margin-top:0;font-size:15px;font-weight:400;color:#666;} .youtube-top-wrap ul li{display:inline-block;} .youtube-top-wrap ul li + li:before{content:'';display:inline-block;height:15px;margin:0 10px;border-left:1px solid #ddd;} .youtube-mid-txt{padding:15px 10px;border-top: 1px solid #DDD;} .youtube-top-view iframe{width:100%;height:700px;} .youtube-thumb iframe{width:100%;} .boardListGallery .youtubeItem img{height:224px;} .boardListGallery .youtubeItem .date span:nth-child(3){display:none} /* 게시판 > 목록 */ .boradTit{ margin-bottom: 20px; font-size: 30px; font-weight: 600; color: #222; } .boardHead{display:flex;padding:15px 0;text-align:right;justify-content: flex-end;} .boardHead select{height:60px;font-size:16px;color:#666;background-color:#fff;border:1px solid #fff;} .boardHead input, .boardHead button{height:58px;font-size:16px;color:#666;background-color:#fff;border:1px solid #fff !important;} .boardHead select.searchField{width:150px;padding:0 10px;border:1px solid #ddd;border-radius: 0;} .boardHead select.searchField + *{margin-left:10px;background-color:#fff;border:1px solid #ddd;} .boardHead input.searchTxt{padding:0 10px;border-radius: 0;border:1px solid #fff;background-color:#fff;} .boardHead button.searchBtn{width:60px;height:58px;color:#fff;background:url('/images/board/ico-sch.svg') 50% no-repeat;text-indent:-9999em;border:1px solid #fff;cursor:pointer;} .boardList{margin:20px 0 0;font-size:16px;} .boardList table{table-layout:fixed;border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;white-space:nowrap;} .boardList table thead th{padding:20px 10px;color:#333;font-weight:500;background:#f5f5f5;} .boardList table tbody td{padding:20px 10px;color:#666;border-top:1px solid #e5e5e5;} .boardList a:hover, .boardFoot a:hover{text-decoration:underline;} .boardList table tbody .tleft a{float:left;max-width:calc(100% - 43px);padding-right:2px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .boardList table tbody .tleft > div{overflow:hidden;} .boardList table tbody .tleft > div .iconNew{float:left;margin:4px 0 0 5px;} .boardList table tbody .tleft > div .iconFile{float:left;margin:4px 0 0 5px;} .boardList.boardListInquiry table tbody .tleft > div{position:relative;} .boardList.boardListInquiry table tbody .tleft > .secret{padding-left:20px;background:url('/images/board/ico_secret.png') 0 2px no-repeat;} .boardList.boardListInquiry table tbody .tleft > .rep{padding:5px 0 0 22px;} .boardList.boardListInquiry table tbody .tleft > .rep.secret{} .boardList.boardListInquiry table tbody .tleft > .rep:before{float:left;content:'';width:10px;height:10px;margin:6px 4px 0 0;font-size:14px;color:var(--primary-color);background:url('/images/board/ico_rep2.png') 0 no-repeat;} .iconNew, .iconFile{display:inline-block;margin:-7px 0 0 5px;width:16px;height:16px;font-size:11px;color:#fff;font-weight:300;text-align:center;background:var(--primary-color);vertical-align:middle;} .iconFile{height:24px;background:url('/images/board/ico-file.svg') 50% no-repeat;text-indent:-9999em;} .iconNew{background:var(--primary-color) url('/images/board/ico_new.png') 50% / 100% no-repeat;text-indent:-9999em;} .iconNote{padding:2px 8px;font-size:11px;color:#fff;font-weight:300;background:#e25454;border-radius:4px;} span.linkBlank{display:inline-block;width:16px;margin:4px 4px 0;padding:0;text-indent:-9999em;background-position:0 0;} .newsNotice{font-weight:500;} .badge-notice{display:inline-block;margin:-7px 0 0 0;padding:3px 10px;font-size:12px;color:#fff;font-weight:300;text-align:center;background:var(--primary-color);vertical-align:middle;} .badge-file{display:inline-block;width:24px;height:24px;background:url('/images/board/ico-file.svg') 50% no-repeat;text-indent:-9999em;vertical-align:middle;} .td-num{} .td-cate{color: var(--primary-color) !important;} /* .td-subject{display:flex;align-items: center;} */ .td-subject a{position:relative;display:block;max-width:calc(100% - 40px);text-align:left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .td-subject .iconNew{margin:0 0 0 5px;} .td-subject > div {display:flex;align-items: center;} /* 게시판 > 이미지 */ .boardListGallery{ display: flex; flex-wrap: wrap; } .boardListGallery .item-img {overflow: hidden;background-color:#f4f4f4;transition: 0.3s ease-in-out;} .boardListGallery img {width:100%;height:300px;object-fit: cover;transition: 0.3s ease-in-out;} .galleryItem{ width:calc((100% - 100px) / 3);margin:0 0 50px 50px;color:#666;font-size:14px;} .galleryItem + .galleryItem{margin-left:50px;} .galleryItem:nth-child(3n+1){margin-left:0;} .galleryItem:hover .tit{ text-decoration:underline;} .galleryItem:hover .item-img {box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);} .galleryItem:hover .item-img img{transform: scale(1.02);} .galleryItem a{display:block;} .galleryItem a .imgBox{display:block;overflow: hidden;position:relative;width:100%;padding-bottom: 100%;} .galleryItem a .videoBox{display:block;overflow: hidden;position:relative;width:100%;padding-bottom: 56.25%;} .galleryItem a .txtBox{margin:15px 0;} .galleryItem a .badge-notice{margin-top:-4px;} .galleryItem a > *:not(.date) {margin-top:20px !important;} .galleryItem a .sort{color:var(--primary-color);font-size:14px;font-weight: 500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .galleryItem a .tit{margin-top:5px;color:#000;font-size:20px;font-weight:700;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 3em; line-height: 1.5; white-space: normal;} .galleryItem a .txt{margin-top:10px;font-size:16px;color:#666;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 3em; line-height: 1.5; white-space: normal;} .galleryItem a:hover{ text-decoration:none; } .galleryItem a:hover .bg{ transform: scale(1.05); } .galleryItem a .date{padding-top:10px;color:#000;} .galleryItem a .date span{margin-right:10px;} /* 게시판 > 이미지 > 수상,인증 */ .boardListGallery-award{} .boardListGallery-award img{width:100%;height:300px;object-fit: scale-down;} .boardListGallery-award .tit{text-align:center;} /* 게사판 FAQ */ .boardFaq{ margin-bottom: 100px; } .boardFaq .list{ border-top: 2px solid #000; } .boardFaq .list *{ transition: 0.0s ease-in-out; -moz-transition: 0.0s ease-in-out; -ms-transition: 0.0s ease-in-out; -o-transition: 0.0s ease-in-out;} .boardFaq .list li{ cursor:pointer; } .boardFaq .list li .q_w{ position: relative; padding: 20px 80px; border-bottom: 1px solid #ddd; font-size: 17px; font-weight: 400; color: #444; } .boardFaq .list li .q_w::before{ content: 'Q'; position: absolute; top: 15px; left: 20px; width: 30px; height: 30px; background: var(--primary-color); border-radius: 50%; font-size: 20px; font-weight: 400; line-height: 27px; text-align: center; color: #fff; } .boardFaq .list li .q_w .ic{ position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; } .boardFaq .list li .q_w .ic::before{ content: '서브메뉴 버튼'; position: absolute; top: 0; left: calc(50% - 2px); width: 4px; height: 20px; border-radius: 3px; background: #ddd; font-size: 0; text-indent: -9999px; } .boardFaq .list li .q_w .ic::after{ content: ''; position: absolute; top: 0; left: calc(50% - 2px); width: 4px; height: 20px; border-radius: 3px; background: #ddd; transform: rotate(90deg); } .boardFaq .list li .a_w{ display: none; position: relative; padding: 20px; padding-left: 80px; background: #f9f9f9; border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 400; color: #666; } .boardFaq .list li .a_w::before{ content: 'A'; position: absolute; top: 15px; left: 20px; width: 30px; height: 30px; background: #999; border-radius: 50%; font-size: 20px; font-weight: 400; line-height: 30px; text-align: center; color: #fff; } .boardFaq .list li .txt{ font-size: inherit; font-weight: inherit; color: inherit; } .boardFaq .list li.active .ic::before{ background: var(--primary-color); transform: rotate(90deg); } .boardFaq .list li.active .ic::after{ background: var(--primary-color); } .boardFaq .btnFold{ display: block; width: 180px; margin: 20px auto; padding: 15px 0; background: var(--primary-color); font-size: 15px; font-weight: 400; color: #fff; } .boardFaq .btnFold:hover{ background: var(--primary-color); } /* 페이징 */ .pagination{margin:30px 0 0;text-align:center;} .pagination *{display:inline-block;vertical-align:middle;} .pagination ul{border-radius:0;} .pagination ul li{display:inline-block;overflow: hidden;} .pagination ul li + li{} .pagination ul li a{display:block;width:32px;height:32px;color:#666;font-size:17px;line-height:32px;} .pagination ul li.active a{color:var(--primary-color);text-decoration:underline;} .pagination ul li.prevFirst, .pagination ul li.prev, .pagination ul li.nextLast, .pagination ul li.next{text-indent:-9999em;} .pagination ul li.prevFirst{background:#fff url('/images/board/btn-page-first.svg') 50% no-repeat;} .pagination ul li.prev{background:#fff url('/images/board/btn-page-prev.svg') 50% no-repeat;} .pagination ul li.next{background:#fff url('/images/board/btn-page-next.svg') 50% no-repeat;} .pagination ul li.nextLast{background:#fff url('/images/board/btn-page-last.svg') 50% no-repeat;} .pagination ul li a:hover{ border-color: #666; } /* 게시판 > 상세 */ .boardView-head{display:flex;justify-content: space-between;} .boardView-head > ul{min-width:210px;text-align:right;} .boardView{border-top:1px solid #ddd;font-size: 15px;} .boardView table{border-bottom:1px solid #ddd;} .boardView th{padding:15px 20px 20px;text-align:left;border-bottom:1px solid #e5e5e5;} .boardView th h3{font-size:24px;font-weight:500;color:#222;} .boardView th ul{margin-top:10px;font-size:15px;font-weight:400;color:#666;} .boardView th ul li{display:inline-block;} .boardView th ul li + li:before{content:'';display:inline-block;height:15px;margin:0 10px;border-left:1px solid #ddd;} .viewDetail{min-height:200px;padding:30px 20px;} .viewDetail img{ display: block; margin: 10px 0; } .viewDetailRep{padding:30px 20px;} .viewDetailRepTit{padding:15px 20px;background:#f5f5f5;} .viewDetailRepTit:before{display:inline-block;content:'';width:26px;height:13px;margin:-4px 4px 0 0;font-size:14px;color:var(--primary-color);background:url('/images/board/ico_rep.png') no-repeat;} .viewDetailRepTxt{padding:20px 20px;border-top:1px solid #e5e5e5;} /* 게시판 > 상세 첨부파일 */ .viewDetailFile{padding:15px 30px;border-top:2px solid #DDD;background: #F5F5F5;} .viewDetailFile ul{position:relative;padding-left:102px;} .viewDetailFile ul:before{content:'첨부파일';position:absolute;display:block;top:5px;left:0;color:#000;font-weight:500;line-height:1;} .viewDetailFile li{margin-bottom:4px;} .viewDetailFile a{color:#666;} .viewDetailFile a:hover{text-decoration:underline;} .viewDetailFile .iconFile{margin:0 4px 0 0;} /* 게시판 > 하단버튼 */ .boardFoot{/*border-top:1px solid #000;*/border-bottom:1px solid #000;} .boardFoot ul{} .boardFoot ul li{position:relative;padding:15px 30px 15px 0;} .boardFoot ul li + li{border-top:1px solid #e5e5e5;} .boardFoot ul li span{float:left;padding:0 30px;color:#666;} .boardFoot ul li a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .boardFoot ul li a:before{content:'';display:inline-block;height:15px;margin:0 30px 0 0;border-left:1px solid #ddd;} .boardFootBtn{overflow:hidden;margin-top:30px;} .boardFootBtn.boardFootBtnFloat a{float:left;text-align:center;} .boardFootBtn.boardFootBtnFloat a.btnWrite, .boardFootBtn.boardFootBtnFloat a.btnList{float:right;} /* 버튼색상 */ .btn{display:inline-block;min-width:160px;padding:0 30px;margin:0 2px;color:var(--primary-color);font-size:16px;line-height:54px;border:1px solid var(--primary-color);transition: 0.3s ease-in-out; } a.btn-color, button.btn-color, a.btn-color-line:hover, button.btn-color-line:hover{color:#fff;background:var(--primary-color);border-color:var(--primary-color);} a.btn-color-line, button.btn-color-line, a.btn-color:hover, button.btn-color:hover{color:var(--primary-color);background:#fff;border-color:var(--primary-color);} a.btn-dark, button.btn-dark, a.btn-dark-line:hover, button.btn-dark-line:hover{color:#fff;background:var(--dark-color);border-color:var(--dark-color);} a.btn-dark-line, button.btn-dark-line, a.btn-dark:hover, button.btn-dark:hover{color:var(--dark-color);background:#fff;border-color:var(--dark-color);} a.btn-gray, button.btn-gray, a.btn-gray-line:hover, button.btn-gray-line:hover{color:#fff;background:var(--gray-color);border-color:var(--gray-color);} a.btn-gray-line, button.btn-gray-line, a.btn-gray:hover, button.btn-gray:hover{color:var(--gray-color);background:#fff;border-color:var(--gray-color);} /* 게시판 > 상세 비밀글팝업 */ .bg_overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999} .popup_secret{position:fixed;left:50%;top:50%;width:300px;padding:30px 20px;z-index:99999;text-align:center;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:2px solid #333;background:#fff;} .popup_secret p{font-size:22px;font-weight:500;} .popup_secret input[type=password]{width:100%;height:40px;padding:10px} .popup_secret .btn_secret, .popup_secret .btn_cancel{width:60px;height:30px;padding:5px 0;cursor:pointer;} .popup_secret .btn_secret{color:#fff;background:var(--primary-color);} .popup_secret .btn_cancel{background:#ddd;} /* 문의(글쓰기) */ .contents.board.inquery{max-width:600px;margin:auto;} .inputTit{color:#222;font-weight:500;} .agreeBox{height:150px;overflow-y:scroll;padding:15px;font-size:14px;border:1px solid #d4d4d4;} .agreeBox > p{padding:10px 0;} .agreeBox li{padding-left:15px;list-style:none;} .inputItem{} /* .inputItem input[type=checkbox], .inputItem input[type=radio]{display:none;} .inputItem input[type=checkbox] + label span, .inputItem input[type=radio] + label span{display:inline-block;width:20px;height:20px;margin:-3px 6px 0 0;vertical-align:middle;border:1px solid #d4d4d4;transition:none;} .inputItem input[type=checkbox]:checked + label span {background:#fff url('/images/board/ico_checked.png') 50% / 80% no-repeat;border:1px solid var(--primary-color);} .inputItem input[type=radio]:checked + label span {} */ .boardWrite{} .boardWrite table{margin-top:5px;border-top:1px solid #000;text-align:left;} .boardWrite table tr:first-child th, .boardWrite table tr:first-child td{border-top:none;} .boardWrite table th{display:block;padding:15px 0 5px;color:#222;font-weight:500;font-size:15px;} .boardWrite table td{display:block;padding:0 0 20px;text-align:left;} .boardWrite input{width:100%;padding:10px;border:1px solid #ddd;} .boardWrite input[type=file]{padding:4px;} .boardWrite textarea{width:100%;padding:10px;height:200px;border:1px solid #ddd;resize:vertical;} .boardWrite select{width:60%;height:40px;font-size:14px;border:1px solid #ddd;background:#fff;} .formItem_email{overflow:hidden;} .formItem_email > input{width:80%;} .formItem_email .boardSort{display:inline-block;width:10;margin-left:0;} .formItem_col03{} .formItem_col03 input{width:30%;} .formItem_col03.formItem_tel input{width:100px;} /* 필수입력 */ .required, textarea.required {background:url('/images/board/require.png') 100% 0 no-repeat;} em.required{padding:0 8px;width:20px;} .tblVisa_e2{} .tblVisa_e2 td ul{padding-top:10px} .tblVisa_e2 td ol li{padding-top:5px;} .tblVisa_e2 td p{padding-top:10px} .visaRefusalBox{} .visaRefusalBox > h4{width:25%;margin-right:5%;padding-top:30px;font-size:24px;font-weight:400;} .visaRefusalBox > div{padding-top:30px;} /* 레이어팝업 */ .poplayer{position:fixed;left:50%;top:50%;width:900px;z-index:9999;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:2px solid #333;background:#fff;} .poplayer .videoTop{width:100%;height:500px;} .poplayer .videoTop iframe{width:100%;height:100%;} .poplayer .videoTitBox{margin-top:0;padding:10px 20px;} .btn_poplayer_close{position:absolute;right:-50px;top:-2px;width:40px;height:40px;text-indent:-9999em;cursor:pointer;background:url('/images/board/ico_close_pop.png') 50% no-repeat;border:1px solid #adadad;} /* 게시판 탭 */ .board-tab { padding-bottom: 40px;} .board-tab ul { display: flex;} .board-tab li { width: calc(100% / 3);border:1px solid #D9D9D9;background-color: #F8F8F8;} .board-tab li a { display: flex; height: 100%;min-height: 60px; padding:5px; color: #121212; text-align: center;align-items: center;justify-content: center;line-height:1.4;} .board-tab li.active{ background-color: #7A7A7A;border-color: #7A7A7A;} .board-tab li.active a { background-color: #7A7A7A; color: #fff; font-weight: 500;} /* 글쓰기 > 첨부파일 목록 2023-08 */ .writeFileList{margin-top:20px;padding:0px 0px 20px;font-weight:300;border-bottom: 1px solid #ddd;} .writeFileList li{} .writeFileList li > p{position:relative;display:inline-block;font-size: 15px !important;padding: 0 22px 0 0 !important;} .writeFileList .iconFile{margin: -2px 2px 0 5px;height:24px;background-size:8px;} .writeFileList button { position: absolute; top: 8px; right: 0; width: 15px; height: 15px; padding:4px;text-indent:-9999em;background-color:#777;} .writeFileList button::before, .writeFileList button::after { content: ''; position: absolute; top: 2px; left: 7px; width: 1px; height: 10px; background-color: #fff; border-radius: 5px;} .writeFileList button::before { transform: rotate(-45deg);} .writeFileList button::after { transform: rotate(45deg);} /* 글쓰기 > 개인정보 수집동의 2023-08 */ .sub-write-agree-bx{margin:40px 0 60px;font-size:15px;} .sub-write-agree-bx .tit{padding-bottom:15px;color:#121212;font-size:1.125rem;font-weight:700;} .sub-write-agree-bx .txt a{color:var(--primary-color);} .sub-write-agree-bx .sub-write-agree{padding:20px;color:#666;border:1px solid #ddd;} .sub-write-agree-bx .input-item.chk-item{} .sub-write-agree-bx .input-item.chk-item label:before{top:4px;border-radius:4px;} /* 본인인증 2023-08 */ .wrap-authentication{color: #666;} .wrap-authentication .tit-box p{font-size: 20px;} .wrap-authentication .desc-box{padding:50px 10px;font-size: 16px;font-weight:300;border-top: 2px solid #000;border-bottom: 2px solid #ddd;} .wrap-authentication .desc-box li {position:relative;padding-left:15px;} .wrap-authentication .desc-box li::before{content:'';position:absolute;top:13px;left:0;height:3px;width:3px;background-color:#666;border-radius:50%;} .wrap-authentication .auth-list-bx{padding:50px 20px;} .wrap-authentication .auth-list-bx ul{display:flex;justify-content: center;text-align:center;} .wrap-authentication .auth-list-bx ul li{width:50%;max-width:280px;padding:0 10px;} .wrap-authentication .auth-list-bx ul li dl{padding:25px 0 40px;} .wrap-authentication .auth-list-bx ul li dl dt{padding-bottom:10px;color: #000;font-weight:500;} .wrap-authentication .auth-list-bx ul li dl dd{font-size: 16px;font-weight:300;} .wrap-authentication .complain-btn{width:100%;} @media only screen and (max-width: 1024px){ /* 게시판 > 목록 */ /* 게시판 > 이미지 */ .galleryItem{float:left;width:calc((100% - 10px) / 2);color:#666;} .galleryItem + .galleryItem{margin:0 0 40px 10px;} .galleryItem:nth-child(odd){margin-left:0;} .galleryItem a{display:block;} .galleryItem .date span:first-child{display:none;} .galleryItem a img{height:25.5vw;} /* 페이징 */ .pagination ul li a{ width: 24px; height: 24px; line-height: 24px; font-size: 12px; } /* 게시판 > 상세 */ .iconFile{background-size:18px;} .boardView-head{display:block;} .boardView{font-size:14px;} .boardView th{padding:10px 0 15px;} .boardView th h3{font-size:18px;} .boardView th ul{margin-top:5px;font-size:13px;} .boardView th ul li + li:before{height:12px;margin:0 5px;} .viewDetail{padding:20px 0;} .viewDetail br{display:initial;} .boardFoot{} .boardFoot ul{} .boardFoot ul li{position:relative;padding:10px 10px 10px 0;} .boardFoot ul li + li{} .boardFoot ul li span{float:left;padding:0 10px;} .boardFoot ul li a:before{content:'';display:inline-block;height:15px;margin:0 10px 0 0;border-left:1px solid #ddd;} /* view 첨부파일 */ .viewDetailFile{padding:10px 15px;border-top:1px solid #000;} .viewDetailFile ul{position:relative;padding:30px 0 0 0;} /* 문의(글쓰기) */ .boardWrite{} .boardWrite table{text-align:left;border:0;} .boardWrite table th{display:block;padding:20px 0 10px;font-weight:500;background:#fff;border:0;} .boardWrite table th:before{content:'';display:inline-block;width:4px;height:14px;margin:-4px 5px 0 0;background:var(--primary-color);vertical-align:middle;} .boardWrite table td{display:block;padding:0;text-align:left;border:0;} .boardWrite input{width:100%;padding:10px;border:1px solid #ddd;} .boardWrite input[type=file]{padding:4px;} .boardWrite textarea{width:100%;padding:10px;height:200px;border:1px solid #ddd;resize:vertical;} .niwNote.e2Qualification > dl dt{margin-bottom:10px;font-weight:600;font-size:16px;} .niwNote.e2Qualification > dl dd{font-size:14px;} .niwNote.e2Qualification > dl dd p + p{padding-top:10px;} .visaRefusalBox{} .visaRefusalBox > h4{width:25%;margin-right:5%;padding-top:20px;font-size:20px;font-weight:400;} .visaRefusalBox > div{padding-top:0;} /* 레이어팝업 */ .poplayer{width:90%;} .poplayer .videoTop{width:100%;height:51vw;} .poplayer .videoTop iframe{width:100%;height:100%;} .poplayer .videoTitBox{margin-top:0;padding:0;} .btn_poplayer_close{position:absolute;right:-2px;top:-50px;width:40px;height:40px;background-size:40%;border-radius:50%;} /* 버튼색상 */ .btn{min-width:160px;padding:0 10px;font-size:14px;line-height:40px;} /* 본인인증 2023-08 */ .wrap-authentication .tit-box p{font-size: 1.2rem;} .wrap-authentication .desc-box{padding:2.5em 10px;font-size: 1.1rem;} } @media only screen and (min-width: 801px){ .td-subject .badge-file{display:none;} } @media only screen and (max-width: 800px){ /* 게시판 > 목록 */ .schResult{ margin-bottom: 20px; font-size: 18px; } .board.contents .inner{padding:40px 20px;} .total-post-wrap{display:block;} .boardHead{padding:15px 0;text-align:center;} .boardHead select, .boardHead input, .boardHead button.searchBtn{height:40px;font-size:14px;color:#666;background-color:#fff;border:1px solid #fff} .boardHead input[type=text]{width:calc(100% - 50px);} .boardHead select.searchField{display:none;width:80px;padding:0 10px;border:1px solid #ddd;} .boardHead input.searchTxt{padding:0 10px;} .boardHead button.searchBtn{width:50px;border:none;border-left:1px solid #ddd !important;/*background-color:#ddd;*/} .boardHead select.searchField + *{overflow:hidden;border-radius:0;} .boardList{margin:20px 0 30px;} .boardList table{ display: block; } .boardList table thead{display:none;} .boardList table thead th{padding:10px;} .boardList table tbody{ display: block; } .boardList table tbody tr{ display: block;position:relative; } .boardList table tbody td{display:block;padding:10px 0 0;text-align:left;border:none;font-size:14px;} .boardList table tbody td:first-child{display:none;} .boardList table tbody td.td-subject{display:flex;} .boardList table tbody td.td-subject .badge-file{background-size:10px;} .boardList table tbody td.td-author{} .boardList table tbody td.td-author:before{content:'글쓴이 : ';} .boardList table tbody td.td-hit{display:none;} .boardList table tbody td.td-onoff{display:none;} .boardList table tbody td.td-file{display:none;} .boardList table tbody td.td-date{padding:0 0 10px 0;border-bottom:1px solid #ddd;} .boardList table tbody td.td-date:before{content:'작성일 : ';} .td-subject > div{width:100%;} .td-subject a{max-width:calc(100% - 80px);} /* 게시판 제목 */ .boardList table tbody td.td-subject, .galleryItem dt.tit{font-size:15px;} .galleryItem dd.txt{font-size:14px;color:#666;} /* 게시판 날짜 */ .boardList table tbody td.td-date, .galleryItem a .date{font-weight:300;color:#999;} /* 게시판 첨부파일 */ .viewDetailFile{word-break: break-all;} .iconFile{margin: -2px 2px 0 5px;height:20px;background-size:8px;} /* 게시판 > 이미지 */ .boardListGallery{ display: flex; flex-wrap: wrap; } .boardListGallery .item-img {overflow: hidden;background-color:#f4f4f4;transition: 0.3s ease-in-out;} .boardListGallery img {width:100%;height:28vw;object-fit: cover;transition: 0.3s ease-in-out;} .galleryItem{font-size:14px;} .galleryItem:hover .tit{ text-decoration:underline;} .galleryItem:hover .item-img {box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);} .galleryItem:hover .item-img img{transform: scale(1.02);} .galleryItem a{display:block;} .galleryItem a .imgBox{display:block;overflow: hidden;position:relative;width:100%;padding-bottom: 100%;} .galleryItem a .videoBox{display:block;overflow: hidden;position:relative;width:100%;padding-bottom: 56.25%;} .galleryItem a .txtBox{margin:15px 0;} .galleryItem a .badge-notice{margin-top:-4px;} .galleryItem a > *:not(.date) {margin-top:10px !important;} .galleryItem a .sort{color:var(--primary-color);font-size:14px;font-weight: 500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .galleryItem a .tit{font-size:15px;} .galleryItem a .txt{font-size:13px;} .galleryItem a:hover{ text-decoration:none; } .galleryItem a:hover .bg{ transform: scale(1.05); } .galleryItem a .date{padding-top:10px;color:#000;} .galleryItem a .date span{margin-right:10px;} /* 게시판 > 이미지 > 수상,인증 */ .boardListGallery-award{} .boardListGallery-award img{width:100%;height:28vw;} /* 게시판 > 영상보기 (no팝업) */ .youtube-top-wrap{padding:0 0 20px;} .youtube-top-wrap h3{font-size:18px;;} .youtube-top-wrap ul{margin-top:0;font-size:14px;} .youtube-top-wrap ul li + li:before{content:'';display:inline-block;height:15px;margin:0 10px;border-left:1px solid #ddd;} .youtube-mid-txt{padding:15px 0;} .youtube-top-view iframe{width:100%;height:55vw;} .boardListGallery .youtubeItem img{height:28vw;} /* 글쓰기 > 개인정보 수집동의 2023-08 */ .sub-write-agree-bx{margin:40px 0 60px;font-size:14px;} .sub-write-agree-bx .tit{padding-bottom:15px;color:#121212;font-size:15px;font-weight:500;} .sub-write-agree-bx .sub-write-agree{padding:15px;} .sub-write-agree-bx .input-item.chk-item label:before{top:1px;border-radius:2px;} /* 본인인증 2023-08 */ .wrap-authentication .tit-box p{font-size: 1.1rem;} .wrap-authentication .desc-box{padding:1em 10px;font-size: 1rem;} .wrap-authentication .desc-box li {position:relative;padding-left:10px;} .wrap-authentication .desc-box li::before{top:10px;} .wrap-authentication .auth-list-bx{padding:50px 20px;} .wrap-authentication .auth-list-bx ul li{width:100%;max-width:280px;padding:0 10px;} .wrap-authentication .auth-list-bx ul li dl dd{font-size: 1rem;} } @media screen and (max-width: 480px) { /* 480px 이하 */ .boardView th h3{font-size:15px;} }

          
        
    
    
Copyright Yona authors & © NAVER Corp. & NAVER LABS Supported by NAVER CLOUD PLATFORM

or
Sign in with github login with Google Sign in with Google
Reset password | Sign up