@charset "UTF-8";

/*skin start*/

/* font */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


/* CSS Document */

 * {padding: 0; margin: 0; box-sizing: border-box; font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;
 outline: none; font-size: 10.5px; line-height: 15px; word-break:break-all;}
 a { text-decoration: none; background: transparent; }
 ul, li, ol {list-style: none; padding:0; margin: 0;}
 input:focus, textarea:focus, ::placeholder { outline: none; border: none;}
 button {padding: 0; border:0; background: transparent;}
 img {vertical-align: bottom;}
 textarea {resize: none;}


 /* loading */
 #loading
 { width: 100%; height: 100%; top: 0; left: 0; background: #ffffff;
 position: fixed; display: flex; z-index: 999; opacity: 0.9;}
 #loading > img { display: flex; width: 300px; height: 300px; margin: auto;}


/* layout */
 #whole {width: 100%; height: 100vh; overflow: hidden; position: relative; 
 background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; }
 #toolbar {width: 100%; height: 30px;
 display: flex; align-items: center; justify-content: space-between; position: relative;}
 #footer {position: absolute; left: 50%; bottom: -1px; height: 60px;
 width: auto; transform: translateX(-50%); border-radius: 5px 5px 0 0; padding: 0 10px;
 display: flex; z-index: 997; align-items: center; }
 #content {  position: relative; transition: box-shadow .2s ease-in-out;}
 #bfolder {position: absolute; right: 5%; top: 10%;}


/* bfolder */
 #bfolder a {display: block; padding: 5px;}
 #bfolder li a:hover {border-radius: 3px;}
 #bfolder li {width: 75px;}
 .b-file {display: flex; flex-direction: column; align-items: center; font-weight: bold;
 color: #FFF;}
 .b-file img {width: 45px; height: 55px;}


/* duckbar windows maxsize */
 .pos1 { top: 30px; left: 10%; z-index: 1;}
 .maxsize {position: relative !important;top: 0px !important;
 bottom: 0px; left: 0px; right: 0px; width: 100% !important; height: 100vh !important;
 z-index: 998;}


/* duckbar windows */ 
 #documents { display: none;
 position: absolute; transition: box-shadow .2s ease-in-out; top: 50px; right: 250px;}
 .d-wrap {width: 100%; height: calc(100% - 70px);  display: flex; flex-direction: row;
 border-radius: 0 0 10px 10px; overflow-y: auto;}
 .d-left {width: 150px; height: 100%; display: flex; flex-direction: column;}
 .d-text {padding: 10px 0px 0px 8px;}
 .d-text:hover, .d-menu:hover {cursor: default;}
 .d-menu {padding: 0px 12px;}
 .d-menu li {margin:10px 0; font-size: 12px;}
 .d-menu li:first-child{margin:3px 0;} 
 
 .d-right { width: calc(100% - 150px); height: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
 .d-right li:first-child {margin-left: 20px;}
 .d-folder1 {display: block;}
 .d-folder1 a {display: flex; flex-direction: column; width: 75px; align-items: center;}
 .d-folder1 a:hover {border-radius: 5px;}  
 .d-img img {width: 65px; height: 75px;}

 #photo {position: absolute; display: none;
  transition: box-shadow .2s ease-in-out; top: 300px; right: 170px;}
 #photo .c-toolbar, #video .c-toolbar, #setting .c-toolbar {height: auto; padding: 5px; }
 #photo .c-toolbart, #video .c-toolbart, #setting .c-toolbart {border-bottom: none; height: 30px;}
 .photo-wrap {width: 100%; height: calc(100% - 80px);}
 .photo-wrap img {width: 100%; height: 100%; object-fit: cover;}
 .photo-btn {width: 100%; height: 50px; display: flex; align-items: center; justify-content: center;
 border-radius: 0px 0px 10px 10px; }
 .photo-btn1 {display: block; width: 80%;}
 .photo-btn1 i { width: 30px; height: 30px; border-radius: 50%; padding: 15px;
 display: flex; align-items: center; justify-content: center; margin: 0 auto;
 font-size: 15px;}
 .photo-btn2 {padding: 1px 10px;}
 
 #video {position: absolute; display: none;
  transition: box-shadow .2s ease-in-out; top: 500px; right: 385px; z-index: 9999;}
 .video-wrap {width: 100%; height: calc(100% - 30px);}
 .video-container {position: relative; width:100%; padding-bottom: 56.25%;
 padding-top: 0; height: 0; overflow: hidden; border-radius: 0px 0px 10px 10px;}
 .video-container iframe, .video-container object, .video-container embed {
 position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

 #setting {position: absolute; display: none;
 right: 30%; top: 30%; transition: box-shadow .2s ease-in-out;}
 .s-wrap {width: 100%; height: calc(100% - 30px); display: flex;
 align-items: center; background: #F3F5F7;
 border-radius: 0px 0px 10px 10px;}
 .t-img {width: 45%; display: flex; justify-content: center;}
 .t-img img {width: 60%; object-fit: cover; border-radius: 50%; padding: 5px;}
 .t-text {display: block; width: 50%;}
 .t-title { margin-bottom: 30px;}
 .t-title span{font-size: 23px; font-weight: bold;}
 .t-desc {line-height: 20px;}


