loading
본문 바로가기 메뉴 바로가기
고령자의 스마트 헬스케어 기기 활용 실태와 개선 과제

고령화가 급속히 진행됨에 따라 건강관리에 대한 수요가 폭발적으로 증가하고 있으며, 이에 대한 대안으로 스마트 헬스케어 기기의 활용이 주목받고 있다. 웨어러블 디바이스, 스마트워치, 혈압계, 혈당측정기 등 다양한 헬스케어 기기가 등장하고 있으나, 고령층이 실제로 이를 활용하는 비율은 매우 낮은 편이다. 본 글에서는 고령자의 헬스케어 기기 이용 현황, 주요 제한 요인, 국내외 사례를 중심으로 실질적 활용성 분석과 향후 개선 방안을 다각도로 고찰한다. 헬스케어 기술의 확산과 고령자의 접근성 문제최근 10년 사이 디지털 헬스케어 기술은 괄목할 만한 발전을 이루었다. 스마트워치를 이용한 심박수 모니터링, 앱 기반의 식단 관리, IoT 연계 혈압·혈당 측정기 등은 의료기관 방문 없이도 일상 속에서 건강 상태를 점검..

카테고리 없음 2025. 8. 27. 10:57
고령층 자살 예방을 위한 지역사회의 역할과 통합 대응 방안

대한민국은 OECD 국가 중에서도 고령층 자살률이 가장 높은 국가로 꼽히며, 이는 고령화 사회가 안고 있는 중대한 사회적 과제다. 노인의 자살은 경제적 빈곤, 신체적 질병, 사회적 고립, 정신적 고통 등 복합적 요인에서 비롯되며, 이를 방지하기 위해서는 지역사회 중심의 조기 개입과 통합적 대응 체계가 필요하다. 본 글에서는 고령자 자살의 주요 원인과 통계, 예방 정책 현황, 그리고 지역사회가 수행해야 할 실질적인 역할과 정책적 과제를 심층적으로 고찰한다. 고령층 자살, 단순한 개인의 문제가 아니다고령화가 급속히 진행되고 있는 대한민국에서 가장 심각한 사회문제 중 하나는 바로 **고령층의 자살률**이다. 통계청에 따르면 2024년 기준, 65세 이상 고령자의 인구 10만 명당 자살률은 44.2명으로, 전체..

카테고리 없음 2025. 8. 27. 06:55
시니어 디지털 문해교육의 중요성과 사회적 확산 전략

디지털 기술이 일상생활 전반에 깊숙이 침투한 현대 사회에서, 고령층의 디지털 소외는 단순한 정보 격차를 넘어 생존과 직결된 문제로 부각되고 있다. 시니어 세대는 스마트폰, 인터넷, 키오스크 등 디지털 기기에 익숙하지 않아 공공 서비스 이용, 금융 활동, 병원 예약 등에서 큰 불편을 겪는다. 이러한 문제를 해소하기 위한 해법으로 시니어 대상 디지털 문해교육이 전국적으로 확대되고 있으며, 그 효과 또한 다각도로 입증되고 있다. 본 글에서는 디지털 문해력의 정의와 필요성, 실제 교육 프로그램 사례, 효과 분석, 향후 정책 방향 등을 심층적으로 고찰한다. 디지털 격차 시대, 왜 시니어 문해교육이 중요한가?4차 산업혁명과 팬데믹 이후, 우리의 일상은 스마트폰을 중심으로 급속히 디지털화되었다. 온라인 쇼핑, 전자지..

카테고리 없음 2025. 8. 26. 11:53
고령친화 도시의 성공 사례 분석과 핵심 설계 요소

세계보건기구(WHO)는 고령사회에 대응하기 위해 ‘고령친화 도시(Age-Friendly City)’ 개념을 제시하며, 전 세계적으로 이를 구현하려는 도시들이 증가하고 있다. 고령자가 지역사회 내에서 안전하고 건강하며 활기찬 삶을 지속할 수 있도록 설계된 고령친화 도시는 복지와 주거, 교통, 의료, 커뮤니티 등 다양한 요소가 유기적으로 결합된 정책 체계를 필요로 한다. 본 글에서는 고령친화 도시의 개념과 국내외 대표 사례를 통해 그 성공 요인과 도시 설계의 핵심 요소를 살펴본다. 고령친화 도시란 무엇인가?급속한 고령화는 단순히 노인 인구의 증가를 의미하는 것이 아니라, 도시 구조 전반의 재설계를 요구하는 새로운 시대적 과제가 되었다. 고령자들이 일상생활에서 겪는 불편과 제약은 주거, 교통, 건강, 사회참여..

카테고리 없음 2025. 8. 26. 07:52
커뮤니티케어와 국민건강보험 연계 전략의 실효성과 과제

고령사회에 대응하기 위한 핵심 복지정책으로 커뮤니티케어가 주목받고 있는 가운데, 이를 실질적으로 지속 가능하게 운영하기 위해서는 국민건강보험과의 체계적 연계가 필수적이다. 현행 돌봄 시스템과 건강보험 제도 간의 구조적 단절은 서비스의 효율성과 통합성을 저해하고 있으며, 이에 대한 정책적 연결 구조가 시급히 요구되고 있다. 본 글에서는 커뮤니티케어와 국민건강보험 연계의 필요성, 국내외 추진 사례, 제도적 과제 및 발전 방향을 심층적으로 분석한다. 고령사회 복지 패러다임 전환과 제도 연계의 필요성2025년 초고령사회 진입을 앞둔 대한민국은 고령자의 건강·돌봄·주거·소득 문제에 대해 통합적인 대응이 요구되는 시대를 맞이하고 있다. 특히 기존의 요양시설 중심의 돌봄 모델은 고비용 구조, 고립감 심화, 지역사회와..

카테고리 없음 2025. 8. 25. 10:50
노인과 AI 돌봄 로봇의 상호작용 사례와 활용 가능성

초고령사회로 진입한 현대 사회에서 돌봄 인력의 부족과 고령자의 고립 문제는 중요한 복지 과제가 되고 있다. 이에 따라 인공지능(AI)을 탑재한 돌봄 로봇이 새로운 해결책으로 주목받고 있으며, 실제로 다양한 분야에서 고령자와 AI 로봇 간 상호작용이 이루어지고 있다. 본 글에서는 노인과 AI 로봇이 어떻게 상호작용하는지 구체적인 사례를 통해 살펴보고, 그 효과, 윤리적 고려사항, 향후 활용 가능성까지 종합적으로 분석한다. AI 돌봄 로봇 도입 배경과 필요성고령화 사회에서는 노인의 신체적·정신적 건강 유지와 더불어, 정서적 안정 및 사회적 소통을 지원하는 다양한 형태의 돌봄이 필요하다. 하지만 현실에서는 가족 해체, 지역사회와의 단절, 돌봄 인력의 부족 등의 문제로 인해 노인이 외로움과 방임 속에 살아가는 ..

