.wrap_btn_etc {display:none;}

 

/* 아로스 강의 #1 */
.center {text-align:center; 패딩-탑: px}

/* 아로스-사이드바 광고 */
.어로스 사이드 {
  폭: px;
  높이: px;
  여백 상단: 20 px;
  위치: 고정;
  상위: 50%;
  right: -210 px;
  변환: 변환 Y(-50%);
  전환: 오른쪽 0.3초;
  디스플레이: 없음;
}

@media (최소 너비: 1930 px){
  .어로스 사이드 {
    폭: px;
  }}

/* 1035~1460 사이의 창 크기에 맞게 조정된 스타일 */
@media (최소 너비: 10px) 및 (최대 너비: 1560px) {
  .어로스 사이드 {
    변환: 변환 Y(-5%);
  }
}

 

/* 아로스-반응형표 */
    .카드-container {
      폭: 90%;
      마진: 20px auto; /* 마진을 상하 20px로 설정하고, 좌우 auto */
      디스플레이: 그리드;
      그리드-template-columns: 반복(자동 피팅, 최소 px(140 fr),
      그리드 자동 행: minmax(80 px, 자동 장착);
      간격: 10px; /* 옵션: 카드 간격 조정 */
      정당화-내용: 중심;
      background-color : #ff; /* 카드용기 배경색 설정 */
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: 은은한 박스 쉐도우 추가 */
      border-radius: 15px; /* 보다 둥근 모양을 위해 border-radius 증가 */
      위치: 상대적;
      z-index: 1; /* 더 높은 z-index를 설정하여 다른 요소 위에 표시되도록 합니다*/
    }

    .카드 {
      디스플레이: 플렉스;
      정당화-내용: 중심;
      정렬 - items: 중앙;
      패딩: px;
      위치: 상대적;
      테두리: px 솔리드 #d1e780;
      background-color: #f9f9; /* 카드 배경색 설정 */
      커서: 포인터; /* 상호작용을 위한 포인터 커서 추가 */
      전환: 배경색 0.3 seasy, 변환 0.3s, 박스 shadow 0.3s;
      border-radius: 15px; /* 보다 둥근 모양을 위해 border-radius 증가 */
      변환: 변환 Y(-5px); /* 초기 팝업 효과 */
      box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* 팝업 효과를 위한 초기 box-shadow */
    }

    .card: hover {
      background-color: #dee9b6; /* 호버에서 배경색 변경 */
      transform: translate Y(-10px); /* 호버에 대한 추가 팝업 효과 */
    }

    @media (최대폭: 768px) {
      .카드-container {
        폭: 100%; /* 전폭용기의 경우 100%로 설정 */
      }

      .카드 {
        패딩 : 15px; /* 조절 패딩 */
      }
    }

/* 1035~1460 사이의 창 크기에 맞게 조정된 스타일 */
@media (최소 너비: 10px) 및 (최대 너비: 1560px) {
  .어로스 사이드 {
    변환: 변환 Y(-5%);
  }
}


/* 아로스 강의 시작 */

.아로스풋 {
    @include 태블릿 {
        패딩 : 26 px 0;
        여백 하단: px;
    }

    @include 모바일 {
        패딩: 30 px 20 px;
    }

    디스플레이: 플렉스;
    정렬 - items: 중앙;
    정당화-내용: 중심;
    패딩: 53 px 0;
    background-color: rgb(54, 54, 52);

    .육지형의 inner {
        폭: 40%;

        @include 태블릿 {
            폭: 100%;
            max-width: var(--mobile-inner-width);
        }

        @미디어 전용 화면 및 (최대 너비:820 px) {
                        폭: 90%;
                    max-width: var(--mobile-inner-width);
        }

        .육지형의 logo {
            폭: px;
            높이: 자동;

            img {
                폭: 100%;
                높이: 100%;
            }
        }

        .aros-footer-section 01 {
            디스플레이: 플렉스;
            정당화-내용: 사이의 공간;
            정렬 - items: 중앙;

            @include 태블릿 {
                플렉스 direction: 열;
                얼라인-items: 플렉스-스타트;
            }

            .아스-컨텐츠 {
                @include 태블릿 {
                    글꼴 크기: px;
                }

                불투명도: 0.7;
                글꼴-패밀리: 'SUIT 레귤러';
                글꼴 크기: px;
                선 높이: 1.62;
                문자-spacing: -0.13 px;
                텍스트-align: 왼쪽;
                색상: #ff;
                여백 상단: 10 px;
                불투명도: 0.6;
            }

            .aros-sns-link {
                색상: rgb(243, 28, 28);
                글꼴-패밀리: 'SUIT 레귤러';
                글꼴 크기: px;
                디스플레이: 플렉스;
                정당화-내용: 사이의 공간;
                정렬 - items: 중앙;
                기둥 간격: 10 px;
                커서: 포인터;

                @include 태블릿 {
                    여백 상단: 10 px;
                }

                .aros-footh-dot {
                    폭: px;
                    높이: px;
                    국경-radius: 50%;
                    배경색: 흰색;
                }
            }
        }

        .aros-footer-section 02 {
            .끝마디 {
                테두리 상단: 흰색 px 1개;
                불투명도: 0.2;
                여백 상단: 25 px;
            }

            발등에 고정된 {}
                디스플레이: 플렉스;
                정당화-내용: 사이의 공간;
                정렬 - items: 중앙;
                폰트 패밀리: 'SUIT Light';
                글꼴 크기: px;
                불투명도: 0.5;
                색상: rgb(245, 155, 155);
                여백 상단: 25 px;

                @include 태블릿 {
                    플렉스 direction: 열;
                    얼라인-items: 플렉스-스타트;
                }

                .aros-footer-aros-100-warp {
                    디스플레이: 플렉스;
                    정당화-내용: 사이의 공간;
                    폭: px;
                    정렬 - items: 중앙;

                    @include 태블릿 {
                        여백 하단: 5 px;
                        글꼴 크기: px;
                    }

                    .aros-aros100-icon {
                        커서: 포인터;
                    }
                }
            }
        }

        . aros-footer-section 03 {
            디스플레이: 플렉스;
            정당화-내용: 사이의 공간;
            정렬 - items: 중앙;
            색상: rgb(252, 248, 248);

            @include 태블릿 {
                플렉스 direction: 열;
                얼라인-items: 플렉스-스타트;
            }

            .아스 copyright {
                @include 태블릿 {
                    글꼴 크기: px;
                }

                불투명도: 0.7;
                글꼴-패밀리: 'SUIT 레귤러';
                글꼴 크기: px;
                선 높이: 1.62;
                문자-spacing: -0.13 px;
                텍스트-align: 왼쪽;
                여백 상단: 10 px;
                불투명도: 0.6;
            }

            .aros-sns-link {
                색상: rgb(243, 28, 28);
                글꼴-패밀리: 'SUIT 레귤러';
                글꼴 크기: px;
                디스플레이: 플렉스;
                정당화-내용: 사이의 공간;
                정렬 - items: 중앙;
                기둥 간격: 10 px;
                커서: 포인터;

                @include 태블릿 {
                    여백 상단: 10 px;
                }

                .aros-footh-dot {
                    폭: px;
                    높이: px;
                    국경-radius: 50%;
                    배경색: 흰색;
                }
            }
        }
    }
}

 

