@charset "utf-8";

/*!* test *!*/
/*.redB { background:red; }*/
/*.blueB { background:blue; }*/
/*.greenB { background:green; }*/
/*.yellowB { background:yellow; }*/

/*body {  }*/
/*img,input,select,textarea{vertical-align:middle}*/
/*a{color:#262626;text-decoration:none}*/
a:hover{color:#4559E9;text-decoration:underline}
/*a.ir:hover{text-decoration:none}*/

/*!************************************************************************************!*/
/*!* common *!*/
/*!************************************************************************************!*/
/*.bx { border:1px solid #e8e8e8; margin:5px 0; }*/
/*#bestKeyword > li > a { color:#d78d3d; }*/
/*#footer { clear:both; padding:20px 0; background:#fff; border-top:1px solid #e9e9e9; margin-top:5px; }*/
/*#top_myinfo { height:25px; text-align:right; background:#fff; }*/
/*#top_myinfo ul { list-style:none; float:right; }*/
/*#top_myinfo li { float:left; padding-left:5px; }*/
/*#sidebar { padding-left:5px; }*/
/*#right_banner .rb_ad { margin-bottom:10px; border:1px solid #e8e8e8; }*/

/*!************************************************************************************!*/
/*!* main *!*/
/*!************************************************************************************!*/
/*#main_cont {  }*/
/*#inc_login { border:1px solid #e9e9e9; margin-bottom:10px; }*/
/*.body_cont {  margin-top:20px; }*/
/*!* sign in *!*/
/*.form-signin {*/
/*    max-width: 330px;*/
/*    padding: 15px;*/
/*    margin: 0 auto;*/
/*}*/
/*.form-signin .form-signin-heading,*/
/*.form-signin .checkbox {*/
/*    margin-bottom: 5px;*/
/*}*/
/*.form-signin .checkbox {*/
/*    font-weight: normal;*/
/*}*/
/*.form-signin .form-control {*/
/*    position: relative;*/
/*    font-size: 16px;*/
/*    height: auto;*/
/*    padding: 5px;*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*}*/
/*.form-signin .form-control:focus {*/
/*    z-index: 2;*/
/*}*/
/*.form-signin input[type="text"] {*/
/*    margin-bottom: -1px;*/
/*    border-bottom-left-radius: 0;*/
/*    border-bottom-right-radius: 0;*/
/*}*/
/*.form-signin input[type="password"] {*/
/*    margin-bottom: 5px;*/
/*    border-top-left-radius: 0;*/
/*    border-top-right-radius: 0;*/
/*}*/
/*.ad_bx { border:1px solid #ddd; text-align:center; }*/

/*!************************************************************************************!*/
/*!* solution *!*/
/*!************************************************************************************!*/
/*#solution {  }*/
/*#solution .bx { border:1px solid #e8e8e8; height:70px; width:220px; }*/
/*#solution .portfolio_list > li { margin-bottom:40px; }*/
/*#solution h4 { margin-bottom:5px; }*/
/*#solution .pf_bx { margin-left:10px; }*/

/*!************************************************************************************!*/

/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*}*/