카테고리 없음 2025. 8. 25. 07:49
이전 1 ··· 10 11 12 13 14 15 다음
이전 다음

티스토리툴바

이메일: help@abaeksite.com | 운영자 : 아로스
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.

※ 해당 웹사이트는 정보 전달을 목적으로 운영하고 있으며, 금융 상품 판매 및 중개의 목적이 아닌 정보만 전달합니다. 또한, 어떠한 지적재산권 또한 침해하지 않고 있음을 명시합니다. 조회, 신청 및 다운로드와 같은 편의 서비스에 관한 내용은 관련 처리기관 홈페이지를 참고하시기 바랍니다.
CSS _ Ver.250904 /* 아로스 강의 #1 */ .center {text-align: center; padding-top: 50px} /* 아로스 강의 #2 */ .aros-footer { @include tablet { padding: 26px 0; margin-bottom: 70px; } @include mobile { padding: 30px 20px; } display: flex; align-items: center; justify-content: center; padding: 53px 0; background-color: rgb(54, 54, 52); .aros-footer-inner { width: var(--inner-width); @include tablet { width: 100%; max-width: var(--mobile-inner-width); } .aros-footer-logo { width: 104px; height: auto; img { width: 100%; height: 100%; } } .aros-footer-section01 { display: flex; justify-content: space-between; align-items: center; @include tablet { flex-direction: column; align-items: flex-start; } .aros-content { @include tablet { font-size: 12px; } opacity: 0.7; font-family: 'SUIT Regular'; font-size: 13px; line-height: 1.62; letter-spacing: -0.13px; text-align: left; color: #fff; margin-top: 10px; opacity: 0.6; } .aros-sns-link { color: rgb(243, 28, 28); font-family: 'SUIT Regular'; font-size: 13px; display: flex; justify-content: space-between; align-items: center; column-gap: 10px; cursor: pointer; @include tablet { margin-top: 10px; } .aros-footer-dot { width: 3px; height: 3px; border-radius: 50%; background-color: white; } } } .aros-footer-section02 { .end-bar { border-top: 1px solid white; opacity: 0.2; margin-top: 25px; } .aros-footer-fixed { display: flex; justify-content: space-between; align-items: center; font-family: 'SUIT Light'; font-size: 12px; opacity: 0.5; color: rgb(245, 155, 155); margin-top: 25px; @include tablet { flex-direction: column; align-items: flex-start; } .aros-footer-aros100-warp { display: flex; justify-content: space-between; width: 220px; align-items: center; @include tablet { margin-bottom: 5px; font-size: 12px; } .aros-aros100-icon { cursor: pointer; } } } } } } /* 아로스-반응형표 */ .card-container { width: 90%; margin: 20px auto; /* Set margin to 20px on top and bottom, auto on left and right */ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-auto-rows: minmax(80px, auto); gap: 10px; /* Optional: Adjust the gap between cards */ justify-content: center; background-color: #fff; /* Set background color for the card container */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle box shadow */ border-radius: 15px; /* Increased border-radius for a more rounded appearance */ position: relative; z-index: 1; /* Set a higher z-index to ensure it appears above other elements */ } .card { display: flex; justify-content: center; align-items: center; padding: 30px; position: relative; border: 1px solid #d1e780; background-color: #f9f9f9; /* Set background color for the card */ cursor: pointer; /* Add a pointer cursor for interaction */ transition: background-color 0.3s ease, transform 0.3s, box-shadow 0.3s; border-radius: 15px; /* Increased border-radius for a more rounded appearance */ transform: translateY(-5px); /* Initial pop-out effect */ box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Initial box-shadow for pop-out effect */ } .card:hover { background-color: #dee9b6; /* Change background color on hover */ transform: translateY(-10px); /* Further pop-out effect on hover */ } @media (max-width: 768px) { .card-container { width: 100%; /* Set to 100% for full-width container */ } .card { padding: 15px; /* Adjusted padding */ } } /* 아로스-로딩 */ #aros-loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; z-index: 1022222; text-align: center; display: table; width: 100%; height: 100vh; opacity: 0.8; } .aros-loader{ display:table-cell; vertical-align:middle; } .aros-loader img{ width:150px; } @media screen and (max-width:768px) { .aros-loader img{width:20%; } } /* 아로스-사이드바 광고 */ .aros-sidead { width: 160px; height: 600px; margin-top: 20px; position: fixed; top: 50%; right: -210px; transform: translateY(-50%); transition: right 0.3s; display: none; } @media (min-width: 1930px){ .aros-sidead { width: 280px; }} /* Adjusted style for window sizes between 1035 and 1460 */ @media (min-width: 1035px) and (max-width: 1560px) { .aros-sidead { transform: translateY(-5%); } } /* 아로스-목차 */ .aros-toc { border: 1px solid #ccc; padding: 10px 0px 0px 15px; background-color: #ffffff; } .aros-toc ul { list-style-type: decimal; } .aros-toc p { font-weight: 550; margin-bottom: 7px; } #toc * { font-size: 20px; color: rgb(72, 75, 248); } #toc a { color: rgb(72, 75, 248); } #toc a:hover { color: rgb(245, 167, 219); } #toc ul { margin-bottom: 0px; margin-top: 5px; } #toc > li { color: rgb(5, 9, 221); margin-bottom: 15px; } #toc { margin-left: 3px; } #toc > li > ul li { margin-bottom: 5px !important; } .toc-center {text-align: center; padding-top: 10px} /* 목차 스타일 종료 - TOC */ @media (max-width: 767px){ .hidden-xs { display: none!important; }} @media (min-width: 768px) and (max-width: 991px){ .hidden-sm { display: none!important; }} @media (min-width: 992px) and (max-width: 1199px){ .hidden-md { display: none!important; }} @media (min-width: 1200px){ .hidden-lg { display: none!important; }} /* 아로스 모바일 어플 형식(css) */ .container_postbtn { display: none } @media (max-width: 1024px) .aros-bottom-menu { display: flex; } .aros-bottom-menu { display: none; background: var(--arosbottommenu-bgcolor); width: 100%; position: fixed; bottom: 0; left: 0; justify-content: space-around; padding: var(--arosbottommenu-wrapper-padding); box-shadow: 0 -5px 10px rgb(0 0 0 / 10%); z-index: var(--arosbottommenu-zindex); transition: all 200ms; } .aros-bottom-menu-icon-wrapper { position: relative; line-height: 0; } .aros-bottom-menu-item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; flex: 1; font-size: var(--arosbottommenu-font-size); text-decoration: none; color: var(--arosbottommenu-text-color); cursor: pointer; user-select: none; text-decoration: none!important; transition: color 200ms; } .aros-bottom-menu-item i { font-size: var(--arosbottommenu-icon-size); color: var(--arosbottommenu-icon-color); font-family: FontAwesome; transition: color 200ms; padding-bottom : 10px; } u { text-decoration: none; display: inline; box-shadow: inset 0 -9px 0 #d1e780; } .skin_view .area_view h2 { font-size: 24px; margin-top: 15px; margin-bottom: 0; padding-left: 0.75rem; text-indent: 0.1em; /* Add left indentation to the text */ font-weight: 600 !important; line-height: 1.9; word-break: normal; word-wrap: break-word; color: rgb(8, 8, 8); background: linear-gradient(to right, #bff8b7 50%, #6af946); background-size: 150% 100%; /* Adjust the background width */ border-radius: 15px 15px 0 0; border-left: 0px solid #4abe2d; border-bottom: 3px solid #4de938; } .skin_view .area_view h3 { font-size: 24px; margin-bottom: 0; /* Remove bottom margin */ margin-top: 15px; padding-left: 0.75rem; text-indent: 0.1em; /* Add left indentation to the text */ font-weight: 600 !important; line-height: 1.9; word-break: normal; word-wrap: break-word; color: rgb(8, 8, 8); background: linear-gradient(to right, #ffffff 50%, #ffffff); border-radius: 0px 0px 0 0; border-left: 5px solid #1a6108; border-bottom: 0px solid #4de938; } /* 아로스 강의 #3 */ .aros-button { background-color: rgb(240, 36, 0); color: white; padding: 10px 20px; border: none; cursor: pointer; transition: background-color 0.3s, transform 0.1s; width: 80%; height: 80px; box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4); border-radius: 30px; font-size: 40px; line-height: 1.5; text-align: center; white-space: nowrap; overflow: hidden; display: block; font-family: 'NanumGothicCodingBold'; margin-left: auto; margin-right: auto; overflow: hidden; } .aros-button:hover { background-color: rgb(235, 161, 65); transform: scale(1.1); } .aros-button.most-likely-to-click { padding: 20px 30px; font-size: 50px; } @media only screen and (max-width: 600px) { .aros-button { font-size: 22px; width: 90%; height: 60px; overflow: visible; white-space: nowrap; /* Prevents text from wrapping */ max-width: 100%; /* Set max-width to 100% */ } .aros-button.most-likely-to-click { padding: 15px 25px; font-size: 40px; } } @charset "UTF-8"; /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;outline:none} fieldset,img{border:0 none} dl,ul,ol,menu,li {list-style:none} blockquote, q {quotes: none} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} input,select,textarea,button {vertical-align:middle} input::-ms-clear {display:none} button {border:0 none;background-color:transparent;cursor:pointer} body {background:#fff} body,th,td,input,select,textarea,button {font-size:20px;line-height:1.5;font-family:'Noto Sans', sans-serif;color:#666; -webkit-font-smoothing: subpixel-antialiased;} a {color:#333;text-decoration:none} a:active, a:hover {text-decoration:underline} a:active {background-color:transparent} address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} #tistorytoolbarid { display:none } /* global */ #dkIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */ .ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */ .ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */ .screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */ .show {display:block} .hide {display:none} .emph_t{color:#3db39e} .cont_skin{margin-top:80px} .article_skin{width:820px;margin:0 auto} .txt_bar{display:inline-block;width:1px;height:9px;margin:0 5px;background-color:#ebebeb} .img_profile{float:left;margin-right:16px;border-radius:50px} .ico_focused {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px} /* 공통이미지 */ .ico_skin{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url("images/ico_skin.gif") 0 0 no-repeat;text-indent:-9999px} /* 헤더 */ .wrap_skin{position:relative} .area_head{position:fixed;top:0;left:0;z-index:10;width:100%;height:80px;border-bottom:1px solid #ebebeb;background-color:#fff;background-color:rgba(255,255,255,.95)} .area_head:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} .area_head .area_profile{position:relative;float:left;padding:15px 0 0 30px} .area_head .area_profile .link_profile { float:left } .area_head .area_profile .info_profile { float:left; max-width:270px } .area_head .btn_name{margin-top:5px;font-weight:bold;margin-bottom:2px} .area_head .ico_name{width:10px;height:6px;margin:7px 0 0 6px;vertical-align:top} .area_head .txt_condition{width:100%;font-size:12px;color:#aaa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .area_head .list_name{display:none;position:absolute;top:44px;left:92px;border:1px solid #dcdcdc;border-radius:2px;background-color:#fff} .area_head .on .list_name{display:block;width:112px;padding-top:13px;padding-bottom:2px} .area_head .on .ico_name { background-position: 0 -632px; } .area_head .link_name{display:block;padding-left:15px;margin-bottom:7px;text-decoration:none;color:#666} .area_head .link_name:hover { text-decoration: underline; color:#3db39e} .area_head .box_division{padding-top:13px;border-top:1px solid #f4f4f4;margin-top:9px} .area_menu{ position:fixed; right:15px; top:21px;z-index:31} .area_menu .area_search{display:inline-block;margin:0 2px;border:1px solid #ddd;border-radius:3px;vertical-align:top} .area_menu .on.area_search{border:1px solid #aaa} .area_menu .btn_search{width:40px;height:36px} .area_menu .on .btn_search{display:none} .area_menu .ico_search{width:16px;height:16px;margin-top:-1px;background-position:0 -25px;vertical-align:middle} .area_menu .frm_search{display:none;overflow:hidden;width:210px;height:36px} .area_menu .on .frm_search{display:block} .area_menu .lab_search{float:left;width:16px;height:16px;margin:10px 9px 0 12px;background-position:0 -400px} .area_menu .tf_search{float:left;width:150px;margin-top:9px;border:0 none;vertical-align:top;color:#333} .area_menu .area_navi{display:inline-block;position:relative;margin:0 2px 0 3px} .area_menu .btn_cate{width:160px;height:38px;border:1px solid #3db39e;border-radius:3px;font-weight:bold;font-size:12px;line-height:38px;color:#3db39e;padding:0 1px 0 5px} .btn_close{display:none} .area_menu .ico_cate{width:10px;height:6px;margin:-2px 0 0 53px;background-position:0 -50px;vertical-align:middle} .area_menu .list_cate{display:none;position:absolute;top:37px;left:0;width:158px;padding:18px 0 10px;border:1px solid #3db39e;border-radius:0 0 3px 3px;background-color:#fff} .area_menu .on .list_cate{display:block} .area_menu .on .ico_cate { background-position: 0 -658px; } .area_menu .link_cate{display:block;padding-left:17px;margin-bottom:12px;font-size:12px;color:#333} .area_navi .list_cate ul li { line-height:18px } .area_navi .list_cate ul li a { display:block;padding-left:17px;margin-bottom:12px;font-size:12px;color:#333;height:17px } .area_navi .list_cate ul li.selected > a, .area_navi .list_cate ul li a:hover { text-decoration:underline;color:#3db39e } .area_navi .list_cate .c_cnt, .area_navi .list_cate img { display:none } .area_navi .list_cate ul li ul li a { } .area_navi .list_cate ul li ul li ul { padding-bottom:6px; margin-top:-6px } .area_navi .list_cate ul li ul li ul li { color:#b4b4b4; padding-left:21px } .area_navi .list_cate ul li ul li ul li a { padding-left:0;margin-bottom:6px;font-size:12px;color:#666 } .area_navi .list_cate ul li ul li ul li a::before { content:'· ' } .area_navi .list_cate .menu_profile { display:none } .area_list .tit_category{ position:fixed; top:1px; width:50%; left:25%; line-height:80px; text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;z-index:21} .tit_category .link_category{font-size:20px; font-weight:bold;color:#3db39e} .tit_category .link_category:hover{text-decoration:none} .dimmed_layer{ position:fixed; top:0; bottom:0; left:0; right:0; display:none; z-index:30} .area_head .btn_menu{display:none} /* 푸터 */ .wrap_etc{padding-top:48px;padding-bottom:5px;border-top:1px solid #ebebeb} .wrap_etc .inner_aside{overflow:hidden;width:820px;margin:0 auto} .wrap_etc .box_aside{float:left;position:relative;width:190px;min-height:135px;margin:0 20px 33px 0} .wrap_etc .lst{margin-right:0} .wrap_etc .list_board{padding-top:8px} .wrap_etc .list_board li{margin-bottom:8px} .wrap_etc .link_board{display:block;overflow:hidden;width:170px;font-size:12px;color:#aaa;white-space:nowrap;text-overflow:ellipsis} .wrap_etc .list_total dt{font-weight:bold} .wrap_etc .list_total dd{font-weight:bold;font-size:22px} .wrap_etc .list_visitor{overflow:hidden;margin-top:8px;font-size:12px} .wrap_etc .list_visitor dt{float:left;color:#aaa} .wrap_etc .list_visitor dd{float:right;color:#aaa} .wrap_etc .link_more{position:absolute;top:3px;right:10px;font-size:12px;text-decoration:underline;color:#aaa} .wrap_etc .list_tag{overflow:hidden;margin-top:10px} .wrap_etc .list_tag li{float:left} .wrap_etc .list_tag .link_tag{display:block;height:24px;padding:0 10px;margin:0 6px 6px 0;border-radius:26px;font-size:11px;line-height:26px;border:1px solid #f0f0f0;background-color:#f0f0f0;color:#999;max-width:65px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .wrap_etc .list_tag .link_tag:hover{border:1px solid #3db39e;background-color:#fff;text-decoration:none;color:#3db39e} .tt-calendar {width:176px !important; border-collapse:collapse;border-spacing:0;margin-left:-8px} .tt-calendar .cal_month {height:20px;font-weight:bold;text-align:center; margin-bottom:5px} .tt-calendar .cal_month a { font-weight:bold; color:#666 } .tt-calendar .cal_month a:first-child, .tt-calendar .cal_month a:last-child {height:17px;padding:0 10px;vertical-align:top; color:#ccc} .tt-calendar td, th { height:17px; vertical-align: middle;width:14.28%; text-align:center; font-size:10px} .tt-calendar thead th {color:#ccc;margin-bottom:2px } .tt-calendar tbody td {color:#aaa } .tt-calendar tbody td .cal_click { font-weight:bold;color:#777 } .wrap_etc .tbl_calendar{border-collapse:collapse;border-spacing:0;width:185px;margin-top:5px} .wrap_etc .tbl_calendar td{height:17px;vertical-align:middle} .wrap_etc .col_day{width:14.28%} .wrap_etc .tit_week{font-weight:normal;font-size:10px;text-align:center;color:#ccc} .wrap_etc .link_day{display:block;font-size:10px;text-align:center;color:#aaa} .wrap_etc .day_event{font-weight:bold;color:#777} .wrap_etc .list_keep{margin-top:10px} .wrap_etc .list_keep li{overflow:hidden;margin-bottom:8px;font-size:12px;color:#aaa} .wrap_etc .link_keep{font-size:12px;color:#aaa} .area_foot{height:50px;font-size:12px;line-height:50px;text-align:center;background-color:#f0f0f0;color:#aaa} /* 페이징 */ .area_paging_simple { display:none } .area_paging{margin:30px 0 93px;text-align:center} .area_paging .inner_paging{display:inline-block;overflow:hidden} .area_paging .ico_skin{float:left;width:24px;height:24px;margin-top:6px} .area_paging .li_prev{margin-right:20px;background-position:0 -100px} .area_paging .link_prev{margin-right:20px;background-position:0 -100px} .area_paging .link_next{margin-left:20px;background-position:0 -150px} .area_paging .no-more-prev {background-position:0 -75px} .area_paging .no-more-next {background-position:0 -125px} .area_paging .interword{float:left;padding:6px 12px 0} .area_paging .link_page {float:left} .area_paging .link_page span {display:block;padding:9px 14px 5px;color:#666} .area_paging .link_page span.selected{border-radius:3px;background-color:#3db39e;color:#fff;font-weight:bold;padding:8px 14px 6px;} /* 뷰 */ .skin_view .area_title{margin:0 15px;padding:0px 0 20px;border-bottom:1px solid #ebebeb;text-align:center} .skin_view .area_title a { text-decoration:none } .skin_view .tit_category a {font-weight:bold; color:#3db39e} .skin_view .tit_post{margin-top:7px;font-size:40px;font-weight:bold;color:#000;line-height:50px} .skin_view .tit_post a { color:#000 } .skin_view .txt_detail{display:block;margin-top:20px;font-size:12px;color:#aaa} .skin_view .txt_detail .txt_bar { margin:0 7px 0 5px; } .skin_view .txt_detail .my_edit{display:none} .skin_view .my_post .my_edit{display:inline-block} .skin_view .link_detail{font-size:12px;color:#aaa} .skin_view .link_detail:hover{text-decoration:none} .skin_view .area_view{padding:20px 0} .skin_view .area_view p {font-size:20px;line-height:28px; margin:0 auto 28px} .skin_view .area_view a {color:#4c26f5} .skin_view .area_view h1, .skin_view .area_view h2, .skin_view .area_view h3, .skin_view .area_view h4 { line-height:1.2em; } .skin_view .area_view h1 { font-size:30px; } .skin_view .area_view h2 { font-size:26px; padding: 10px 0 10px 10px;} .skin_view .area_view h3 { font-size:22px; padding: 9px 0 8px 10px;} .skin_view .area_view h4 { font-size:18px; padding: 8px 0 8px 10px;} .skin_view .area_view ul, .skin_view .area_view ol { margin: 0 auto 32px; padding: 0 0 0 10px; } .skin_view .area_view ul li, .skin_view .area_view ol li { margin-left:24px; margin-bottom:10px; } .skin_view .area_view ul li { list-style:disc } .skin_view .area_view ol li { list-style:decimal } .skin_view .area_view blockquote { padding: 10px 20px; margin: 0 auto 28px; border-left:5px solid #eee } .skin_view .area_view blockquote, .skin_view .area_view blockquote p { font-size:18px; line-height:30px } .skin_view .area_view blockquote ol:last-child, .skin_view .area_view blockquote ul:last-child, .skin_view .area_view blockquote p:last-child { margin-bottom:0 } .skin_view .area_view pre { background-color:#F6F7F8; margin:28px auto; word-wrap: break-word; font-family: Menlo,Consolas,Monaco,monospace; font-size:14px; line-height:20px} .skin_view .area_view pre code.hljs { padding:16px; } .skin_view .area_view iframe { max-width:100% } .skin_view .area_view img { max-width:100%; height:auto } .skin_view .area_view .imageblock {width:auto !important; height:auto !important} .skin_view .area_view .protected_form { text-align:center; padding: 100px 0 150px; border-bottom:1px solid #ebebeb; margin-bottom:-20px } .skin_view .area_view .protected_form input { -webkit-appearance: none; padding:0 15px; border: 1px solid #eee; height:38px; line-height:38px; font-size: 12px; box-sizing: border-box;} .skin_view .area_view .protected_form button { border-radius: 4px; font-size: 12px; line-height: 38px; background-color: #3db39e; color: #fff; font-weight: bold; padding: 0 16px } .skin_view .area_etc{overflow:hidden;min-height:29px;margin-top:20px} .skin_view .area_etc .list_tag{float:left;margin-top:5px;font-weight:bold;} .skin_view .list_tag .tit_tag{float:left;margin-right:8px;font-weight:bold;font-size:12px;color:#3db39e} .skin_view .list_tag .desc_tag{float:left;margin-right:2px;font-weight:bold;font-size:12px;color:#aaa;max-width:630px} .skin_view .list_tag .desc_tag a{color:#aaa} .skin_view .list_tag .link_tag{font-weight:bold;font-size:12px;color:#aaa} .skin_view .list_tag .link_tag:hover{text-decoration:none} .skin_view .another_category {overflow:hidden;width:100%;margin:90px 0 0; border:0; padding:0} .skin_view .another_category h4 { float:left;width:100%;padding:0 0 7px !important;border-bottom:1px solid #eee !important;font-weight:normal; font-size:14px !important; line-height:1.5; color:#666 !important } .skin_view .another_category h4 a { color:#3db39e !important; font-weight:bold } .skin_view .another_category table { float:left;width:100%;margin-top:15px !important } .skin_view .another_category table tr { float:left; width:50%;margin-bottom:8px; } .skin_view .another_category table tr:nth-child(even) th { padding-left:10px !important } .skin_view .another_category table th { width:100%;font-size:12px;color:#aaa; padding: 0 !important } .skin_view .another_category table th a { overflow:hidden;max-width:255px;font-size:12px;white-space:nowrap;text-overflow: ellipsis;color:#666 !important; border:0 !important;display:inline-block;float:left } .skin_view .another_category table th a.current { text-decoration:underline !important } .skin_view .another_category table th span { font-size:12px } .skin_view .another_category table td { display:none } /* 댓글영역 */ .skin_view .area_reply{margin-top:40px} .area_reply .tit_reply{font-weight:normal} .area_reply .btn_reply{font-weight:bold;line-height:18px;color:#3db39e} .area_reply .btn_reply .ico_reply{width:8px;height:5px;margin:5px 0 0 3px;background-position:0 -425px;vertical-align:top} .btn_reply.on .ico_reply{background-position:0 -450px} .area_reply .reply_write{position:relative;margin-top:5px} .area_reply .lab_write{position:absolute;top:13px;left:16px;font-size:12px} .area_reply .on_box .lab_write{display:none} .area_reply .tf_reply{width:820px;height:102px;padding:13px 15px 10px;border:1px solid #eee;font-size:12px;resize:none;box-sizing:border-box} .area_reply .reply_writer{margin-top:10px;position:relative;height:36px} .area_reply .writer_info{float:left} .area_reply .writer_info .info_name{display:inline-block;position:relative;margin-right:8px} .area_reply .writer_info .info_pw{display:inline-block;position:relative} .area_reply .writer_info .lab_info{position:absolute;top:10px;left:16px;font-size:12px} .area_reply .on_box .lab_info{display:none} .area_reply .writer_info .inp_info{width:120px;height:36px;padding:0 15px;border:1px solid #eee;font-size:12px;box-sizing:border-box} .area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:2px } .area_reply .writer_check{position:absolute;right:70px} .area_reply .writer_check .check_secret{display:inline-block;position:relative;height:36px;margin-right:18px;line-height:36px} .area_reply .writer_check .inp_secret { display:none } .area_reply .writer_check .lab_secret {position:relative;padding-left:20px;font-size:12px;cursor:pointer} .area_reply .writer_check .ico_check {position:absolute;top:-2px;left:0;width:16px;height:16px;background-position:0 -500px} .area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check { background-position:0 -525px } .area_reply .writer_check .inp_secret:focus + .lab_secret .ico_check { outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px } .area_reply .on .ico_check{background-position:0 -525px} .area_reply .writer_btn { position:absolute;right:0 } .area_reply .writer_btn .btn_enter{width:70px;height:36px;border-radius:4px;font-size:12px;line-height:38px;background-color:#3db39e;color:#fff;font-weight:bold} .area_reply .btn_replymore{display:none;width:100%;height:42px;margin-top:3px;border-top:1px solid #eee;font-size:12px;line-height:44px;color:#aaa} .on .btn_replymore{display:block} .area_reply .list_reply{margin-bottom:20px; margin-top:5px;border-top:1px solid #e0e0e0;} .on .list_reply{display:block;margin-bottom:18px} .area_reply .list_reply li.tt_more_preview_comments_wrap { padding:10px 20px} .area_reply .list_reply .tt_more_preview_comments_text { font-size:12px; color:#aaa } .area_reply .list_reply li{overflow:hidden;position:relative;padding:23px 20px 24px;border-bottom:1px solid #eee} .area_reply .list_reply li:hover{background-color:#fcfcfc} .area_reply .list_reply .my_reply{background-color:#fcfcfc} .area_reply .list_reply .re_reply{padding-left:86px} .area_reply .reply_content{float:left} .area_reply .list_reply .img_profile { margin-top:2px } .area_reply .tit_nickname{display:block;overflow:hidden;max-width:515px;margin:4px 5px 0 0;font-weight:bold;color:#333;white-space:nowrap} .area_reply .my_reply .tit_nickname{color:#3db39e} .area_reply .tit_nickname:hover{text-decoration:none} .area_reply .ico_secret{width:10px;height:12px;margin-top:4px;background-position:0 -475px;vertical-align:top;display:none} .area_reply .rp_secret .tit_nickname {} .area_reply .rp_secret .ico_secret { display:inline-block } .area_reply .txt_reply{display:block;width:704px;margin-top:3px;font-size:12px} .area_reply .re_reply .txt_reply{display:block;width:627px;margin-top:3px;font-size:12px} .area_reply .txt_date{display:block;margin-top:7px;font-size:12px;color:#aaa} .area_reply .btn_replymenu{display:none} .area_reply .list_reply li .my_edit{display:none;position:absolute;top:27px;right:16px} .area_reply .list_reply li:hover .my_edit{display:block} .area_reply .my_edit .link_edit{margin:0 2px;font-size:12px;color:#3db39e} .area_reply .my_edit .link_edit:hover{text-decoration:none} .area_reply .hiddenComment .tit_nickname{display:none} .area_reply .hiddenComment .txt_reply{font-weight:bold;font-size:14px} .area_reply .hiddenComment .txt_date{} /* 리스트 */ .list_content {padding:35px 0;border-bottom:1px solid #ebebeb} .list_content::after { content:''; clear:both; display:block } .list_content .thumbnail_post { float:right; height:148px; width:148px; margin:4px 0 4px 30px } .list_content .link_post{display:block;overflow:hidden;text-decoration:none} .list_content .link_post:hover .tit_post { text-decoration: underline; color:#3db39e} .list_content .tit_post{display:block;font-weight:normal;font-size:28px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap} .list_content .txt_post{display:-webkit-box;display:-ms-flexbox;display:box;overflow:hidden;max-height:80px;margin-top:1px;font-size:16px;line-height:28px;color:#666;vertical-align:top;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3} .list_content .detail_info{margin-top:16px;font-size:12px;color:#aaa;} .list_content .detail_info .link_cate{font-size:12px;text-decoration:none;color:#3db39e} /* 방명록 */ .skin_visitor {padding-bottom:40px;} .skin_visitor .area-reply{padding-top:40px;} .skin_visitor .area_reply .list_reply{display:block;margin-top:30px;border-top:1px solid #eee} .skin_visitor .area_reply .reply_write{margin-top:32px} .skin_visitor .area_reply .ico_secret{background-position:0 -600px} /* 태그 */ .skin_tag .list_tag{overflow:hidden;padding:30px 0 90px} .skin_tag .list_tag li{float:left;margin:0 10px 10px 0} .skin_tag .link_tag{display:block;height:32px;padding:0 13px;border-radius:34px;line-height:34px;border:1px solid #f0f0f0; background-color:#f0f0f0;font-weight:100;color:#666} .skin_tag .link_tag:hover{border:1px solid #3db39e;background-color:#fff;text-decoration:none;color:#3db39e} @media only screen and (max-width:820px) { /* 4번-모바일 화면 글씨크기 */ body,th,td,input,select,textarea,button,p,span { font-family:Noto sans; font-weight:400 } .ico_skin{background:url("images/ico_skin_320.png") 0 0 no-repeat} .img_profile{width:40px;height:40px;border-radius:40px} /* 헤더 */ .area_head{z-index:20;height:60px} .area_head .area_profile{overflow:hidden;float:none;padding:10px 65px 0 15px} .area_head .area_profile .info_profile{max-width:180px} .area_head .img_profile{margin-right:8px} .area_list .tit_category{ line-height:60px } .area_list .tit_category .link_category{font-size:16px;font-family:applesdgothicneo-semibold;font-weight:bold} .area_head .on .list_name{display:none} .area_head .btn_name{margin-top:2px;color:#333;font-family:applesdgothicneo-bold;margin-bottom:0px} .area_head .ico_name{display:none} .area_head .txt_condition{overflow:hidden;width:auto;line-height:16px} .area_menu{display:none;right:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;width:200px;background-color:#fff} .area_menu .area_search{display:none;width:168px;height:30px;margin:15px 0 0 15px;border:1px solid #dcdcdc;border-radius:31px} .area_menu .frm_search{width:168px;height:30px} .area_menu .lab_search{margin:8px 0 0 16px;background-position:-70px -110px} .area_menu .tf_search{width:115px;margin:7px 0 3px 8px;outline:none} .dimmed_layer{background-color:#000;opacity:0.7} .area_menu .btn_search{display:none} .area_menu .area_navi{display:block;position:static;margin:0} .area_head .ico_menu{display:block;width:40px;height:31px;margin:0;background-position:0 -80px;text-indent:0} .area_menu .btn_cate{display:none} .area_menu .list_cate{position:static;width:200px;padding:13px 0 15px;border:0 none;border-radius:0} .area_navi .list_cate ul li { line-height:18px } .area_navi .list_cate ul li a { margin-bottom:0;padding:7px 0 15px 30px;font-size:15px;line-height:22px; font-family: applesdgothicneo-semibold; font-weight:bold} .area_navi .list_cate ul li ul li a { padding:4px 0 15px 30px } .area_navi .list_cate ul li ul li ul { padding-bottom:3px; margin-top:-3px } .area_navi .list_cate ul li ul li ul li { padding-left:0; list-style:none; margin-bottom: 1px} .area_navi .list_cate ul li ul li ul li a { margin-bottom:0;padding:4px 0 11px 37px;font-size:15px; font-family: applesdgothicneo-ultralight; font-weight:normal; } .area_navi .list_cate ul li ul li ul li a::before { content:'· ' } .area_navi .list_cate .menu_profile { display:block;margin-top:14px;padding-top:20px;border-top:1px solid #e5e5e5 } .btn_close{position:fixed;right:210px;top:11px;width:30px;height:30px;z-index:31} .on .btn_close{display:block} .ico_close{display:inline-block;width:18px;height:18px;background-position:-50px -110px;vertical-align:middle} /* 푸터 */ .wrap_etc{display:none} .area_foot{height:42px;font-size:11px;line-height:42px;color:#999} .area_foot .emph_t{font-weight:bold;color:#999;font-family:applesdgothicneo-bold} /* 페이징 */ .area_paging_list { display:none } .area_paging_simple { display:block } .area_paging {padding:20px 0 10px; margin:0;position:static} .area_paging .inner_paging { display:block; padding: 0 20px } .area_paging .inner_paging a { display:block; line-height:20px; font-size:15px } .area_paging .inner_paging a.link_prev { float:left } .area_paging .inner_paging a.link_next { float:right } .area_paging .ico_skin {width:10px;height:18px;margin-top:0} .area_paging .ico_prev {float:left; margin-right:11px;background-position:-130px -80px} .area_paging .ico_next {float:right; margin-left:11px;background-position:-130px -100px} .area_paging .no-more-prev, .area_paging .no-more-next { text-decoration:none; color:#999 } .area_paging .no-more-prev .ico_prev {background-position:-110px -80px} .area_paging .no-more-next .ico_next {background-position:-110px -100px} #tt-body-page .area_more { display:none } /* 뷰 */ .article_skin{position:relative;width:100%} .skin_view .area_title{margin:0 15px;padding:44px 0 20px} .skin_view .area_title .my_edit {display:none} .skin_view .tit_category{font-size:13px} .skin_view .tit_category a {font-family:applesdgothicneo-semibold; font-weight:bold} .skin_view .tit_post{margin-top:3px;padding:0 8px;font-family:applesdgothicneo-semibold;font-weight:bold;font-size:26px;line-height:31px} .skin_view .txt_detail{margin-top:18px;word-break:break-all} .skin_view .txt_detail .txt_bar{margin:0 8px} .skin_view .area_view{padding:22px 15px 22px} .skin_view .area_view p {font-size:20px;line-height:28px;color:#333} .skin_view .img_view{width:100%;height:auto;margin:11px 0 6px} .skin_view .area_etc{position:relative;height:auto;margin:0;} .skin_view .area_etc .list_tag{margin-top:0;padding:0 15px;float:none;margin-bottom:22px} .skin_view .list_tag .tit_tag{margin-right:3px;font-family: applesdgothicneo-ultralight; font-size:13px; float:none; display:inline} .skin_view .list_tag .desc_tag{ margin:0; float:none; display:inline; font-weight:bold;font-family:applesdgothicneo-semibold; } .skin_view .list_tag .link_tag{font-weight:normal;font-size:13px} /* 댓글영역 */ .skin_view .area_reply{margin-top:0;padding-bottom:24px;border-bottom:1px solid #ebebeb} .area_reply .tit_reply{padding-left:15px;color:#333;font-family: applesdgothicneo-semibold; font-weight:bold;display: block;padding-bottom: 1px;} .area_reply .btn_reply{margin-top:0;line-height:20px;vertical-align:top;} .area_reply .btn_reply span { font-family: applesdgothicneo-semibold; font-weight:bold } .area_reply .btn_reply .ico_reply{margin:6px 0 0 0px;background-position:-150px -80px} .btn_reply.on .ico_reply{background-position:-150px -90px} .area_reply .list_reply { margin-bottom:0px } .area_reply .list_reply .tt_more_preview_comments_text { font-size:14px; color:#666 } .area_reply .list_reply li{overflow:visible;padding:20px 15px 16px;border-bottom: 1px solid #efefef} .area_reply .list_reply li.tt_more_preview_comments_wrap { height:20px } .area_reply .list_reply li:hover{background-color:#fff} .area_reply .list_reply li:last-child { border:0; padding-bottom:14px } .area_reply .list_reply .my_reply{background-color:#f8f8f8} .area_reply .list_reply .my_reply:hover{background-color:#f8f8f8} .area_reply .list_reply .re_reply{padding-left:60px} .area_reply .list_reply .prev_reply:before{content:'';position:absolute;left:31px;top:48px;width:1px;height:100%;background-color:#ccc} .area_reply .reply_content{display:block;float:none;padding:0 28px 0 45px} .area_reply .list_reply .img_profile{width:33px;height:33px;border-radius:33px;margin:0} .area_reply .list_reply .tit_nickname{font-size:13px;overflow:visible;margin:0px 5px 2px 0;color:#333;vertical-align:top;white-space:normal;font-family: applesdgothicneo-semibold} .area_reply .re_reply .tit_nickname{color:#3db39e} .area_reply .reply_secret .tit_nickname{margin-top:0;vertical-align:top} .area_reply .ico_secret, .skin_visitor .area_reply .ico_secret{margin-top:3px;background-position:-90px -110px} .area_reply .txt_reply, .area_reply .re_reply .txt_reply{width:100%;margin-top:0;line-height:20px;font-size:14px;color:#333} .area_reply .txt_date{margin-top:4px} .area_reply .reply_secret .txt_date{margin-top:0} .area_reply .btn_replymenu{display:block;position:absolute;right:2px;top:12px;width:30px;height:30px} .area_reply .btn_replymenu .ico_replymenu{display:inline-block;width:3px;height:13px;background-position:-150px -100px;vertical-align:middle} .area_reply .list_reply li .my_edit{right:10px;top:20px;z-index:10;width:95px;padding:10px 0;border:1px solid #dcdcdc;background-color:#fff} .area_reply .list_reply li .my_edit .link_edit{display:block;font-size:14px;line-height:32px;color:#333;text-align:center} .area_reply .fld_reply{padding:0 15px} .area_reply .btn_replymore{margin-top:5px;border-top:1px solid #e0e0e0;border-bottom:1px solid #efefef;font-size:13px;color:#666} .area_reply .reply_write{margin-top:4px;padding:7px 8px;border:1px solid #e0e0e0} .area_reply .tf_reply{width:100%;height:67px;padding:0;border:0 none;font-size:14px;outline:none} .area_reply .lab_write{left:10px;top:8px;font-size:14px;color:#999} .area_reply .reply_writer{margin-top:8px} .area_reply .writer_info{overflow:hidden;float:none;width:100%} .area_reply .writer_info .info_name{display:block;float:left;width:50%;margin-right:0} .area_reply .writer_info .info_pw{display:block;float:left;width:50%} .area_reply .writer_info .wrap_info{display:block} .area_reply .info_name .wrap_info{margin-right:5px} .area_reply .info_pw .wrap_info{margin-left:5px} .area_reply .writer_info .lab_info{left:11px;top:7px;font-size:14px;color:#999} .area_reply .info_pw .lab_info{left:16px} .area_reply .writer_info .inp_info{width:100%;height:35px;font-size:14px;outline:none;padding:3px 10px 0;-webkit-appearance: none; border-radius:0;border:1px solid #e0e0e0;} .area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top:0} .area_reply .writer_check{overflow:hidden;float:left;padding-top:10px;position:inherit;right:inherit} .area_reply .writer_check .check_secret{display:block;float:left;width:75px;height:33px;line-height:35px} .area_reply .writer_check .inp_secret{width:75px;height:33px} .area_reply .writer_check .lab_secret{position:static;padding-left:33px;font-size:14px;color:#666} .area_reply .writer_check .ico_check{left:0;top:3px;width:26px;height:26px;background-position:-50px -80px} .area_reply .on .ico_check, .area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check{background-position:-80px -80px} .area_reply .writer_check .inp_secret:checked + .lab_secret { font-weight:bold } .area_reply .writer_btn { float:right; padding-top:10px;position:inherit;right:inherit} .area_reply .writer_btn .btn_enter{width:62px;height:33px;font-size:15px;line-height:34px;padding-top:1px} .area_reply .hiddenComment .txt_reply { font-family: applesdgothicneo-semibold } .area_reply .hiddenComment .txt_date { margin-top:0px } .skin_view .another_category { margin: 20px -15px 4px; border-top:1px solid #ebebeb; border-bottom:1px solid #eee; padding:23px 0; width:auto} .skin_view .another_category h4 { float:none; padding:0 15px !important; width:auto; border:0 !important } .skin_view .another_category table { float:none; margin-top:10px !important; max-height:145px; overflow:hidden; display:block } .skin_view .another_category table tr { width:100%; margin-bottom:9px;padding:0 15px !important } .skin_view .another_category table tr:nth-child(even) th { padding:0 !important } .skin_view .another_category table th { font-size:14px;color:#999 } .skin_view .another_category table th a { font-size:15px; color:#333 !important; max-width:230px } .skin_view .another_category table th a.current { font-weight:bold;font-family:applesdgothicneo-bold} .skin_view .another_category table th span { font-size:15px; display:inline-block;font-family: applesdgothicneo-ultralight; line-height:1.5 } .skin_view .area_other{position:absolute;left:0;bottom:-218px;width:100%;height:178px;margin:0 0 22px;padding:21px 0 0;border-top:1px solid #ebebeb} .skin_view .tit_other{display:block;overflow:hidden;float:none;width:auto;padding:0 15px;border-bottom:0 none;white-space:nowrap;text-overflow:ellipsis} .skin_view .list_other{float:none;width:100%;margin-top:12px} .skin_view .list_other li{overflow:hidden;width:100%;margin-bottom:9px;padding:0 15px;font-size:14px;color:#999} .skin_view .list_other .link_other{font-size:15px;color:#333} /* 리스트 및 방명록 공통 */ .cont_skin{margin-top:63px} #tt-body-search .area_head .btn_name, #tt-body-search .area_head .txt_condition, #tt-body-tag .area_head .btn_name, #tt-body-tag .area_head .txt_condition, #tt-body-category .area_head .btn_name, #tt-body-category .area_head .txt_condition, #tt-body-guestbook .area_head .btn_name, #tt-body-guestbook .area_head .txt_condition { display:none} .area_foot{margin-top:21px} /* 리스트 */ .list_content {max-height:113px;padding:21px 15px 20px} .list_content .thumbnail_post, .list_content .thumbnail_post img { width:76px; height:76px } .list_content .thumbnail_post { margin:8px 0 8px 30px } .list_content .tit_post{font-size:18px; font-family:applesdgothicneo-semibold; font-weight:bold} .list_content .txt_post{max-height:37px;margin-top:2px;font-size:14px;line-height:19px;color:#6b6b6b;-webkit-line-clamp:2} .list_content .detail_info{margin-top:8px;font-size:13px;color:#bbb} .list_content .detail_info .link_cate{font-size:13px} .list_content .detail_info .txt_bar{margin:0 5px} /* 방명록 */ .skin_visitor .area_reply .fld_reply{padding-top:12px} .skin_visitor .area_reply .reply_write{margin-top:0} .skin_visitor .area_reply .reply_writer{margin-top:10px} .skin_visitor .area_reply .list_reply{margin-top:25px} .skin_tag .list_tag{overflow:hidden;padding:30px 20px 90px} /* 카테고리 레이 활성화 */ .layer_on { overflow:hidden } .layer_on .area_head{} .layer_on .cont_skin{margin-top:0;padding-top:61px} .layer_on .dimmed_layer{display:block} .layer_on .area_head .btn_menu{display:none} .layer_on .area_menu{display:block} .layer_on .area_menu .area_search{display:block} .layer_on .area_menu .area_search{display:block} .layer_on .area_menu .frm_search{display:block} .layer_on .area_menu .list_cate{display:block} .layer_on .btn_close{display:block} } @media only screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5), only screen and (max-width:820px) and (min-resolution: 1.5dppx) { .ico_skin{background-image: url("images/ico_skin_640.png"); -webkit-background-size: 160px 160px; background-size: 160px 160px} } @media only screen and (max-width: 800px) { .tt-comment-cont {padding:0 15px;} } .tt-comment-cont .tt-box-total .tt_txt_g{font-size:15px;} .tt-comment-cont .tt-box-total .tt_num_g{font-size:15px;color:#61B19F;} .tt-comment-cont .tt-wrap-cmt .tt-link-user{font-size:15px;} .tt-comment-cont .tt-wrap-cmt .tt_desc{font-size:15px;color:#666;} .tt-comment-cont .tt-txt-mention{color:#666;} .tt-comment-cont .tt-wrap-cmt .tt_txt_g{color:#61B19F;} .tt-comment-cont .tt-link-comment .tt_num_g{color:#61B19F;} .tt-comment-cont .tt-btn_register{width:77px;height:36px;background-color:#3DB39E;color:#fff;border-radius:4px;border-color:#3DB39E;} .tt-comment-cont .tt-btn_register:hover{background-color:#3DB39E;border-color:#3DB39E;} .tt-comment-cont .tt-btn_register:focus{background-color:#3DB39E;border-color:#3DB39E;}