loading
본문 바로가기 메뉴 바로가기
노인 정신건강 관리에 인공지능이 기여하는 방법과 한계

노인 정신건강은 고령화 사회에서 간과할 수 없는 중요한 영역입니다. 신체 건강뿐만 아니라 우울증, 불안, 고립감과 같은 정신적 문제는 노인의 삶의 질을 크게 저하시킬 수 있습니다. 최근 인공지능(AI)은 정신건강 관리 분야에서 새로운 도구로 주목받고 있으며, 정서적 교류, 인지 기능 훈련, 우울증 조기 발견 등 다양한 방식으로 기여하고 있습니다. AI는 빅데이터 분석과 자연어 처리 기술을 활용해 노인의 감정 상태를 파악하고 맞춤형 관리 방안을 제시할 수 있습니다. 그러나 인간적인 공감 부족, 기술 의존성, 개인정보 보호와 같은 문제도 동시에 존재합니다. 본 글에서는 인공지능이 노인 정신건강 관리에 어떻게 기여하는지, 구체적인 사례와 한계, 그리고 미래적 과제를 심층적으로 살펴봅니다. 고령화와 노인 정신건..

카테고리 없음 2025. 9. 12. 11:46
인공지능을 활용한 응급 상황 자동 감지 시스템의 효과와 과제

응급 상황은 고령층에게 생명과 직결되는 중요한 문제이며, 조기 대응 여부가 치료 결과와 생존율에 큰 영향을 미칩니다. 최근 인공지능(AI)을 활용한 응급 상황 자동 감지 시스템은 노인의 안전을 지키는 핵심 기술로 주목받고 있습니다. 이 시스템은 IoT 센서, 웨어러블 기기, 카메라 등에서 수집된 데이터를 실시간 분석하여 낙상, 호흡 곤란, 심정지와 같은 응급 상황을 즉시 인식하고 가족이나 의료진에게 알림을 전달합니다. 이러한 기술은 노인의 자율성을 유지하면서도 안전성을 크게 강화할 수 있지만, 인식 오류, 개인정보 보호, 비용 문제와 같은 과제도 존재합니다. 본 글에서는 인공지능 기반 응급 감지 시스템의 구조와 사례, 장점과 한계를 균형 있게 살펴보고자 합니다.고령 사회와 응급 상황 대응의 필요성고령화 ..

카테고리 없음 2025. 9. 12. 07:44
AI와 빅데이터를 활용한 노인 건강 예측 시스템의 혁신적 가능성

AI와 빅데이터는 노인의 건강을 사전에 예측하고 관리할 수 있는 핵심 기술로 자리매김하고 있습니다. 고령층은 만성 질환과 돌발적 건강 이상에 노출될 가능성이 높기 때문에, 조기 예측과 대응은 삶의 질 향상과 의료비 절감에 직결됩니다. 빅데이터는 노인의 생활 패턴, 유전자 정보, 의료 기록 등 방대한 데이터를 수집하고, AI는 이를 분석하여 건강 위험 요인을 도출합니다. 이를 통해 심혈관 질환, 치매, 당뇨 등 주요 질환의 발병 가능성을 사전에 파악하고 맞춤형 예방 전략을 수립할 수 있습니다. 본 글에서는 AI와 빅데이터 기반 건강 예측 시스템의 구조와 사례, 한계, 그리고 미래 전망을 심도 있게 탐구합니다. 건강 예측의 필요성과 AI·빅데이터의 역할고령화 사회에서 가장 중요한 과제 중 하나는 질병을 조기..

카테고리 없음 2025. 9. 11. 12:42
음성 인식 기술을 활용한 노인 돌봄 서비스의 현재와 미래

음성 인식 기술은 노인 돌봄 서비스에서 접근성과 편의성을 획기적으로 높이는 핵심 도구로 자리 잡고 있습니다. 고령층은 복잡한 기기 조작에 어려움을 겪는 경우가 많지만, 음성을 통해 간단히 명령을 내리고 서비스를 이용할 수 있다는 점에서 큰 장점을 가집니다. 인공지능 기반 음성 인식은 가전제품 제어, 응급 호출, 약 복용 알림, 대화형 정서 지원 등 다양한 기능에 적용되고 있으며, 노인의 자율성과 안전성을 동시에 향상합니다. 그러나 발화 방식의 다양성, 방언과 억양, 잡음 환경에서의 정확도 문제는 여전히 해결해야 할 과제입니다. 본 글에서는 음성 인식 기술을 활용한 노인 돌봄 서비스의 구체적 활용과 한계, 그리고 미래 발전 가능성을 살펴봅니다. 음성 인식과 노인 돌봄의 접점고령화 사회에서 노인의 삶의 질을..

카테고리 없음 2025. 9. 11. 08:40
AI 돌봄 서비스와 사회복지 융합 사례와 발전 가능성

고령화가 심화되는 현대 사회에서 돌봄 서비스와 사회복지는 더 이상 분리될 수 없는 영역이 되었습니다. 특히 인공지능(AI) 기술의 도입은 사회복지 서비스의 패러다임을 바꾸고 있습니다. AI 돌봄 서비스는 노인의 건강 모니터링, 정서적 지원, 응급 상황 대응 등을 통해 사회복지의 효율성과 품질을 동시에 높이고 있습니다. 또한 사회복지사와 요양보호사의 업무를 보완하면서, 부족한 인력을 대체하거나 지원하는 역할을 수행하고 있습니다. 본 글에서는 AI 돌봄 서비스가 사회복지와 어떻게 융합되고 있는지 구체적인 사례와 함께 분석하고, 앞으로의 발전 방향을 전문가적 관점에서 살펴봅니다. 사회복지와 AI의 만남사회복지는 인간의 기본적 권리를 보장하고, 특히 노인과 같은 취약 계층의 삶의 질을 향상하는 중요한 제도적 장..

카테고리 없음 2025. 9. 10. 11:39
노인 맞춤형 헬스케어 AI 애플리케이션의 활용과 발전 방향

노인 맞춤형 헬스케어 AI 애플리케이션은 고령화 사회에서 노인의 건강과 삶의 질을 향상하는 핵심 도구로 떠오르고 있습니다. 이들 앱은 단순한 건강 관리 기록을 넘어, 인공지능 기반 데이터 분석을 통해 개인별 맞춤형 운동·식단·약물 관리 서비스를 제공합니다. 또한 의료진과 연동되어 원격 진료와 모니터링을 가능하게 하며, 정서적 지원까지 제공함으로써 돌봄 공백을 줄이는 역할을 하고 있습니다. 그러나 노인 친화적인 설계 부족, 디지털 격차, 개인정보 보호와 같은 문제는 여전히 해결해야 할 과제입니다. 본 글에서는 노인 맞춤형 헬스케어 AI 애플리케이션의 주요 기능과 장점, 그리고 극복해야 할 한계를 체계적으로 살펴봅니다. 고령화와 AI 헬스케어 앱의 필요성고령화가 심화되면서 노인의 건강 관리 문제는 개인을 넘..

카테고리 없음 2025. 9. 10. 08:38
이전 1 ··· 4 5 6 7 8 9 10 ··· 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;}