/* toolbar */
 .toolbar-l {height: 100%; display: flex; flex-direction: row; align-items: center;
  color: #FFF;}

 #applelogo {padding-left: 12px; padding-right: 12px; padding-top: 0.75vh; padding-bottom: 0.75vh;  font-size: 15px;}

 #finder {font-weight: bold; position: relative; padding-left: 4px;
 padding-right: 4px; padding-top: 0.75vh; padding-bottom: 0.75vh;}
 #finder:hover, #finder:active {cursor: default;}

 .sub-menu { display: none;
 position: absolute; top: 30px; left: 0; font-weight: normal;
 width: 200px; border-radius: 0px 0px 3px 3px;}

 .macsetting, .finder-btn1, .finder-btn2, .finder-btn3 {display: block; max-width: 100%; padding: 10px 15px;
 text-align: left;}
 .category li:last-child {border-bottom: none;}
 .category li a{color: #FFF; display: block;max-width: 100%; padding: 10px 15px; }

 .sub-menu2 { display: none;
 position: absolute; top: 30px; left: 0; font-weight: normal;
 width: 200px; border-radius: 0px 0px 3px 3px;}
 .sub-menu2 li a { padding: 10px 15px; display: flex;
 text-decoration: none; transition: all 0.3s ease; justify-content: space-between; color: #FFF;}
 .link_item {display: flex;}

 .sub-menu2 > ul > li > ul > li:last-child {border-bottom: none; box-shadow: none;}
 .sub-menu2 > ul > li > a {display: none;}
 .sub_category_list li a {display: block !important;}

 .toolbar-r {color: #FFF;}
 #volume, #wife, #bluetooth {padding-left: 12px; padding-right: 12px; padding-top: 0.75vh; padding-bottom: 0.75vh;}
 #time  { padding-right: 12px; padding-top: 0.75vh; padding-bottom: 0.75vh;}
 
 .macsetting:hover, .finder-btn1:hover,  .finder-btn2:hover,  .finder-btn3:hover {cursor: pointer;}


/* content */
 .c-toolbar {display: flex; flex-direction: column; width: 100%;  height: 70px;
 border-radius: 10px 10px 0 0;}
 .container {width: 100%; height: calc(100% - 70px); padding: 10px;
 border-radius: 0 0 10px 10px; overflow:hidden;}
 
 .c-toolbart, .c-toolbarb {height: calc(100% - 50%);}
 .c-toolbart {display: flex;  align-items: center;}
 
 .c-toolbtn {padding: 5px; display: flex; flex-direction: row; align-items: center;}
 .c-tooltext { width: 300px; padding: 5px;  border-radius: 5px;
 margin: 0 auto;  text-align: center; }
 
 .btn1 { display: inline-block; width: 12px; height: 12px; margin: 0 5px;
 border-radius: 50%; }
 .btn2 { display: inline-block; width: 12px; height: 12px; margin-right: 5px;
 border-radius: 50%; }
 .btn3 { display: inline-block; width: 12px; height: 12px;
 border-radius: 50%; }
 .btn4 { display: inline-block; width: 12px; height: 12px;
 border-radius: 50%; }
 

 .c-toolbarb {align-items: center; display: flex; flex-direction: row;
 justify-content: space-between;}
 .paging {display: flex; align-items: center; padding: 5px; margin-left: 5px; }
 .p-prev a, .p-next a{display: block; padding: 5px 12px; margin-right: 2px;
 border-radius: 5px;}
 .search {display: flex; align-items: center; padding: 5px; margin-right: 5px;
 border-radius: 5px;}
 .search input {border: none; background: none; font-family: 'Pretendard', sans-serif;}


/* footer */
 .duck5 {margin-left: 5px;}
 .duck1 img, .duck2 img, .duck3 img, .duck4 img, .duck5 img {width: 40px; height: 40px;
 -webkit-transform: scale(1);  transform: scale(1); -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}
 .duck1:hover img, .duck2:hover img, .duck3:hover img, .duck4:hover img, .duck5:hover img
 {-webkit-transform: scale(1.2); transform: scale(1.2); object-fit: cover;} 
 .line {position: relative; display: inline-flex; width: 1px; height: 30px;
 margin: 10px 5px 10px 10px; border-radius: 15px;}


/* list */ 
 .c-inner {border-radius: 10px; height: calc(100% - 10px); overflow-y: auto;}
 .list-inner:after{content: ''; display: block; clear: both; margin: 0; padding: 0;}
 .list-wrap a {background: transparent;}
 
 .category-name {text-align: center; padding: 5px;}
 .category-name span { font-size: 15px; font-weight: bold;}

 #list-basic .list-wrap{ display: block;}
 #list-basic .thumbnail, #list-basic .summary-date {display: none;}
 #list-basic .list-td{ display: flex; flex-direction: column; justify-content: space-between; }
 #list-basic .summary {display: none;}
 #list-basic .list-title {display: flex;  justify-content: space-between; margin-bottom: 5px; font-weight: bold;}
 #list-basic .list-date {color: #aeaeae;}
 #list-basic .list-wrap a {display: flex; flex-direction: row; justify-content: space-between;
 align-items: center; padding: 10px; margin: 0 10px;}
 #list-basic .list-cate { display: flex; flex-direction: row;}
 #list-basic .list-catebtn { opacity: 0; margin-left: 10px; padding: 5px; border-radius: 3px;}
 #list-basic .list-cate span {padding: 5px; color: #aeaeae;} 
 #list-basic .list-wrap a:hover .list-catebtn { opacity: 1; transition: all 0.3s ease; }
 #list-basic .list-wrap a:hover { border-radius: 5px;}

 #list-gallery .list-inner {padding: 0 5px;}
 #list-gallery .list-wrap{float: left; width: calc((100% - 15px) / 4); margin: 0 5px 5px 0; position: relative;
 box-sizing: border-box;}
 #list-gallery .list-wrap:nth-child(4n) {margin-right: 0;}
 #list-gallery .list-wrap a{display: block; box-sizing: border-box;}
 #list-gallery .list-wrap .thumbnail {width: 100%; overflow: hidden; position: relative; border-radius: 3px;}
 #list-gallery .list-wrap .thumbnail img{width:100%; object-fit: cover;
  -webkit-transform: scale(1);  transform: scale(1); -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}
 #list-gallery .list-wrap .thumbnail:hover img 
 { -webkit-transform: scale(1.2); transform: scale(1.2); object-fit: cover;}
 #list-gallery .thumbnail-info {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
 -webkit-line-clamp: 2; text-align: center; -webkit-box-orient: vertical; width: 100%;
 height: 100%; position: absolute; top: 0; left: 0; color: #FFF; opacity: 1; transition: 0.3s;
 display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
 #list-gallery .list-wrap .thumbnail:hover .thumbnail-info, 
 #list-gallery .list-wrap .thumbnail:focus .thumbnail-info{ opacity: 0; transition: all 0.3s ease;}
 #list-gallery .list-wrap .thumbnail-text {display: flex; justify-content: space-between; padding: 10px;
 text-align: left;}
 #list-gallery .list-wrap .thumbnail-title {overflow: hidden; padding: 5px;
 text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
 #list-gallery .list-wrap .thumbnail-date {padding: 5px; border-radius: 10px;
 background: #FFFFFF78;} 
 #list-gallery .list-wrap .thumbnail-cate {padding: 5px;}
 #list-gallery .list-td{display: none; flex-direction: column; justify-content: center;
 align-items: center; width: 100%; height: 100%; position: absolute; top: 0;}
 #list-gallery .list-title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
 -webkit-line-clamp: 2; text-align: center; -webkit-box-orient: vertical; }
 #list-gallery .thumbnail-info span {font-weight: 700; overflow: hidden;   text-overflow: ellipsis; display: -webkit-box; 
 -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
 #list-gallery .summary,  #list-gallery .list-cate, #list-gallery .summary-date {display: none;} 

 #list-summary .list-inner {padding: 5px;}
 #list-summary .thumbnail-info {display: none; justify-content: space-between; align-items: center;
 font-weight: bold;}
 #list-summary .list-wrap{display: block; overflow-y: hidden; margin-bottom: 5px;}
 #list-summary .list-wrap a{display: flex; flex-direction: row; width: 100%; height: 200px; padding: 3px;} 
 #list-summary .list-wrap a:hover { transform: translateX(5px);}
 #list-summary .list-wrap .thumbnail {width: 30%; overflow: hidden;
 display: flex; flex-direction: column; justify-content: space-between;}
 #list-summary .list-wrap .thumbnail img{width:100%; object-fit: cover;}
 #list-summary .list-td{display: none;} 
 #list-summary .list-title { overflow: hidden;   text-overflow: ellipsis; display: -webkit-box; 
 -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
 #list-summary .list-title span {font-weight: bold;}
 #list-summary .list-arrow {display: none;}
 #list-summary .list-date {text-align: left; display: none;} 
 #list-summary .summary {display: flex; margin-left: 10px; text-align: left; padding: 5px;
 width: 70%; flex-direction: column; justify-content: flex-start; position: relative;} 
 #list-summary .summary-date {font-weight: bold; margin-bottom: 20px; display: flex;
 flex-direction: column; color: #aeaeae;}
 #list-summary .summary-desc {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
 #list-summary .summary-btn {position: absolute; bottom: 0; right: 0; opacity: 0; margin: 10px; padding: 5px; border-radius: 3px;}
 #list-summary .list-wrap a:hover .summary-btn  { opacity: 1; transition: all 0.3s ease; }
 #list-summary .list-cate,  #list-summary .list-wrap .thumbnail-title {display: none;}

 #list-playlist .list-wrap{ float: left; width: 100%; border-bottom: 0 !important;}
 #list-playlist .list-wrap .thumbnail {width: 100%;}
 #list-playlist .list-wrap .thumbnail img{display: none; width:100%; object-fit: cover;}
 #list-playlist .list-title {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
 #list-playlist .list-title span {font-weight: bold;}
 #list-playlist .list-inner {display: block; background: none; padding: 0;}
 #list-playlist .list-td{padding: 5px; display: flex; flex-direction: row; justify-content: space-between; margin: 0;}
 #list-playlist .list-date {display: none;} 
 #list-playlist .summary {display: block;} 
 #list-playlist .summary-desc {margin:0;}
 #list-playlist .list-info,  #list-playlist .list-cate,  #list-playlist .summary-blogger {display: none;}
 #list-playlist .thumbnail-info, #list-playlist .list-td, #list-playlist .summary-btn {display: none;}
 #list-playlist .video-container {border-radius: 0;}
 #list-playlist .summary-date {font-size: 10.5px; display: flex; justify-content: space-between; color: #aeaeae;
 padding: 5px;}
 #list-playlist .summary-date span {font-size: 15px; font-weight: bold; color: #000;}




