/* 아로스 강의 #1 */
.center {text-align: center; padding-top: 50px}

/* 아로스 강의 #2 */
.aros-footer {
    @include tablet {
        padding: 26px 0;
        margin-bottom: 70px;
    }

    @include mobile {
        padding: 30px 20px;
    }

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 53px 0;
    background-color: rgb(54, 54, 52);

    .aros-footer-inner {
        width: var(--inner-width);

        @include tablet {
            width: 100%;
            max-width: var(--mobile-inner-width);
        }

        .aros-footer-logo {
            width: 104px;
            height: auto;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .aros-footer-section01 {
            display: flex;
            justify-content: space-between;
            align-items: center;

            @include tablet {
                flex-direction: column;
                align-items: flex-start;
            }

            .aros-content {
                @include tablet {
                    font-size: 12px;
                }

                opacity: 0.7;
                font-family: 'SUIT Regular';
                font-size: 13px;
                line-height: 1.62;
                letter-spacing: -0.13px;
                text-align: left;
                color: #fff;
                margin-top: 10px;
                opacity: 0.6;
            }

            .aros-sns-link {
                color: rgb(243, 28, 28);
                font-family: 'SUIT Regular';
                font-size: 13px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                column-gap: 10px;
                cursor: pointer;

                @include tablet {
                    margin-top: 10px;
                }

                .aros-footer-dot {
                    width: 3px;
                    height: 3px;
                    border-radius: 50%;
                    background-color: white;
                }
            }
        }

        .aros-footer-section02 {
            .end-bar {
                border-top: 1px solid white;
                opacity: 0.2;
                margin-top: 25px;
            }

            .aros-footer-fixed {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-family: 'SUIT Light';
                font-size: 12px;
                opacity: 0.5;
                color: rgb(245, 155, 155);
                margin-top: 25px;

                @include tablet {
                    flex-direction: column;
                    align-items: flex-start;
                }

                .aros-footer-aros100-warp {
                    display: flex;
                    justify-content: space-between;
                    width: 220px;
                    align-items: center;

                    @include tablet {
                        margin-bottom: 5px;
                        font-size: 12px;
                    }

                    .aros-aros100-icon {
                        cursor: pointer;
                    }
                }
            }
        }
    }
}

/* 아로스-반응형표 */
.card-container {
  width: 90%;
  margin: 20px auto; /* Set margin to 20px on top and bottom, auto on left and right */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-rows: minmax(80px, auto);
  gap: 10px; /* Optional: Adjust the gap between cards */
  justify-content: center;
  background-color: #fff; /* Set background color for the card container */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle box shadow */
  border-radius: 15px; /* Increased border-radius for a more rounded appearance */
  position: relative;
  z-index: 1; /* Set a higher z-index to ensure it appears above other elements */
}

.card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  position: relative;
  border: 1px solid #d1e780;
  background-color: #f9f9f9; /* Set background color for the card */
  cursor: pointer; /* Add a pointer cursor for interaction */
  transition: background-color 0.3s ease, transform 0.3s, box-shadow 0.3s;
  border-radius: 15px; /* Increased border-radius for a more rounded appearance */
  transform: translateY(-5px); /* Initial pop-out effect */
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Initial box-shadow for pop-out effect */
}

.card:hover {
  background-color: #dee9b6; /* Change background color on hover */
  transform: translateY(-10px); /* Further pop-out effect on hover */
}

@media (max-width: 768px) {
  .card-container {
    width: 100%; /* Set to 100% for full-width container */
  }

  .card {
    padding: 15px; /* Adjusted padding */
  }
}

/* 아로스-로딩 */
#aros-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    z-index: 1022222;
    text-align: center;
    display: table;
    width: 100%;
    height: 100vh;
    opacity: 0.8;
}

.aros-loader {
    display: table-cell;
    vertical-align: middle;
}

.aros-loader img {
    width: 150px;
}

@media screen and (max-width:768px) {
    .aros-loader img { width: 20%; }
}

/* 아로스-사이드바 광고 */
.aros-sidead {
  width: 160px;
  height: 600px;
  margin-top: 20px;
  position: fixed;
  top: 50%;
  right: -210px;
  transform: translateY(-50%);
  transition: right 0.3s;
  display: none;
}

@media (min-width: 1930px) {
  .aros-sidead {
    width: 280px;
  }
}

/* Adjusted style for window sizes between 1035 and 1460 */
@media (min-width: 1035px) and (max-width: 1560px) {
  .aros-sidead {
    transform: translateY(-5%);
  }
}

/* 아로스-목차 */
.aros-toc {
  border: 1px solid #ccc;
  padding: 10px 0px 0px 15px;
  background-color: #ffffff;
}

.aros-toc ul {
  list-style-type: decimal;
}

.aros-toc p {
  font-weight: 550;
  margin-bottom: 7px;
}

