loading
본문 바로가기 메뉴 바로가기
하루 30분 걷기 활동의 중요성

인생을 살아가는 데 있어서 가장 중요한 점이 이제는 건강이 되었다. 건강한 신체가 본인의 삶을 어떻게 만들어 갈 수 있는지 얼마나 행복감을 줄 수 있는지 결정이 된다고 해도 과언이 아닙니다. 그러면 어떻게 해야 건강한 신체를 만들 수 있을까? 시작은 아주 간단하고 가까이에 있습니다.모든 사람들이 매일 같이 행동하는 것으로 시작하면 됩니다. 바로 걷기입니다. 걷기야 말로 최고의 운동이 될 수 있으니 지금부터 당장 시작하기를 권장드립니다.1. 운동의 기본 : 걷기현대인들이 건강을 위해서 헬스장에서 P.T를 등록하고 러닝을 하기 위해 러닝화와 옷을 구매하고, 홈트를 하기 위해 다양한 기구를 구매하기 위해 준비를 아주 거창하게 하고 실천을 하지 못하는 현실입니다.그러나 인류는 수백만 년 동안 꾸준히 해온 운동이..

카테고리 없음 2026. 7. 7. 20:49
수면의 질 높이는 법 완벽 가이드 | 불면증 탈출과 수면 루틴 만들기

현대사회를 살아가는 모든 사람에게 가장 필요한 게 무엇이 있을까? 생각을 해본다면 수면이 제일 중요하다고 생각합니다.그 이유는 요즘에는 컴퓨터, 스마트폰 등 눈의 피로도를 많이 올리고 도파민을 자극해서 뇌를 파괴하는 일이 많아진 것을 일상생활에서 쉽게 볼 수 있습니다.그렇게 되면 피로한 신체를 휴식을 시켜줄 수 있는 수면을 취하기가 굉장히 어렵고 다음날에도 많은 지장을 줄 수 있습니다.그래서 이번 포스팅에서는 어떻게 하면 수면의 질을 높이고 최적화된 수면 환경을 만들 수 있는지 알아보도록 하겠습니다. ※ 목차1. 수면의 질이 왜 중요한가?2. 불면증의 주요 원인3. 수면의 질을 높이는 7가지 핵심 방법4. 실천하기 쉬운 수면 루틴 만들기5. 결론 1. 수면의 질이 왜 중요한가?인간이 살아가는 인생에서 수..

카테고리 없음 2026. 6. 9. 21:14
허리 재활 운동 : 척추의 강화 및 지지하는 운동

우리의 몸에서 가장 기둥이 되고 중요한 부분인 허리이며 척추 하고도 가장 밀접한 관계입니다. 그만큼 허리 통증을 겪게 되면 일상생활 활동을 방해받게 되고 삶의 질을 현저하게 저하시킬 수 있습니다. 허리 디스크 수술 후에는 필수로 허리 재활에 중점을 두고 운동을 수행함으로써 척추와 근육을 강화하며 유연성을 회복하고 통증을 완화시켜 줄 수 있습니다.이 포스팅에서는 허리 통증을 안 화하고 재활 운동을 통해서 일상생활에 빠르게 복귀할 수 있도록 해드리겠습니다.1. 허리 재활 운동의 중요성일상 생활을 하면서 원치 않게 사고가 나거나 평고 자세가 좋지 않다던가 등의 여러 가지 원인으로 디스크가 발생하고 심한 통증을 발생할 수 있습니다. 이에 따라 수술이 필요한 경우가 생기게 됩니다.허리 수술의 경우에는 매우 까다..

카테고리 없음 2023. 11. 20. 00:28
무릎 재활 운동 : 안전하게 힘과 유연성 회복을 위한 운동

나이가 들어감에 따라서 가장 많이 소모되는 부위는 바로 무릎입니다. 무릎은 관절과 인대로 이루어져 있으며 인대가 점점 소모가 돼서 점점 약화가 돼서 수술을 받게 됩니다. 수술 후에는 필수로 무릎 재활 운동을 하면 힘과 유연성을 회복하는 데 크게 도움을 받을 수 있습니다. 이번 포스팅에서는 약해져 가는 무릎을 위한 효과적인 무릎 재활 운동에 초점을 두고 알려드리고자 합니다.1. 무릎 재활 운동의 중요성무릎 수술 후 재활 운동은 보다 빠른 무릎의 빠른 회복과 지속적인 건강 유지를 위해 꼭 필요한 부분입니다. 무릎 수술은 단계적이고 위험한 과정이기에 수술 후에는 전문가와 상담을 통해 재활 운동을 실행해야 합니다.수술 후 재활 운동은 근육 조절을 향상하고 무릎 주변 조직의 혈액순환을 촉진하는데 도움을 주기에 회..

