loading
본문 바로가기 메뉴 바로가기
2025 추석 택배 마감일 총정리 | 택배사·우체국·편의점·온라인 쇼핑몰 일정

2025 추석 택배 마감일 총정리 | 택배사·우체국·편의점·온라인 쇼핑몰 일정2025 추석 택배 마감일과 택배사별 일정, 우체국·편의점·이커머스 배송 마감 정보를 정리했습니다. 빠르게 추석 선물 배송 일정을 확인하시려면 아래 버튼에서 확인하세요. 📦 추석 택배 일정 확인하기1. 왜 추석 택배 마감일 확인이 중요한가?2025년 추석은 10월 6일 월요일입니다. 추석 연휴가 시작되면 귀성길 정체 못지않게 물류 대란이 벌어집니다. 매년 추석 전후에는 수천만 개의 택배가 몰리기 때문에, 제때 보내지 않으면 선물세트가 추석 이후에 도착하는 불상사가 생길 수 있습니다.특히 추석 선물은 농수산물, 축산물, 과일, 건강식품 등 신선식품이 많기 때문에 마감일을 놓치면 신선도가 떨어질 위험도 있습니다. 따라서 미리 택배..

카테고리 없음 2025. 9. 21. 01:00
2025 추석 고속도로 실시간 교통앱 사용법 총정리

2025 추석 고속도로 실시간 교통앱 사용법 총정리2025 추석 연휴 고속도로 교통정체를 피하려면 실시간 교통앱 활용이 필수입니다. 네이버 지도, 카카오맵, T맵, 한국도로공사 하이패스 앱 사용법을 정리했습니다. 빠르게 교통정보를 확인하시려면 아래 버튼을 눌러보세요. 2025년 추석은 10월 6일 월요일이며, 10월 4일 토요일부터 10월 8일 수요일까지 최대 5일간의 연휴가 이어집니다. 매년 추석 연휴는 귀성길과 귀경길 정체가 극심하기 때문에 실시간 교통앱 활용이 필수적입니다. 이번 글에서는 네이버 지도, 카카오맵, T맵, 한국도로공사 하이패스 앱 등 주요 앱의 사용법과 특징을 정리해 드리겠습니다.왜 실시간 교통앱이 중요한가?추석 연휴 기간에는 전국 주요 고속도로에서 동시에 수백만 대의 차량이 이동합니..

카테고리 없음 2025. 9. 20. 18:45
2025 추석 지역별 고속도로 교통상황

2025 추석 지역별 고속도로 교통상황 총정리2025 추석 연휴 주요 고속도로 교통상황과 혼잡 시간대, 경부선·호남선·영동선·서해안선·중앙선 등 구간별 우회도로까지 완벽하게 정리했습니다. 빠르게 지역별 교통정보를 원하시면 아래 버튼에서 확인하세요. 🚦 지역별 교통상황 확인하기 2025 추석 연휴가 다가오면서 가장 많이 검색되는 키워드 중 하나가 바로 고속도로 교통상황입니다. 매년 추석은 수백만 대의 차량이 동시에 이동하면서 전국 주요 고속도로가 극심한 정체를 겪습니다. 특히 경부고속도로, 호남고속도로, 영동고속도로, 서해안고속도로, 중앙고속도로는 대표적인 정체 구간으로 꼽히며, 추석 교통정체에 대한 정확한 정보가 필수입니다.2025년 추석은 10월 6일 월요일이며, 연휴는 10월 4일 토요일부터 10월..

카테고리 없음 2025. 9. 20. 11:00
2025 추석 고속도로 교통상황 정리

2025 추석 고속도로 교통상황 정리2025 추석 연휴 고속도로 교통상황과 혼잡 시간대, 우회도로까지 한눈에 확인하세요. 빠르게 교통정보를 원하시면 아래 버튼에서 확인하세요. 🚗 실시간 교통정보 확인하기 2025년 추석 연휴가 다가오면서 가장 많은 관심을 받는 주제 중 하나는 바로 고속도로 교통상황입니다. 추석은 온 가족이 고향으로 이동하는 최대 규모의 국내 이동 시즌으로, 매년 고속도로 정체가 반복됩니다. 이번 글에서는 2025 추석 고속도로 교통 전망, 정체 시간대, 추천 우회도로, 그리고 교통 혼잡을 피하는 방법까지 자세히 알려드리겠습니다.2025 추석 연휴 교통량 전망2025년 추석은 10월 6일(월요일)입니다. 추석 연휴가 10월 4일부터 8일까지 이어지며, 귀성길은 10월 5일(일요일), 귀..

카테고리 없음 2025. 9. 20. 04:40
이전 1 ··· 12 13 14 15 16 17 18 ··· 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);}