loading
본문 바로가기 메뉴 바로가기
2025년 적금통장으로 목돈 만드는 현실적인 방법

2025년 적금통장으로 목돈 만드는 현실적인 방법2025년 10월 현재, 적금통장은 금리 인상 흐름 속에서 안정적인 자산 증식 수단으로 주목받고 있습니다. 은행별 금리 비교와 가입 꿀팁을 통해 빠르게 목돈을 만들고 싶다면 아래에서 확인하세요. 👉 지금 바로 적금통장 금리 비교하기 1️⃣ 2025년 적금통장이 다시 주목받는 이유2025년 10월 현재, 기준금리는 3.25% 수준을 유지하고 있습니다. 주식·부동산 시장의 변동성이 여전히 큰 상황에서 많은 사람들이 안정적이고 확실한 수익을 위해 다시 적금통장으로 눈을 돌리고 있습니다.특히 청년층, 사회초년생, 프리랜서 사이에서는 “매달 꾸준히 저축하면서 금리 혜택도 챙길 수 있다”는 점에서 적금통장이 재테크의 기본기로 자리 잡고 있습니다.2️⃣ 적금통장이..

카테고리 없음 2025. 10. 6. 10:12
고금리 적금으로 돈 불리는 현명한 재테크 비법

고금리적금으로 돈 불리는 현명한 재테크 비법고금리적금은 금리 인상기 속 자산을 안정적으로 늘리는 최고의 방법입니다. 은행별 금리 비교와 가입 전략을 통해 빠르게 목돈을 만들고 싶다면 아래에서 바로 확인하세요.1️⃣ 고금리적금이란?고금리적금은 일반 적금보다 이자율이 높은 적금 상품을 의미합니다. 주로 특정 조건을 만족할 때 우대금리를 제공하며, 예를 들어 급여 이체, 카드 사용, 자동이체 실적 등을 충족하면 연 0.5%~2.0%의 우대금리를 추가로 받을 수 있습니다.예를 들어, 기본 금리가 3.0%인 상품이라도 우대 조건을 모두 만족하면 최대 5.0%까지 금리를 높일 수 있는 구조입니다. 은행마다 조건이 다르기 때문에 단순히 금리만 보고 결정하기보다 실질 수령 이자를 계산해 보는 것이 중요합니다.2️⃣ 고..

카테고리 없음 2025. 10. 5. 17:07
2025년 코스피 전망 완벽 분석

2025년 코스피 전망 완벽분석2025년 코스피 전망을 종합 분석했습니다. 경제지표, 환율, 글로벌 증시 흐름까지 확인하세요. 빠르게 코스피 전망을 원하시면 아래 버튼에서 확인하세요. 📊 코스피 실시간 확인하기 👆 1. 코스피 현황 분석2025년 9월 말 기준 코스피 지수는 2,500~2,600포인트 박스권에서 움직이고 있습니다. 상반기 대비 소폭 상승세를 보였지만, 여전히 외국인 투자자 매도세와 글로벌 금리 불확실성이 부담으로 작용하고 있습니다.기관 투자자 : 배당주 중심 매수세 확대외국인 투자자 : 원달러 환율 영향으로 순매도 확대개인 투자자 : 성장주·테마주 중심 단기 매매즉, 현재 코스피는 상승 모멘텀과 하락 리스크가 동시에 존재하는 구간이라 할 수 있습니다.2. 2025년 코스피 전망 핵..

카테고리 없음 2025. 10. 4. 21:37
정부지원금 종류 총정리 2025

정부지원금 종류 총정리 2025정부지원금 종류와 신청 방법, 자격 조건을 한눈에 확인하세요. 빠르게 정부지원금 정보를 원하시면 아래 버튼에서 확인하세요. 정부지원금 신청 바로가기 👆 정부는 국민 생활 안정과 경제 활성화를 위해 다양한 지원 정책을 운영하고 있습니다. 특히 최근 경기 불확실성과 생활비 부담이 커지면서 정부지원금 종류에 대한 관심이 높아지고 있습니다. 하지만 워낙 많은 제도가 존재하다 보니 어떤 지원금을 받을 수 있는지, 또 어떻게 신청해야 하는지 헷갈리는 경우가 많습니다.이번 글에서는 2025년 기준으로 확인할 수 있는 대표적인 정부지원금 종류와 신청 조건, 지급 방식까지 구체적으로 정리했습니다.1. 정부지원금이란?정부지원금은 국가 예산을 통해 국민의 경제적 부담을 덜고, 사회적 안전..

카테고리 없음 2025. 10. 1. 08:20
이전 1 ··· 9 10 11 12 13 14 15 ··· 27 다음
이전 다음

티스토리툴바

운영자 : 닉네임
제작 : 아로스
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);}