.아로스 버튼 {
  background-color: rgb(240, 36, 0);
  색상: 흰색;
  패딩 : 10 px 20 px;
  테두리: 없음;
  커서: 포인터;
  전환: 배경색 0.3s, 변환 0.3s;
  너비: 100%; /* 너비를 80%로 설정 */
    높이: 65px; /* 필요에 따라 높이 값 조정 */
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4);
  테두리-반지름: 30px; /* 둥근성 추가 */
  글꼴 크기: 27px; /* 글꼴 크기 증가 */
  선 높이: 1.5; /* 필요에 따라 선 높이 조정 */
  텍스트 정렬: 중심; /* 텍스트를 가로로 중심을 맞춥니다.*/
  공백: nowrap; /* 텍스트가 여러 줄로 포장되지 않도록 합니다.*/
  오버플로: 숨김; /* 오버플로된 텍스트를 숨깁니다*/
  display: block; /* 버튼을 블록 수준 요소로 변환합니다.*/
    글꼴-패밀리: 'Noto Sans KR';
    여백 왼쪽: 자동;
  여백 오른쪽: 자동;
}

.aros-button:hover {
  background-color: rgb(235, 161, 65);
  변환: 스케일(1.1);
}

.aros-button.가장 likely적으로 클릭할 수 있는 {
  패딩 : 20px 30px; /* 패딩을 늘려 버튼을 크게 */
  글꼴 크기: 50px; /* 버튼을 클릭할 가능성이 가장 높은 글꼴 크기 증가 */
}

@미디어 전용 화면 및 (최대 너비: px) {
  .아로스 버튼 {
    글꼴 크기: 20px; /* 모바일 장치의 글꼴 크기 감소 */
        너비: 90%; /* 너비를 90%로 설정 */
        높이: 60px; /* 필요에 따라 높이 값 조정 */    
  }
}

.skin_view .area_view h2 {
    클리어: 둘 다;
    마진: px 02 px;
    글꼴 크기: 24 px;
    선 높이: 1.5;
    색상: #000;
    테두리 왼쪽: 10 px 솔리드 #333333;
    테두리 하단: 2 px 솔리드 #333333;
    패딩: 5 px 15 px;
        커서: 포인터
}

.skin_view .area_view h3 {
    클리어: 둘 다;
    마진: px 02 px;
    글꼴 크기: 24 px;
    선 높이: 1.5;
    색상: #000;
    테두리 왼쪽: 10 px 솔리드 #333333;
    테두리 하단: 2 px 솔리드 #333333;
    패딩: 5 px 15 px;
}

/* 아로스 강의 종료 */

 