/* Site Layout - Body Wrap */
/*body { padding:0;margin:0 }*/
/*body{padding:0;margin:0;font-size:12px;color:#666;line-height:1.5em; background:#fff; }*/
/*body, table, input, textarea, select, button {font-family:"Helvetica Neue", 나눔고딕,'Malgun Gothic',"Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", '돋움', Dotum,  AppleGothic, Helvetica, sans-serif;font-size:13px;}*/
body, table, input, textarea, select, button { font-size:14px; }
a, .language button{color:#666;text-decoration:none;}
.clearBoth{position:relative;*zoom:1;}
.clearBoth:after{content:"";display:block;clear:both;}

/* 상단과 하단의 가로 너비를 꽉 채우는 스타일 */
.full-width-header, .full-width-footer { width: 100%; background-color: #333; /* 원하는 배경색으로 변경 */ color: white; text-align: center; padding: 1rem; }
.full-width-menu  { width: 100%; background-color: #466c35; /* 원하는 배경색으로 변경 */ color: white; text-align: center; padding: 1rem; }
.nav-link {
    padding-left: 0.4rem;  /* 좌측 여백 */
    padding-right: 0.4rem; /* 우측 여백 */
}
.nav-link.active {border-bottom: 1px solid #18181b;}

/* 본문 스타일 */
.content { max-width: 1200px; margin: 0 auto;  }
/* Prevent navbar from being responsive */
.navbar {
    /*width: 1200px; !* Fixed width *!*/
    margin: 0 ; /* Center the navbar */
}
/* Disable responsive behavior */
.container-fluid {
    width: auto; /* Ensure it stays the same size */
}
/* Control spacing of the nav items */
.nav-item {margin-left: 10px;}
body {min-width: 1200px;overflow-x: hidden;}
/* board */
.board_title { font-size: 16px; margin: 20px 0 20px 0; padding-bottom: 10px; border-bottom: 2px solid #aaa; }
/* board etail */
.post-info { padding-bottom: 10px; border-bottom: 2px solid #e8e8e8; }
/*html, body {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    overflow-x: hidden; !* 가로 스크롤을 방지 *!*/
/*}*/
/*.container {*/
/*    width: 100%; !* 컨테이너가 부모의 전체 너비를 사용하도록 지정 *!*/
/*    max-width: 100%; !* 최대 너비도 기기 너비로 제한 *!*/
/*    box-sizing: border-box; !* 패딩과 보더를 포함하여 크기 계산 *!*/
/*}*/

.card-body > .active {  background-color: blue; }

.truncate {
    white-space: nowrap;         /* 한 줄로 표시 */
    overflow: hidden;            /* 넘치는 부분을 숨김 */
    text-overflow: ellipsis;     /* 넘치는 부분을 '...'으로 표시 */
    width: 650px;                /* 원하는 너비로 설정 */
}

.pr_truncate {
    white-space: nowrap;         /* 한 줄로 표시 */
    overflow: hidden;            /* 넘치는 부분을 숨김 */
    text-overflow: ellipsis;     /* 넘치는 부분을 '...'으로 표시 */
    width: 530px;                /* 원하는 너비로 설정 */
}

/*.shop_truncate {*/
/*    white-space: nowrap;         !* 한 줄로 표시 *!*/
/*    overflow: hidden;            !* 넘치는 부분을 숨김 *!*/
/*    text-overflow: ellipsis;     !* 넘치는 부분을 '...'으로 표시 *!*/
/*    width: 315px;                !* 원하는 너비로 설정 *!*/
/*}*/

/**
 * shop_grouping_list
 */
/* .container { */
/*max-width: 1296px;*/
/*margin: 0 auto;*/
/*padding: 20px;*/
/*background-color: white;*/
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/* } */
h1 {text-align: center;margin-bottom: 30px;}
ol {list-style: none;padding: 0;}
.gallery-grid {display: grid; /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/grid-template-columns: repeat(3, minmax(300px, auto));gap: 15px;justify-items: start; /* 왼쪽 정렬을 유지하기 위해 추가 */}
.gallery-item {border: 1px solid #ddd;width: 318px;overflow: hidden; /*transition: transform 0.2s ease;*/}
.gallery-item:hover { /*transform: scale(1.05);*/}
.gallery-item img {width: 100%;height: auto;display: block;}
.gallery-item a {text-decoration: none;color: inherit;}
.gallery-item .caption {padding: 10px;text-align: center;background-color: #f9f9f9;}
.btn-new-photo {display: inline-block;background-color: #28a745;color: white;padding: 10px 20px;text-decoration: none;border-radius: 5px;margin-bottom: 20px;}
.btn-new-photo:hover {background-color: #218838;}
.pagination {margin-top: 20px;text-align: center;}
.pagination a {display: inline-block;padding: 8px 16px;margin: 2px;text-decoration: none;border: 1px solid #ddd;}
.pagination a.active {background-color: #4CAF50;color: white;border: 1px solid #4CAF50;}
.pagination a:hover {background-color: #ddd;}

/*
.premium-banner-item-grid {display: grid; grid-template-columns: repeat(4, minmax(233px, auto));gap: 15px;justify-items: start;}
.premium-banner-item {color: #aaa; border: 1px solid #ddd;width: 220px;overflow: hidden; border-radius: 6px;}
.premium-banner-item:hover {}
.premium-banner-item img {width: 100%;height: auto;display: block;}
.premium-banner-item a {text-decoration: none;color: inherit;}
.premium-banner-item .caption {padding: 10px;text-align: center;background-color: #f9f9f9;}
*/
.premium-banner-item-grid {display: grid; /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/grid-template-columns: repeat(3, minmax(320px, auto));gap: 15px;justify-items: start; /* 왼쪽 정렬을 유지하기 위해 추가 */}
.premium-banner-item {color: #aaa; border: 1px solid #ddd;width: 295px;overflow: hidden; border-radius: 6px; /*transition: transform 0.2s ease;*/}
.premium-banner-item:hover { /*transform: scale(1.05);*/}
.premium-banner-item img {width: 100%;height: auto;display: block;}
.premium-banner-item a {text-decoration: none;color: inherit;}
.premium-banner-item .caption {padding: 10px;text-align: center;background-color: #f9f9f9;}


#user_pop_menu {
    position: absolute;
    display: none;
    background-color: #eee;
    border: 1px solid #999;
    padding: 0;
    min-width: 100px;
}

.user-menu {
    cursor: pointer;
}

.dim-image {
    filter: brightness(30%); /* 밝기를 50%로 낮춰서 dim 효과 */
}
.premium-box {
    border: 3px solid #ffd700; /* gold */
    border-radius: 12px;
    padding: 20px;
    background-color: #fffdf0;
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
    position: relative;
    margin-bottom: 30px;
}

.premium-label {
    position: absolute;
    top: -14px;
    left: 15px;
    background: #ffd700;
    color: #000;
    padding: 4px 14px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.ad-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 20px;
}

.ad-item {
    background: #fff;
    border: 1px solid #ddd;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #aaa;
    border-radius: 6px;
}