카테고리 없음 2023. 11. 19. 23:26
이전 1 2 3 4 ··· 6 다음
이전 다음

티스토리툴바

운영자 : 닉네임
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.

※ 해당 웹사이트는 정보 전달을 목적으로 운영하고 있으며, 금융 상품 판매 및 중개의 목적이 아닌 정보만 전달합니다. 또한, 어떠한 지적재산권 또한 침해하지 않고 있음을 명시합니다. 조회, 신청 및 다운로드와 같은 편의 서비스에 관한 내용은 관련 처리기관 홈페이지를 참고하시기 바랍니다.
CSS_Ver. 25.10.01 @charset "UTF-8"; /* ================================ Navy Theme tokens =================================== */ :root{ --navy-700: #0b1f5e; --navy-600: #0e2a73; --navy-500: #1a3b94; --navy-400: #2f4aa0; --navy-200: #e9efff; --ink-900: #0f1115; --ink-800: #141824; --border-soft: #e9edf4; } /* ================================ Progress Bar (상단 스크롤 표시줄) =================================== */ #progress-bar { position: fixed; top: 0; left: 0; height: 4px; width: 0%; background: linear-gradient(90deg, #1a3b94, #0b1f5e); /* 네이비 그라데이션 */ z-index: 9999; } /* 아로스 강의 #1 */ .center {text-align: center; padding-top: 50px} .top-class {text-align: center; padding-top: 150px} /* 아로스 강의 #2 */ .aros-footer { display: flex; align-items: center; justify-content: center; padding: 53px 0; background-color: rgb(54, 54, 52); .aros-footer-inner { width: var(--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; .aros-content { 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; .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; .aros-footer-aros100-warp { display: flex; justify-content: space-between; width: 220px; align-items: center; .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-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; }} u { text-decoration: none; display: inline; box-shadow: inset 0 -9px 0 rgba(26, 59, 148, 0.25); } /* === 카드 레이아웃 (본문용) === */ /* 콘텐츠 인트로 */ .skin_view .area_view .lead-intro { font-size: 18px; line-height: 1.8; color: #2a2f45; background: #f4f6fb; /* 연한 네이비 톤 배경 */ border: 1px solid #cdd6f4; /* 옅은 네이비 보더 */ border-radius: 12px; padding: 14px 16px; margin: 12px 0 18px; } @media (max-width: 820px){ .skin_view .area_view .lead-intro { font-size: 16px; } } /* ================================ 카드 컨테이너 =================================== */ .skin_view .area_view .post-card{ border: 1px solid var(--border-soft); border-radius: 15px; background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.06); margin: 20px 0; overflow: hidden; } .skin_view .area_view .post-card .card-body{ padding: 16px 14px 18px; } .skin_view .area_view .post-card > h2{ margin: 0; border-radius: 15px 15px 0 0; } /* ================================ H2 (메인 카드 헤더) - NAVY 강조 =================================== */ .skin_view .area_view h2{ font-size: 24px; margin-top: 15px; margin-bottom: 0; padding: 12px 14px 10px; /* 좌우 패딩 확대 */ font-weight: 700 !important; line-height: 1.45; color: #fff; /* 네이비 위 가독성 확보 */ text-indent: 0; /* 이전 스타일 영향 최소화 */ background: linear-gradient(90deg, var(--navy-600) 0%, var(--navy-400) 100%); background-size: 150% 100%; border-radius: 15px 15px 0 0; /* 카드 상단 라운드 유지 */ border-bottom: 3px solid var(--navy-700); } /* ================================ H3 (서브카드 헤더) - 또렷하지만 H2보다 한 단계 낮음 =================================== */ .skin_view .area_view h3{ font-size: 20px; margin: 18px 0 10px; padding: 10px 14px; font-weight: 700; line-height: 1.55; color: var(--ink-900); background: #f6f8ff; /* 매우 옅은 네이비 톤 배경 */ border-left: 4px solid var(--navy-500); border-radius: 8px; box-shadow: inset 0 0 4px rgba(0,0,0,0.045); } /* ================================ H4 (세부 구분 타이틀) - 은은한 네이비 포인트 =================================== */ .skin_view .area_view h4{ font-size: 18px; margin: 14px 0 8px; padding: 8px 12px; font-weight: 600; line-height: 1.5; color: var(--navy-700); background: #fafbff; border-left: 3px solid var(--navy-400); border-radius: 6px; } /* ================================ 요약 카드 (summary-card) - 체크 아이콘 네이비화 =================================== */ .skin_view .area_view .summary-card{ background: var(--navy-200); border-left: 4px solid var(--navy-500); padding: 14px 16px; margin: 20px 0; border-radius: 10px; font-size: 16px; line-height: 1.75; color: #25304d; /* 본문 가독성 높은 다크 네이비 */ position: relative; } /* 아이콘: 네이비 컬러로 그려지는 체크 벡터 */ .skin_view .area_view .summary-card::before{ content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -2px; background: var(--navy-600); /* SVG 체크를 mask로 채워서 컬러 제어 */ -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/contain; mask: url('data:image/svg+xml;utf8,') no-repeat center/contain; } .skin_view .area_view .summary-card strong{ color: var(--navy-700); } /* ================================ 광고 카드 톤(선택): 콘텐츠와 구분만 유지 =================================== */ .skin_view .area_view .ad-card { border: 1px solid #eef0f3; border-radius: 15px; background: #f7f8fa; box-shadow: 0 8px 20px rgba(0,0,0,.05); margin: 18px 0; text-align: center; overflow: visible; /* 부모는 보이도록 */ padding: 0; /* 패딩은 래퍼로 이동 */ } /* 광고 내부 안전영역 래퍼(HTML에 div.ad-inner 추가) */ /* 카드: 그대로 두셔도 됨 */ .skin_view .area_view .ad-card{ border:1px solid #eef0f3; border-radius:15px; background:#f7f8fa; box-shadow:0 8px 20px rgba(0,0,0,.05); margin:18px 0; text-align:center; overflow:visible; /* 부모는 보이도록 */ padding:0; } /* 광고 래퍼: 오버레이/배지 잘리지 않게 */ .skin_view .area_view .ad-card .ad-inner{ padding:12px 10px; overflow:visible; /* ⬅︎ 기존 hidden → visible 로 변경 */ border-radius:12px; /* radius는 유지해도 ok (overflow가 visible이면 안 잘림) */ } /* ins: 구글이 높이/폭을 세팅할 수 있도록 최소만 보장 */ .skin_view .area_view .ad-card ins.adsbygoogle { display:block !important; width:100% !important; max-width:100% !important; min-height: 0; /* 최소 높이 강제 제거 */ } /* 광고 로딩 전 플레이스홀더 */ .skin_view .area_view .ad-card.loading ins.adsbygoogle { min-height: 120px; /* 임시 높이 */ background:#f0f2f5; /* 흐린 회색 placeholder */ } /* ================================ 본문 텍스트 기본 =================================== */ .skin_view .area_view p{ font-size: 16px; line-height: 1.8; margin: 12px 0; color: #222; } /* 카드 타입별 배경 변주 */ .skin_view .area_view .post-card:nth-child(odd){ background: #fff; } .skin_view .area_view .post-card:nth-child(even){ background: #fcfcfc; /* 옅은 회색 배경 */ } /* 250920 */ /* 아로스 강의 #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; } @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; } } /* 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:var(--navy-500)} .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:var(--navy-500)} .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 var(--navy-500);border-radius:3px;font-weight:bold;font-size:12px;line-height:38px;color:var(--navy-500);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:var(--navy-500) } .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:var(--navy-500)} .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:var(--navy-500)} .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:var(--navy-500);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:var(--navy-500)} .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:var(--navy-500)} .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:var(--navy-500) !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:var(--navy-500)} .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:var(--navy-500);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:var(--navy-500)} .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:var(--navy-500)} .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:var(--navy-500)} .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:var(--navy-500)} /* 방명록 */ .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:var(--navy-500)} @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:var(--navy-500)} .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:var(--navy-500);color:#fff;border-radius:4px;border-color:var(--navy-500);} .tt-comment-cont .tt-btn_register:hover{background-color:var(--navy-500);border-color:var(--navy-500);} .tt-comment-cont .tt-btn_register:focus{background-color:var(--navy-500);border-color:var(--navy-500);}