#toc * {
  font-size: 20px;
  color: rgb(72, 75, 248);
}

#toc a {
  color: rgb(72, 75, 248);
}

#toc a:hover {
  color: rgb(245, 167, 219);
}

#toc ul {
  margin-bottom: 0px;
  margin-top: 5px;
}

#toc > li {
  color: rgb(5, 9, 221);    
  margin-bottom: 15px;
}

#toc {
  margin-left: 3px;
}

#toc > li > ul li {
  margin-bottom: 5px !important;
}

.toc-center { text-align: center; padding-top: 10px; }

/* 목차 스타일 종료 - TOC */

@media (max-width: 767px) {
  .hidden-xs { display: none!important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm { display: none!important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md { display: none!important; }
}
@media (min-width: 1200px) {
  .hidden-lg { display: none!important; }
}

/* 아로스 모바일 어플 형식(css) */
.container_postbtn { display: none; }

@media (max-width: 1024px) {
  .aros-bottom-menu { display: flex; }
}

.aros-bottom-menu {
    display: none;
    background: var(--arosbottommenu-bgcolor);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    justify-content: space-around;
    padding: var(--arosbottommenu-wrapper-padding);
    box-shadow: 0 -5px 10px rgb(0 0 0 / 10%);
    z-index: var(--arosbottommenu-zindex);
    transition: all 200ms;
}

.aros-bottom-menu-icon-wrapper {
    position: relative;
    line-height: 0;
}

.aros-bottom-menu-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    flex: 1;
    font-size: var(--arosbottommenu-font-size);
    text-decoration: none;
    color: var(--arosbottommenu-text-color);
    cursor: pointer;
    user-select: none;
    text-decoration: none!important;
    transition: color 200ms;
}

.aros-bottom-menu-item i {
    font-size: var(--arosbottommenu-icon-size);
    color: var(--arosbottommenu-icon-color);
    font-family: FontAwesome;
    transition: color 200ms;
    padding-bottom: 10px;
}

u {
    text-decoration: none;
    display: inline;
    box-shadow: inset 0 -9px 0 #51c9ee;
}

.skin_view .area_view h2 {
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-left: 0.75rem;
    text-indent: 0.1em; /* Add left indentation to the text */
    font-weight: 600 !important;
    line-height: 1.9;
    word-break: normal;
    word-wrap: break-word;
    color: rgb(255, 255, 255);
    background: linear-gradient(to right, #072833 50%, #247de4);
    background-size: 150% 100%; /* Adjust the background width */
    border-radius: 15px 15px 0 0;
    border-left: 0px solid #2f95da;
    border-bottom: 3px solid #1833cc;
}

.skin_view .area_view h3 {
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 0.75rem;
    text-indent: 0.1em; /* Add left indentation to the text */
    font-weight: 600 !important;
    line-height: 1.9;
    word-break: normal;
    word-wrap: break-word;
    color: rgb(8, 8, 8);
    background: linear-gradient(to right, #ffffff 50%, #ffffff);
    border-radius: 0px 0px 0 0;
    border-left: 5px solid #1a6108;
    border-bottom: 0px solid #4de938;
}

/* 아로스 강의 #3 */
.aros-button {
  background-color: rgb(240, 36, 0);
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.1s;
  width: 80%;
  height: 80px;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4);
  border-radius: 30px;
  font-size: 40px;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-family: 'NanumGothicCodingBold';
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.aros-button:hover {
  background-color: rgb(235, 161, 65);
  transform: scale(1.1);
}

.aros-button.most-likely-to-click {
  padding: 20px 30px;
  font-size: 50px;
}

@media only screen and (max-width: 600px) {
  .aros-button {
    font-size: 22px;
    width: 90%;
    height: 60px;
    overflow: visible;
    white-space: nowrap; /* Prevents text from wrapping */
    max-width: 100%; /* Set max-width to 100% */
  }
  .aros-button.most-likely-to-click {
    padding: 15px 25px;
    font-size: 40px;
  }
}

@charset "UTF-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {
  margin: 0;
  padding: 0;
  outline: none;
}
fieldset,img { border: 0 none; }
dl,ul,ol,menu,li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input,select,textarea,button { vertical-align: middle; }
input::-ms-clear { display: none; }
button { border: 0 none; background-color: transparent; cursor: pointer; }
body { background: #fff; }
body,th,td,input,select,textarea,button {
  font-size: 20px;
  line-height: 1.5;
  font-family: 'Noto Sans', sans-serif;
  color: #666;
  -webkit-font-smoothing: subpixel-antialiased;
}
a { color: #333; text-decoration: none; }
a:active, a:hover { text-decoration: underline; }
a:active { background-color: transparent; }
address,caption,cite,code,dfn,em,var { font-style: normal; font-weight: normal; }

#tistorytoolbarid { display: none; }

/* global */
#dkIndex {
  overflow: hidden;
  position: absolute;
  left: -9999px;
  width: 0;
  height: 1px;
  margin: 0;
  padding: 0;
} /* 스킵네비게이션 */
.ir_pm {
  display: block;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
  text-indent: -9999px;
} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show { display: block; }
.hide { display: none; }
.emph_t { color: #3db39e; }
.cont_skin { margin-top: 80px; }
.article_skin { width: 820px; margin: 0 auto; }
.txt_bar { display: inline-block; width: 1px; height: 9px; margin: 0 5px; background-color: #ebebeb; }
.img_profile { float: left; margin-right: 16px; border-radius: 50px; }
.ico_focused { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

/* 공통이미지 */
.ico_skin {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  background: url("images/ico_skin.gif") 0 0 no-repeat;
  text-indent: -9999px;
}

/* 헤더 */
.wrap_skin { position: relative; }
.area_head {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}
.area_head:after {
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
  content: '';
}
.area_head .area_profile {
  position: relative;
  float: left;
  padding: 15px 0 0 30px;
}
.area_head .area_profile .link_profile { float: left; }
.area_head .area_profile .info_profile { float: left; max-width: 270px; }

.area_head .btn_name { margin-top: 5px; font-weight: bold; margin-bottom: 2px; }
.area_head .ico_name { width: 10px; height: 6px; margin: 7px 0 0 6px; vertical-align: top; }
.area_head .txt_condition {
  width: 100%;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.area_head .list_name {
  display: none;
  position: absolute;
  top: 44px;
  left: 92px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  background-color: #fff;
}
.area_head .on .list_name {
  display: block;
  width: 112px;
  padding-top: 13px;
  padding-bottom: 2px;
}
.area_head .on .ico_name { background-position: 0 -632px; }
.area_head .link_name {
  display: block;
  padding-left: 15px;
  margin-bottom: 7px;
  text-decoration: none;
  color: #666;
}
.area_head .link_name:hover { text-decoration: underline; color: #3db39e; }
.area_head .box_division { padding-top: 13px; border-top: 1px solid #f4f4f4; margin-top: 9px; }

.area_menu {
  position: fixed;
  right: 15px;
  top: 21px;
  z-index: 31;
}
.area_menu .area_search {
  display: inline-block;
  margin: 0 2px;
  border: 1px solid #ddd;
  border-radius: 3px;
  vertical-align: top;
}
.area_menu .on.area_search { border: 1px solid #aaa; }
.area_menu .btn_search { width: 40px; height: 36px; }
.area_menu .on .btn_search { display: none; }
.area_menu .ico_search {
  width: 16px;
  height: 16px;
  margin-top: -1px;
  background-position: 0 -25px;
  vertical-align: middle;
}
.area_menu .frm_search { display: none; overflow: hidden; width: 210px; height: 36px; }
.area_menu .on .frm_search { display: block; }
.area_menu .lab_search {
  float: left;
  width: 16px;
  height: 16px;
  margin: 10px 9px 0 12px;
  background-position: 0 -400px;
}
.area_menu .tf_search {
  float: left;
  width: 150px;
  margin-top: 9px;
  border: 0 none;
  vertical-align: top;
  color: #333;
}
.area_menu .area_navi {
  display: inline-block;
  position: relative;
  margin: 0 2px 0 3px;
}
.area_menu .btn_cate {
  width: 160px;
  height: 38px;
  border: 1px solid #3db39e;
  border-radius: 3px;
  font-weight: bold;
  font-size: 12px;
  line-height: 38px;
  color: #3db39e;
  padding: 0 1px 0 5px;
}
.btn_close { display: none; }
.area_menu .ico_cate {
  width: 10px;
  height: 6px;
  margin: -2px 0 0 53px;
  background-position: 0 -50px;
  vertical-align: middle;
}
.area_menu .list_cate {
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  width: 158px;
  padding: 18px 0 10px;
  border: 1px solid #3db39e;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
}
.area_menu .on .list_cate { display: block; }
.area_menu .on .ico_cate { background-position: 0 -658px; }
.area_menu .link_cate {
  display: block;
  padding-left: 17px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #333;
}

.area_navi .list_cate ul li { line-height: 18px; }
.area_navi .list_cate ul li a {
  display: block;
  padding-left: 17px;
  margin-bottom: 12px;
  font-size: 12px;
  color: #333;
  height: 17px;
}
.area_navi .list_cate ul li.selected > a,
.area_navi .list_cate ul li a:hover { text-decoration: underline; color: #3db39e; }
.area_navi .list_cate .c_cnt, .area_navi .list_cate img { display: none; }
.area_navi .list_cate ul li ul li a { }
.area_navi .list_cate ul li ul li ul { padding-bottom: 6px; margin-top: -6px; }
.area_navi .list_cate ul li ul li ul li { color: #b4b4b4; padding-left: 21px; }
.area_navi .list_cate ul li ul li ul li a {
  padding-left: 0;
  margin-bottom: 6px;
  font-size: 12px;
  color: #666;
}
.area_navi .list_cate ul li ul li ul li a::before { content: '· '; }
.area_navi .list_cate .menu_profile { display: none; }

.area_list .tit_category {
  position: fixed;
  top: 1px;
  width: 50%;
  left: 25%;
  line-height: 80px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  z-index: 21;
}
.tit_category .link_category {
  font-size: 20px;
  font-weight: bold;
  color: #3db39e;
}
.tit_category .link_category:hover { text-decoration: none; }
.dimmed_layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 30;
}
.area_head .btn_menu { display: none; }

/* 푸터 */
.wrap_etc {
  padding-top: 48px;
  padding-bottom: 5px;
  border-top: 1px solid #ebebeb;
}
.wrap_etc .inner_aside { overflow: hidden; width: 820px; margin: 0 auto; }
.wrap_etc .box_aside {
  float: left;
  position: relative;
  width: 190px;
  min-height: 135px;
  margin: 0 20px 33px 0;
}
.wrap_etc .lst { margin-right: 0; }
.wrap_etc .list_board { padding-top: 8px; }
.wrap_etc .list_board li { margin-bottom: 8px; }
.wrap_etc .link_board {
  display: block;
  overflow: hidden;
  width: 170px;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrap_etc .list_total dt { font-weight: bold; }
.wrap_etc .list_total dd { font-weight: bold; font-size: 22px; }
.wrap_etc .list_visitor { overflow: hidden; margin-top: 8px; font-size: 12px; }
.wrap_etc .list_visitor dt { float: left; color: #aaa; }
.wrap_etc .list_visitor dd { float: right; color: #aaa; }
.wrap_etc .link_more {
  position: absolute;
  top: 3px;
  right: 10px;
  font-size: 12px;
  text-decoration: underline;
  color: #aaa;
}
.wrap_etc .list_tag { overflow: hidden; margin-top: 10px; }
.wrap_etc .list_tag li { float: left; }
.wrap_etc .list_tag .link_tag {
  display: block;
  height: 24px;
  padding: 0 10px;
  margin: 0 6px 6px 0;
  border-radius: 26px;
  font-size: 11px;
  line-height: 26px;
  border: 1px solid #f0f0f0;
  background-color: #f0f0f0;
  color: #999;
  max-width: 65px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wrap_etc .list_tag .link_tag:hover {
  border: 1px solid #3db39e;
  background-color: #fff;
  text-decoration: none;
  color: #3db39e;
}

.tt-calendar {
  width: 176px !important;
  border-collapse: collapse;
  border-spacing: 0;
  margin-left: -8px;
}
.tt-calendar .cal_month {
  height: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
.tt-calendar .cal_month a { font-weight: bold; color: #666; }
.tt-calendar .cal_month a:first-child,
.tt-calendar .cal_month a:last-child {
  height: 17px;
  padding: 0 10px;
  vertical-align: top;
  color: #ccc;
}
.tt-calendar td, th {
  height: 17px;
  vertical-align: middle;
  width: 14.28%;
  text-align: center;
  font-size: 10px;
}
.tt-calendar thead th { color: #ccc; margin-bottom: 2px; }
.tt-calendar tbody td { color: #aaa; }
.tt-calendar tbody td .cal_click { font-weight: bold; color: #777; }

.wrap_etc .tbl_calendar {
  border-collapse: collapse;
  border-spacing: 0;
  width: 185px;
  margin-top: 5px;
}
.wrap_etc .tbl_calendar td { height: 17px; vertical-align: middle; }
.wrap_etc .col_day { width: 14.28%; }
.wrap_etc .tit_week { font-weight: normal; font-size: 10px; text-align: center; color: #ccc; }
.wrap_etc .link_day { display: block; font-size: 10px; text-align: center; color: #aaa; }
.wrap_etc .day_event { font-weight: bold; color: #777; }

.wrap_etc .list_keep { margin-top: 10px; }
.wrap_etc .list_keep li { overflow: hidden; margin-bottom: 8px; font-size: 12px; color: #aaa; }
.wrap_etc .link_keep { font-size: 12px; color: #aaa; }
.area_foot {
  height: 50px;
  font-size: 12px;
  line-height: 50px;
  text-align: center;
  background-color: #f0f0f0;
  color: #aaa;
}

/* 페이징 */
.area_paging_simple { display: none; }
.area_paging {
  margin: 30px 0 93px;
  text-align: center;
}
.area_paging .inner_paging { display: inline-block; overflow: hidden; }
.area_paging .ico_skin {
  float: left;
  width: 24px;
  height: 24px;
  margin-top: 6px;
}
.area_paging .li_prev {
  margin-right: 20px;
  background-position: 0 -100px;
}
.area_paging .link_prev {
  margin-right: 20px;
  background-position: 0 -100px;
}
.area_paging .link_next {
  margin-left: 20px;
  background-position: 0 -150px;
}
.area_paging .no-more-prev { background-position: 0 -75px; }
.area_paging .no-more-next { background-position: 0 -125px; }
.area_paging .interword { float: left; padding: 6px 12px 0; }
.area_paging .link_page { float: left; }
.area_paging .link_page span {
  display: block;
  padding: 9px 14px 5px;
  color: #666;
}
.area_paging .link_page span.selected {
  border-radius: 3px;
  background-color: #3db39e;
  color: #fff;
  font-weight: bold;
  padding: 8px 14px 6px;
}

/* 뷰 */
.skin_view .area_title {
  margin: 0 15px;
  padding: 0px 0 20px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}
.skin_view .area_title a { text-decoration: none; }
.skin_view .tit_category a { font-weight: bold; color: #3db39e; }
.skin_view .tit_post {
  margin-top: 7px;
  font-size: 40px;
  font-weight: bold;
  color: #000;
  line-height: 50px;
}
.skin_view .tit_post a { color: #000; }
.skin_view .txt_detail {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  color: #aaa;
}
.skin_view .txt_detail .txt_bar { margin: 0 7px 0 5px; }
.skin_view .txt_detail .my_edit { display: none; }
.skin_view .my_post .my_edit { display: inline-block; }
.skin_view .link_detail { font-size: 12px; color: #aaa; }
.skin_view .link_detail:hover { text-decoration: none; }
.skin_view .area_view { padding: 20px 0; }
.skin_view .area_view p {
  font-size: 20px;
  line-height: 28px;
  margin: 0 auto 28px;
}
.skin_view .area_view a { color: #4c26f5; }
.skin_view .area_view h1,
.skin_view .area_view h2,
.skin_view .area_view h3,
.skin_view .area_view h4 { line-height: 1.2em; }
.skin_view .area_view h1 { font-size: 30px; }
.skin_view .area_view h2 { font-size: 26px; padding: 10px 0 10px 10px; }
.skin_view .area_view h3 { font-size: 22px; padding: 9px 0 8px 10px; }
.skin_view .area_view h4 { font-size: 18px; padding: 8px 0 8px 10px; }
.skin_view .area_view ul,
.skin_view .area_view ol {
  margin: 0 auto 32px;
  padding: 0 0 0 10px;
}
.skin_view .area_view ul li,
.skin_view .area_view ol li {
  margin-left: 24px;
  margin-bottom: 10px;
}
.skin_view .area_view ul li { list-style: disc; }
.skin_view .area_view ol li { list-style: decimal; }
.skin_view .area_view blockquote {
  padding: 10px 20px;
  margin: 0 auto 28px;
  border-left: 5px solid #eee;
}
.skin_view .area_view blockquote,
.skin_view .area_view blockquote p { font-size: 18px; line-height: 30px; }
.skin_view .area_view blockquote ol:last-child,
.skin_view .area_view blockquote ul:last-child,
.skin_view .area_view blockquote p:last-child { margin-bottom: 0; }

.skin_view .area_view pre {
  background-color: #F6F7F8;
  margin: 28px auto;
  word-wrap: break-word;
  font-family: Menlo, Consolas, Monaco, monospace;
  font-size: 14px;
  line-height: 20px;
}
.skin_view .area_view pre code.hljs { padding: 16px; }
.skin_view .area_view iframe { max-width: 100%; }

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

.skin_view .area_view .protected_form {
  text-align: center;
  padding: 100px 0 150px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: -20px;
}
.skin_view .area_view .protected_form input {
  -webkit-appearance: none;
  padding: 0 15px;
  border: 1px solid #eee;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  box-sizing: border-box;
}
.skin_view .area_view .protected_form button {
  border-radius: 4px;
  font-size: 12px;
  line-height: 38px;
  background-color: #3db39e;
  color: #fff;
  font-weight: bold;
  padding: 0 16px;
}

.skin_view .area_etc { overflow: hidden; min-height: 29px; margin-top: 20px; }
.skin_view .area_etc .list_tag { float: left; margin-top: 5px; font-weight: bold; }
.skin_view .list_tag .tit_tag {
  float: left;
  margin-right: 8px;
  font-weight: bold;
  font-size: 12px;
  color: #3db39e;
}
.skin_view .list_tag .desc_tag {
  float: left;
  margin-right: 2px;
  font-weight: bold;
  font-size: 12px;
  color: #aaa;
  max-width: 630px;
}
.skin_view .list_tag .desc_tag a { color: #aaa; }
.skin_view .list_tag .link_tag {
  font-weight: bold;
  font-size: 12px;
  color: #aaa;
}
.skin_view .list_tag .link_tag:hover { text-decoration: none; }

/* --- 여기부터 수정된 부분: 테이블 헤더 크기 강제 16px 적용 --- */

/* 사용자 정의 영역 (.skin_view 내부) */
.skin_view .another_category {
  overflow: hidden;
  width: 100%;
  margin: 90px 0 0;
  border: 0;
  padding: 0;
}
/* 수정: h4 요소에 폰트 크기 16px 추가 */
.skin_view .another_category h4 {
  float: none;
  padding: 0 15px !important;
  width: auto;
  border: 0 !important;
  font-size: 16px !important;
}
.skin_view .another_category h4 a {
  color: #3db39e !important;
  font-weight: bold;
}
.skin_view .another_category table {
  float: left;
  width: 100%;
  margin-top: 15px !important;
}
.skin_view .another_category table tr {
  float: left;
  width: 50%;
  margin-bottom: 8px;
}
.skin_view .another_category table tr:nth-child(even) th {
  padding-left: 10px !important;
}
/* 테이블 헤더 및 관련 요소 */
.skin_view .another_category table th {
  width: 100%;
  font-size: 16px !important;
  color: #aaa;
  padding: 0 !important;
}
.skin_view .another_category table th a {
  overflow: hidden;
  max-width: 255px;
  font-size: 16px !important;
  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: 16px !important;
}
.skin_view .another_category table td { display: none; }
.skin_view .another_category table td { display: none; }

/* 미디어 쿼리 내 재정의: 모바일 등 화면 너비 820px 이하 */
@media only screen and (max-width:820px) {
  .skin_view .another_category table th {
    font-size: 16px !important;
  }
  .skin_view .another_category table th a {
    font-size: 16px !important;
  }
  .skin_view .another_category table th span {
    font-size: 16px !important;
  }
}

/* 댓글영역 */
.skin_view .area_reply { margin-top: 40px; }
.area_reply .tit_reply { font-weight: normal; }
.area_reply .btn_reply { font-weight: bold; line-height: 18px; color: #3db39e; }
.area_reply .btn_reply .ico_reply {
  width: 8px;
  height: 5px;
  margin: 5px 0 0 3px;
  background-position: 0 -425px;
  vertical-align: top;
}
.btn_reply.on .ico_reply { background-position: 0 -450px; }
.area_reply .reply_write { position: relative; margin-top: 5px; }
.area_reply .lab_write { position: absolute; top: 13px; left: 16px; font-size: 12px; }
.area_reply .on_box .lab_write { display: none; }
.area_reply .tf_reply {
  width: 820px;
  height: 102px;
  padding: 13px 15px 10px;
  border: 1px solid #eee;
  font-size: 12px;
  resize: none;
  box-sizing: border-box;
}
.area_reply .reply_writer { margin-top: 10px; position: relative; height: 36px; }
.area_reply .writer_info { float: left; }
.area_reply .writer_info .info_name {
  display: inline-block;
  position: relative;
  margin-right: 8px;
}
.area_reply .writer_info .info_pw { display: inline-block; position: relative; }
.area_reply .writer_info .lab_info { position: absolute; top: 10px; left: 16px; font-size: 12px; }
.area_reply .on_box .lab_info { display: none; }
.area_reply .writer_info .inp_info {
  width: 120px;
  height: 36px;
  padding: 0 15px;
  border: 1px solid #eee;
  font-size: 12px;
  box-sizing: border-box;
}
.area_reply .writer_info .inp_info::-webkit-input-placeholder { padding-top: 2px; }
.area_reply .writer_check { position: absolute; right: 70px; }
.area_reply .writer_check .check_secret {
  display: inline-block;
  position: relative;
  height: 36px;
  margin-right: 18px;
  line-height: 36px;
}
.area_reply .writer_check .inp_secret { display: none; }
.area_reply .writer_check .lab_secret {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  cursor: pointer;
}
.area_reply .writer_check .ico_check {
  position: absolute;
  top: -2px;
  left: 0;
  width: 16px;
  height: 16px;
  background-position: 0 -500px;
}
.area_reply .writer_check .inp_secret:checked + .lab_secret .ico_check {
  background-position: 0 -525px;
}
.area_reply .writer_check .inp_secret:focus + .lab_secret .ico_check {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.area_reply .on .ico_check { background-position: 0 -525px; }

.area_reply .writer_btn { position: absolute; right: 0; }
.area_reply .writer_btn .btn_enter {
  width: 70px;
  height: 36px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 38px;
  background-color: #3db39e;
  color: #fff;
  font-weight: bold;
}

.area_reply .btn_replymore {
  display: none;
  width: 100%;
  height: 42px;
  margin-top: 3px;
  border-top: 1px solid #eee;
  font-size: 12px;
  line-height: 44px;
  color: #aaa;
}
.on .btn_replymore { display: block; }
.area_reply .list_reply {
  margin-bottom: 20px;
  margin-top: 5px;
  border-top: 1px solid #e0e0e0;
}
.on .list_reply { display: block; margin-bottom: 18px; }
.area_reply .list_reply li.tt_more_preview_comments_wrap { padding: 10px 20px; }
.area_reply .list_reply .tt_more_preview_comments_text { font-size: 12px; color: #aaa; }
.area_reply .list_reply li {
  overflow: hidden;
  position: relative;
  padding: 23px 20px 24px;
  border-bottom: 1px solid #eee;
}
.area_reply .list_reply li:hover { background-color: #fcfcfc; }
.area_reply .list_reply .my_reply { background-color: #fcfcfc; }
.area_reply .list_reply .re_reply { padding-left: 86px; }
.area_reply .reply_content { float: left; }
.area_reply .list_reply .img_profile { margin-top: 2px; }
.area_reply .tit_nickname {
  display: block;
  overflow: hidden;
  max-width: 515px;
  margin: 4px 5px 0 0;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
}
.area_reply .my_reply .tit_nickname { color: #3db39e; }
.area_reply .tit_nickname:hover { text-decoration: none; }
.area_reply .ico_secret {
  width: 10px;
  height: 12px;
  margin-top: 4px;
  background-position: 0 -475px;
  vertical-align: top;
  display: none;
}
.area_reply .rp_secret .tit_nickname { }
.area_reply .rp_secret .ico_secret { display: inline-block; }
.area_reply .txt_reply {
  display: block;
  width: 704px;
  margin-top: 3px;
  font-size: 12px;
}
.area_reply .re_reply .txt_reply {
  display: block;
  width: 627px;
  margin-top: 3px;
  font-size: 12px;
}
.area_reply .txt_date { display: block; margin-top: 7px; font-size: 12px; color: #aaa; }
.area_reply .btn_replymenu { display: none; }
.area_reply .list_reply li .my_edit { display: none; position: absolute; top: 27px; right: 16px; }
.area_reply .list_reply li:hover .my_edit { display: block; }
.area_reply .my_edit .link_edit {
  margin: 0 2px;
  font-size: 12px;
  color: #3db39e;
}
.area_reply .my_edit .link_edit:hover { text-decoration: none; }
.area_reply .hiddenComment .tit_nickname { display: none; }
.area_reply .hiddenComment .txt_reply { font-weight: bold; font-size: 14px; }
.area_reply .hiddenComment .txt_date { }

/* 리스트 */
.list_content {
  padding: 35px 0;
  border-bottom: 1px solid #ebebeb;
}
.list_content::after {
  content: '';
  clear: both;
  display: block;
}
.list_content .thumbnail_post {
  float: right;
  height: 148px;
  width: 148px;
  margin: 4px 0 4px 30px;
}
.list_content .link_post { display: block; overflow: hidden; text-decoration: none; }
.list_content .link_post:hover .tit_post { text-decoration: underline; color: #3db39e; }
.list_content .tit_post {
  display: block;
  font-weight: normal;
  font-size: 28px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list_content .txt_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  overflow: hidden;
  max-height: 80px;
  margin-top: 1px;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  vertical-align: top;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.list_content .detail_info {
  margin-top: 16px;
  font-size: 12px;
  color: #aaa;
}
.list_content .detail_info .link_cate {
  font-size: 12px;
  text-decoration: none;
  color: #3db39e;
}

/* 방명록 */
.skin_visitor { padding-bottom: 40px; }
.skin_visitor .area-reply { padding-top: 40px; }
.skin_visitor .area_reply .list_reply {
  display: block;
  margin-top: 30px;
  border-top: 1px solid #eee;
}
.skin_visitor .area_reply .reply_write { margin-top: 32px; }
.skin_visitor .area_reply .ico_secret { background-position: 0 -600px; }

/* 태그 */
.skin_tag .list_tag { overflow: hidden; padding: 30px 0 90px; }
.skin_tag .list_tag li { float: left; margin: 0 10px 10px 0; }
.skin_tag .link_tag {
  display: block;
  height: 32px;
  padding: 0 13px;
  border-radius: 34px;
  line-height: 34px;
  border: 1px solid #f0f0f0;
  background-color: #f0f0f0;
  font-weight: 100;
  color: #666;
}
.skin_tag .link_tag:hover {
  border: 1px solid #3db39e;
  background-color: #fff;
  text-decoration: none;
  color: #3db39e;
}

@media only screen and (max-width:820px) {
    /* 4번-모바일 화면 글씨크기 */    
    body, th, td, input, select, textarea, button, p, span {
        font-family: Noto sans;
        font-weight: 100;
    }
    .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 0;
        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: #fcfcfc; }
    .area_reply .list_reply .my_reply:hover { background-color: #fcfcfc; }
    .area_reply .list_reply .re_reply { padding-left: 86px; }
    .area_reply .reply_content { display: block; float: none; padding: 0 28px 0 45px; }
    .area_reply .list_reply .img_profile { margin-top: 2px; }
    .area_reply .tit_nickname {
        font-size: 13px;
        overflow: visible;
        margin: 0px 5px 2px 0;
        color: #333;
        vertical-align: top;
        white-space: nowrap;
        font-family: applesdgothicneo-semibold;
    }
    .area_reply .my_reply .tit_nickname { color: #3db39e; }
    .area_reply .tit_nickname:hover { text-decoration: none; }
    .area_reply .ico_secret {
        width: 10px;
        height: 12px;
        margin-top: 4px;
        background-position: 0 -475px;
        vertical-align: top;
        display: none;
    }
    .area_reply .rp_secret .tit_nickname { }
    .area_reply .rp_secret .ico_secret { display: inline-block; }
    .area_reply .txt_reply {
        display: block;
        width: 704px;
        margin-top: 3px;
        font-size: 12px;
    }
    .area_reply .re_reply .txt_reply {
        display: block;
        width: 627px;
        margin-top: 3px;
        font-size: 12px;
    }
    .area_reply .txt_date { display: block; margin-top: 7px; font-size: 12px; color: #aaa; }
    .area_reply .btn_replymenu { display: none; }
    .area_reply .list_reply li .my_edit { display: none; position: absolute; top: 27px; right: 16px; }
    .area_reply .list_reply li:hover .my_edit { display: block; }
    .area_reply .my_edit .link_edit {
        margin: 0 2px;
        font-size: 12px;
        color: #3db39e;
    }
    .area_reply .my_edit .link_edit:hover { text-decoration: none; }
    .area_reply .hiddenComment .tit_nickname { display: none; }
    .area_reply .hiddenComment .txt_reply { font-weight: bold; font-size: 14px; }
    .area_reply .hiddenComment .txt_date { }
    
    /* 리스트 */
    .list_content {
      padding: 35px 0;
      border-bottom: 1px solid #ebebeb;
    }
    .list_content::after {
      content: '';
      clear: both;
      display: block;
    }
    .list_content .thumbnail_post {
      float: right;
      height: 148px;
      width: 148px;
      margin: 4px 0 4px 30px;
    }
    .list_content .link_post { display: block; overflow: hidden; text-decoration: none; }
    .list_content .link_post:hover .tit_post { text-decoration: underline; color: #3db39e; }
    .list_content .tit_post {
      display: block;
      font-weight: normal;
      font-size: 28px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    .list_content .txt_post {
      display: -webkit-box;
      display: -ms-flexbox;
      display: box;
      overflow: hidden;
      max-height: 80px;
      margin-top: 1px;
      font-size: 16px;
      line-height: 28px;
      color: #666;
      vertical-align: top;
      word-break: break-all;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
    .list_content .detail_info {
      margin-top: 8px;
      font-size: 12px;
      color: #aaa;
    }
    .list_content .detail_info .link_cate {
      font-size: 12px;
      text-decoration: none;
      color: #3db39e;
    }
    
    /* 방명록 */
    .skin_visitor { padding-bottom: 40px; }
    .skin_visitor .area_reply .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 .frm_search { display: block; }
    .layer_on .area_menu .list_cate { display: block; }
    .layer_on .btn_close { display: block; }
}

@media only screen and (max-width:820px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width:820px) and (min-device-pixel-ratio: 1.5),
only screen and (max-width:820px) and (min-resolution: 1.5dppx) {
    .ico_skin {
        background-image: url("images/ico_skin_640.png");
        -webkit-background-size: 160px 160px;
        background-size: 160px 160px;
    }
}
@media only screen and (max-width: 800px) {
    .tt-comment-cont { padding: 0 15px; }
}
.tt-comment-cont .tt-box-total .tt_txt_g { font-size: 15px; }
.tt-comment-cont .tt-box-total .tt_num_g { font-size: 15px; color: #61B19F; }
.tt-comment-cont .tt-wrap-cmt .tt-link-user { font-size: 15px; }
.tt-comment-cont .tt-wrap-cmt .tt_desc { font-size: 15px; color: #666; }
.tt-comment-cont .tt-txt-mention { color: #666; }
.tt-comment-cont .tt-wrap-cmt .tt_txt_g { color: #61B19F; }
.tt-comment-cont .tt-link-comment .tt_num_g { color: #61B19F; }
.tt-comment-cont .tt-btn_register {
    width: 77px;
    height: 36px;
    background-color: #3DB39E;
    color: #fff;
    border-radius: 4px;
    border-color: #3DB39E;
}
.tt-comment-cont .tt-btn_register:hover {
    background-color: #3DB39E;
    border-color: #3DB39E;
}
.tt-comment-cont .tt-btn_register:focus {
    background-color: #3DB39E;
    border-color: #3DB39E;
}