@charset "UTF-8";
/* 재설정 */
본문,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,필드세트,legend,텍스트영역,p,블록인용색,th,td,입력,선택,텍스트영역,버튼{margin:0;padding:0;outline}
필드 세트,img{border:0 none}
dl,ul,ol,메뉴,li {list-style:none}
블록 견적, q {quotes: 없음}
블록 견적:전, 블록 견적:후, q:전, q:전, q:후 {content:'';content:none}
입력, 선택, 텍스트 영역, 버튼 {vertical-align:middle}
입력::-ms-clear {display:none}
버튼 {border:0 none;background-color:transpa 렌트;cursor:pointer}
본문 {background : rgb(228, 227, 227)}
본문,th,td,입력,선택,텍스트영역,버튼{font-size:19px;line-height:1.5;font-family:'Noto Sans KR', sans-serif;color:#222} /* color 값은 디자인가이드에 맞게사용 */
{color:#333;텍스트 장식:none}
a:액티브, a:hover {text-decoration:밑줄}
a:액티브 {background-color:transpa 렌트}
주소, caption, cite, 코드, dfn,em, var {font 스타일:normal; font-가중치:normal}

#tistory toolbarid {display:none }

/* 글로벌 */
#dkIndex {overflow:hidden;position:absolute;left:-9999px;폭:0;높이:1px;마진:0;패딩:0} /* 스킵네비게이션 */
.ir_pm {display:block; overflow:hidden; font 크기:0 px; 줄 높이:0; 텍스트 indent:-99999 px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;위치:relative;z-index:-1;폭:100%;높이:100%} /* 시에도 대체 텍스트를 보여주고자 할때 꺼짐 중요한 이미지 대체텍스트로 이미지 */
.screen_out {overflow:숨김;위치:절대;폭:0;높이:0;줄-높이:0;텍스트-indent:-99999 px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show {display:block}
.{display:none} 숨기기
.emph_t{color:#3db39e}
.cont_skin{margin상의:px}
.article_skin{폭:px;margin:0 auto}
.txt_bar{display:inline-블록;폭:px;높이:9px;margin:05px;배경-색상:#ebeb}
.img_profile{float:왼쪽;margin-오른쪽:16px;경계-radius:50px}
.ico_focused {outline : px점선 #000; outline : -웹킷-포커스-링-컬러 auto 5px}

/* 공통이미지 */
.ico_skin{display:inline-블록;overflow:숨김;font-크기:0;라인-높이:0;배경:url("images/ico_skin.gif") 0 0 repeat 없음;문자-indent:-99999 px}

/* 헤더 */
.wrap_스킨{위치:relative}
.area_head{위치:고정;위:0;좌:0;z-index:10;폭:100%;높이:80 px;경계:아래:px 솔리드 #에베브;배경-색:#ffff;배경-색:rgba(255,255,255,255,.95)}
.area_head:{display:block;visibility:hidden;높이:0;font 크기:0;clear:both;content:"}
.area_head .area_profile{위치:relative;float:좌측;padding:15px 0030px}
.area_head .area_profile .link_profile {float:left }
.area_head .area_profile .info_profile {float:left; max-width:270 px }

.area_head .btn_name{margin-상의:px;font-중량:볼드;margin-하의:px}
.area_head .ico_name{폭:px;높이:6px;margin:7px 006px;vertical-align:탑}
.area_head .txt_condition {width:100%;font 크기:px;색:#aaa;백색 공간:나우랩;텍스트 overflow:일립시스;overflow:숨김}
.area_head .list_name{display:none;위치:절대;위:44px;좌:92px;경계:1px 솔리드 #dcdcdc;경계-radius:2px;배경-색:#ffff}
.area_head .on .list_name{display:block;width:112px;padding-위:13px;padding-아래:2px}
.area_head .on .ico_name {background-position: 0-632 px; }
.area_head .link_name{display:block;padding-왼쪽:15px;margin-아래:7px;텍스트 장식:none;색상:#666}
.area_head .link_name:hover {텍스트 장식:밑줄;색상:#3db39e}
.area_head .box_division {padding-상단:13px; 테두리-상단:1px 솔리드 #f4f4; margin-상단:9px}

.area_menu{위치:고정;오른쪽:15px;위:21px;z-index:31}
.area_menu .area_search{display:inline-블록;margin:02 px;경계:1 px 솔리드 #dddd;경계-radius:3 px;vertical-align:top}
.area_menu .on.area_search {border:px 솔리드 #aaa}
.area_menu .btn_search {폭:px;높이:px}
.area_menu .on .btn_search{display:none}
.area_menu .ico_search {폭:px;높이:px;margin-탑:-1px;배경-위치:0 -25px;vertical-align:중간}
.area_menu .frm_search{display:none;overflow:숨김;폭:210px;높이:px}
.area_menu .on .frm_search{display:block}
.area_menu .lab_search {float:왼쪽;너비:16px;높이:16px;margin:10px 9px 012px;배경-위치:0-400px}
.area_menu .tf_search{float:왼쪽;폭:px;margin-위:9px;경계:0없음;vertical-align:위;색상:#333}
.area_menu .area_navi{display:inline-블록;위치:relative;margin:02 px 0 3 px}
.area_menu .btn_cate {폭:px;높이:38px;경계:px 솔리드 #3db39e;경계:radius:3px;font-무게:볼드;font-크기:12px;줄-높이:38px;색상:#3db39e;padding:01px 0 5px}
.btn_close{display:none}
.area_menu .ico_cate {폭:px;높이:6px;margin:-2px 0 0 53px;배경-위치:0 -50px;vertical-align:중간}
.area_menu .list_cate {display:none;위치:절대;위:37 px;좌:0;폭:158 px;padding:18 px 0 10 px;경계:1 px 솔리드 #3db39e;경계-radius:0 0 3 px 3 px;배경-색:#fff}
.area_menu .on .list_cate {display:block}
.area_menu .on .ico_cate {background-position : 0-658 px; }
.area_menu .link_cate{display:block;padding-왼쪽:17px;margin-아래:12px;font-크기:12px;색상:#333}

.area_navi.list_cate ull {라인 높이:18 px }
.area_navi.list_cate 울라리 {디스플레이:블록;padding-왼쪽:17px;margin-아래:12px;font-크기:12px;컬러:#333;높이:17px }
.area_navi.list_cate ulli.selected > a,
.area_navi.list_cate ullia:hover {텍스트 장식:밑줄;색상:#3db39e}
.area_navi .list_cate .c_cnt, .area_navi .list_cate img {display:none }
.area_navi.list_cate ullia {}
.area_navi.list_cate 울룰 {padding-bottom:6px;margin-top:-6px }
.area_navi.list_cate 울릴리 {color:#b4b4; 패딩-왼쪽:21px }
.area_navi.list_cate 울릴리 {padding-left:0;margin-아래:6px;font-크기:12px;색상:#666}
.area_navi.list_cate ululli la::{content:'·'}
.area_navi .list_cate .menu_profile {display:none }

.area_list .tit_category{위치:고정;상단:px;폭:50%;좌측:25%;줄높이:80px;텍스트-align:center;텍스트-overflow:엘립시스;overflow:숨김;백색-공간:나우랩;z-index:21}
.tit_category .link_category {font 크기:px;폰트 가중치:bold;color:#3db39e}
.tit_category .link_category:hover {텍스트 장식:none}
.dimmed_layer{위치:고정;상:0;하:0;좌:0;우:0;표시:none;z-index:30}
.area_head .btn_메뉴{display:none}

/* 푸터 */
.wrap_etc{padding-상단:48px;padding-하단:px;경계-상단:px솔리드#에베브}
.wrap_etc.inner_aside {overflow:숨김;폭:820 px;margin:0 auto}
.wrap_etc.box_aside {float:왼쪽;위치:relative;너비:px;최소높이:135px;margin:0 20 px 33 px 0}
.wrap_etc.lst{margin-right:0}
.wrap_etc.list_보드 {padding-탑:px}
.wrap_etc.list_board li{margin-아래:px}
.wrap_etc.link_board{display:block;overflow:hidden;폭:px;font 크기:12px;색상:#aaa;백색 공간:nowrap;텍스트 overflow:elipsis}
.wrap_etc.list_total dt{font-무게:bold}
.wrap_etc.list_total dd{font-무게:bold;font-크기:22px}
.wrap_etc.list_visitor {overflow:숨김;margin-탑:8px;font-사이즈:12px}
.wrap_etc.list_visitor dt{float:왼쪽;색상:#aaa}
.wrap_etc.list_visitor dd{float:right;color:#aaa}
.wrap_etc.link_more{position:absolute;top:3px;right:10px;font 크기:12px;텍스트 장식:밑줄;색상:#aaa}
.wrap_etc.list_tag{overflow:숨김;margin-top:10 px}
.wrap_etc.list_tagli{float:left}
.wrap_etc.list_tag .link_tag{display:block; 높이:24 px;padding:0 10 px;margin:0 6 px 6 px 0;경계-radius:26 px;font-크기:11 px;줄-높이:26 px;경계:1 px 솔리드 #f0f0f0;배경-색상:#f0f0f0;색상:#999;최대-폭:65 px;문자-overflow:엘립시스;백색-공간:나우랩;overflow:숨김;}
.wrap_etc.list_tag .link_tag:hover {border:1px 솔리드 #3db39e;배경색:#ffff;텍스트 장식:none;색상:#3db39e}

.tt- calendar {width:176px!중요;경계-collapse:collapse;경계-spacing:0;margin-좌측:-8px}
.tt-calendar .cal_month {높이:px;font-무게:볼드;텍스트-align:중앙;마진-하단:px}
.tt-calendar .cal_month a {font-weight:bold; 색상:#666 }
.tt-calendar .cal_month a:첫번째 자녀, .tt-calendar .cal_month a:마지막 자녀 {키:17px;padding:0 10px;vertical-align:상의;색상:#cc}
.tt-calendar td, {높이:px; 세로 align: 가운데; 너비:14.28%; 텍스트 align:center; 글꼴 크기:px}
.tt- calendar애드 {color:#cc;margin-아래:px }
.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;폭:185px;margin-위:5px}
.wrap_etc.tbl_calendar td{높이:px;vertical-align:중간}
.wrap_etc.col_day{폭:14.28%}
.wrap_etc.tit_week{font-무게:보통;font-크기:px;텍스트-align:center;컬러:#cc}
.wrap_etc.link_day{display:block; font 크기:px;텍스트 align:center;color:#aaa}
.wrap_etc.day_event{font-무게:bold;color:#777}

.wrap_etc.list_keep{margin-top:10px}
.wrap_etc.list_keep li{overflow:숨김;margin 하단:8px;font 크기:12px;컬러:#aaa}
.wrap_etc.link_keep{font 크기:px;컬러:#aaa}
.area_foot{높이:px;font크기:px;줄높이:px;문자-align:중심;배경-색상:#f0f0;색상:#aaa}

/* 페이징 */
.area_paging_simple {디스플레이:none }
.area_paging {margin:30 px 093 px;텍스트 align:center}
.area_paging .inner_paging {디스플레이:inline-블록;overflow:숨김}
.area_paging .ico_skin{float:왼쪽;너비:24px;높이:24px;margin상의:6px}
.area_paging .li_prev {margin-오른쪽:px;배경-위치:0-100px}
.area_paging .link_prev {margin-오른쪽:px;배경-위치:0-100px}
.area_paging .link_next{margin-왼쪽:20px;배경-위치:0-px}
.area_paging .no-more-prev {background-position:0-75 px}
.area_paging .no-more-next {background-position:0 - px}
.area_paging.인터워드{float:왼쪽;padding:6px 12px 0}
.area_paging .link_페이지 {float:left}
.area_paging .link_page span {display:block;padding:9 px 14 px 5 px;color:#666}
.area_paging .link_page span.선택한 {border-radius:3px;background-color:#3db39e;color:#ffff;font-weight:bold;padding:8px 14px 6px;}

/* 뷰 */
.skin_view.area_title {margin-아래:29px;padding:68px 045px;경계-아래:1px 솔리드 #에베브;텍스트-align:center}
.skin_view.area_title a {텍스트 장식:none }
.skin_view .tit_category a {font-무게:bold; 색상:#3db39e}
.skin_view .tit_post{margin-상의:px;font-사이즈:px;font-무게:볼드;컬러:#000;라인-높이:px}
.skin_view .tit_post a {color:#000 }
.skin_view .txt_detail{display:block; margin-탑:px; font-사이즈:px;컬러:#aaa}
.skin_view .txt_detail .txt_bar {margin:07 px 05 px; }
.skin_view .txt_detail .my_edit{display:none}
.skin_view.my_post.my_edit{display:inline-block}
.skin_view .link_detail {font사이즈:px;컬러:#aaa}
.skin_view .link_detail:hover {텍스트 장식:none}
.skin_view .area_view {padding:20 px px; 배경:rgb(250,250,250)}
.skin_view .area_view p {font 크기:px; 줄 높이:1.9; 여백:0 auto 28 px; }
.skin_view .area_view a {color:#3db39e}
.skin_view .area_view h1,
.skin_view .area_view h2,
.skin_view .area_view h3,
.skin_view .area_view h4 {라인 높이:1.2em; 마진:1.5em auto 1em}
.skin_view .area_view h1 {글자크기:px; }
.skin_view .area_view h2 {글자크기:px; }
.skin_view .area_view h3 {글자크기:px; }
.skin_view .area_view h4 {글자크기:16px; }
.skin_view.area_viewul,
.skin_view .area_viewol {margin: 0 auto px; 패딩: 0 0 0 10 px; }
.skin_view.area_viewulli,
.skin_view .area_viewolli {margin-left:24px; margin-bottom:px; 글꼴 크기:px}
.skin_view .area_viewul {list-style:disc}
.skin_view .area_view olli {list-style:decimal }
.skin_view .area_view 블록 견적 {padding: px 20개 px; 마진: 0 auto 28개 px; 테두리-왼쪽: px 솔리드 #eee}
.skin_view .area_view 블록 견적 
.skin_view .area_view 블록 인용문 {글자크기:px;줄 높이:px }
.skin_view .area_view 블록 견적:마지막 아이,
.skin_view .area_view 블록 견적:마지막 아이,
.skin_view .area_view 블록 견적 p:last-child {margin-bottom:0}

.skin_view .area_view pre {background-color:#F6F7F8; 여백:28px auto;단어-랩:브레이크-워드;폰트-패밀리:멘로,콘솔라스,모나코,모노스페이스;폰트 크기:14px;줄높이:20px}
.skin_view .area_view precode.hljs {padding:16 px; }
.skin_view .area_view iframe {max-width:100% }

.skin_view .area_view img {max-width:100%; 높이:auto}
.skin_view .area_view .imageblock {width:auto!important; height:auto!important}

.skin_view .area_view .protected_form {text-align:center; 패딩: px 0 px; 테두리 하단: px 솔리드 #에베브; 여백 하단:-20 px }
.skin_view .area_view .protected_form 입력 {-webkit-appear: 없음; 패딩:015 px; 테두리: px 솔리드 #ee; 높이:38 px; 선 높이:38 px; 글꼴 크기: px; 상자-sizing: 테두리-박스;}
.skin_view .area_view .protected_form버튼 {경계-radius: px; 글꼴 크기: px; 줄 높이: px; 배경-색상: #3db39e; 색상: #ffff; 글꼴 무게: 굵은체; 패딩: 0 16 px }

.skin_view .area_etc{overflow:숨김;최소 높이:px;margin-위:20px}
.skin_view .area_etc.list_tag{float:left;margin-위:px;font-무게:bold;}
.skin_view .list_tag.tit_tag{float:left;margin-우측:8px;font-무게:bold;font-크기:12px;컬러:#3db39e}
.skin_view .list_tag .desc_tag{float:좌측;margin-우측:2px;font-무게:볼드;font-크기:12px;색상:#aaa;최대-폭:630px}
.skin_view .list_tag.desc_tag a{color:#aaa}
.skin_view .list_tag .link_tag{font-무게:bold;font-크기:px;색상:#aaa}
.skin_view .list_tag .link_tag:hover {text-decoration:none}

.skin_view .another_category {overflow:숨김;너비:100%;margin:90 px 0;경계:0;패딩:0}
.skin_view .another_category h4 {float:left;width:100%;padding:007 px !important;경계 하단:px 솔리드 #eee !important;font 가중치:normal;서체 크기:14 px !important;줄 높이:1.5;색:#666 !중요 }
.skin_view .other_category h4 a {color:#3db39e!중요;폰트 가중치:bold}
.skin_view .another_category 테이블 {float:left;너비:100%;margin-top:15px!중요}
.skin_view .another_category 테이블 tr {float:left; 너비:50%; margin-아래:px; }
.skin_view .another_category 테이블 tr:n번째 자녀(짝수) {padding-left:10 px!중요 }
.skin_view .another_category 테이블 {폭:100%;font사이즈:px;컬러:#aaa;패딩:0!중요}
.skin_view .another_category 테이블이 {overflow:hidden;max-width:255px;font 크기:px;화이트스페이스:nowrap;text-overflow: ellipis;color:#666 !important; border:0 !important; 디스플레이:inline-블록;float:좌측}
.skin_view .another_category 테이블 tha.current {text-decoration:밑줄!중요}
.skin_view .another_category 테이블 스팬 {폰트 크기:px }
.skin_view .another_category 테이블 td {display:none }

/* 댓글영역 */
.skin_view .area_reply {margin톱:px}
.area_reply .tit_reply {font-무게:보통}
.area_reply .btn_reply {font-무게:bold;줄높이:18px;색상:#3db39e}
.area_reply .btn_reply .ico_reply {폭:px;높이:px;margin:5 px 0 0 0 3 px;배경-위치:0 -425 px;vertical-align:탑}
.btn_reply.on.ico_reply {배경-위치:0-px}
.area_reply.reply_write{위치:relative;margin-탑:px}
.area_reply .lab_write{position:absolute;top:13px;left:16px;font 크기:12px}
.area_reply .on_box .lab_write{display:none}
.area_reply .tf_reply {폭:820px;높이:102px;padding:13px 15px px;경계:1px 솔리드 #ee;font 크기:12px;resize:none;박스-sizing:경계-박스}
.area_reply .reply_라이터 {margin톱:px;위치:relative;높이:px}
.area_reply .writer_info{float:left}
.area_reply .writer_info.info_name{display:inline-블록;위치:relative;margin-right:8px}
.area_reply .writer_info.info_pw{display:inline-블록;위치:relative}
.area_reply .writer_info .lab_info{position:absolute;top:10 px;left:16 px;font 크기:12 px}
.area_reply .on_box .lab_info{display:none}
.area_reply .writer_info.inp_info{폭:px;높이:36px;padding:015px;경계:1px 솔리드 #ee;font 크기:12px;박스-sizing:경계-박스}
.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-블록;위치:relative;높이:36px;margin-우측:18px;라인-높이:36px}
.area_reply .writer_check .inp_secret {display:none }
.area_reply .writer_check .lab_secret {position:relative;padding-왼쪽:20px;font 크기:12px;cursor:pointer}
.area_reply .writer_check .ico_check {position:absolute;top:-2px;left:0;너비:16px;높이:16px;배경-위치:0 -px}
.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 {개요 : px점선 #000; outline : -webkit-focus-ring-color auto 5px }
.area_reply .on .ico_check{background-position:0-525 px}

.area_reply .writer_btn {position:absolute;right:0}
.area_reply .writer_btn.btn_입력 {폭:70px;높이:36px;경계-radius:4px;font-크기:12px;줄-높이:38px;배경-색상:#3db39e;색상:#ff;font-무게:bold}

.area_reply .btn_reply more{디스플레이:none;폭:100%;높이:42px;margin-위:3px;경계-위:px 솔리드 #ee;font 크기:12px;줄-높이:44px;색상:#aaa}
.on .btn_reply more{display:block}
.area_reply .list_reply {margin-아래:20px; 마진-위:5px; 테두리-위:1px 솔리드 #e0e0e0;}
.on.list_reply{display:block;margin-아래:18px}
.area_reply .list_reply li.tt _more_preview_comments {패딩:px 20px}
.area_reply .list_reply .tt_more_preview_텍스트 {글자크기:12px;색상:#aaa }
.area_reply .list_reply li{overflow:숨김;위치:relative;padding:23 px 20 px 24 px;경계 하단:1px 솔리드 #ee}
.area_reply .list_reply li:hover {background-color:#fcfc}
.area_reply .list_reply .my_reply {background-color:#fcfc}
.area_reply .list_reply .re_reply {padding-왼쪽:86px}
.area_reply.reply_content{float:왼쪽}
.area_reply .list_reply .img_profile {margin-top:2px }
.area_reply .tit_nickname {디스플레이:블록;overflow:숨김;최대폭:515px;margin:4px 5px 0;font-무게:볼드;컬러:#333;백색-공간:노랩}
.area_reply .my_reply .tit_nickname {color:#3db39e}
.area_reply .tit_nickname:hover {텍스트 장식:none}
.area_reply .ico_secret{폭:px;높이:px;margin-탑:4px;배경-위치:0 -475px;vertical-align:탑;디스플레이:none}
.area_reply .rp_secret .tit_nickname {}
.area_reply .rp_secret .ico_secret {display:inline-블록}
.area_reply .txt_reply {디스플레이:블록;폭:704px;margin-상단:3px;font-크기:12px}
.area_reply .re_reply .txt_reply {디스플레이:블록;폭:627px;margin 상단:3px;font 크기:12px}
.area_reply .txt_date{display:block;margin-top:7px;font-크기:12px;컬러:#aaa}
.area_reply .btn_reply 메뉴 {display:none}
.area_reply .list_reply li.my_edit{display:none;위치:절대;상위:27개 px;right:16개 px}
.area_reply .list_reply li:hover .my_edit{display:block}
.area_reply .my_edit .link_edit{margin:02 px;font 크기:12 px;컬러:#3db39e}
.area_reply .my_edit .link_edit:hover {text-decoration:none}
.area_reply.hiddenComment.tit_nickname{display:none}
.area_reply.hiddenComment .txt_reply{font-weight:bold;font-size:14px}
.area_reply.hiddenComment .txt_date{}

/* 리스트 */
.list_content {padding:px 0; 테두리 하단:px 솔리드 #에베브}
.list_content::{content:"" 이후;clear:both;display:block}
.list_content.thumbnail_post {float:right;높이:148px;폭:148px;마진:px 4px 4px 30px }
.list_content .link_post{display;block;overflow:숨김;텍스트 장식:none}
.list_content .link_post:hover .tit_post {텍스트 장식: 밑줄;색:#3db39e}
.list_content.tit_post{display:block;font-weight:normal;font-크기:px;텍스트-overflow:일립시스;overflow:숨김;백색-공간:nowrap}
.list_content .txt_post{display:-webkit-box;display:-ms-flexbox;display:box;overflow:숨김;최대 높이:80 px;margin-top:px;font 크기:16 px;줄 높이:28 px;색상:#666;vertical-align:top;단어-break-all;-웹킷-box-orient:vertical;-웹킷-line-clamp:3}
.list_content.detail_info{margin-top:16px;font 크기:12px;컬러:#aaa;}
.list_content .detail_info .link_cate {font 크기:12px;텍스트 장식:none;컬러:#3db39e}

/* 방명록 */
.skin_visitor {padding-아래:px;}
.skin_visitor.면적-reply {padding-탑:px;}
.skin_visitor .area_reply .list_reply {디스플레이:블록;margin-탑:30px;경계-탑:1px 솔리드 #ee}
.skin_visitor.면적_reply.reply_write{margin-탑:32px}
.skin_visitor .area_reply .ico_secret{배경-위치:0-px}

/* 태그 */
.skin_tag .list_tag{overflow:숨김;padding:30 px 0 90 px}
.skin_tag .list_tag li{float:left;margin:0 10 px 10 px 0}
.skin_tag .link_tag{display:block; 높이:32 px; padding:013 px; 테두리-radius:34 px; 줄-높이:34 px; 테두리:1 px 솔리드 #f0f0f0; 배경-색상:#f0f0; font-무게:100;색상:#666}
.skin_tag .link_tag:hover {border:px 솔리드 #3db39e;배경색:#ffff;텍스트 장식:none;색상:#3db39e}

@미디어 전용 화면 및 (최대 너비:820 px) {
    본문,th,td,입력,선택,텍스트영역,버튼,p,span {font-family:'Noto Sans KR', sans-serif; 글꼴 가중치:100 }
    .ico_skin{배경:url("images/ico_skin_320.png") 00 repeat 없음}
    .img_profile{폭:px;높이:px;경계-radius:px}
    /* 헤더 */
    .area_head{z-index:20;높이:px}
    .area_head .area_profile{overflow:숨김;float:none;padding:10 px 65 px 0 15 px}
    .area_head .area_profile .info_profile {max-width:180px}
    .area_head .img_profile{margin-오른쪽:px}
    .area_list .tit_category {줄 높이:px }
    .area_list .tit_category .link_category {font 크기:px;font-패밀리:apples dgothicneo-semibold;font-무게:bold}
    .area_head .on .list_name{display:none}
    .area_head .btn_name{margin-위:px;색:#333;font-패밀리:apples dgothicneo-bold;margin-아래:px}
    .area_head .ico_name{display:none}
    .area_head .txt_condition{overflow:숨김;너비:auto;줄 높이:16px}

    .area_menu{display:none;right:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;폭:200px;background-color:#ffff}
    .area_menu .area_search{display:none;폭:168px;높이:30px;margin:15px 0 0 0 0 15px;경계:1px 솔리드 #dcdcdc;경계-radius:31px}
    .area_menu .frm_search {폭:168px;높이:30px}
    .area_menu .lab_search {margin:8 px 00 16 px; 백그라운드 위치:-70 px -110 px}
    .area_menu .tf_search {폭:px;margin:7 px 0 3 px 8 px;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 .btn_menu{display:block;overflow:hidden;위치:절대;right:15px;top:0;폭:40px;높이:35px;margin-top:13px;경계:0없음}
    .area_head .ico_menu{display:block;width:px;높이:31px;margin:0;배경-위치:0 -80px;텍스트-indent:0}
    .area_menu .btn_cate {display:none}
    .area_menu .list_cate {position:static;width:px;padding:13 px 0 15 px;border:0 없음;border-radius:0}

    .area_navi.list_cate ull {라인 높이:18 px }
    .area_navi.list_cate 울라리 {margin-bottom:0;padding:7 px 0 15 px px;font 크기:15 px;줄 높이:22 px;폰트 패밀리:applesdgothicneo-semibold;폰트 가중치:bold}
    .area_navi.list_cate 울라리 {패딩:4px 0 15px px }
    .area_navi.list_cate 울룰 {padding-bottom:px;margin-top:-px }
    .area_navi.list_cate 울릴리 {padding-left:0; list-style:none; 여백-하단:px}
    .area_navi.list_cate 울릴리 {margin-bottom:0;padding:4 px 0 11 px 37 px;font 크기:15 px;폰트-패밀리:applesdgothicneo-ultralight;폰트-weight:normal;}}
    .area_navi.list_cate ululli la::{content:'·'}
    .area_navi .list_cate .menu_profile {display:block; margin-top:14px; padding-top:20px; border-top:1px 솔리드 #e5e5e5}

    .btn_close{position:fixed;right:210 px;top:11 px;너비:30 px;높이:30 px;z-index:31}
    .on .btn_close{display:block}
    .ico_close{display:inline-블록;폭:px;높이:18px;배경-위치:-50px -110px;vertical-align:중간}
    /* 푸터 */
    .wrap_etc{display:none}
    .area_foot{높이:px;font크기:px;줄높이:px;색상:#999}
    .area_foot.emph_t{font-무게:bold;color:#999;font-가족:apples dgothicneo-bold}
    /* 페이징  */
    .area_paging_list {display:none }
    .area_paging_simple {표시:블록}
    .area_paging {padding:20 px 0 10 px; 마진:0;위치:static}
    .area_paging .inner_paging {디스플레이:블록;패딩:0 20px }
    .area_paging .inner_paging a {디스플레이:블록;줄 높이:px;폰트 크기:px }
    .area_paging.inner_paging a.link_prev {float:left}
    .area_paging.inner_paging a.link_다음 {float:right}

    .area_paging .ico_skin {폭:px;높이:18px;margin-상의:0}
    .area_paging .ico_prev {float:왼쪽; 여백-오른쪽:px;배경-위치:-px-80px}
    .area_paging .ico_next {float:오른쪽; 여백-왼쪽:px;배경-위치:-130 px -100 px}
    .area_paging. 더 이상의 prev은 없습니다.
    .area_paging .no-more-next {문자 장식:none;색상:#999}
    .area_paging .no-more-prev .ico_prev {배경-위치:-110px -80px}
    .area_paging .no-more-next .ico_next {background-position :-110 px -100 px}

    #tt-body-page .area_more {display:none }

    /* 뷰 */
    .article_skin{위치:relative;너비:100%}
    .skin_view .area_title {margin:015 px;padding:44 px 020 px}
    .skin_view .area_title .my_edit {display:none}
    .skin_view.tit_category {font사이즈:px}
    .skin_view.tit_category a {font 패밀리:'산스 KR', 산스-세리프 글꼴 가중치:bold}
    .skin_view.tit_post{margin-상의:3px;padding:08px;font-패밀리:apples드고티크네오-세미볼드;font-체중:볼드;font-사이즈:px;라인-높이:px}
    .skin_view .txt_detail {margin톱:18px;단어-브레이크:브레이크-올}
    .skin_view .txt_detail .txt_bar{margin:08 px}
    .skin_view .area_view{padding:22 px 20 px 22 px}

    .skin_view .area_view p {font사이즈:px;줄높이:1.7em;색상:#000}
    .skin_view .img_view {폭:100%;높이:auto;margin:11 px 06 px}
    .skin_view .area_etc{위치:relative;높이:auto;margin:0;}
    .skin_view .area_etc.list_tag{margin-위:0;padding:015 px;float:none;margin-아래:22 px}
    .skin_view .list_tag.tit_tag{margin-right:3px; font-패밀리:applesdgothicneo-ultra-light; 폰트 크기:13px; float:none; 디스플레이:inline}
    .skin_view .list_tag.desc_tag{margin:0;플로트:none;디스플레이:inline;폰트-웨이트:볼드;font-패밀리:apples dgothicneo-semibold;}
    .skin_view .list_tag .link_tag{font-무게:보통;font-크기:px}
    /* 댓글영역 */
    .skin_view.area_reply {margin-상의:0;padding-하의:24px;경계-하의:px솔리드 #에베브}
    .area_reply .tit_reply {padding-왼쪽:15px;색상:#333;font-가족:applesdgothicneo-semibold;폰트-무게:bold;표시:블록;padding-아래:px;}
    .area_reply .btn_reply {margin-탑:0;라인-높이:20 px;vertical-align:탑;}
    .area_reply .btn_reply 범위 {font-family:applesdgothicneo-semibold; 글꼴 가중치:bold}
    .area_reply .btn_reply .ico_reply {margin:6 px 000 px;배경-위치:-150 px -80 px}
    .btn_reply.on.ico_reply {배경-위치:-px -px}
    .area_reply .list_reply {마진-하단:px }
    .area_reply .list_reply .tt_more_preview_텍스트 {글자크기:14px;색상:#666 }
    .area_reply .list_reply li{overflow;padding:20 px 15 px 16 px;경계 하단:px 솔리드 #efefef}
    .area_reply .list_reply li.tt _more_preview_comments {높이:20px }
    .area_reply .list_reply li:hover {background-color:#ff}
    .area_reply .list_reply li:마지막 자녀 {경계:0;패딩-아래:14px }
    .area_reply .list_reply .my_reply {background-color:#f8f8}
    .area_reply .list_reply .my_reply:hover {background-color:#f8f8}
    .area_reply .list_reply .re_reply {padding-왼쪽:60px}
    .area_reply .list_reply .prev:reply:{content:'' 이전;위치:절대;왼쪽:31 px;위:48 px;폭:px;높이:100%;배경-색:#cc}
    .area_reply .reply_content{display:block;float:none;padding:028px 045px}
    .area_reply .list_reply .img_profile{폭:33px;높이:33px;경계-radius:33px;margin:0}
    .area_reply .list_reply .tit_nickname {font 크기:13px;overflow:visible;margin:px:0px 5px 2vertical 0;컬러:#333;align-font:탑;백색-공간:보통;font-가족:사과-고딕네오-반금}
    .area_reply .re_reply .tit_nickname {color:#3db39e}
    .area_reply .reply_secret .tit_nickname {margin-탑:0;vertical-align:탑}
    .area_reply .ico_secret, .skin_visitor .area_reply .ico_secret{margin톱:3px;배경-위치:-90px -110px}
    .area_reply .txt_reply, .area_reply .re_reply .txt_reply {폭:100%; margin-탑:0; 선 높이:20 px; font 크기:14 px; 색상:#333}
    .area_reply .txt_date{margin-top:4px}
    .area_reply .reply_secret .txt_date{margin-top:0}
    .area_reply .btn_reply 메뉴 {디스플레이:블록;위치:절대;오른쪽:2px;위:12px;폭:30px;높이:30px}
    .area_reply .btn_reply 메뉴 .ico_reply 메뉴 {디스플레이:inline-블록;폭:px;높이:13px;배경-위치:-px-100px;vertical-align:중간}
    .area_reply .list_reply li.my_edit{right:10 px;top:20 px;z-index:10;폭:95 px;padding:10 px 0;경계:1 px 솔리드 #dcdcdc;배경-색상:#ff}
    .area_reply .list_reply li.my_edit .link_edit{display:block; font 크기:14px; 줄 높이:32px;color:#333;text-align:center}
    .area_reply .fld_reply {padding:015 px}
    .area_reply .btn_reply more{margin-상단:px;경계-상단:px솔리드#e0e0;경계-하단:px솔리드#efefef;font-크기:13px;색상:#666}
    .area_reply.reply_write{margin-top:4px;padding:7px 8px;경계:1px실드#e0e0e0}
    .area_reply .tf_reply {폭:100%;높이:67 px;padding:0;경계:0 없음;font 크기:14 px;outline:none}
    .area_reply .lab_write {left:10px;위:8px;font 크기:14px;색상:#999}
    .area_reply .reply_라이터 {margin-탑:px}
    .area_reply .writer_info{overflow:숨김;float:none;너비:100%}
    .area_reply .writer_info.info_name{display:block;float:left;너비: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-왼쪽:px}
    .area_reply .writer_info.lab_info{left:11 px;top:7 px;font 크기:14 px;color:#999}
    .area_reply .info_pw .lab_info{left:16px}
    .area_reply .writer_info.inp_info{폭:100%;높이:35px;font 크기:14px;outline:none;padding:3px 10px 0;-웹킷-appear:없음;경계:0;경계:1px 솔리드 #e0e0e0;}
    .area_reply .writer_info .inp_info::-webkit-input-placeholder {padding-top:0}
    .area_reply .writer_check{overflow:숨김;float:왼쪽;padding-위:10px;위치:inherit;오른쪽:inherit}
    .area_reply .writer_check .check_secret{display:block;float:왼쪽;너비:75px;높이:33px;라인-높이:35px}
    .area_reply .writer_check .inp_secret{폭:px;높이:px}
    .area_reply .writer_check .lab_secret{위치:static;padding-왼쪽:33px;font-크기:14px;색상:#666}
    .area_reply .writer_check .ico_check {left:0;상단:3px;폭:26px;높이:26px;배경-위치:-px-80px}
    .area_reply .on .ico_check, .area_reply .writer_check .inp_secret : checked + .lab_secret .ico_check {background-position : -px -80px}
    .area_reply .writer_check .inp_secret:checked + .lab_secret {font-weight:bold}
    .area_reply .writer_btn {float:right; 패딩탑:px;위치:inherit;right:inherit}
    .area_reply .writer_btn.btn_입력 {폭:62px;높이:33px;font-크기:15px;줄-높이:34px;padding-위:1px}
    .area_reply .hiddenComment .txt_reply {font-family : applesdgothicneo-semibold}
    .area_reply.hiddenComment .txt_date {margin-top:0px}


    .skin_view .another_category {마진 : px - px 4px; 테두리 상단 : px 솔리드 #에베브; 테두리 하단 : px 솔리드 #이이; 패딩 : 23 px 0; 폭 : auto}
    .skin_view .another_category h4 {float:none;패딩:015 px!중요;폭:auto;경계:0!중요}
    .skin_view .another_category 테이블 {float:none;margin-top:10 px !important;최대 높이:145 px;오버플로우:숨김;디스플레이:블록}
    .skin_view .another_category 테이블 tr {폭:100%; 여백:9 px; padding:0 15 px!중요 }
    .skin_view .another_category 테이블 tr:n번째(짝수) {padding:0!중요}
    .skin_view .another_category 테이블 {글자크기:px;색상:#999}
    .skin_view .another_category 테이블 {글자크기:px;색상:#333 !important;최대폭:230px }
    .skin_view .another_category 테이블 tha.current {font-weight:bold;font-패밀리:apples dgothicneo-bold}
    .skin_view .other_category 테이블 스팬 {폰트 크기:px;디스플레이:inline-블록;font-패밀리:applesdgothicneo-ultraight;줄 높이:1.5}

    .skin_view .area_other {position:absolute;left:0;아래:-218 px;너비:100%;높이:178px;margin:0022 px;padding:21 px 0;경계:1 px 솔리드 #에베브}
    .skin_view .tit_other{display:block;overflow:hidden;float:none;폭:auto;padding:015px;경계 하단:0 없음;백색 공간:nowrap;텍스트 overflow:ellipsis}
    .skin_view .list_other {float:none;너비:100%;margin-탑:12px}
    .skin_view .list_other li{overflow:숨김;너비:100%;margin-아래:9px;padding:015px;font-크기:14px;컬러:#999}
    .skin_view .list_other .link_other {font 크기:px;색상:#333}
    /* 리스트 및 방명록 공통 */
    .cont_skin{margin상의: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-guest북.area_head.btn_name,
    #tt-body-guest북.area_head.txt_condition {display:none}
    .area_foot{margin-상의:px}
    /* 리스트 */
    .list_content {max-height:113 px; padding:21 px 15 px 20 px}
    .list_content.thumbnail_post,
    .list_content.thumbnail_postimg {폭:px;높이:px }
    .list_content .thumbnail_post {margin:8 px 08 px 30 px }
    .list_content.tit_post{font 크기:px;폰트 패밀리:apples dgothicneo-semibold;폰트 가중치:bold}
    .list_content.txt_post{max-height:37px;margin-탑:2px;font-사이즈:14px;라인-높이:19px;컬러:#6b6b6b;-웹킷-라인-clamp:2}
    .list_content.detail_info{margin-top:8px;font 크기:13px;컬러:#BBB}
    .list_content .detail_info .link_cate {font 크기:13px}
    .list_content .detail_info .txt_bar{margin:05 px}
    /* 방명록 */
    .skin_visitor .area_reply .fld_reply {padding톱:12px}
    .skin_visitor.지역_reply.reply_write{margin-탑:0}
    .skin_visitor.면적_reply.reply_작가{margin-탑:px}
    .skin_visitor .area_reply .list_reply {margin톱:25px}

    .skin_tag .list_tag{overflow:숨김;padding:30 px 20 px 90 px}

    /* 카테고리 레이어 활성화 */
    .layer_on {overflow:hidden}
    .layer_on.area_head{}
    .layer_on.cont_skin{margin톱:0;padding톱:61px}
    .layer_on .dimmed_layer{display:block}
    .layer_on .area_head .btn_메뉴 {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}
}
@미디어
화면 및 (최대 너비: 820 px) 및 (-webkit-min-device-pixel-ratio: 1.5),
화면 및 (최대 너비: 820 px) 및 (최소 장치-픽셀-ratio: 1.5)
화면 및 (최대 너비:820 px) 및 (최소 해상도: 1.5dppx) {
    .ico_skin{background-image:url ("images/ico_skin_640.png"; -웹킷-배경-크기:px px;배경-크기:px px}
}

@미디어 전용 화면 및 (최대 너비: px) {
    .tt-comment-cont {padding:015 px;}
    }
.tt-comment-cont.tt-box-total.tt_txt_g{font 크기:px;}
.tt-comment-cont.tt-box-total.tt_num_g{font-size:15px;color:#61B19F;}
.tt-comment-cont.tt-wrap-cmt.tt-link-user {font 크기:px;}
.tt-댓글-cont.tt-wrap-cmt.tt_desc {font 크기:px;색상:#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{폭:77px;높이:36px;배경색:#3DB39E;색상:#ffff;경계-반지름:4px;경계-색상:#3DB39E;}
.tt-comment-cont.tt-btn_register:hover{background-color:#3DB39E;border-color:#3DB39E;}
.tt-comment-cont.tt-btn_register:focus{background-color:#3DB39E;border-color:#3DB39E;}