/* article */
 .article-td { margin: 10px; display: flex; flex-direction: column;  margin-bottom: 30px;}
 .article-title {font-size: 15px; font-weight: bold; text-align: center; margin: 10px 0px;}
 .article-dc { display: flex; justify-content: space-between; flex-direction: row-reverse;
 align-items: center;}
 .article-date  { font-size: 12px; text-align: right; padding: 5px; border-radius: 3px;
 color: #aeaeae;}
 .article-cate { font-size: 13px; }
 .article-desc, .article-tag {padding: 0px 10px; }
 .article-tag a {display: inline;}
 #article .container_postbtn {padding: 20px 0 !important;}


/* blockquote */

 blockquote[data-ke-style='style1'] span:before{ content: ''; display: block; background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0; padding-top: 25px; transform: rotate(0deg);
 margin-top: 10px; }
 blockquote[data-ke-style='style1'] span:after{ content: ''; display: block; background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0; padding-top: 25px; transform: rotate(180deg); 
 margin-bottom: 15px;}

 blockquote[data-ke-style='style2'] { padding:5px; margin:5px;  font-size: 12px; line-height:20px; font-weight: bold;
 color: #FFF !important;}
 blockquote[data-ke-style='style3'] { padding: 5px; font-size: 8pt; line-height: 20px; overflow-y: auto;}
 blockquote p  {font-size: 13px !important;}

 .btn-toggle-moreless{margin: 5px; padding: 5px; font-family: 'Pretendard', sans-serif !important; font-size: 10.5px !important; font-weight: 700;}
 div[data-ke-type='moreLess'] .btn-toggle-moreless {line-height: 22px !important; border-radius: 3px 3px 0px 0px;}
 div[data-ke-type='moreLess'] .btn-toggle-moreless:before{content:"+"; font-family:"Font Awesome 5 Free"; margin-right: 5px; font-weight:700;}
 div[data-ke-type='moreLess'].open .btn-toggle-moreless:before{content:"-"; font-family:"Font Awesome 5 Free"; margin-right: 5px; font-weight:700;  border-bottom: 0;}
 div[data-ke-type='moreLess'].open .moreless-content{margin:0 5px; padding:5px; overflow: hidden;}
 figure.fileblock {margin-top: 10px !important; margin-bottom: 10px !important;}


/* article paging */
 .article-paging {display: flex; justify-content: space-between; font-size: 11px; font-weight: bold;
 padding: 10px; margin-bottom: 10px;}
 
 .article-btn {display: flex; font-size: 17px; justify-content: space-between; padding: 0px 10px;
 margin: 10px 0px;}
 .related-button {margin-left: 10px;}
 .comment-button {font-size: 15px;}
 .comment-button, .related-button {width: 30px; height: 30px; border-radius: 50%; display: flex;
 align-items: center; justify-content: center;}
 .related-button:hover, .comment-button:hover {cursor: pointer;}
 
 #article-rd { display: none; padding: 5px; margin-bottom: 5px; border-radius: 3px;}
 #article-rd .rd-inner {font-size: 11px; font-weight: bold; text-align: right; margin-bottom: 5px;}
 #article-rd .rd-wrap { float: left; width: calc((100% - 40px) / 4); margin: 5px; position: relative;}

 #article-rd:after {content: ''; display: block; clear: both; margin: 0; padding: 0;}
 #article-rd .rd-title {overflow: hidden; opacity: 0; text-overflow: ellipsis; white-space: nowrap;
 text-align: center; position: absolute; top: 0; width: 100%; height: 100%; display: flex;
 background: #FFFFFF78; justify-content: center; align-items: center; font-size: 12px;
 font-weight: bold;}
 #article-rd .thumb_related img {width: 100%; object-fit: cover; border-radius: 3px;}
 #article-rd .rd-wrap a:hover .rd-title  { opacity: 1; transition: all 0.3s ease; }


/* comment */
 .comment-body:after{content: ''; display: block; clear: both; margin: 0; padding: 0;}
 #comment-list { width: 50%; position: relative; margin: 0 10px; float: left;}
 #reply-list {width: 50%; position: relative; margin: 0 10px; float: right;}
 .comment-body {width: 100%;}

 .tistoryProfileLayerTrigger {display:none !important;}
 .comment {display: none; margin: 10px; padding: 5px;}
 #comment-list, #reply-list {padding: 0;}
 .reply-body ul {padding: 0;}
 .comment-right{display: flex; justify-content: space-between; align-items: center;}
 .reply-right {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
 .comment {text-align: left;}
 .comment-write {margin-top: 20px;}
 .comment-textarea {display: flex; justify-content: center;}
 .comment-textarea textarea {width: 100%; height: 50px;  font-family: 'Pretendard', sans-serif;
 border: none; background: none;}
 .reply-body > ul > li:last-child {border-bottom: none;}
 .comment-input { display: flex; align-items: center; justify-content: flex-start;}
 .comment-input input[type=submit] { background: transparent;}
 .comment-input input[type="checkbox"] {display: none;} 
 .comment-input input[type="checkbox"]+label:before{ font-size: 13px; font-family: FontAwesome; content: "\f3c1"; font-weight:700;}
 .comment-input input[type="checkbox"]:checked+label:before{ font-size: 13px; font-family: FontAwesome;
 content: "\f023"; font-weight:700;}
 .comment-secret, .comment-send  {font-size: 13px; width: 50%; text-align: center; padding: 5px 0;}
 .comment-date span, .reply-date span {font-weight: bold; font-size: 12px;}
 .comment-date, .reply-date {padding: 10px 0;}
 .reply-desc {text-align: left;}
 .comment-desc, .reply-desc {font-size: 12px;  padding: 10px; border-radius: 3px;}
 .comment-edit, .reply-edit {display: flex; margin-top: 20px; font-size: 10.5px; justify-content: space-between;}
 .comment-m a{margin-right: 5px;}

 #guestbook {padding: 10px;}
 #guestbook .comment {display: block; border: none;}
 .sguest-input {display: flex; justify-content: center;}
 #guestbook .comment-body > ol > li:last-child {border-bottom: none !important;}
 #guestbook .comment-write {margin-bottom: 20px;}
 .sguest-input input[type="text"], .sguest-input input[type="password"] {border:none; background: none;
 width: 50%; padding: 5px;}


/* notice */
 #notice {padding: 0;}
 #notice .revenue_unit_wrap {display: none;}
 #notice .container_postbtn {display: none;}
 .notice-wrap {padding: 0; margin-bottom: 30px;}
 .notice-td {margin-bottom: 20px;}
 .notice-title {text-align: center; font-size: 13px; font-weight: 700;}
 .notice-date {text-align: right; color: #FFF;}
 .notice-date span {padding: 5px; border-radius: 3px;}
 .notcie-desc {text-align: left;}


/* protected */ 
 .protected { display: flex; height: 100%; margin: 0 auto; align-items: center; justify-content: center;}
 .protected-desc {font-size: 12px; font-weight: 700; margin-bottom: 10px;}
 .protected-desc span {font-size: 13px; font-weight: bold;}
 .protected-password input[type="password"] {border: none; font-family: 'Pretendard', sans-serif; background: none;}
 .protected-password input[type="button"] {border:none; font-family: 'Pretendard', sans-serif; background: none;}


/* tag */
 .tag {text-align: left; padding: 10px; font-size: 12px;}
 .tag-title { font-weight: 700; margin-bottom: 20px;}
 .tag-desc ul {display: flex;  flex-wrap: wrap; flex-direction: row;}
 .tag-desc li {padding: 5px;}
 .tag-desc a:before{content: "#"; font-weight:700; margin-right: 1px; } 


/* cover */
 .cover-inner
 .cover-inner {margin-right: 0;}
 .cover-inner .inner{overflow: hidden;}
 .c-title {text-align: center; padding: 5px; color: #fff;}
 .c-title span { font-size: 12px; font-weight: bold;} 

 .c-notice .c-wrap {padding: 5px;}
 .c-notice .c-img {position: relative; width: 100%; text-align: center;}
 .c-notice .c-wrap a {display: block; border-radius: 5px;}
 .c-notice .c-img img {max-width: 100%;}

 .c-desc {text-align: left;}
 .c-wrap:last-child {border-bottom: none;}
 
 .c-notice .c-img {position: relative; width: 100%; text-align: center; margin-bottom: 5px;}
 .c-notice .c-img img {max-width: 100%;}

 .c-gallery .c-gwrap { float: left; width: calc((100%) / 4); margin:0; position: relative;
 box-sizing: border-box;}
 .c-gallery .c-thumbnail {width: 100%; position: relative; overflow: hidden;}
 .c-gallery .c-thumbnail img{width:100%; object-fit: cover;  -webkit-transform: scale(1);  transform: scale(1); -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}
 .c-gallery .c-thumbnail:hover img 
 { -webkit-transform: scale(1.2); transform: scale(1.2); object-fit: cover;}
 .c-gallery .thumbnail-info {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
 -webkit-line-clamp: 2; text-align: center; -webkit-box-orient: vertical;  width: 100%; height: 100%;
 position: absolute; top: 0; left: 0;  color: #FFF; opacity: 1; transition: 0.3s; display: flex; justify-content: space-between;
    flex-direction: column;}
 .c-gallery .c-gwrap .c-thumbnail:hover  .thumbnail-info, 
 .c-gallery .c-gwrap .c-thumbnail:focus  .thumbnail-info{ opacity: 0; transition: all 0.3s ease;}
 .c-gallery .thumbnail-text {display: flex; padding: 10px; text-align: left;
    align-items: center; height: 100%; flex-direction: column; justify-content: space-between;}
 .c-gallery .thumbnail-title {overflow: hidden; padding: 5px;
 text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
 .c-gallery .thumbnail-date {padding: 5px; border-radius: 10px;
 background: #FFFFFF78;} 
 .c-gallery .thumbnail-cate {padding: 5px;}   
 .c-gallery .c-itemtitle{display: none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
 .c-gallery .c-listtitle {display: none;}
 .c-gallery.inner::after {content: ''; display: block; clear: both; margin: 0; padding: 0;}
 
 .c-gallery .c-thumbnail-title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
 -webkit-line-clamp: 2; text-align: center; -webkit-box-orient: vertical;  width: 100%; height: 100%;
 position: absolute; font-weight: bold; background: #00000047;
  top: 0; left: 0;  color: #FFF; opacity: 0; transition: 0.3s; display: flex; align-items: center;  justify-content: center;}
 .c-gallery .c-gwrap .c-thumbnail:hover .c-thumbnail-title, 
 .c-gallery .c-gwrap .c-thumbnail:focus .c-thumbnail-title{ opacity: 1; transition: all 0.3s ease;}

 .c-list .c-listtd {display: flex; justify-content: center; flex-direction: column;
 box-sizing: border-box; overflow: hidden;}
 .c-list .clist-wrap a {float: left; width: calc((100% - 0px) / 2); padding: 5px; box-sizing: border-box;
 display: flex; flex-direction: row; justify-content: center;} 
 .c-list .c-listtitle, .c-list .c-date {padding: 0;}
 .c-list .c-listtitle { display: -webkit-box; font-weight: bold; overflow: hidden; text-overflow: ellipsis;
    text-align: center; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
 .c-list.inner::after {content: ''; display: block; clear: both; margin: 0; padding: 0;}
 .c-list .c-date {text-align: center; color: #aeaeae;}
 .c-list .list-catebtn { opacity: 0; margin-left: 10px; padding: 5px; border-radius: 3px;}
 .c-list .list-catebtn span {padding: 5px;} 
 .c-list .clist-wrap a:hover .list-catebtn { opacity: 1; transition: all 0.3s ease; }

 .c-summary .c-inner {display: flex; flex-wrap: wrap; border-radius: 0;}
 .c-summary.inner::after {content: ''; display: block; clear: both; margin: 0; padding: 0;}
 .c-summary .c-gwrap { float: left; width: 100%; position: relative;}
 .c-summary .c-gwrap:last-child {border-bottom: none;}
 .c-summary .c-gwrap a {display: flex;}
 .c-summary .c-gwrap:last-child > a {border-bottom: none;}
 .c-summary .c-thumbnail {width: 130px; overflow: hidden; position: relative;}
 .c-summary .c-thumbnail img {width:100%; object-fit: cover;  -webkit-transform: scale(1);
 transform: scale(1);	-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;
 background: #fff;}
 .c-summary .c-gwrap a:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);}
 .c-summary .thumbnail-info {width: calc(100% - 140px); padding: 5px; margin-left: 10px;}
 .c-summary .thumbnail-title {text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
 overflow: hidden; font-weight: bold;}
 .c-summary .thumbnail-date {text-align: right;}
 .c-summary .thumbnail-summary {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;
 text-overflow: ellipsis; margin-top: 10px;}

 .c-playlist .video-container {border-radius: 0;}
 .c-playlist .c-listtitle {padding: 5px;}
 .c-playlist .c-listtitle span {font-size: 15px; font-weight: bold;}
 .c-playlist a {display: block;}


/* swiper */
 .c-swiper.inner {padding: 0;}
 .swiper {width:100% !important; margin: 0 !important; }
 .swiper.mySwiper  {margin: 0 !important; width: 100%;}
 .swiper-slide { text-align: center; font-size: 18px; background: #fff;
/* Center slide text vertically */
 display: -webkit-box; display: -ms-flexbox;
 display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;
 justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
 -webkit-align-items: center; align-items: center; }
 .swiper-slide img { display: block; width: 100%; object-fit: cover; height: 400px;}
 .swiper-pagination-bullet {background: #ffffffb6 !important; opacity: 100 !important;}
 .swiper-pagination-bullet-active {background: #aeaeae !important; opacity: 100 !important;}


/* 반응형 */ 
 @media (max-width:800px){

 #whole{ display: flex; min-height: 100vh; width: 100% !important; height: 100% !important;
    margin: 0; flex-direction: column; overflow: hidden; align-items: center;
    padding-bottom: 30px;}
 #bfolder {display: none;}
 #sidebar { width: 100% !important; height: auto !important; position: relative;  margin: 0; padding: 0; margin-bottom: 10px;}
 #content {width: 90% !important; height: auto !important; margin-top: 10px; position: relative;
 margin: 0; margin-bottom: 30px; overflow: hidden; }
 .pos1 {display: block; top: 30px; left: 0;}
 #footer {position: fixed;     left: 50%;
 transform: translate(-50%, 0);
  bottom: -1px; height: 60px; width: auto; margin-top: 30px;
 border-radius: 5px 5px 0 0; padding: 0 10px;
 display: flex; z-index: auto;
 align-items: center;} 
 .d-right li:first-child {margin-left: 0;}
 .d-right { width: calc(100% - 150px); height: 100%; display: flex;
  flex-direction: row;     flex-wrap: wrap;}
 .container {width: auto !important; height: auto !important;}  
 #list-basic .list-title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
 -webkit-line-clamp: 1; text-align: center; -webkit-box-orient: vertical;}
 #list-basic .list-wrap a {display: flex;
 flex-direction: row; justify-content: space-between; align-items: center; margin: 0;
 width: 100%;}
 #list-basic .list-title {text-align: left;}
 #list-gallery .list-wrap { width: calc((100% - 4px) / 2); margin: 1px; }
 #list-summary .list-wrap .thumbnail {width: 50%; justify-content: center;}
 #list-summary .thumbnail-cate {margin-left: 10px;}
 #documents { position: relative; width: 90% !important;
 transition: box-shadow .2s ease-in-out; top: 0; right: 0;}
 #photo { position: relative; display: none; transition: box-shadow .2s ease-in-out;
 top: 0; right: 0; width: 90% !important;}
 #video {position: relative; width: 90% !important;  top: 0; right: 0; z-index: 9999;}
 #setting {position: relative; width: 90% !important; top: 0; right: 0;}
 #documents, #photo, #video, #setting {margin: 15px 0;}
 .c-list .c-date {display: flex; flex-direction: column;}
 .c-tooltext {width: auto !important;}
 .protected-password input[type="password"] {border-radius: 0 ;}
 .c-gallery .c-gwrap{ float: left; width: calc((100% - 4px) / 2); margin: 1px;
 position: relative; box-sizing: border-box;}
 #list-summary .list-wrap a {height: 135px;}
 
 } 



/* scallbar */
 ::-webkit-scrollbar { width: 5px; display: none; }
 ::-webkit-scrollbar-track { background-color: #FFF; }
 ::-webkit-scrollbar-thumb { border-radius: 0;}
 ::-webkit-scrollbar-button { display: none; }


/* copyright 삭제는 옵션 구매 후 해주세요! */
 #copyright a{ position: fixed;  left: 10px; bottom: 10px; display: flex;
 flex-direction: row; align-items: center;}
 .copyright-1{ position: relative; font-size: 11.5px; font-weight: bold; 
  width: auto; z-index: 999;}
 .copyright-2{ opacity:0; margin-left: 3px; transition: all 1s;}
 .copyright-1:hover + .copyright-2{ opacity:1; }
 

/*youtube*/
 .youtube{position:relative; width:100%; padding-bottom:56.25%;}
 .youtube iframe{position:absolute; width:100%; height:100%;}


.menu_toolbar {
    display: none !important;
}

.container_postbtn .btn_menu_toolbar {display: none;}

/*공감버튼*/
.container_postbtn {display: none !important;}

[data-tistory-react-app="Namecard"] {
display: none;
}