@charset "utf-8"; @font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } ::-webkit-scrollbar { display: none; } * { color: #282828; margin: 0; padding: 0; box-sizing: border-box; font-size: 1em; line-height: 1.25; -webkit-text-size-adjust: 100%; text-decoration: none; } input, textarea { border-radius: 0; border: 0; background: none; outline: none; -webkit-appearance: none; } ul, ol, li { list-style: none; } body { font-family: 'Noto Sans KR', Arial, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*헤더영역*/ .another_category {display: none;} .headermenu { width: 100%; z-index: 99999; margin: auto; position: fixed; top: 0; right: 0; left: 0; display: flex !important; max-width: 100%; padding: 12px 25px 0; background-color: rgb(255 255 255 / 44%); backdrop-filter: blur(12px); border-bottom: solid 1px #ddd; } .headermenu .menur h2 { float: left; margin-right: 40px; margin-top: 10px; font-family: 'Black Han Sans', sans-serif; padding: 5px; letter-spacing: 2px; } .headermenu .pimg { margin-top: 10px; margin-right: 20px; float: left; } .headermenu .pimg img { border: solid 1px #ddd; float: left; width: 40px; height: 40px; object-fit: cover; border-radius: 100%; } .headermenu .right li { display: inline-block; position: relative; z-index: 1; float: left; margin: 12px auto; padding-right: 30px; } .headermenu .right li a { cursor: pointer; float: left; text-transform: uppercase; font-size: 15px; padding-right: 1.2em; margin-top: 6px; font-family: 'S-CoreDream-3Light'; font-weight: 600; color: #707070; } .headermenu .right li i { margin-right: 20px; cursor: pointer; border-radius: 100%; font-weight: bold; background: #111; color: #fff; padding: 10px; } .headermenu .right { width: 100%; float: left; } .headermenu .menu { text-align: right; padding-bottom: 1em; margin: auto; width: 100%; overflow: hidden; position: relative; height: 100%; } .headermenu .menur { float: left; width: 100%; text-align: left; } .headermenu .profile { text-align: center; margin: auto; } .headermenu .profile img { object-fit: cover; width: 80px; height: 80px; border-radius: 100%; margin-top: 20px; padding: 10px; position: absolute; top: 125px; background: #fff; left: 50%; transform: translateX(-50%); box-shadow: 5px 10px 22px #ddd; border: solid 1px #ddd; border-top: none; } .headermenu .profile .icon i { font-size: 14px; padding: 10px; border-radius: 10px; color: #ffffff; box-shadow: 2px 2px 5px #ddd; } .headermenu .profile .icon i a { color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 20px; text-transform: uppercase; } .header { animation: AnimationName 15s ease infinite; z-index: 2; border: none; border-radius: 20px; cursor: pointer; transition-duration: 0.4s; display: flex; overflow: hidden; padding: 5em; right: 0; left: 0; margin: 20px auto; } .header h1 { width: 100%; text-align: center; font-size: 40px; text-transform: capitalize; } .header h1 a { width: 100%; float: left; font-size: 15px; font-weight: 100; margin-top: 1em; } .header .infotext { font-size: 15px; padding-top: 5px; font-weight: 100; margin-top: 20px; } /*박스영역*/ #container { position: relative; max-width: 1200px; padding: 0 40px; margin: 50px auto; } /*사이드바*/ .sidebar { height: 0%; width: 100%; position: fixed; top: 60px; left: 0; background-color: rgb(255 255 255 / 90%); overflow-y: hidden; transition: 0.5s; z-index: 99999; } .menu-content { overflow: auto; position: relative; top: 0%; bottom: 0%; height: 100%; width: 100%; text-align: left; background: #fcfcfc; max-height: 100%; } .menu-content h1 { width: 100%; text-align: center; padding: 2em; } .menu-content h1 a { margin: 20px; font-size: 25px; text-transform: uppercase; display: block; padding-top: 2em; font-family: 'Black Han Sans', sans-serif; } .sidebar .closebtn { position: absolute; top: -9px; left: 50%; font-size: 30px; transform: translateX(-95%); } .sidebar .closebtn:hover { transition: .5s; opacity: 0.8; } /*카테고리*/ .mlink { display: none; } #sbnav i { margin: 5px auto; border-radius: 10px; padding: 12px; color: #fff; font-size: 15px; font-weight: bold; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); } .category { width: 100%; float: left; height: 100%; max-height: 100%; } .category .tt_category { max-width: 800px; margin: auto; overflow: auto; } .category .link_tit { display: none; } .category .c_cnt { margin-right: 35px; display: inline-block; width: 25px; text-align: center; border-radius: 100%; color: #fff; float: right; height: 25px; opacity: 0.8; font-size: 13px; padding: 5px; } .category li { padding: 15px 15px 20px; width: 100%; margin: 20px; display: grid; } .category li a:hover { transition: .5s; margin-left: 10px; } .category .link_item { position: relative; font-weight: 600; float: left; font-family: 'S-CoreDream-3Light'; color: #767676; } .category .sub_category_list li { font-size: 15px; font-weight: 600; font-family: 'S-CoreDream-3Light'; padding: 0 !important; margin: 20px auto; } .category .sub_category_list li a:before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 900; color: #111; } /*본문*/ /*유튜브*/ .video-container { position:relative; height:0; padding-bottom:56.25%; } .video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .article p { line-height: 2em; } .list_conform { padding: 30px 0; width: 100%; margin-top: 3em; overflow: hidden; float: left; } .list_conform h3 { color: #111; text-align: left; margin-bottom: 10px; font-size: 20px; } .list_conform b { font-weight: 500; } .titleWrap { margin: 20px auto; } .titleWrap .admin { font-size: 15px; } .titleWrap #titimg { background: #fff; width: 40px; height: 40px; object-fit: cover; float: left; border-radius: 100%; margin-right: 10px; border: solid 2px #ddd; padding: 3px; } .titleWrap h1 { color: #111; font-weight: 100; width: 100%; float: left; text-align: center; padding: 55px 0px; } .titleWrap center { font-size: 15px; font-weight: bold; color: #767676dd; } .titleWrap center a { line-height: 20px; float: left; margin-bottom: 5px; } .titleWrap center b { color: #757b80; font-weight: 500; margin-top: 8px; float: left; } .titleWrap center c { font-weight: 500; background: #f4f4f4; padding: 5px; border-radius: 10px; float: left; margin-left: 10px; margin-top: 3px; } .titleWrap .date { font-size: 12px; border-radius: 20px; display: inline; float: left; width: 100%; text-align: center; opacity: 0.6; } .titleWrap .category { overflow: hidden; width: 100%; margin-left: 50px; } .titleWrap .category a { display: block; font-weight: bold; font-size: 15px; float: left; margin-top: 10px; } .profile-description { background-color: #eee; border-radius: 10px; position: relative; margin: 30px auto; padding: 16px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e8eef2; } .profile-description .infotext { float: left; margin-left: 20px; } .profile-description .infotext h1 { font-size: 22px; color: #111; float: left; padding: 0; width: 100%; text-align: left; } .profile-description .img { width: 100%; } .profile-description img { border-radius: 10px; width: 60px; height: 60px; object-fit: cover; float: left; } .tt_box_namecard { display: none !important; } .container_postbtn { display: none !important; } /*공지사항*/ .entryNotice { position: relative; width: 500px; overflow: hidden; padding: 20px; margin-bottom: 20px; border-radius: 20px; animation: fadeInUp 1s; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .entryNotice .article { margin-top: 10px; float: left; width: 100%; font-size: 15px; } .NtitleWrap h2 { color: #111; font-size: 2em; width: 100%; text-transform: capitalize; } .entryNotice:nth-child(odd) { position: relative; padding: 10px 20px; background: #f2f6f9; border-radius: 25px 25px 0; color: black; float: left; word-wrap: break-word; margin-bottom: 20px; line-height: 24px; font-size: 15px; width: 600px; } .entryNotice:nth-child(even) { border-radius: 25px 25px 25px 0px; background-color: #c3c8d11f; float: right; width: 600px; text-align: right; color: #fff; } .entryNotice p { background: none !important; } /*보호글*/ .inner-header .date { opacity: 0.7; font-size: 14px; font-weight: 500; background: #f4f4f4; padding: 5px; border-radius: 20px; } .article-view .info_text { margin: auto; text-align: center; } .article-view .title_post { font-size: 30px; margin-bottom: 20px; float: left; width: 100%; } .area-protected { max-width: 280px; margin: 0 auto; text-align: center; } .area-protected .title_post { font-size: 1.5em; float: left; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .area-protected .cate { text-transform: uppercase; font-size: 15px; font-weight: bold; } .area-protected .text-protected span { font-size: 14px; line-height: 2; color: #777; } .area-protected .date { color: #111; font-size: 15px; background: #eee; padding: 5px; border-radius: 20px; overflow: hidden; display: inline-flex; margin: 20px auto; } .area-protected input { width: 230px; height: 42px; margin-bottom: 10px; font-size: 13px; padding-left: 20px; border: 1px solid #e8e8e8; float: left; } .area-protected button { display: block; float: left; height: 42px; background: #ddd; border: none; font-size: 13px; padding: 10px; font-weight: bold; } .area-protected input:hover, .area-protected input:focus { border: 1px solid #333; } .area-protected input.active + button { background: #333; color: #fff; cursor: pointer; } .title-other { margin: 0; font-size: 14px; font-weight: 600; white-space: nowrap; } .article-view { margin-bottom: 12px; word-break: break-word; margin-top: 20em; } .article-view p { margin-bottom: 28px; font-size: 16px; line-height: 26px; color: #222; } /*댓글*/ .comment { margin: 20px auto; } .comment h3 { padding: 10px 0; font-size: 19px; } .commentWrite textarea { border: solid 1px #ddd; float: left; width: 100%; border-radius: 20px; padding: 10px; } .commentWrite i { background: #eee; padding: 5px; border-radius: 20px; overflow: hidden; float: left; margin: 5px; } .commentWrite #username { border: solid 1px #ddd; background: #fff; padding: 5px; float: left; border-radius: 20px; width: 150px; margin: 5px; margin-left: 0; } .commentWrite #userlock { margin: 3px; border: solid 1px #ddd; background: #fff; padding: 5px; border-radius: 20px; width: 150px; float: left; } .commentWrite i { background: #eee; padding: 5px; border-radius: 20px; overflow: hidden; } /*페이징*/ .paging { width: 100%; float: left; text-align: center; padding: 20px; } .paging a { padding: 0; width: 36px; text-align: center; height: 36px; line-height: 36px; color: #464a4d; font-weight: bold; font-size: 14px; border-radius: 12px; display: inline-block; } .paging .selected { background: #f0f0f0; width: 36px; height: 36px; display: block; padding-top: 7px; border-radius: 10px; } .paging .no-more-prev, .no-more-next { display: none; } /*방명록*/ .guest { margin: 7em auto; } /*다른글*/ .area_related { text-align: center; } .area_related b { font-size: 1.9em; } .area_related .tit_related { display: grid; width: 100%; text-align: center; float: left; padding: 10px 0; font-size: 20px; font-weight: 100; } .area_related .tit_related b { background: #f1f1f1; padding: 8px; border-radius: 20px; font-weight: 100; display: block; width: 200px; margin: 20px auto; } .area_related .link_more { text-align: center; font-weight: 100; font-size: 13px; text-transform: uppercase; color: #757b80; letter-spacing: 1px; } .area_related .relatedimg { border-radius: 20px; overflow: hidden; } .relatedrepthumbnail { width: 25%; float: left; overflow: hidden; padding: 10px; } .relatedrepthumbnail img { border-radius: 20px; transition: all 0.5s linear; width: 100%; height: 230px; object-fit: cover; overflow: hidden; display: block; } .relatedrepthumbnail:hover img { transform: scale(1.1); } .relatedrepthumbnail .thumb_related { position: relative; height: 300px; margin-bottom: 10px; } .relatedrepthumbnail .noimg { border-radius: 20px; overflow: hidden; position: absolute; z-index: -1; top: 0; right: 0; left: 0; } .relatedrepthumbnail .txt_related { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; text-align: center; padding: 10px; font-size: 18px; } .relatedrepthumbnail .retext { width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; } .relatedrepthumbnail .date_related { width: 100%; float: left; font-size: 12px; margin-top: 5px; opacity: 0.5; } /*갤러리*/ .listcontent.list-gall .thumbnail_list, .listcontent.list_style-gall .thumbnail_list { position: relative; cursor: pointer; width: 28.5%; float: left; text-align: center; box-shadow: 0 4px 24px rgba(0, 0, 0, .05); margin: 16px; border-radius: 10px; overflow: hidden; background: #fff; } .thumbnail_list { position: relative; cursor: pointer; width: 28.5%; float: left; text-align: center; box-shadow: 0 4px 24px rgba(0, 0, 0, .05); margin: 16px; border-radius: 10px; overflow: hidden; background: #fff; } .thumbnail_list .summary, .listcontent.list_style-gall .summary { display: none; } .listcontent.list-gall .thum, .listcontent.list_style-gall .thum { z-index: 99; overflow: hidden; position: relative; width: 100%; height: 220px; } .thumbnail_list .date, .listcontent.list_style-gall .date { color: #757b80; font-size: 12px; float: left; width: 100%; text-align: left; } .listcontent.list-gall .thumbtext, .listcontent.list_style-gall .thumbtext { padding: 10px; width: 100%; float: left; } .listcontent.list-gall .thumbtext a, .listcontent.list_style-gall .thumbtext a { font-weight: 500; margin-bottom: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.6; overflow: hidden; font-size: 18px; color: #464a4d; text-align: left; } .thumbnail_list img, .listcontent.list_style-gall .thumbnail_list img { width: 100%; height: 250px; object-fit: cover; transition: all 0.5s linear; } .thumbnail_list:hover img, .listcontent.list_style-gall .thumbnail_list:hover img { transform: scale(1.2); } .thumbnail_list .noimg, .listcontent.list_style-gall .noimg { position: absolute; z-index: -1; width: 100%; right: 0; top: 0; bottom: 0; } .noimg img, .listcontent.list_style-gall .noimg img { width: 100%; object-fit: cover; } /*목록*/ .listcontent.list_style-list .thumbtext, { cursor: pointer; border-radius: 8px; background-color: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12); margin-bottom: 20px; padding: 20px; overflow: hidden; transform: translateZ(0); transition-duration: 0.3s; transition-property: transform; } .listcontent.list_style-list .thumbtext:hover { transform: translateY(-5px); } .listcontent.list_style-list .thumbtext a { font-size: 25px; float: left; width: 100%; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.6; overflow: hidden; } .listcontent.list_style-list .summary { float: left; width: 100%; text-align: left; margin: 10px auto; font-size: 13px; line-height: 1.6; color: #00000096; border-bottom: solid 1px #ddd; padding-bottom: 10px; } .listcontent.list_style-list .thumbtext .date { width: 100%; float: left; color: #00000070; font-size: 12px; margin-top: 5px; } .listcontent.list_style-list .thumbnail_list img { display: none; } /*리스트 갤러리*/ .list_style-list-gall .thumbnail_list { cursor: pointer; width: 100%; float: left; } .list_style-list-gall .thumbtext { float: right; width: 80%; text-align: left; overflow: hidden; } .list_style-list-gall .thumbnail_list .thum { cursor: pointer; border-radius: 20px; width: 16.5%; float: left; overflow: hidden; position: relative; height: 165px; margin-bottom: 2em; box-shadow: 2px 2px 5px #ddd; } .list_style-list-gall .thumbnail_list .thum img { display: block; overflow: hidden; transition: all 0.3s linear; width: 100%; height: 100%; object-fit: cover; position: relative; border-radius: 20px; } .list_style-list-gall .thumbnail_list:hover img { cursor: pointer; transform: scale(1.2); } .list_style-list-gall .thumbnail_list .noimg { overflow: hidden; position: absolute; z-index: -1; border-radius: 20px; right: 0; left: 0; width: 100%; height: 165px; } .listcontent.list_style-list-gall .thumbtext a { font-weight: 500; font-size: 1.5em; margin-bottom: 5px; display: block; } .list_style-list-gall .summary { width: 100%; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.6; font-size: 13px; overflow: hidden; } .listcontent.list_style-list .summary p { font-size: 14px; line-height: 1.5em; color: #00000096; } .list_style-list-gall .thumbnail_list .date { float: left; font-size: 12px; margin: 10px auto; } /*커버*/ .cover_tit { margin-bottom: 20px; } .cover_tit h2 { width: 100%; margin: 80px auto; float: left; margin-bottom: 50px; margin-left: 15px; text-transform: uppercase; } .cover_tit a { font-size: 15px; margin-left: 16px; border-radius: 20px; } .cover-gall { width: 100%; float: left; } /*커버공지*/ .cover-notice { overflow: auto; float: left; width: 100%; } .cover-notice .text { width: 50%; float: left; text-align: left; } .cover-notice p { width: 100%; float: left; padding: 10px 15px; font-size: 16px; } .cover-notice .cover-list_txt { float: left; width: 50%; text-align: right; } .cover-notice .noticetext { float: right; width: 50%; } /*커버갤러리*/ .cover-gall .thumblist { cursor: pointer; opacity: 1; position: relative; background-color: #ffffff; float: left; width: 29.5%; margin: 20px; padding: 15px 0 0; box-shadow: 2px 5px 22px #ddd; border-radius: 20px; overflow: hidden; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); } .cover-gall .thumblist:hover { transform: translateY(-5px); } .cover-gall .thumblist .textcover { overflow: hidden; padding: 1em; width: 100%; margin-right: 20px; } .cover-gall .thumblist .txt_cate { font-size: 12px; color: #757b80; float: left; margin-top: 1em; } .cover-gall .thumblist .thum { overflow: hidden; height: 220px; width: 100%; float: left; position: relative; } .cover-gall .thumblist .thum img { width: 100%; height: 100%; object-fit: cover; float: left; display: inline-block; z-index: 999; position: relative; } .cover-gall .thumblist .more i { color: #fff; font-weight: bold; } .cover-gall .thumblist .more { float: left; font-weight: 100; } .cover-gall .thumblist:hover .more a { opacity: 1; font-weight: bold; cursor: pointer; } .cover-gall .thumblist:hover .more i { opacity: 1; } .cover-gall .thumblist .title { font-size: 22px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 100%; color: #1f1f1f; } .cover-gall .thumblist .summary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 100%; padding: 5px 0; } .cover-gall .thumblist .noimg::before { content: ""; float: left; width: 100%; text-align: center; font-size: 15px; text-transform: uppercase; font-weight: 500; } .cover-gall .thumblist .noimg { display: none; } /*커버리스트갤러리*/ .cover-gall_li .thumblist { cursor: pointer; opacity: 1; position: relative; float: left; width: 28.5%; margin: 20px; border-radius: 20px; height: 400px; overflow: hidden; margin-bottom: 30px; box-shadow: 2px 5px 2em #ddd; } .cover-gall_li .txt_post { color: #fff; font-size: 15px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; float: left; margin-top: 3px; line-height: 1.6; width: 100%; padding: 5px; } .cover-gall_li .thumblist .thum { box-shadow: 2px 5px 2em #ddd; transition: all 0.2s linear; overflow: hidden; height: 400px; position: relative; width: 100%; float: left; border-radius: 20px; } .cover-gall_li .thumblist .thum img { width: 100%; height: 100%; object-fit: cover; float: left; display: inline-block; border-radius: 20px; z-index: 999; position: relative; } .cover-gall_li .thumblist img { transition: all 0.5s linear; } .cover-gall_li .thumblist:hover img { transform: scale(1.2); } .cover-gall_li .thumblist:hover .more { font-weight: bold; } .cover-gall_li .thumblist .textcover { float: left; position: absolute; z-index: 9999; bottom: 8px; left: 8px; width: calc(100% - 16px); padding: 16px; text-align: left; border: 1px solid rgba(255, 255, 255, .1); background-color: rgb(0 0 0 / 13%); backdrop-filter: blur(12px); border-radius: 10px; height: 150px; } .cover-gall_li .thumblist .txt_cate { display: none; } .cover-gall_li .thumblist .more { font-weight: bold; transition: .5s ease; float: left; overflow: hidden; font-size: 12px; padding: 5px; border-radius: 20px; position: absolute; bottom: 10px; left: 15px; background-color: rgba(0, 0, 0, .2); color: #fff; } .cover-gall .thumblist .more a { font-weight: bold; padding: 5px; transition: .5s; float: left; margin-top: 1em; border-radius: 20px; font-size: 12px; position: absolute; bottom: 10px; z-index: 99999; left: 10px; background: rgba(0, 0, 0, .32); color: #fff; } .cover-gall_li .thumblist:hover .more { border-radius: 20px; opacity: 1; } .cover-gall_li .thumblist:hover .more i { opacity: 1; } .cover-gall_li .thumblist .more i { font-weight: bold; color: #fff; } .cover-gall_li .thumblist:hover .more a { padding: 0.5em; opacity: 1; border: solid 1px #ddd; color: #fff; font-weight: bold; cursor: pointer; } .cover-gall_li .thumblist .title { color: #fff; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; width: 100%; font-size: 20px; padding: 5px; } .cover-gall_li .thumblist .noimg::before { content: ""; float: left; width: 100%; text-align: center; font-size: 15px; text-transform: uppercase; font-weight: 500; } .cover-gall_li .thumblist .noimg { border-radius: 20px; position: absolute; right: 0; left: 0; font-weight: bold; height: 100%; text-align: center; } /*커버 목록*/ .cover-li { float: left; margin-bottom: 4em; margin-top: 4em; } .cover_li .cover-list_txt { background-color: #fff; transition-duration: 0.3s; transition-property: transform; position: relative; cursor: pointer; overflow: hidden; float: left; width: 29%; margin: 18px; padding: 15px; box-shadow: 2px 5px 2em #ddd; border-radius: 20px; } .cover_li .cover-list_txt:hover { transform: .5s; transform: translateY(-5px); } .cover_li .cltit a { overflow: hidden; font-size: 20px; margin-bottom: 1em; font-weight: 500; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; width: 100%; float: left; } .cover_li .cltit { float: left; width: 100%; padding: 10px 0; margin-bottom: 2em; } .cover_li .cover-list_txt:hover .more a { opacity: 1; } .cover_li .cover-list_txt:hover .more i { opacity: 1; } .cover_li .cover-list_txt:hover .cltit a { font-weight: bold; transform: .5s; opacity: 1; } .cover_li .cltit span a { margin-top: 1em; width: auto; float: left; border-radius: 20px; font-size: 12px; position: absolute; bottom: 0; } .cover_li .more a { transition: .5s; padding: 5px; } .cover_li .more i { font-weight: bold; } .cover_li .cover-list_txt .more { transition: .5s ease; width: 100%; float: left; } .cover_li .cli { float: left; opacity: 0.8; font-size: 12px; background: #f6f6f6; padding: 0.5em; border-radius: 20px; border: solid 1px #eee; } /*태그*/ .tagbox h3 { margin-top: 20px; margin-bottom: 20px; text-align: center; padding-top: 2em; text-transform: uppercase; color: #111; } .tagbox li { display: inline-block; margin-right: 2em; } .tagbox li a { padding: 1px 6px 1px; border-radius: 100px; font-size: 15px; text-transform: inherit; font-weight: 500; background: #ffffff; } .tagbox li a:hover { transition: .5s; background-color: #c6c6c6; color: #fff; } /*탑버튼*/ .top { z-index: 999; position: fixed; bottom: 0; right: 0; font-size: 32px; background: #111; color: #fff; border-radius: 100%; width: 40px; height: 40px; overflow: hidden; margin: 20px; padding-top: 2px; } .top i { color: #fff; float: left; width: 100%; text-align: center; padding: 2px; } /*카피라이트*/ .footer span { text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 10px; float: left; transition: .5s; } .footer { padding: 20px; position: fixed; bottom: 0; left: 0; font-size: 20px; transition: .5s; text-transform: uppercase; } /*모바일*/ @media (max-width: 860px) { .content { padding: 1em; margin-top: 3em; } #container { padding: 10px; margin: auto; } .menu-content h1 { padding: 5px; } .menu-content h1 a { font-size: large; margin: auto; margin-bottom: 20px; } .category .link_item { font-size: small; } .menu-content { top: 0; height: 100%; position: absolute; } .sidebar .closebtn { transform: none; left: auto; } #sbnav i { top: 25px; margin: 20px auto; transform: translateX(0%); position: relative; float: right; width: 100%; padding: 9px; left: 20px; font-size: small; } .linksm, .mlink { display: block; } .links { display: none; } .headermenu { overflow: hidden; backdrop-filter: none; background: #fff; padding: 0; height: 60px; } .headermenu .right li { margin: 2px; position: absolute; right: 0; padding-right: 0; } .headermenu .menur h2 { margin-left: 50px; margin-top: 0; margin-right: 0; font-size: large; float: left; padding: 10px; } .headermenu .pimg { margin: auto; position: absolute; top: 0; left: 0; } .headermenu .menur { position: absolute; right: 0; top: 10px; left: 10px; } .headermenu .right li a { padding: 5px; } .category li { padding: 10px; margin: auto; } .category .c_cnt { font-size: smaller; padding: 4px; float: left; height: 20px; width: 20px; } .category .sub_category_list li { font-size: small; } .mlink { width: 100%; text-align: center; } .mlink li a { font-size: small; } .mlink li { display: inline; } .cover_tit h2 { padding: 20px; margin: 0; } .cover_li .cover-list_txt { width: 100%; margin: auto; margin-bottom: 20px; } .cover-gall .thumblist { width: 100%; margin: auto; margin-bottom: 20px; } .cover-gall_li .thumblist { width: 100%; margin: auto; margin-bottom: 20px; } .headermenu .right li a { padding: 0; margin: 0; } .listcontent.list-gall .thum, .listcontent.list_style-gall .thum { height: 150px; } .listcontent.list-gall .thumbnail_list, .listcontent.list_style-gall .thumbnail_list { width: 100%; overflow: hidden; height: auto; margin: 10px auto; margin-bottom: 2em; } .listcontent.list-gall .thumbnail_list img, .listcontent.list_style-gall .thumbnail_list img { height: 150px; } .list_style-list-gall .thumbnail_list .thum { width: 100%; height: auto; } .list_style-list-gall .thumbtext { width: 100%; margin-bottom: 2em; } .listcontent.list_style-list .summary p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 3.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .listcontent.list_style-list { margin-top: 2em; } .listcontent { float: left; width: 100%; } .list_conform h3 { margin-bottom: 2em; } .list_conform { padding: 0; margin: 0; } .relatedrepthumbnail { width: 50%; } .entryNotice { margin-top: 5em; } .entryNotice:nth-child(odd) { width: auto; } .entryNotice:nth-child(even) { width: auto; } .guest { margin: 1em auto; } } .xi-bars { display:none; }