@charset "UTF-8";

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: local(""), url("/resource/fonts/noto-sans-kr-v12-korean_latin-500.woff2") format("woff2"), url("../font/noto-sans-kr-v12-korean_latin-500.woff") format("woff");
}
@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("/resource/fonts/noto-sans-kr-v12-korean_latin-700.woff2") format("woff2"), url("../font/noto-sans-kr-v12-korean_latin-700.woff") format("woff");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 900;
    src: local(""), url("/resource/fonts/noto-sans-kr-v12-korean_latin-900.woff2") format("woff2"), url("../font/noto-sans-kr-v12-korean_latin-900.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}



.ott_menu .home-item a {
    font-weight: bold;   /* 글자 굵게 */
    color: #FBD339;      /* 노란색 느낌 */
    display: inline-block;
 
}



html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background:#F2F4F6;
    font-family: "Pretendard-Regular";
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}



body {
    /* 기본적으로 텍스트 선택 가능 */
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;

    /* 레이아웃 및 스타일 */
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Pretendard-Regular";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
}

/* 모바일 및 터치 디바이스에서 텍스트 선택 방지 */
@media screen and (max-width:1024px) {
    body {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
}



* {
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

a {
    color: inherit;
    text-decoration: none;
    outline: 0;
    /* max-height:130px; */
}
a:focus, a:hover {
    text-decoration: none;

}

img {

    height: auto;
    vertical-align: top;
    border: 0;
   
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

form {
    display: inline;
}

input {
    font-family: inherit;
    outline:none;
}
input[type]::-ms-clear {
    display: none;
    opacity: 0;
    visibility: hidden;
}
input[type]::-ms-reveal {
    display: none;
    opacity: 0;
    visibility: hidden;
}
input[type]::-webkit-search-cancel-button {
    display: none;
}

select {
    font-family: inherit;
}

textarea {
    font-family: inherit;
    resize: vertical;
    outline:none;
}

button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    outline: 0;
}

embed, iframe, object {
    max-width: 100%;
}

p {margin-bottom:0px;}

[hidden] {
    display: none !important;
}



/* 전체 */
#wrap {position:relative;width:100%;margin:0 auto; background:white;}
#wrap:after {display:block;visibility:hidden;clear:both;content:""}

/*헤더*/
#header {width:100%;z-indeX:9;height:90px;width:100%;left:0px;right:0px;background:#000;}
#header .inner {display:flex;align-items: center;margin:0 auto;max-width:95%;height:100%;font-size:20px;font-weight:bold;color:#fff;position:relative;}
#header .inner a {display:flex;align-items: center; }
#header .inner a.logo {
    width: 130px;
    flex-shrink: 0;
    margin-top: 0px;
}
    
.best-highlight .highlight-title  {

   img{
        width: 160px;
        height: 95px;
        object-fit: cover;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        max-height: 100px;
   }
       
    
}
#char-container .inner {    
    width: 600px;
    /* height: 800px; */
    height: 98%;
    background: #232323;
    padding: 25px;
    position: absolute;
    /* top: 100px; */
    top: 10px;
    /* left: 55%; */
    margin-left: -250px;
    /* padding-top: 35px; */
    overflow-y: scroll;
    scrollbar-color: #a31717;
}

#char-container .inner::-webkit-scrollbar {
    width: 8px; /* 스크롤바 너비 */
}

#char-container .inner::-webkit-scrollbar-track {
    background: #888;
}

#char-container .inner::-webkit-scrollbar-thumb {
    background-color: #a31717;

}




#char-container .inner h3 {color:#fff;line-height:40px;font-size:16px;font-weight:500; padding-left:20px;}
#char-container .inner .char-list { padding:0px;margin-top:0px; display: grid;grid-template-columns: repeat(5, 20%);color:#fff; }
#char-container .inner .char-list li {width:100%;padding:5px; text-align: center;}
#char-container .inner .char-list li a img {
    width: 50px;
    height: 50px;
    border: solid 1px #454545;
    border-radius: 40px;
    object-fit: cover;}

#header .inner a.logo img {margin-left:-10px; width:120%; height: auto; /* 비율 유지 */}
#header .inner a.logo .title1 {font-size:28px;font-weight:bold;text-shadow:2px 2px 2px #898989;color:#fff;}
#header .inner a.logo .title2 {color:#a31717;font-size:28px;font-weight:bold;text-shadow:1px 1px 1px #333;margin-left:4px;}
#contents>div.right>div>div>section>div.main-index>div>section>div>div>img { width: 100px;
    /* 이미지 너비 고정 */
    height: 100px;
    /* 이미지 높이 고정 */
    border-radius: 10px;
    /* 이미지 모서리 둥글게 */
    object-fit: cover;
    /* 비율 유지하며 자르기 */}

#header .inner > .menu-end .menu { 
    font-size: 0.9vw;
    margin-right: 14px;
    margin-left: 14px;
    color:#fff;
    background-color: #1c2024;
    border-radius: 12px;
    padding:12px;cursor:pointer;
    img {
        margin-top: 4px;
        margin-left: 8px;
        width:10px;
        height: 7px;
    }
}



.point-container {
    width: 160px;
    border: 4px solid transparent; /* 초기 투명 */
    border-radius: 50px;
    padding: 8px;
    white-space: nowrap;
    position: relative;
    animation: border-glow 2s infinite linear; /* 애니메이션 적용 */
  }
  
  .point-container a {
    font-size: 16px;
    padding-left: 12px;
    width: 100%;
    text-decoration: none;
    color: white;
    display: flex;
    align-items: center;
  }
  
  .point-container img {
    width: 26px;
    margin-right: 10px;
  }
  
  @keyframes border-glow {
    0% {
      border-color: gold;
      box-shadow: 0 0 12px gold;
    } 
    50% {
      border-color: rgba(255, 215, 0, 0.6); /* 연한 gold */
      box-shadow: 0 0 24px rgba(255, 215, 0, 0.6);
    }
    100% {
      border-color: gold;
      box-shadow: 0 0 12px gold;
    }
  }

  


/* 검색창ㄴㅇ *//* 검색창 상위 */
#header2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: visible;
    padding: 10px;
    color: #fff;
    position: relative; /* 검색창 기준이 되는 부모 */
    margin-top: 10px;
  }
  
  /* 검색 아이콘 및 검색창 */
  #search-wrapper {
    display: flex;
    align-items: center;
    position: relative;
  }
  
  #toggle-search {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #icon-search,
  #icon-close {
    transition: opacity 0.3s ease;
  }
  
  #icon-close.hidden,
  #icon-search.hidden {
    opacity: 0;
    pointer-events: none;
  }
  
  /* 검색창 */
 /* 기본 상태 (숨김) */
#pop-search-text2 {
    padding:6px;
    z-index: 9999;
    position: absolute;
    border-radius: 8px;
    right: 56px;
    top: 40%;
    color:#333;
    transform: translateY(-50%);
    width: 0; /* 기본 상태에서 너비 0 */
    opacity: 0; /* 숨김 */
     /* 보이지 않음 */
    transition: width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  }
  
  #pop-search-text2::placeholder {
    font-size:18px;
    color:#888;
  }
  /* 활성화 상태 (보임) */
  #search-wrapper.active #pop-search-text2 {
    width: 300px; /* 활성화 상태에서 너비 */
    opacity: 1;
    visibility: visible;
    padding-left:20px;
  }
  
  
 
  
  #search-wrapper.active #icon-close {
    opacity: 1;
    pointer-events: auto;
  }
  
  

#header .inner > .menu-end .sub-menu-list:hover > .sub-menu {display:block;}
#header .inner > .menu-end .menu .sub-menu {position:absolute;top:65px; right:42px; width:200px;background:#232323;z-index:2;display:none; border-radius: 12px;}
#header .inner > .menu-end .menu .sub-menu li.sub-item {display:inline-block;width:100%;font-size:12px;font-weight:normal;line-height:36px;padding-left:15px;}
#header .inner > .menu-end .menu .sub-menu li.sub-item:hover {background:#444;}
#header .inner > .menu-end .menu .sub-menu li.sub-item {color:white;}
#header .inner > .menu-end .menu .sub-menu li.guidline {height:1px;background:#444;}


/* OTT 호버 */
.platform_ico {position: relative;padding:0 8px; }
.platform_ico.active{
    color:#fff;
    font-size:20px;
  
}
.platform_ico .ott_menu li {padding: 5px 15px;color: #777;text-align: center; }
.platform_ico .ott_menu li:hover {color:#fff;}
.platform_ico:hover .ott_menu {
    display: flex !important;
    /* flex 레이아웃 */
    flex-wrap: wrap;
    /* 줄바꿈 활성화 */
    justify-content: flex-start;
    /* 왼쪽 정렬 */
}
/* 19 호버 */
.platform_ico .ya_menu {display: none;position: absolute;top: 95%; left: 0;background-color: #333;z-index: 9999;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.7); white-space: nowrap; border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;}
.platform_ico .ya_menu li {padding: 5px 15px;color: #777;text-align: center;}
.platform_ico:hover .ya_menu {display: flex; }
/* 서브메뉴 기본 숨김 */
.platform_ico .ott_menu {display: none; /* 기본적으로 숨김 */position: absolute;top: 100%;left: 0;background-color: #333;z-index: 9999;padding: 10px;border-radius: 12px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.7);gap: 10px; /* 요소 간격 */width: 500px; /* 서브메뉴의 총 너비 */}
/* 마우스 오버 시 서브메뉴 표시 */
.platform_ico:hover .ott_menu {display: flex; /* flex 레이아웃 */flex-wrap: wrap; /* 줄바꿈 활성화 */justify-content: flex-start; /* 왼쪽 정렬 */}
/* 서브메뉴 항목 스타일 */
.platform_ico .ott_menu li {text-align: center;padding: 8px 5px; /* 항목 간격 */border-radius: 5px;transition: background-color 0.3s;width: calc(25% - 10px); /* 한 줄에 4개 */font-size: 14px; /* 글자 크기 */line-height: 0.2; /* 줄간 높이 */}



/*헤더 카테고리*/
#header .inner .menu-end {margin-left: auto;margin-right:10px;height:2.6rem;display:flex;align-items: center;justify-content: center;}
.top-login-categories .carousel-items {
    margin-top: 10px;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: clamp(14px, 1vw, 18px);
    white-space: nowrap;
    width: 100%;
    color: hsla(0, 0%, 100%, .65);
    margin-left: 35px;
    li{
        white-space: nowrap;
        padding:8px;
    }
    li:hover {
        padding:8px;
        color:white;
        background-color: #333;
        border-radius: 5px;
    }
 }

#header .inner .menu-end .gift {
    img {
        width:38px;
        height: 38px;
        margin-left: 12px;
    }
}
#header .inner .menu-end .bell {
    img {
        width:36px;
        height: 36px;
        margin-left: 14px;
        cursor: pointer;
    }
}


#header .inner .menu-end a.btn-search2 img {
    width:30px;color:#fff;margin-left:12px;
}
#header .inner .menu-end a.btn-search img {width:30px;color:#fff;margin-left:12px;}
#header .inner .menu-end a.btn-point {position:relative;}
#header .inner .menu-end a.btn-point img {width:32px;}
#header .inner .menu-end a.btn-point i {font-size:28px;color:#fff;margin-left:20px;font-weight:normal;}
#header .inner .menu-end a.btn-point .point-bubble {
    display:none;
    position:absolute;
    width:100px;
    padding:8px;
    background-color:#000;
    opacity: 0.9;
    border-radius:4px;
    color:#fff;
    top:-2px;
    left:-110px;
    font-size:0.8vw;
    text-align:center;
    border:solid 1px #777;
}
#header .inner .menu-end a.btn-point .point-bubble:after {
    display:none;
    content:'';
    position:absolute;
    top:50%;
    right:-7px;
    opacity: 0.9;
    border-left:7px solid #000;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    transform:translateY(-50%);
}
#header .inner .menu-end a.btn-point .point-bubble:before {
    display:none;
    content:'';
    position:absolute;
    top:50%;
    right:-8px;
    opacity: 0.9;
    border-left:7px solid #777;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    transform:translateY(-50%);
}
#header .inner .menu-end a.btn-login {height:38px;width:38px;border-radius:30px;margin-left:12px;}
#header .inner .menu-end a.btn-login :hover {
   
}
#header .inner .menu-end a.btn-login i {font-size:20px;}
#header .inner .menu-end a.btn_login img {width:24px;height:auto;border-radius:50%;}
#header .inner .menu-end a.btn-mypage {background:#000; border: 1px solid grey; 
    width:38px;height: 38px;
    img {
        width:100%;
        object-fit: cover;
        
} }
#header .inner .menu-end a.btn-mypage i {color:#fff;}

#header .inner .menu-end .login-cont {position:absolute;right:0px;top:87px;background:#232323;width:230px;z-index:2;border:solid 1px #333;}

#header .inner .menu-end .login-cont li {height:48px;display:flex;padding-left:20px;}
#header .inner .menu-end .login-cont li a {color:#fff;font-size:13px;display:flex;width:100%;}
#header .inner .menu-end .login-cont li a i {margin-right:5px;margin-top:1px;}
#header .inner .menu-end .login-cont li + li {border-top:solid 1px #333;}
#header .inner .menu-end .login-cont li:hover {background:#333;}


.menu-close { color: #fff;padding: 10px;background: #a31717;width: 120px;float: right;margin-top: 20px; cursor:pointer; border-radius: 8px; margin-right:15px; }
.btn-logout { background: #a31717; }

#header .right-nav {
    background:#121212;position:absolute;top:0;text-align:center;transition: .2s ease;
    width: 40%;
    padding-top:0px;
    right: 0;
    overflow-y:auto;
    /* padding-bottom:100px; */
    padding-bottom: 200px;
    z-index: 101;
    height:100vh;
}
#header .right-nav::-webkit-scrollbar {width:5px;background-color:#999;direction:ltr;}
#header .right-nav::-webkit-scrollbar-thumb { background-color:#333;}
#header .right-nav .menu-title {
    padding-left:30px;
    line-height:60px;
    padding-top:0px;
    width:100%;
    color:#fff;
    font-weight:bold;
    text-align:left;
    border-bottom:solid 1px #222;
}
#header .right-nav .sub-cont { }
#header .right-nav .sub-cont .btn-login {
    font-size:14px;padding:10px 20px;
    width:100%;
    background:#a31717;
    border:solid 1px #333;
    border-radius:5px;
    color:#fff;
}
#header .right-nav .sub-cont .sub {
    background:#a31717;
    width:100%;
}
#header .right-nav .sub-cont .menu {
    width:100%;
    padding:15px;
    line-height:25px;
    border-bottom:solid 1px #222;
}
#header .right-nav .sub-cont .menu .depth1 {
    text-align:left;
    font-size:14px;
    color:#fff;
    width:100%;
    display:inline-block;
    position:relative;
    
}
#header .right-nav .sub-cont .menu .depth1 i {position:absolute;right:10px;color:#a31717;}
#header .right-nav .sub-cont .menu .depth1 i.group {color:#a31717;}
#header .right-nav .sub-cont .menu .sub-menu {display:none;padding-left:10px;margin-top:10px;}
#header .right-nav .sub-cont .menu .sub-menu li {position:relative;}
#header .right-nav .sub-cont .menu .sub-menu li a {color:#eee;font-size:12px;padding:6px 10px;border-radius:2px;background:#222;margin-top:8px;}
#header .right-nav .sub-cont .menu .sub-menu li a i {position:absolute;right:10px;color:#a31717;}
#header .right-nav .sub-cont .menu .sub-menu.active {display:block;}
#header .right-nav .sub-cont h4 {border-bottom:solid 1px #232323;padding:15px; width:100%;}
#header .right-nav .sub-cont .login-cont {border:solid 1px #333;background:#232323;border-radius:4px;}
#header .right-nav .sub-cont .login-cont li {line-height:40px;padding-left:10px; border-bottom: 1px solid #000;}
#header .right-nav .sub-cont .login-cont li a {font-size:12px;color:#ddd;}
#header .right-nav .sub-cont .login-cont li a i {margin-right:4px;margin-top:1px;}
#header .right-nav a.btn-menu {z-index: 1;
    color: #fff;
    right: 24px;
    position: absolute;
    top: 8px;
    font-size: 25pt;
}

.right_menu_show {transform: translateX(0); opacity: 1;}
.right_menu_hide {transform: translateX(100%); opacity: 0; display:none;}




/* 모바일 헤더 */
#header_mobile {display:none;position:fixed;left:0;right:0;top:0;width:100%;padding:10px 10px;background-color:black;z-index:99;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6 s ease-out;
    align-items: center;
    height:95px;
    max-height:60px; 
    /* opacity: 0.96; */
    z-index:100;
}
#header_mobile .title1 {color:#fff;font-size:22px;font-weight:bold;text-shadow:2px 2px 2px #a31717;}
#header_mobile .title2 {color:#a31717;font-size:22px;font-weight:bold;text-shadow:1px 1px 1px #333;margin-left:4px;}
#header_mobile:after {display:block;visibility:hidden;clear:both;content:""}
#header_mobile a.logo {}
#header_mobile a.logo img {width: 40%;
    padding: 10px;}
#header_mobile a {display:flex;align-items: center;}
#header_mobile .menu-end {display:flex; margin-left: auto;margin-right:10px;}
#header_mobile .menu-end a.btn-search i {font-size:24px;color:#fff;margin-left:10px;}
#header_mobile .menu-end a.btn-point {position:relative;}
#header_mobile .menu-end a.btn-point img {width:26px;}
#header_mobile .menu-end a.btn-point i {font-size:28px;color:#fff;margin-left:10px;}
#header_mobile .menu-end a.btn-point .point-bubble {
    display:none;
    position:absolute;
    width:100px;
    padding:10px;
    background-color:#000;
    opacity: 0.9;
    border-radius:4px;
    color:#fff;
    top:-3px;
    left:-110px;
    font-size:12px;
    text-align:center;
    border:solid 1px #777;
}

#header_mobile .menu-end a.btn-point .point-bubble:after {
    content:'';
    position:absolute;
    top:50%;
    right:-6px;
    opacity: 0.9;
    border-left:7px solid #000;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    transform:translateY(-50%);
}
#header_mobile .menu-end a.btn-point .point-bubble:before {
    content:'';
    position:absolute;
    top:50%;
    right:-7px;
    opacity: 0.9;
    border-left:7px solid #777;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    transform:translateY(-50%);
}
#header_mobile .menu-end a.btn-menu {z-index:1;color:#fff;margin-left:10px;}
#header_mobile .menu-end a.btn-menu i {font-size:24px;color:#fff;}
#header_mobile .menu-end a.btn-mypage {background:#1348d5;}
#header_mobile .menu-end a.btn-mypage i {color:#fff;}
#header_mobile .menu-end .login-cont {position:absolute;right:10px;top:65px;background:#232323;width:230px;}
#header_mobile .menu-end .login-cont li {height:48px;display:flex;padding-left:20px;}
#header_mobile .menu-end .login-cont li a {color:#fff;font-size:13px;display:flex;width:100%;}
#header_mobile .menu-end .login-cont li + li {border-top:solid 1px #333;}
#header_mobile .menu-end .login-cont li:hover {background:#333;}
#header_mobile .menu-end a.btn-menu {z-index:1;color:#fff;margin-left:10px;}
#header_mobile .menu-end a.btn-menu i {font-size:24px;color:#fff;}
#header_mobile .menu-end a.btn-mypage {background:#1348d5;}
#header_mobile .menu-end a.btn-mypage i {color:#fff;}
#header_mobile .menu-end .login-cont {position:absolute;right:10px;top:65px;background:#232323;width:230px;}
#header_mobile .menu-end .login-cont li {height:48px;display:flex;padding-left:20px;}
#header_mobile .menu-end .login-cont li a {color:#fff;font-size:13px;display:flex;width:100%;}
#header_mobile .menu-end .login-cont li + li {border-top:solid 1px #333;}
#header_mobile .menu-end .login-cont li:hover {background:#333;}
#header_mobile .mobile-nav {
    background: #121212;
    opacity: 1;
    position: absolute;
    top: 0;
    height: 100vh;
    text-align: center;
    transition: .2s ease;
    width: 45%;
    padding-top: 0px;
    overflow-y: auto;
    padding-bottom: 150px;
    right: 0;
}
#header_mobile .mobile-nav::-webkit-scrollbar {width:5px;background-color:#999;direction:ltr;}
#header_mobile .mobile-nav::-webkit-scrollbar-thumb { background-color:#333;}
#header_mobile .mobile-nav .menu-title {
    padding-left:30px;
    line-height:60px;
    padding-top:0px;
    width:100%;
    color:#fff;
    font-weight:bold;
    text-align:left;
    border-bottom:solid 1px #222;
}
#header_mobile .mobile-nav .sub-cont {padding:20px;padding-top:5px;}
#header_mobile .mobile-nav .sub-cont .btn-login {
    font-size:14px;padding:10px 20px;
    width:100%;
    background:#a31717;
    border:solid 1px #a31717;
    border-radius:5px;
    color:#fff;
}
#header_mobile .mobile-nav .sub-cont .sub {
    background:#a31717;
    width:100%;
}
#header_mobile .mobile-nav .sub-cont .menu {
    width:100%;
    margin-top:12px;
    padding-bottom:12px;
    line-height:25px;
    border-bottom:solid 1px #222;
}
#header_mobile .mobile-nav .sub-cont .menu .depth1 {
    text-align:left;
    font-size:14px;
    color:#fff;
    width:100%;
    display:inline-block;
    position:relative;
}
#header_mobile .mobile-nav .sub-cont .menu .depth1 i {position:absolute;right:10px;color:#a31717;}
#header_mobile .mobile-nav .sub-cont .menu .depth1 i.group {color:#a31717;}
#header_mobile .mobile-nav .sub-cont .menu .sub-menu {display:none;padding-left:10px;margin-top:10px;}
#header_mobile .mobile-nav .sub-cont .menu .sub-menu li {position:relative;}
#header_mobile .mobile-nav .sub-cont .menu .sub-menu li a {color:#eee;font-size:12px;padding:6px 10px;border-radius:2px;background:#222;margin-top:8px;}
#header_mobile .mobile-nav .sub-cont .menu .sub-menu li a i {position:absolute;right:10px;color:#a31717;}
#header_mobile .mobile-nav .sub-cont .menu .sub-menu.active {display:block;}
#header_mobile .mobile-nav .sub-cont h4 {border-bottom:solid 1px #232323;padding-bottom:15px;margin-top:5px;}
#header_mobile .mobile-nav .sub-cont .login-cont {
    /* border:solid 1px #333;background:#232323;border-radius:4px; */
    display: flex;
    border: solid 1px #333;
    background: #232323;
    border-radius: 4px;
    flex-direction: column;
    /* align-items: center; */
    text-align: center;
    align-items: center;
}
#header_mobile .mobile-nav .sub-cont .login-cont li {
    line-height: 40px;
    padding-left: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#header_mobile .mobile-nav .sub-cont .login-cont .user-info{padding: 20px 0 10px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;border-bottom: 1px solid #555555;flex-wrap: wrap;align-content: center;}
#header_mobile .mobile-nav .sub-cont .login-cont li a {font-size:12px;color:#ddd; }
#header_mobile .mobile-nav .sub-cont .login-cont li a i {margin-right:4px;margin-top:1px;}

.mobile_menu_show {opacity:1;}
.mobile_menu_hide {opacity:0;left:100%;}

/* .menu-list {width:100%;background:#171D25;color:#fff;font-size:1.5rem;}
.menu-list .inner {
    margin: 0 auto;
    max-width: 840px;
    display: flex;
    align-items: center;
    height: 54px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.menu-list .inner > div {text-align:center;height:100%;line-height:45px;}
.menu-list .inner > div {width:20%;position:relative;}
.menu-list .inner > div > a {width:100%;height:100%;display:flex;align-items: center;justify-content: center;color:#fff;}
.menu-list .inner > div a:hover {
    color:rgb(173, 0, 0);
}
.menu-list .inner > div a i {margin-right:5px;font-weight:bold;}
.menu-list .inner > div.active {}
.menu-list .inner > div.active a {
    color:rgb(173, 0, 0);
}
.menu-list .inner > div + div  {border-left:none;}
.menu-list .inner > div .sub-menu {width:194px;color:#fff;position:absolute;z-index:1;display:block;padding:10px;background:#454545;top:50px;display:none;}
.menu-list .inner > div .sub-menu li {height:40px;display:flex;align-items: center;background:#454545;}
.menu-list .inner > div .sub-menu li a {width:100%;height:100%;display:flex;align-items: center;padding-left:20px;}
.menu-list .inner > div .sub-menu li a i {color:#FF4191;}
.menu-list .inner > div:hover .sub-menu {display:block;} */
/* 우주 배경 설정 */


/* 헤더 배경 */
.menu-list {
    width: 100%;
    background: #141414; /* 넷플릭스의 어두운 배경색 */
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); /* 약간의 그림자 */
    position: relative;
    z-index: 100;
}

/* 내부 컨테이너 */
.menu-list .inner {
    display: flex;
    gap: 35px; /* 탭 간 간격 */
    justify-content: center;
}

/* 탭 스타일 */
.menu-item {
    position: relative;
    padding: 5px 15px;
    text-align: center;
    border-radius: 4px; /* 살짝 둥근 모서리 */
    transition: all 0.3s ease-in-out;
}

.menu-item a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #e5e5e5; /* 밝은 회색 텍스트 */
    transition: color 0.3s ease;
}

/* Hover 효과 */
.menu-item:hover a {
    color: #ffffff; /* Hover 시 흰색으로 전환 */
}

.menu-item:hover {
    background: rgba(255, 255, 255, 0.2); /* Hover 시 약간의 밝은 배경 */
}

/* 활성화된 탭 */
.menu-item.active {
    
    border-radius: 6px; /* 강조된 둥근 모서리 */
}

.menu-item.active:hover a{
    color:white;
}
.menu-item.active a {
    padding-bottom: 3px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 5px solid #a31717;
}







/* ott 리스트 */
.ott_list {margin-bottom:10px;box-sizing:border-box;position:relative;}
.ott_list .inner {overflow-x: auto;white-space: nowrap;}
.ott_list .inner::-webkit-scrollbar {width:0px;background-color:rgba(50,50,50,0.1);display:none;}
.ott_list .inner .item {display:inline-block;}
.ott_list .inner .item a img {border-radius:10px;width:50px;}
.ott_list .inner .item + .item {margin-left:12px;}
.ott_list .inner .item a.blank {opacity: 0.2}
.ott_list .left-icon {z-index:34;cursor:pointer;position:absolute;top:0px;left:0px;height:65px;width:30px;display:flex;align-items: center;justify-content: center;font-size:20px;color:#fff;background:rgba(0,0,0,0.3);}
.ott_list .right-icon {z-index:34;cursor:pointer;position:absolute;top:0px;right:0px;height:65px;width:30px;display:flex;align-items: center;justify-content: center;font-size:20px;color:#fff;background:rgba(0,0,0,0.3);}

/* 탑 카테고리 */
.top-categories {width:100%;background:#444;margin-top:-20px;display:none;}
.top-categories .carousel-items {font-size:20px;max-width:1240px;margin:0 auto;width:100%;display:grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 10px 10px; background-color: #171D25;}
.top-categories .carousel-items .item {display: inline-block;margin-right:2px;padding:0px 12px;cursor: pointer;background:#171D25;height:40px;font-size:14px;display:inline-flex;align-items: center;justify-content: center;text-align:center;}
.top-categories .carousel-items .item a {color:#454545;font-size:13px;}
.top-categories .carousel-items .item.active {}
.top-categories .carousel-items .item.active a {color:#fff;font-weight:bold;}


/* 탑 Search */
.top-search {overflow-x: auto;white-space: nowrap;background-color: #d9d9d9;text-align:center; display:none;}
.top-search .input { display: flex;background:#fff; margin:10px 30px; border-radius: 8px; }
.top-search .input input { border: none;display: flex;width: 100%;color: #fff;padding-left: 10px;height: 35px; border-radius:8px; color:#000;}
.top-search .top-btn-search {width: 40px;text-align: center;height: 35px;}


a.btn-sort {height:40px;width:40px;border-radius:5px;font-size:18px;background:#333;margin-left:auto;}
a.btn-sort.sort-two i {color:#777;}
a.btn-sort.sort-one i {color:#fff;}


/*  접속차단 메시지 */
.warn-message {background:#333; padding: 8px;text-align:center;width:100%;font-size:14px;color:#DAA520;display:block;}
/* border-radius:2px; */
.top-notice-msg {}
/* 깜빡임 */
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.warn-message p {
    animation: blink 1s infinite; /* 1초 간격으로 무한 반복 */
}

/* 푸터 */
#footer_mobile {display:none;z-index:10;padding-bottom:0px;height:65px;background:#111;}
#footer_mobile {display:none;position:fixed;left:0;right:0;bottom:0;width:100%;}
#footer_mobile ul {}
#footer_mobile ul:after {display:block;visibility:hidden;clear:both;content:""}
#footer_mobile ul li {display:block;float:left;width:20%;font-size:0px;}
#footer_mobile ul li a {display:block;text-align:center;color:#999;font-size:12px;padding: 10px 0;}
#footer_mobile ul li.active a {color:#a31717;}
#footer_mobile ul li.active a .icon {color:#a31717;}
#footer_mobile ul li a .icon {font-size:20px;height:20px;width:20px;display:inline-block;}



/* 검색 팝업 */
#search-container .inner {
    width: 500px;
    background: #1e1e1e;
    padding: 25px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -250px;
    border-radius: 12px; /* 둥근 모서리 추가 */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); /* 그림자 추가 */
}

#search-container .inner h3 {
    color: #fff;
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; /* 간격 추가 */
}

/* 입력창 스타일 */
#search-container .inner .input {
    width: 100%;
    background: #333;
    border-radius: 8px; /* 둥근 모서리 */
    display: flex;
    overflow: hidden; /* 아이템이 넘치지 않게 */
}

#search-container .inner .input input[type="text"] {
    background: none;
    border: none;
    width: 100%;
    color: #fff;
    padding: 12px 16px;
    font-size: 14px;
}

#search-container .inner .input input[type="text"]::placeholder {
    color: #aaa;
}

#search-container .inner .input .pop-btn-search {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    background: #a31717; /* 검색 버튼 색상 */
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

/* 최근 검색어 스타일 */
#search-container .inner .last {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #444;
}

#search-container .inner .last a {
    background: #a31717;
    color: #fff;
    font-size: 12px;
    border-radius: 16px;
    padding: 6px 12px;
    text-decoration: none;
    transition: background 0.3s ease;
}


/* 검색 결과 리스트 */
#search-container .inner .list {
    padding: 0;
    margin-top: 20px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    color: #fff;
}

#search-container .inner .list li {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 8px; /* 둥근 모서리 */
    background: #292929; /* 리스트 배경색 */
    transition: background 0.3s ease;
}

#search-container .inner .list li:hover {
    background: #333;
}

#search-container .inner .list li span {
    color: #a31717;
    font-weight: bold;
    margin-right: 10px;
    font-size: 14px;
}

#search-container .inner .list li a {
    color: #eee;
    text-decoration: none;
    flex: 1;
    font-size: 14px;
}

/* 하단 힌트 */
#search-container .inner .hint {
    color: #aaa;
    font-size: 12px;
    margin-top: 20px;
}

/* 커뮤니티 버튼 */
#search-container .inner .links {
    margin-top: 20px;
    background: #a31717;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
}

#search-container .inner .links:hover {
    background: #b71e1e;
}

#search-container .inner .links a {
    color: #fff;
    text-decoration: none;
}

/* 닫기 버튼 */
#search-container .pop-search-close {
    position: relative;
    /* top: 750px;
    right: 22px; */
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    float:right;
    top:-30px;
}

#search-container .pop-search-close i {
    font-size: 18px;
    color: #aaa;
    transition: color 0.3s ease;
}

#search-container .pop-search-close:hover i {
    color: #fff;
}


body::-webkit-scrollbar {width:10px;background-color:rgba(255,255,255,0.5);}
body::-webkit-scrollbar-thumb { background-color:#a31717;}
input {outline: none;}
ul,li{list-style:none;}
/* a , a:focus, a:hover {color:#333;text-decoration: none;} */
/* a , a:focus, a:hover {text-decoration: none;} */
.hidden {display:none;}


#contents {font-size:0px;max-width:1240px;margin:0 auto;min-height:100vh;display:flex;padding-top:10px;
    /* margin-bottom:40px; */
}
#contents > .left {width:270px;font-size:14px;color:#171717;min-width:270px;}
#contents > .right {width:100%;}
#contents .left .login {}
#contents .left .login p {font-size:13px;color:#999;}
#contents .left .login {background:#fff;border-radius:5px;}
#contents .left .login .input .text {position:relative;}
#contents .left .login .input .text + .text {margin-top:5px;}
#contents .left .login .input .text label {position:absolute;top:7px;left:8px;}
#contents .left .login .input .text label i {color:#333;}
#contents .left .login .input .text input {border:solid 1px #ddd;height:36px;border-radius:5px;padding-left:30px;box-sizing: border-box;width:100%;background:#EEEDEB;}
#contents .left .login .btn-login {width:100%;border-radius:5px;background:#a31717;color:#fff;display:inline-block;margin-top:5px;line-height:36px;text-align:center;}
#contents .left .login .btn-logout {width:100%;border-radius:5px;background:#a31717;color:white;display:inline-block;margin-top:5px;line-height:30px;text-align:center;margin-top:30px;}
#contents .left .login .btn-logout i {margin-right:4px;}
#contents .left .login .bottom {display:flex;margin-top:10px;justify-content: center;align-items: center;}
#contents .left .login .bottom a {color:#999;font-size:13px;}


#contents .left .login .leftmypage {  display:flex;font-size:10pt; }
#contents .left .login .leftmypage li:nth-child(1) { width:40%;text-align:center;margin-top:10px; }
#contents .left .login .leftmypage li:nth-child(2) { width:70%; }
#contents .left .login .leftmypage li .user-img { width:60px; }
#contents .left .login .leftmypage li .letter-img { width:25px; }



#contents .left .login .leftmypage li.grid { margin-top:10px; display:grid; 
    /* grid-template-rows: repeat(3, 35px);  */
    grid-template-columns: repeat(2, 1fr);justify-content:center; align-items:center; }
#contents .left .login .leftmypage li.grid div { justify-content:left; justify-self:left; font-size: 11px;}
#contents .left .login .leftmypage li.grid div:nth-child(1)  { font-size: 18px;font-weight: bold; }
#contents .left .login .leftmypage li.grid div:nth-child(3)  { font-size: 12px;font-weight: bold; }
#contents .left .login .leftmypage li.grid div span { background-color:#82AEFF; color:#fff; border:1px solid #999; }
#contents .left .login .leftmypage li.grid a:hover{color:#333;}
/* #contents .left .login .leftmypage li.grid div:nth-child(1)  { width:60%; }
#contents .left .login .leftmypage li.grid div:nth-child(2)  { width:40%;justify-self:center } */

/* 
#contents .left .login .mypage_grid { margin-top:10px; display:grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);align-items:end; }
#contents .left .login .mypage_grid div { justify-content:center; justify-self:center; }

#contents .left .login .mypage_grid div:nth-child(1) { grid-row: span 2; }
#contents .left .login .mypage_grid div .user-img {width:50px; } */


#contents .left .login .bottom a + a {margin-left:10px;}
#contents .left .login .mypage {background:#eee;border-radius:5px;margin-top:10px;padding:10px;}
#contents .left .login .mypage li {}
#contents .left .login .mypage li a {height:30px;display:flex;align-items: center;color:#777;}
#contents .left .login .mypage li a:hover {text-decoration: underline;}
#contents .left .login .mypage li  + li {margin-top: 5px;}
#contents .left .login .guide {margin-top:10px;color:#aaa;margin-bottom:10px;}


#contents .left .login .tabs {display: flex;text-align:center; padding-top:8px }
#contents .left .login .tabs a{height:25px;width: 50%;align-items: center;color:#171717;position:relative; margin:8px 0;}
#contents .left .login .tabs a + a{height:25px;width: 50%;align-items: center;color:#171717;position:relative;border-left:1px solid #999; margin:8px 0;}


#contents .left .board-info {
    border-radius:5px;background:#fff;border-radius:5px;padding:20px;box-shadow: 1px 2px 2px #eee;
    margin-bottom:50px;
}
#contents .left .board-info h4 {display:flex;color:#454545;display:flex;}
#contents .left .board-info h4 span {font-size:15px;font-weight:bold;color:#999;}
#contents .left .board-info h4 span.active {color:#a31717;}
#contents .left .board-info h4 span + span {margin-left:10px;}

#contents .left .board-info .cont {background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:10px;}
#contents .left .board-info .cont li {height:25px;display:flex;align-items: center;color:#171717;position:relative;}
#contents .left .board-info .cont li i {}
#contents .left .board-info .cont li .btn-info {font-size:14px;background:#333;margin-left:auto;background:#2ab3f5;color:#fff;padding:3px 8px;border-radius:5px;font-size:13px;}
#contents .left .board-info .cont li .btn-review {font-size:14px;background:#eee;color:#232323;padding:3px 8px;border-radius:5px;margin-left:5px;font-size:13px;}
#contents .left .board-info .cont li a {height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;font-size:13px;color:#333;}
#contents .left .board-info .cont li a .cmt {color:#ddd;}
/* #contents .left .board-info .cont li + li {border-top:solid 1px #eee;} */
#contents .left .board-info .cont li .num {display:flex;background:#a31717;font-size:10px;width:20px;height:20px;align-items: center;justify-content: center;margin-right:5px;color:#fff;border-radius:4px;padding-top:2px;}
#contents .left .board-info .cont li.best-search a {text-decoration: underline;}
#contents .left .board-info .best-search { border:1px solid red;}


#contents .left .board-info .tabs .line{border: 1px solid #eee;height: 13px;margin-top: 5px;}


#contents .left .best-search .cont {background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px; margin-left:20px;margin-top:0px;}
#contents .left .best-search .cont li {height:35px;display:flex;align-items: center;color:#171717;position:relative;}
#contents .left .best-search .cont li i {}
#contents .left .best-search .cont li .btn-info {font-size:14px;background:#333;margin-left:auto;background:#2ab3f5;color:#fff;padding:3px 8px;border-radius:5px;font-size:13px;}
#contents .left .best-search .cont li .btn-review {font-size:14px;background:#eee;color:#232323;padding:3px 8px;border-radius:5px;margin-left:5px;font-size:13px;}
#contents .left .best-search .cont li a {height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;font-size:13px;color:#333;}
#contents .left .best-search .cont li a .cmt {color:#ddd;}
#contents .left .best-search .cont li + li {border-top:solid 1px #eee;}
#contents .left .best-search .cont li .num {display:flex;background:#a31717;font-size:10px;width:20px;height:20px;align-items: center;justify-content: center;margin-right:5px;color:#fff;border-radius:4px;padding-top:2px;}
#contents .left .best-search .cont li.best-search a {text-decoration: none;}



#contents > .right {border-radius:5px;min-height:400px;margin-left:20px;font-size:14px;color:#171717;}
#contents .right .banners {display:flex;flex-wrap: wrap;margin:0 auto;margin-top:10px;}
#contents .right .banners.banner-mobile {display:none;}
#contents .right .banners .banner-item {margin-bottom:5px;}
#contents .right .banners .banner { width:25%;padding:0.2em;box-sizing:border-box;}
#contents .right .banners .banner img {width:auto;width:100%;}
#contents .right .banners .line { flex-grow: 1;width:100%;padding:0.2em;box-sizing:border-box;}
#contents .right .banners .line img {width:auto;height:100%;}

/* 내용정보 */
.main-contents {}



.main-contents .form-search {width:200px;height:38px;border:solid 1px #e9e9e9;background:#fff;border-radius:5px;padding-left:10px;font-size:13px;}
.main-contents .btn-ser {
    background: #f7f7f7;
    border: solid 1px #e9e9e9;
    color: #333;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 13px;
    padding-right: 6px;
    white-space: nowrap;
    padding-left: 2px;
}
.main-contents .btn-ser i {margin-right:3px;margin-top:2px;}

.main-contents .cont {padding:4px;display:flex; justify-content: center; margin-top:20px;}
.main-contents .form-select {
    margin-right:5px;border-radius:5px;border:solid 1px #e9e9e9;width:100px;padding-left:5px;color:#666;height:38px;font-size:13px;
}


.main-contents .search {background:#eee;padding:20px;border-radius:5px;}
.main-contents .addr-list .cont {display:grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 10px 10px;margin-top:10px;}
.main-contents .addr-list .cont li a {text-align:center;background:#bbb;height:34px;display:flex;align-items: center;justify-content: center;color:#222;border-radius:5px;}
.main-contents .addr-list .cont li a.on {background:#171717;color:#fff;}
.main-contents .addr-list .sub-category {padding:10px;display:grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 5px 5px;margin-top:10px;background:#ddd;}
.main-contents .addr-list .sub-category li {text-align:center;display:flex;align-items: center;justify-content: center;background:#ccc;height:30px;font-size:12px;border-radius:5px;}
.main-contents .addr-list .sub-category li a {width:100%;height:100%;border-radius:5px;display: flex;align-items: center;justify-content: center;border-radius:5px;}
.main-contents .addr-list .sub-category li a.on {background:#171717;color:#fff;}
.main-contents .addr-list .sub-category.hidden {display:none;}

.main-contents .op-list {margin-top:20px;}
.main-contents .op-list .cont {display:grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 10px 10px;margin-top:10px;}
.main-contents .op-list .cont li a {text-align:center;background:#bbb;height:34px;display:flex;align-items: center;justify-content: center;color:#222;border-radius:5px;}
.main-contents .op-list .cont li a.on {background:#333;color:#fff;}

.main-contents .table-list {margin-top:20px;}
.main-contents .table-list .cont {display:grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 10px 10px;margin-top:10px;}
.main-contents .table-list .cont li a {text-align:center;background:#bbb;height:34px;display:flex;align-items: center;justify-content: center;color:#222;border-radius:5px;}
.main-contents .table-list .cont li a.on {background:#333;color:#fff;}

.main-contents .search-list {
    padding-bottom:0px;}
.main-contents .search-list .cont {margin-top:10px;display:flex;}
.main-contents .search-list .cont .form-select {margin-right:5px;border-radius:5px;border:solid 1px #e9e9e9;width:100px;padding-left:5px;color:#666;height:38px;font-size:13px;}
.main-contents .search-list .cont .form-search {width:200px;height:38px;border:solid 1px #e9e9e9;background:#fff;border-radius:5px;padding-left:10px;font-size:13px;}
.main-contents .search-list .cont .btn-ser {background:#f7f7f7;border:solid 1px #e9e9e9; color:#333;height:38px;display:flex;align-items: center;justify-content: center;width:90px;border-radius:5px;margin-left:5px;font-size:13px;}
.main-contents .search-list .cont .btn-ser i {margin-right:3px;margin-top:2px;}
.main-contents .search-list .cont .btn-write {margin-left:auto;background:#f7f7f7;color:#333;border:solid 1px #e9e9e9;height:38px;display:flex;align-items: center;justify-content: center;width:90px;border-radius:5px;font-size:13px;}
.main-contents .search-list .cont .btn-write i {margin-right:3px;margin-top:2px;}
.main-contents .search-list .sort-line {padding: 10px 0px; font-size:14px;  padding-bottom:10px;display:flex;align-items: center; overflow: visible; margin-top:-15px}
/* padding-top: 15px; */
.main-contents .search-list .sort-line .num {color:#a31717;margin-left:5px;}
.main-contents .search-list .sort-line select {width:90px;border:solid 1px #333;height:34px;margin-left:auto;color:#333;font-size:12px;border-radius:5px; text-align: center;}


.main-contents .news {margin-top:20px;}
.main-contents .news h3 {background:#333;height:50px;color:#fff;display:flex;align-items: center;padding-left:20px;border-radius: 5px;font-weight:normal;}
.main-contents .news h3 i {margin-top:2px;font-weight:normal;margin-right:5px;}
.main-contents .pri {margin-top:20px;}
.main-contents .pri h3 {background:#333;height:50px;color:#fff;display:flex;align-items: center;padding-left:20px;border-radius: 5px;font-weight:normal;}
.main-contents .pri h3 i {margin-top:2px;font-weight:normal;margin-right:5px;}

.op-section .funciton {text-align:right;height:50px;display:flex;justify-content: center;align-items: center;}
.op-section .funciton a {background:#333;margin-left:auto;height:30px;display:flex;justify-content: center;align-items: center;width:80px;border-radius:5px;color:#fff;}

.message-list .item {font-size:14px;color:#454545;padding:10px;border-radius:5px;background:#f9f9f9;}
.message-list .item .user a {display:inline-flex;align-items: center;}
.message-list .item .user a .nick {margin-left:5px;}
.message-list .item > div {padding-top:10px;padding-bottom:10px;}
.message-list .item .date {color:#aaa;}
.message-list .item .text {padding:10px;background:#eee;border-radius:5px;}

.message-list .tbl-list tr th {font-size:13px;background:#eee;padding:10px;text-align:center;border:solid 1px #ddd;color:#333;}
.message-list .tbl-list tr td {
/* {font-size:12px;background:#fff;padding:15px;text-align:center;border:solid 1px #ddd;color:#454545;display:block;border-radius:5px;margin-bottom:10px; */
    font-size: 12px;
    background: #1c1c1c;
    padding: 15px;
    text-align: center;
    border: solid 1px #000000;
    color: white;
    display: block;
    border-radius: 5px;
    margin-bottom: 10px;
}
.message-list .tbl-list tr td .user-popup {display:inline-flex;align-items: center;}
.message-list .tbl-list tr td .user-popup .nick {margin-left:5px;}
.message-list .tbl-list tr td .text {
    /* padding:10px;background:#f6f6f6;border-radius:5px;margin-top:10px;line-height:24px;border:solid 1px #eee; */
    padding: 10px;
    background: #1c1c1c;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 24px;
}
.message-list .tbl-list tr td .date {color:#ddd;margin-top:5px;}
.message-list .tbl-list tr td .btnSend {position:absolute;right:15px;top:10px;background:#a31717;color:#fff;font-size:12px;padding:8px 13px;border-radius:5px;}

.mobile_btn {display:none;}

/* 메인 섹션 */
.best-info {border-radius:5px;background:#fff;border-radius:5px;padding:20px;box-shadow: 1px 2px 2px #eee;border:solid 1px #eee;}
.best-info h3 {font-size:20px;font-weight:bold;margin-top:10px;}
.best-info h4 {display:flex;color:#454545;display:flex;margin-top:10px;}
.best-info h4 span {font-size:15px;font-weight:bold;color:#999;cursor:pointer;}
.best-info h4 span.active {color:#a31717;}
.best-info h4 span + span {margin-left:20px;}
.best-info .cont {background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.best-info .cont li {height:40px;display:flex;align-items: center;color:#171717;position:relative;}
.best-info .cont li i {}
.best-info .cont li .btn-info {font-size:14px;background:#333;margin-left:auto;background:#2ab3f5;color:#fff;padding:3px 8px;border-radius:5px;font-size:13px;}
.best-info .cont li .btn-review {font-size:14px;background:#eee;color:#232323;padding:3px 8px;border-radius:5px;margin-left:5px;font-size:13px;}
.best-info .cont li a {height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;font-size:13px;color:#333;}
.best-info .cont li a .cmt {color:#ddd;margin-left:4px;}
/* .best-info .cont li + li {border-top:solid 1px #eee;} */
.best-info .cont li .num {display:flex;background:#478CCF;font-size:10px;width:20px;height:20px;align-items: center;justify-content: center;margin-right:5px;color:#fff;position:absolute;border-radius:4px;padding-top:2px;}


.pagination {
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    align-items: center;
}

.pagination a{
    color:#333;
    
}
.main-top-index {display:flex;background:transparent;margin-top:0px;}
.main-top-index .cont {
    width: 100%;
    border-radius: 12px;
}
.main-top-index .search-cont {
    width: 100%;
    border-radius: 12px;
}
.main-top-index .best-search {}
.main-top-index .best-search .tabs .tab {
    display: inline-block;
    margin-left: 12px;
    padding: 8px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: border-bottom 0.3s ease;
}
.main-top-index .best-search .tabs .tab.active {
    /* width: 50%; */
    /* border-bottom: 2px solid #a31717; */
}
.main-top-index .best-search .cont { background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;
     margin-left:10px;
    margin-top:0px;display: flex;flex-direction: column;}
.main-top-index .best-search .cont li {display:flex;align-items: center;color:#171717;position:relative; padding: 1px 10px;}

.main-top-index .best-search .cont li .btn-info {font-size:14px;background:#333;margin-left:auto;background:#2ab3f5;color:#fff;padding:3px 8px;border-radius:5px;font-size:13px;}
.main-top-index .best-search .cont li .btn-review {font-size:14px;background:#eee;color:#232323;padding:3px 8px;border-radius:5px;margin-left:5px;font-size:13px;}
.main-top-index .best-search .cont li a {
    /* height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;font-size:13px;color:#333; */
    height: 24px;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
    display: flex;
    font-size: 15px;
    color: #232323;
}
.main-top-index .best-search .cont li a .cmt {color:#ddd;}
.main-top-index .best-search .cont li + li {padding-top:5px}
.main-top-index .best-search .cont li .num {display:flex;background:#a31717;font-size:14px;width:20px;height:20px;align-items: center;justify-content: center;margin-right:5px;color:#fff;border-radius:4px;
    flex-shrink: 0;
    /* padding-top:2px; */
}
.main-top-index .best-search .cont li .new {
    margin-left: 5px;
    font-size: 11px;
    color: #f33;
}
.main-top-index .best-search .cont li.best-search a {text-decoration: none;}

.comments .comment-write .profile .member-image {
    width:60px;
    height: 60px;
    margin:auto;
}

.board-section {width:100%;padding:20px;background:#fff;border-radius:5px;}
.board-section h3 { height:40px;display:flex;align-items: center;font-size:16px;margin-bottom:5px;padding-top:0px;margin-top:0px;color:#454545;font-weight:bold;}
.board-section h3 i {margin-right:5px;}
.board-section h3 .more {font-size:12px;margin-left:auto;color:#333;font-weight:normal;}
.board-section .board-list {font-size:14px;}
.board-section .board-list .items {padding:10px;background:#f9f9f9;border-radius:5px;}
.board-section .board-list .items li {height:38px;display:flex;align-items: center;}
.board-section .board-list .items li + li {border-top:solid 1px #eee;}


.board-t-section {padding:8px 0;border-radius:5px; width:100%; 
    /* min-height:180px; */
}
/* .board-t-section .tabs {  display:flex;font-size:clamp(10px, 16px, 18px); font-weight: 500; padding: 4px 12px; align-items: center; white-space: nowrap;} */
.board-t-section .tabs {display: flex;font-size: clamp(10px, 16px, 18px);font-weight: 500;padding: 4px 12px;align-items: center;white-space: nowrap;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;}
.board-t-section .tabs li { padding:0 10px; cursor:pointer; }

.board-t-section .tabs li.logo { width:80px; text-align: center; height: auto; img {width:100%; display: block; } }
.board-t-section .tabs li:first-child {cursor:pointer; padding-bottom: 4px; }
.board-t-section .tabs li + li {cursor:pointer; padding-bottom: 4px; }
.board-t-section .tabs li.active { padding-bottom: 4px; border-bottom: 2px solid rgb(173, 0, 0); font-weight: 600; }
.board-t-section .tabs li + li.active {   padding-bottom: 4px;border-bottom:2px solid rgb(173, 0, 0);  }
.board-t-section .tabs img {width:36px; }
.board-t-section .items { width:60%; display:flex; }
.board-t-section .items li { display:flex;  }
.board-t-section .items li a { margin-left: 10px; }
.board-t-section .items li a img { height: 120px;
    width: 150px;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-bottom: 1px solid #ddd; }
.board-t-section .items li a .subject { position: relative;
    height: 40px;
    top: -40px;
    color: white;
    font-size: 12px;
    padding-top: 3px;
    padding-left:3px;
    background-color: rgba(0,0,0,0.7) }


.board-t-section .items li a .cate { font-size:10px; color: #4f4f4f; }

.board-t-section .recent-items .list {display: flex; align-items: center; border-bottom: 1px solid #e7e7e7; padding: 4px 0;}
.board-t-section .recent-items .list .list-image{width: 30px;height: 30px;border-radius: 5px;object-fit: cover;margin-right: 10px;}
.board-t-section .recent-items .list .list-items{flex: 1; display: flex; align-items: center; justify-content: space-between; }
.board-t-section .recent-items .list .list-items .list-title {     
    font-size: 13px;
    text-decoration: none;
    color: black;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
    display: block; }
.board-t-section .recent-items .list .list-items .list-title .list-comment { margin-left: 10px; color: red; }
.board-t-section .recent-items .list .list-items .list-contents { font-size: 12px; color: #888;}
.board-t-section .recent-items .list .list-items .list-contents .list-horsehead {color: #337ab7;font-weight: bold; }
.board-t-section .recent-items .list .list-items .list-contents .list-likes { margin-left: 10px; }
.board-t-section .recent-items .list .list-items .list-contents .list-views {margin-left: 10px;}
.board-t-section .recent-items .list-author { display: flex; align-items: center; font-size: 12px; color: #666; white-space: nowrap; }
.board-t-section .recent-items .list-author .member-image{ width: 30px;
    height: 30px;
    border: 1px outset #a31717;
    margin-right: 4px; }


.board-s-section {width:100%;border-radius:5px; }
.board-s-section .recent-items .list {display: flex; align-items: center; border-bottom: 1px solid #e7e7e7; padding: 4px 0;}
.board-s-section h3 { height:40px;display:flex;align-items: center;font-size:16px;margin-bottom:5px;padding-top:0px;margin-top:0px;color:#a31717;font-weight:bold;}
.board-s-section h3 .more {font-size:12px;margin-left:auto;color:#333;font-weight:normal;}
.board-s-section .tabs {display:flex;font-size:16px;background:#f9f9f9; border:1px solid #c4c4c4; padding: 5px 10px; align-items: center;}
.board-s-section .tabs li { padding:0 5px; }
.board-s-section .tabs li.logo { width:50px; text-align: center; height: auto; img {width:100%; display: block; } }
.board-s-section .tabs li + li {cursor:pointer; transition: transform 0.5s ease; }
.board-s-section .tabs li + li.active { color:rgb(173, 0, 0);font-size:16px; scale: 1; transform: translateY(-1px); }
.board-s-section .tabs img {width:50px; }
.board-s-section .items { width:100%; }
.board-s-section .items li { display:flex; height: 30px; }
.board-s-section .items li a { margin-left: 10px; }
.board-s-section .items li a img { width:65px; }
.board-s-section .items li a .subject { color: #4f4f4f; font-size:12px; padding-top:3px; }
.board-s-section .items li a .cate { font-size:10px; color: #4f4f4f; }
.board-s-section .tabs .logo img {
    width:36px;
}

.board-t-section .main-index .recent{
    margin-top:70px;
}


.table-list {display:grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 10px 10px;margin-top:20px;}
.table-list .group {border:solid 1px #ddd;}
.table-list .group h4 {font-size:13px;font-weight:bold;display:flex;align-items: center;padding-left:10px;border-bottom:solid 1px #ddd;height:36px;margin:0px;background:#eee;}
.table-list .group li {padding-left:10px;display:flex;align-items: center;height:30px;border-bottom:solid 1px #eee;}
.table-list .group li a {color:#454545;font-size:11px;text-decoration: underline;}

.list-simple {}
.list-simple a {display:flex;align-items: center;color:#333;width:100%;height:100%;font-size:13px;}
.list-simple a .cate {background:#ddd;padding:2px 4px;font-size:12px;margin-right:4px;border-radius:5px;color:#454545;display:inline;max-width:80px;min-width:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-simple a .title {height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-simple a .img {color:#888;margin-right:4px;}
.list-simple a .video {color:#f33;margin-right:4px;}
.list-simple a .view {color:#a31717;margin-left:auto;margin-left:10px;font-size:12px;font-weight:bold;}
.list-simple a .view i {color:#171717;margin-right:2px;}
.list-simple a:hover {color:#333;}


/* 리스트 아이템 */
.item-list {width:100%;margin-top:10px;font-size:13px;}
.item-list .items {display:grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 30px 10px;}
.item-list .items .item {transition: transform .3s ease-out;border:solid 1px #ddd;background:#f7f7f7;border-radius:5px;}
.item-list .items .item .img {position:relative;display:flex;background:#161616;border-radius:5px;border:none;}
.item-list .items .item .img img {aspect-ratio: 5 / 3.3;max-width:100%;border:none;border-top-left-radius:5px;border-top-right-radius:5px;}
.item-list .items .item .info {padding:10px;}
.item-list .items .item .category span {background:#333;color:#fff;padding:3px 10px;border-radius:5px;font-size:12px;}
.item-list .items .item .title {font-size:16px;width:100%;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;color:#171717;font-weight:bold;margin-top:5px;}
.item-list .items .item .addr {margin-top:5px;color:#333;font-weight:bold;}
.item-list .items .item .addr i {color:#171717;font-weight:bold;margin-right:5px;}
.item-list .items .item .tel {margin-top:5px;color:#454545;}
.item-list .items .item .tel i {color:#171717;font-weight:bold;margin-right:5px;}
.item-list .items .item .btn {margin-top:10px;display:flex;}
.item-list .items .item .btn a {width:50%;height:34px;display:flex;align-items: center;justify-content: center;border-radius:5px;}
.item-list .items .item .btn a.btn-info {background:#2ab3f5;color:#fff;}
.item-list .items .item .btn a.btn-review {background:#ddd;color:#171717;margin-left:5px;}

.item-list .items .item .img .fav {font-size:14px;width:auto;color:#fff;display:flex;position:absolute;right:5px;bottom:5px;align-items:center;}
.item-list .items .item .img .fav i {font-size:14px;margin-right:4px;color:#fff;}
.item-list .items .item .func {margin-top:10px;display:block;width:100%;}
.item-list .items .item .func a {color:#a31717;font-size:12px;}
.item-list .items .item .func a + a {margin-left:10px;}

    /* 리스트 아이템 가로형 */
.item-list {width:100%;}
.item-list .mypage {display:block;}
.item-list .mypage {}
.item-list .mypage .item-line {transition: transform .3s ease-out;display:flex;overflow:hidden;}
.item-list .mypage .item-line + .item-line {margin-top:15px;}
.item-list .mypage .item-line:hover {transform:translate(0,-5px);}
.item-list .mypage .item-list .img {position:relative;display:block;min-width:200px;}
.item-list .mypage .item-line .img img {border-radius:5px;aspect-ratio: 5 / 3.3;}
.item-list .mypage .item-line .right {width:100%;margin-left:20px;display:flex;}
.item-list .mypage .item-line .right .center {font-size:14px;color:#bbb;}
.item-list .mypage .item-line .right .center div + div {margin-top:15px;}
.item-list .mypage .item-line .right .center .title {font-size:18px;width:100%;font-weight:normal;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;color:#fff;margin-bottom:20px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.item-list .mypage .item-line .right .center .title .num {color:#f33;}
.item-list .mypage .item-line .right .center .category {font-size:14px;width:100%;line-height:24px;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;color:#bbb;}
.item-list .items .item-line .right .center .func a + a {margin-left:10px;}
.item-list .mypage .item-line .right .center .func a:hover {color:#fff;}

/* 공지사항 리스트  */
.item-list {width:100%;}
.item-list .notice {display:block;margin-top:20px;}
.item-list .notice {}
.item-list .notice .item {width:100%;height:60px;display:flex;color:#fff;border-bottom:solid 1px #333;}
.item-list .notice .item a {font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;}
.item-list .notice .item:hover {background:#333;}
.item-list .notice .item a .no {width:80px;text-align:center;}
.item-list .notice .item a .title {}
.item-list .notice .item a .reg_dt {margin-left:auto;text-align:center;width:180px;}

/* 공지사항 */
.notice-section {margin-top:20px;margin-bottom:20px;text-align:center;}
.notice-section .notice-info {font-size:14px;color:#333;}
.notice-section .notice-info table {border-top:solid 1px #ddd;}
.notice-section .notice-info table tr th {height:40px;width:100px;border-bottom:solid 1px #ddd;font-size:13px;color:#333;font-size:13px;}
.notice-section .notice-info table tr td {height:40px;border-bottom:solid 1px #ddd;padding:15px;color:#454545;text-align:left;font-size:13px;}
.notice-section .btn-list {width:100%;height:48px;background:#a31717;border:none;font-size:14px;color:#fff;margin-top:20px;width:200px;}
.notice-section .board-list {margin-top:10px;}
.notice-section .board-list table {width:100%;}
.notice-section .board-list table tr th {height:50px;font-size:16px;font-weight:bold;background:#eee;border:solid 1px #ddd;font-size:12px;text-align:center;color:#333;}
.notice-section .board-list table tr td {height:40px;font-size:13px;color:#454545;font-weight:normal;background:#fff;border:solid 1px #ddd;padding:5px;text-align:center;}
.notice-section .board-list table tr td a.btn-mng {padding:4px 10px;background:#333;color:#fff;border-radius:5px;}
.notice-section .board-list table tr td a.btn-del {padding:4px 10px;background:#f33;color:#fff;border-radius:5px;margin-left:5px;}

/* 하단 */
#footer_wrap {clear:both;display:block;position:relative;width:100%;margin:0 auto;font-size:12px;background:#090909; border-top: solid 1px #777;}
/* #footer_wrap {clear:both;display:block;position:relative;width:100%;margin:0 auto;font-size:12px;background:#171D25; margin-top:50px;} */
#footer_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#footer_wrap .notices {height:60px;background:#171D25;width:100%;border-top:solid 1px #bbb;border-bottom:solid 1px #bbb;display:flex;color:#fff;}
#footer_wrap .notices .inner {max-width:1140px;width:100%;margin:0 auto;text-align:left;display:flex;align-items:center;}
#footer_wrap .notices .inner a {color:white;font-size:13px;}
#footer_wrap .notices .inner a.notice-link {margin-left:20px;}
#footer_wrap .notices .inner a.notice-telle {margin-left:auto;}
#footer_wrap .footer {
    /* display:block;position:relative;width:100%;max-width:1140px;margin:0 auto;padding:30px 0;font-size:13px; */
        display: flex;
        position: relative;
        /* width: 100%; */
        max-width: 960px;
        margin: 0 auto;
        padding: 30px 20px;
        font-size: 13px;
        justify-content: center;
}

#footer_wrap .footer:after {display:block;visibility:hidden;clear:both;content:""}
#footer_wrap .footer .bnb {margin:0 0 40px 0;}
#footer_wrap .footer .bnb a {display:inline-block;margin:0 20px 0 0;color:#999;font-size:16px;font-weight:400;}
/* #footer_wrap .footer ul {margin:0 0 20px 0;display:flex;gap:15px;align-items: center;} */
#footer_wrap .footer ul {margin:0;display:flex;gap:15px;align-items: center;}
#footer_wrap .footer ul:after {display:block;visibility:hidden;clear:both;content:""}

#footer_wrap .footer ul li:last-child {margin:0;padding:0;background:none;}
#footer_wrap .footer ul li a {display:block;color:#fff;}
#footer_wrap .footer p {margin:0 0 10px 0;color:#454545;line-height:180%;word-break:keep-all;}
#footer_wrap .footer p span {display:inline-block;}
#footer_wrap .footer .copy {color:#999;}
#footer_wrap .footer a.telegram {display:block;position:absolute;right:10px;top:40px;width:36px;height:36px;color:#ddd;font-size:!6px;line-height:36px;text-align:center;border-radius:50%;}
#footer_wrap .footer a.telegram i {font-size:40px;}
#footer_wrap .footer a.telegram:hover {background:#1348d5;}
#footer_wrap .footer .tabs {display:none;margin:30px 20px 20px 20px;}
#footer_wrap .footer .tabs a {color:#999;}
#footer_wrap .footer .tabs .dot {display:inline-block;width:3px;height:3px;margin:0 8px;background:#999;border-radius:50%;vertical-align:middle;}
#footer_wrap .footer img {   
    width: 120px;
    height: auto;
    /* margin-top: -5px; */
}


/* 2025-02-15 add */
#footer_wrap .footer ul {
    display: flex;
    flex-wrap: wrap; /* 줄바꿈 가능 */
    gap: 30px;       /* 아이템 간 간격 */
    padding: 0;
    list-style: none;
}

#footer_wrap .footer ul li {
    flex: 1 1 auto;   /* 자동 크기 조정 */
    text-align: center;
}

@media (max-width: 500px) {
    #footer_wrap .footer ul {
        gap: 10px;       /* 아이템 간 간격 */
    }
    
    #footer_wrap .footer ul li:nth-child(1) {
        width:100%;
        margin-bottom:10px;
    }
}

/* 검색 */
.background {z-index:100;position:fixed;top:0;left:0;right:0;bottom:0;display:none;background:rgba(0,0,0,0.75);align-items:center;justify-content:center;}
.menu-fixed {z-index:99;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);align-items:center;justify-content:center;}

/* 검색 팝업 */
/* #search-container .inner {width:500px;background:#232323;padding:25px;position:absolute;top:100px; left:50%;margin-left:-250px;padding-top:35px;}
#search-container .inner h3 {color:#fff;line-height:40px;font-size:16px;font-weight:500;}
#search-container .inner .input {width:100%;;background:#171717;color:#aaa;display:flex;}
#search-container .inner .input input[type=text] {background:auto;background:#171717;border:none;width:100%;color:#fff;height:100%;padding-left:10px;height:45px;}
#search-container .inner .input input[type=text]::placeholder {color:#aaa;}
#search-container .inner .input .pop-btn-search {display:inline-block;width:40px;text-align:center;height:45px;}


#search-container .inner .list { padding:0px;margin-top:0px; display: grid;grid-template-columns: repeat(1, 100%);color:#fff; }
#search-container .inner .list li { font-size: 13px; line-height:20px; display:flex;align-items: center;padding-top:6px;padding-bottom:6px;}
#search-container .inner .list li span { color:#a31717;font-weight:bold; border-radius:4px;margin-right:10px;width:15px;display:inline-flex;align-items: center;justify-content: center;font-size:14px;text-align:center;}
#search-container .inner .list li a {color:#eee;font-size:13px;width:100%;display:flex;}
#search-container .inner .last {line-height:30px;margin-top:6px;line-height:30px;border-bottom:solid 1px #222;padding-bottom:10px;}
#search-container .inner .last a {background:#333;border:solid 1px #454545;font-size:12px;color:#eee;border-radius:3px;padding:2px 5px;display:inline-block;height:26px;display:inline-flex;align-items: center;justify-content: center;}
#search-container .inner .last a:first-child {margin-right:6px;}
#search-container .inner .last a + a {margin-right:6px;}
#search-container .inner .hint {color:#aaa;font-size:13px;margin-top:10px;}
#search-container .inner .links {font-size:14px;margin-top:10px;background:#a31717;color:#eee;height:42px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
#search-container .inner .links a {display:flex;height:100%;width:100%;align-items: center;justify-content: center;color:#eee;}
#search-container .inner .links i {margin-left:5px;}
#search-container .pop-search-close {position:absolute;right:0px;top:0px;width:40px;height:40px;}
#search-container .pop-search-close i {font-size:22px;color:#aaa;} */




/* 최근검색어 전체삭제 */
.last-search { position: absolute;right:25px;top:42px; }
.last-search .btn-search-rm { padding:10px; background: #333;font-size: 13px;color: #ccc;border-radius: 3px;height: 25px; margin-top:10px;}


#user-container {padding:10px;color:#aaa;}
#user-container .inner {width:500px;background:#141414;padding:25px;padding-top:0px;position:absolute;top:100px; left:50%;margin-left:-250px;overflow-y:auto;min-height:400px;}
#user-container .inner h3 {display:flex;color:#fff;font-size:16px;}
#user-container .inner .img {text-align:center;padding-top:10px;padding-bottom:10px;width:100%;}
#user-container .inner .img .user-img {width:100px;border-radius:100px;}
#user-container .inner .img .no-img {width:100px;height:100px;border-radius:100px;border:solid 1px #ddd;display:inline-flex;align-items: center;justify-content: center;}
#user-container .inner .img .no-img i {font-size:48px;}
#user-container .inner .img .title {font-size:14px;margin-top:10px;}
#user-container .inner .info { display: grid;grid-template-columns: repeat(2, 50%);margin-top:10px;}
#user-container .inner .info li {display:inline-flex;height:40px;align-items: center;border:solid 1px #333;margin-top:-1px;margin-left:-1px;padding-left:10px;font-size:13px;}
#user-container .inner .info li .title {width:60px;display:inline-flex;}
#user-container .inner .info li .desc {color:#fff;}
#user-container .inner .function {display:flex;margin-top:20px;}
#user-container .inner .function a {width:33.3333%;align-items: center;justify-content: center;height:44px;background:#333;display:inline-flex;color:#fff;border-radius:5px;font-size:13px;}
#user-container .inner .function a + a {margin-left:10px;}
#user-container .inner .function a.black {background:#a31717;}
#user-container .pop-user-close {position:absolute;right:0px;top:0px;width:40px;height:40px;}
#user-container .pop-user-close i {font-size:22px;color:#aaa;}


/* 회차 정보 */
#list-container {justify-content: center;align-items: center;}
#list-container .inner {width:500px;background:#232323;padding:25px;position:absolute;top:100px; left:50%;margin-left:-250px;max-height:560px;}
#list-container .inner h3 {color:#fff;line-height:40px;font-size:16px;font-weight:500;display:flex;align-items: center;margin-top:10px;}
#list-container .inner h3 .sort {margin-left:auto;display:flex;align-items: center;font-size:14px;background:#f33;padding:4px 10px;border-radius:5px;height:30px;}
#list-container .inner h3 .sort i {margin-right:5px;}

#list-container .inner .list {padding:0px;margin-top:10px;max-height:400px;overflow-y:scroll;}
#list-container .inner .list::-webkit-scrollbar {width:8px;background-color:rgba(255,255,255,0.8);}
#list-container .inner .list::-webkit-scrollbar-thumb { background-color:#222;}
#list-container .inner .list li {font-size:15px;background:#171717;display:flex;align-items: center;height:40px;padding:10px;border-radius:5px;}
#list-container .inner .list li + li {margin-top:5px;}
#list-container .inner .list li span {color:#ff1f45;margin-right:10px;}
#list-container .inner .list li a {color:#aaa;}
#list-container .pop-list-close {position:absolute;right:0px;top:0px;width:40px;height:40px;}
#list-container .pop-list-close i {font-size:22px;color:#aaa;}
#list-container .inner .bottom {margin-top:10px;width:100%;display:flex;height:50px;align-items: center;justify-items: center;background:#232323;}
#list-container .inner .bottom a {width:100%;color:#fff;font-size:16px;text-align:center;}

#share-container {z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:none;justify-content: center;align-items:center;}
#share-container .inner {
    /* width:400px;background:#eee;color:#333;font-weight:normal;padding:20px 25px;font-size:14px; */
    width: 400px;
    background: #141414;
    color: #fff;
    font-weight: normal;
    padding: 20px 25px;
    font-size: 14px;
}
#share-container .inner h4 {font-size:18px;width:100%;position:relative;}
#share-container .inner h4 .close-alert {position:absolute;right:10px;top:0px;}
#share-container .inner .contents {color:#fff;padding-top:15px;}
#share-container .inner .contents li {
    /* width:100%;display:flex;align-items:center;height:40px;padding-left:10px;background:#ccc;cursor:pointer;color:#333 */
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 10px;
    background: #202020;
    cursor: pointer;
}
#share-container .inner .contents li + li {margin-top:12px;}
#share-container .inner .contents li:hover {background:#a31717;}
#share-container .inner p {line-height:40px;color:#999;}
#share-container .inner .btns {display:flex;font-size:14px;}
#share-container .inner .btns .btn-confirm-alert {margin-left:auto;color:white;font-weight:bold;}

#report-container {z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:none;justify-content: center;align-items:center;}
#report-container .inner {width:400px;background:#eee;color:#333;font-weight:normal;padding:20px 25px;font-size:14px;}
#report-container .inner h4 {font-size:18px;width:100%;position:relative;}
#report-container .inner h4 .close-alert {position:absolute;right:10px;top:0px;}
#report-container .inner .contents {color:#fff;padding-top:15px;}
#report-container .inner p {line-height:23px;color:#454545;}
#report-container .inner .btns {display:flex;font-size:14px;margin-top:20px;}
#report-container .inner .btns .right {margin-left:auto;}
#report-container .inner .btns .right .btn-confirm-report {color:#f33;margin-right:20px;font-weight:bold;}
#report-container .inner .btns .right .btn-confirm-alert {color:#1348d5;font-weight:bold;}

/* 알럿 */
.alert-container {z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;justify-content: center;align-items:center;}
.alert-container .inner {width:400px;background:#141414;color:#fff;font-weight:normal;padding:20px;}
.alert-container .inner h4 {font-size:18px;width:100%;position:relative;border-top-right-radius:10px;color:#171717;}
.alert-container .inner h4 .close-alert {position:absolute;right:10px;top:0px;}
.alert-container .inner .message {padding:20px;min-height:140px;display:flex;justify-content: center;align-items:center;font-size:14px;color:#fff;}
.alert-container .inner .btns {display:flex;}
.alert-container .inner .btns .btn-confirm-alert {margin-left:auto;border-radius: 8px;background:#4f4f4f;color:#fff;font-weight:bold;padding: 8px 25px;}


.confirm-container {z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;justify-content: center;align-items:center;}
/* .confirm-container .inner {width:400px;background:#eee;color:#333;font-weight:normal;padding:20px;position:relative;} */
.confirm-container .inner {width:400px;background:#141414;color:#fff;font-weight:normal;padding:20px;position:relative;}
.confirm-container .inner h4 {font-size:18px;width:100%;position:relative;border-top-right-radius:10px;}
.confirm-container .inner h4 .close-alert {position:absolute;right:10px;top:0px;}
.confirm-container .inner .btn-x-close {color:#fff;position:absolute;right:10px;top:10px;}
.confirm-container .inner .message {padding:20px;min-height:100px;display:flex;justify-content: center;align-items:center;font-size:14px;color:#aaa;}
.confirm-container .inner .login {display:flex;justify-content: center;align-items:center;height:40px;font-size:13px;}
.confirm-container .inner .login .login {border-radius: 8px;background:#4f4f4f;color:#fff;padding:7px 14px;display:flex;justify-content: center;align-items:center;width:110px;font-size:13px;height:100%;}
.confirm-container .inner .login .join {border-radius: 8px;background:#a31717;color:#fff;padding:7px 14px;display:flex;justify-content: center;align-items:center;width:110px;margin-left:10px;font-size:13px;height:100%;}
.confirm-container .inner .btns {display:block;text-align:center;}
.confirm-container .inner .btns a {}
.confirm-container .inner .btns .btn-confirm-confirm {
    margin-left: auto;
    color: #fff;
    background: #a31717;
    padding: 10px 40px;
    border-radius: 5px;
    font-size: 14px;
 }
.confirm-container .inner .btns .btn-confirm-close {
    margin-left: auto;
    color: #fff;
    background: #4f4f4f;

    padding: 10px 40px;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 10px;
}



#char-container .inner {width:500px;background:#232323;padding:25px;position:absolute;top:10px; left:50%;margin-left:-250px;padding-top:35px;}
#char-container .inner h3 {color:#fff;line-height:40px;font-size:16px;font-weight:500;}



#char-container .pop-char-close {position:absolute;right:0px;top:0px;width:40px;height:40px;}
#char-container .pop-char-close i {font-size:22px;color:#aaa;}

/* 비디오 리스트 */
.videos-filter {display:flex;width:100%;margin-top:10px;margin-bottom:10px;align-items:center;}
.videos-filter .select-wrap {width:250px;margin-left:auto;display:flex;}
.videos-filter .input {width:100%;;height:49px;background:#eee;color:#666;display:flex;max-width:300px;border:solid 1px #999;}
.videos-filter .input input[type=text] {background:#eee;width:100%;color:#333;height:100%;padding-left:10px;border:none;}
.videos-filter .input .share-btn-search {display:inline-block;width:60px;text-align:center;}
.videos-filter .input i {font-size:20px;color:#333;}

.videos-section {margin-top:10px;}
.search-section {margin-top:30px;}

/* 검색 화면 */

.search-result {font-size:18px;color:#333;justify-self:left;}
.search-result span {color:#ff1f45;}

.mypage-section .result-filter {margin-bottom:20px;display:flex;margin-top:20px;position:relative;}
.button-wrap {font-size:14px;text-align:right;display:flex;margin-bottom:10px;}
.button-wrap .btnAllDelete {border-radius:5px;color:#ddd;height:45px;width:170px;border:solid 1px #ddd;display:flex;align-items:center;justify-content:center;margin-left:auto;}


/* 상세화면 */
.wrap-detail {font-size:14px;color:#171717;background:#fff;padding:20px;border-radius:5px;
    /* border:solid 1px #eee;box-shadow: 1px 2px 2px #eee; */
}
.wrap-detail .empty-video-container {height:480px;display:flex;align-items:center;justify-content:center;background:#121212;}
.wrap-detail section + section {padding:25px 0px;}
.wrap-detail section.no-padding {padding:0px;}
.wrap-detail section.navigation {display:flex;height:60px;align-items:center;}
.wrap-detail section.navigation i {font-size:20px;}
.wrap-detail section.navigation .next {margin-left:auto;}
.wrap-detail section.navigation .next a {display:flex;align-items:center;justify-content:center;}
.wrap-detail section.navigation .next a i {margin-left:5px;}
.wrap-detail section.navigation .prev a {display:flex;align-items:center;justify-content:center;}
.wrap-detail section.navigation .prev a i {margin-right:5px;}
.wrap-detail section.line {border-bottom:solid 1px #333;}
.wrap-detail .play-container {width:100%;min-height:200px;display:flex;background:#121212;margin-top:20px;margin-bottom:20px;}
.wrap-detail .add-controller {font-size:14px;display:flex;}
.wrap-detail .add-controller .left {}
.wrap-detail .add-controller .right {margin-left:auto;}

.wrap-detail .add-controller .left .btn-first {background:#222;color:#aaa;padding:9px 20px;border-radius:4px;}
.wrap-detail .add-controller .right .btn-intro {background:#222;color:#aaa;padding:9px 20px;border-radius:4px;}
.wrap-detail .add-controller .right .btn-continue {background:#222;color:#aaa;padding:9px 20px;border-radius:4px;}

.wrap-detail .item-info {display:block;padding:10px;color:#454545;background:#f7f7f7;border-radius:5px;}
.wrap-detail .item-info div{width:100%;}
.wrap-detail .item-info .subject {font-size:18px;font-weight:bold;color:#333;}
.wrap-detail .item-info .datetime {margin-top:10px;color:#aaa;}
.wrap-detail .item-info .info {line-height:28px;}
.wrap-detail .item-info .info + .info {margin-top:8px;}
.wrap-detail .item-info .info span {width:70px;display:inline-block;color:#454545;font-weight:bold;}

.wrap-detail .functoin {margin-left:auto;display:flex;align-items:center;justify-content:center;border-top:solid 1px #eee;border-bottom:solid 1px #eee;padding:13px;background:#f9f9f9;margin-top:20px;}
.wrap-detail .functoin div {color:#333;font-size:13px;align-items:center;display:inline-block;text-align:center;width:60px;cursor:pointer;}
.wrap-detail .functoin div + div {margin-left:14px;}
.wrap-detail .functoin div .text {display:block;width:100%;margin-top:4px;}
.wrap-detail .functoin div i {font-size:22px;margin-right:5px;display:block;width:100%;}
.wrap-detail .functoin div span {margin-left:2px;}
.wrap-detail .functoin div.active i {color:#f33;}
.wrap-detail .functoin div.active.btnFav i {color:#a31717;}
.wrap-detail .functoin div.active.btnScrap i {color:#FABC3F;}


.wrap-detail .functoin2 { margin-left: auto;display: flex;align-items: center;padding: 2px; justify-content: center; width:300px; height:150px; }
.wrap-detail .functoin2 div { color: #333;font-size: 13px;align-items: center;display: flex;text-align: center;width: 80px;cursor: pointer; }
.wrap-detail .functoin2 div + div {margin-left:14px;}
.wrap-detail .functoin2 div .text {display:block;width:100%;margin-top:4px;}
.wrap-detail .functoin2 div i { font-size: 19px;margin-right: 5px;display: block;width: 100%;}
.wrap-detail .functoin2 div span {margin-left:2px;}
.wrap-detail .functoin2 div.active i {color:#f33;}
.wrap-detail .functoin2 div.active.btnFav i {color:#a31717;}
.wrap-detail .functoin2 div.active.btnScrap i {color:#FABC3F;}


.wrap-detail .functoin3 {margin-left:auto;display:flex;align-items:center;justify-content:center;margin-top:20px; margin-bottom: 50px;}


.wrap-detail .functoin3 div {color:#333;font-size:13px;align-items:center;display:inline-block;text-align:center;width:100%;cursor:pointer; }
.wrap-detail .functoin3 div + div {}
.wrap-detail .functoin3 div .text {display:block;width:100%;margin-top:4px;}
.wrap-detail .functoin3 div i {font-size:22px;margin-right:5px;display:block;width:100%;}
.wrap-detail .functoin3 div span {margin-left:2px;}
/* .wrap-detail .functoin3 div.active i {color:#f33;} */
.wrap-detail .functoin3 div.btnFav i {color:white;}
.wrap-detail .functoin3 div.btnFav { background-color: #3B4890;padding: 15px 27px;border-radius: 50px;}
.wrap-detail .functoin3 div.btnBad  i {color:#333}
.wrap-detail .functoin3 div.btnBad {background-color: #eee; padding: 15px 27px;border-radius: 50px;}
.wrap-detail .functoin3 div.active.btnScrap i {color:#FABC3F;}

  
.wrap-detail .item-contents {}
.wrap-detail .item-contents .subject {font-size:20px;font-weight:bold;}
.wrap-detail .item-contents .contents {padding:10px 0px;font-size:14px;color:#aaa;box-sizing:border-box;}
.wrap-detail .item-contents .contents img {max-width:100% !important;}

.wrap-detail .item-contents .contents span + span {margin-left:5px;}

.wrap-detail .item-thumbnail {}
.wrap-detail .item-thumbnail .subject {font-size:20px;font-weight:bold;}
.wrap-detail .item-thumbnail .thumbnail-list {display:grid;grid-template-columns: repeat(2, 1fr);gap: 10px;margin-top:20px;}
.wrap-detail .item-thumbnail .thumbnail-list .item {display:flex;cursor:pointer;border:solid 1px rgba(0,0,0,0);}
.wrap-detail .item-thumbnail .thumbnail-list .item:hover {border:solid 1px #ddd;box-sizing:border-box;}
.wrap-detail .item-thumbnail .thumbnail-list .item .right {display:block;padding-left:20px;}
.wrap-detail .item-thumbnail .thumbnail-list .item .right .title {font-size:15px;font-weight:bold;margin-top:5px;}
.wrap-detail .item-thumbnail .thumbnail-list .item.active .right .title {color:#f33;}
.wrap-detail .item-thumbnail .thumbnail-list .item .right .contents {margin-top:15px;color:#aaa;font-size:13px;}
.wrap-detail .item-thumbnail .thumbnail-list .item .img img {width:200px;border-radius:8px;}

.wrap-detail .add-videos .add-list {margin-top:20px;}
.wrap-detail .add-videos .subject {font-size:20px;font-weight:bold;display:flex;align-items: center;}

.wrap-detail .item-cast {}
.wrap-detail .item-cast .subject {font-size:20px;font-weight:bold;}
.wrap-detail .item-cast .cast-list {margin-top:20px;overflow-x: auto;white-space: nowrap;margin-bottom:10px;display: grid;grid-gap: 10px;overflow-x: scroll;grid-template-columns: repeat(auto-fill,minmax(140px,1fr));grid-auto-flow: column;grid-auto-columns: minmax(140px,1fr);overflow-x: auto;}
.wrap-detail .item-cast .cast-list::-webkit-scrollbar {width:0px;background-color:rgba(50,50,50,0.1);display:none;}
.wrap-detail .item-cast .cast-list .item {}
.wrap-detail .item-cast .cast-list .item .right {display:block;}
.wrap-detail .item-cast .cast-list .item .bottom .title {font-size:15px;font-weight:bold;margin-top:5px;}
.wrap-detail .item-cast .cast-list .item .bottom .contents {margin-top:10px;color:#aaa;font-size:13px;}
.wrap-detail .item-cast .cast-list .item .top img {width:200px;border-radius:8px;max-width:100%;}


.wrap-detail .item-comment {color:#333;}
.wrap-detail .item-comment .subject {font-size:16px;font-weight:bold;color:#171717;}
.wrap-detail .item-comment .comment-write {display:block;margin-top:20px;padding:15px;border-radius:10px;border:solid 1px #444;}
.wrap-detail .item-comment .comment-write .profile {display:flex;width:100%;}
.wrap-detail .item-comment .comment-write .profile .name {line-height:40px;margin-left:10px;color:#333;}
.member-image {border-radius:60px;border:solid 1px #ddd;padding:4px;display:flex;align-items:center;justify-content:center;}
.member-image i {font-size:24px;color:#333;}
.wrap-detail .item-comment .comment-write .bottom {width:100%;margin-top:10px;text-align:right;padding-left:60px;}
.wrap-detail .item-comment .comment-write .bottom textarea{width:100%;border:none;border-bottom:solid 1px #444;background:none;color:#333;font-size:14px;}
.wrap-detail .item-comment .comment-write .bottom .btn-cmt {background:#333;color:#fff;padding:8px 16px;display:inline-block;margin-top:10px;margin-left:10px;font-size:12px;}
.wrap-detail .item-comment .comment-write .bottom .btn-cancel{background:#f33;color:#fff;padding:10px 20px;display:inline-block;margin-top:10px;}
.wrap-detail .item-comment .comment-list {display:block;clear:both;margin-top:20px;}
.wrap-detail .item-comment .comment-list .item {display:block;}
.wrap-detail .item-comment .comment-list .item + .item {margin-top:15px;}
.wrap-detail .item-comment .comment-list .item .bottom {padding-left:40px;}
.wrap-detail .item-comment .comment-list .item .bottom .title {font-size:15px;font-weight:bold;margin-top:5px;}
.wrap-detail .item-comment .comment-list .item .bottom .contents {margin-top:10px;color:#333;font-size:13px;}
.wrap-detail .item-comment .comment-list .item .bottom .func {margin-top:10px;font-size:12px;color:#333;}
.wrap-detail .item-comment .comment-list .item .bottom .func a {align-items:center;display:inline-flex;}
.wrap-detail .item-comment .comment-list .item .bottom .func a:hover {color:#666;}
.wrap-detail .item-comment .comment-list .item .bottom .func a i {margin-right:4px;}
.wrap-detail .item-comment .comment-list .item .bottom .func a + a {margin-left:10px;}
.wrap-detail .item-comment .comment-list .item .left {display:flex;}
.wrap-detail .item-comment .comment-list .item .left img {width:40px;height:40px;border-radius:40px;}
.wrap-detail .item-comment .comment-list .item .left .name {font-size:13px;margin-top:2px;margin-left:8px;line-height:40px;}
.wrap-detail .item-comment .comment-list .item .left .name .datetime {color:#999;margin-left:10px;}

.wrap-detail .item-comment .comment-list .item .item-reply {display:none;margin-top:20px;margin-left:30px;padding:15px;border-radius:10px;border:solid 1px #444;}
.wrap-detail .item-comment .comment-list .item.left-margin {padding-left:40px;}
.wrap-detail .item-comment .comment-list .item .item-reply .profile {display:flex;width:100%;}
.wrap-detail .item-comment .comment-list .item .item-reply .profile img {width:40px;height:40px;border-radius:40px;margin-right:10px}
.wrap-detail .item-comment .comment-list .item .item-reply .bottom {width:100%;margin-top:10px;text-align:right;padding-left:60px;}
.wrap-detail .item-comment .comment-list .item .item-reply .bottom textarea{width:100%;border:none;border-bottom:solid 1px #444;background:none;color:#333;font-size:14px;}
.wrap-detail .item-comment .comment-list .item .item-reply .bottom .btn-cmt {background:#000;color:#fff;padding:10px 20px;display:inline-block;margin-top:10px;margin-left:10px;}
.wrap-detail .item-comment .comment-list .item .item-reply .btn-cancel{background:#f33;color:#fff;padding:10px 20px;display:inline-block;margin-top:10px;}

.wrap-detail .btns {font-size:14px;display:flex;height:50px;}
.wrap-detail .btns a.btn-review {font-size:14px;color:#fff;background:#333;height:40px;width:100px;display:flex;align-items: center;justify-content: center;border-radius:5px;margin-left:auto;}
.wrap-detail .btns a.btn-write {font-size:14px;color:#fff;background:#333;height:40px;width:100px;display:flex;align-items: center;justify-content: center;border-radius:5px;margin-left:5px;}


.wrap-detail .board .title {    
    font-size: 22px;
    height: 50px;
    display: flex;
    margin-top: 0px;
    color: #454545;
    align-items: center;
    border-bottom: 2px solid #a31717;
    padding-bottom: 20px;
    font-weight: 600;
    margin-top:10px;
    padding-left: 12px;
}

.wrap-detail .board .title2 {    
    font-size: 14px;
    height: 50px;
    display: flex;
    margin-top: 0px;
    color: #454545;
    align-items: center;

}
.wrap-detail .board .title a {background:#f7f7f7;color:#333;border:solid 1px #e9e9e9;height:38px;display:flex;align-items: center;justify-content: center;width:90px;border-radius:5px;font-size:13px;}
.wrap-detail .board .title a i {margin-right:3px;margin-top:2px;}
.wrap-detail .board .title .btnList {margin-left:auto;margin-right:10px;}
.wrap-detail .board .subject h4 {font-size:20px;font-weight:normal;display: flex;align-items: center;margin:0px;margin-top:15px;line-height:24px;}
.wrap-detail .board .subject .info {color:#555;margin-top:4px;border-bottom:solid 1px #eee;height:30px;display:flex;font-size:12px;}

.wrap-detail .board .subject .info .date {}
.wrap-detail .board .subject .info .view {}
.wrap-detail .board .subject .info .line {margin-left:5px;margin-right:5px;width:1px;background:#ddd;height:10px;margin-top:4px;}
.wrap-detail .board .desc {padding:40px 0px;min-height:200px;padding-top:0px;font-size:17px;}
.wrap-detail .board .desc .bd_tags {line-height:40px;margin-bottom:20px;background:#f9f9f9;padding-left:10px;margin-top:10px;border-radius:5px;font-size:13px;}
.wrap-detail .board .desc .bd_tags span {color:#666;font-size:13px;}
.wrap-detail .board .desc .bd_tags span + span {margin-left:5px;}

.wrap-detail .board .user-info {width:100%;padding:15px;border:solid 1px #eee;border-radius:5px;background:#fff;border:solid 1px #eee;width:100%;border-radius:5px;margin-top:20px;}
.wrap-detail .board .user-info h5 {margin:0px;padding-top:5px;padding-bottom:5px;display:inline-flex;align-items: center;cursor:pointer;}
.wrap-detail .board .user-info h5 a {display:flex;align-items: center;}
.wrap-detail .board .user-info h5 .nick {margin-left:4px;color:#454545;}
.wrap-detail .board .user-info .info {white-space: nowrap; color:#aaa;border-bottom:solid 1px #eee;border-top:solid 1px #eee;display:flex;font-size:12px;height:40px;align-items: center;padding-left:5px;}
.wrap-detail .board .user-info .info .date {}
.wrap-detail .board .user-info .info .view {}
.wrap-detail .board .user-info .info .line {margin-left:10px;margin-right:10px;width:1px;background:#ddd;height:10px;margin-top:1px;}


.wrap-detail .board .user-info .inner {padding-top:10px;padding-bottom:0px;}
.wrap-detail .board .user-info .inner li {height:28px;}
.wrap-detail .board .user-info .inner li a {font-size:13px;color:#454545;display:flex;align-items: center;}
.wrap-detail .board .user-info .inner li a .title {height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;}
.wrap-detail .board .user-info .inner li a i {font-size:9px;margin-right:4px;color:#ddd;}
.wrap-detail .board .user-info .inner li a .date {margin-left:auto;color:#aaa;font-size:12px;width:60px;text-align:right;}




.wrap-detail .board .nav {margin-top:20px;}
.wrap-detail .board .nav .prev {border-top:solid 1px #eee;height:50px;display:flex;align-items: center;}
.wrap-detail .board .nav .next {border-top:solid 1px #eee;border-bottom:solid 1px #eee;height:50px;display:flex;align-items: center;}
.wrap-detail .board .nav span {display:flex;width:100px;border-right:solid 1px #ddd;align-items: center;justify-content: center;}
.wrap-detail .board .nav a {color:#666;margin-left:10px;}

.wrap-detail .board .btns {padding:20px;width:100%;text-align:center;display:flex;align-items: center;justify-content: center;margin-top:15px;}
.wrap-detail .board .btns a {font-size:14px;display:flex;align-items: center;justify-content: center;width:120px;height:40px;}
.wrap-detail .board .btns a + a {margin-left:10px;}
/* .wrap-detail .board .btns a.btnList {background:#eee;color:#333;display:flex;align-items: center;justify-content: center;} */
.wrap-detail .board .btns a.btnList {background:#3f3f3f;color:#fff;display:flex;align-items: center;justify-content: center;border-radius: 5px;}
.wrap-detail .board .btns a.btnEdit {background:#a31717;color:#fff;display:flex;align-items: center;justify-content: center;border-radius: 5px;}
.wrap-detail .board .btns a.btnDel {background:#454545;color:#fff;display:flex;align-items: center;justify-content: center;border-radius: 5px;}

.wrap-detail .board-form {}
.wrap-detail .board-form .title {border-bottom:solid 1px #454545;font-size:17px;font-weight:bold;height:50px;display:flex;margin-top:10px;color:#454545;align-items: center;}
.wrap-detail .board-form .title a {font-weight:normal;font-size:13px;background:#f7f7f7;color:#333;display:flex;align-items: center;justify-content: center;border-radius:5px;width:90px;height:38px;border:solid 1px #e9e9e9;}
.wrap-detail .board-form .title .btnList {margin-left:auto;margin-right:10px;}

.wrap-detail .board-form .form {border:solid 1px #ddd;}
.wrap-detail .board-form .form .input {display:flex;background:#f8f8f8;padding:7px;}
.wrap-detail .board-form .form .input + .input {margin-top:0px;border-top:solid 1px #ddd;}
.wrap-detail .board-form .form .input .th {width:100px;height:40px;display:flex;align-items: center;justify-content: center;}
.wrap-detail .board-form .form .input .td {width:100%;display:flex;align-items: center;}
.wrap-detail .board-form .form .input .td.block {display:block;}
.wrap-detail .board-form .form .input .td .text {width:100%;height:34px;border:solid 1px #ddd;padding-left:8px;}
.wrap-detail .board-form .form .input .td .textarea {width:100%;height:300px;border:solid 1px #ddd;}
.wrap-detail .board-form .form .input .td .category input {display:none;}
.wrap-detail .board-form .form .input .td .category {background:#eee;padding:5px 10px;border-radius:5px;display:flex;align-items: center;justify-content: center;font-weight:normal;font-size:12px;}
.wrap-detail .board-form .form .input .td .category.on {background:#a31717;color:#fff;}
.wrap-detail .board-form .form .input .td .category + .category {margin-left:10px;}

.wrap-detail .board-form .form .input .td .line {display:flex;margin-top:6px;}
.wrap-detail .board-form .form .input .td .line + .line {margin-top:5px;}
.wrap-detail .board-form .form .input .td .line .file_nm{margin-left:7px;padding-left:6px;display:flex;align-items: center;color:#999;}
.wrap-detail .board-form .form .input .td .file  input {display:none;}
.wrap-detail .board-form .form .input .td .file {background:#454545;padding:5px 10px;border-radius:5px;display:flex;align-items: center;justify-content: center;color:#eee;font-size:12px;font-weight:normal;width:80px;}


.wrap-detail .board-form .form .input .td.scroll {overflow-x: auto;white-space: nowrap;}
.wrap-detail .board-form .form .input .td.scroll::-webkit-scrollbar {height:3px;background-color:rgba(255,255,255,0.3);}
.wrap-detail .board-form .form .input .td.scroll::-webkit-scrollbar-thumb { background-color:#222;}

.wrap-detail .board-form .form .input .td select {width:100%;max-width:300px;height:34px;border:solid 1px #ddd;padding-left:10px;font-size:13px;}

.wrap-detail .board-form .btns {padding:20px;width:100%;text-align:center;display:flex;align-items: center;justify-content: center;margin-top:15px;}
.wrap-detail .board-form .btns a {font-size:14px;display:flex;align-items: center;justify-content: center;width:120px;height:40px;border-radius:5px;}
.wrap-detail .board-form .btns a + a {margin-left:10px;}
.wrap-detail .board-form .btns a.btnList {background:#f7f7f7;color:#333;display:flex;align-items: center;justify-content: center;border:solid 1px #e9e9e9;}
.wrap-detail .board-form .btns a.btnWrite {background:#454545;color:#fff;display:flex;align-items: center;justify-content: center;}

.wrap-detail .links {display:flex;align-items: center;justify-content: center;}
.wrap-detail .links .btn-link {width:400px;height:43px;background:#a31717;color:#fff;font-size:12px;display:flex;align-items: center;justify-content: center;border-radius:5px;}


.comments {margin-top:20px;color:#333;}
.comments .result {padding:10px;background:#ddd;padding:10px 15px;border-radius:5px;position:relative;}
.comments .result .star-score {display:flex;font-size: 24px;align-items: center;gap:0px;}
.comments .result .star-score .star-icon {display:flex;color: transparent;-webkit-background-clip: text !important;}
.comments .result .star-score .star-icon span {display:inline-flex;padding:0px 3px;}
.comments .result .score {position:absolute;right:15px;font-weight:bold;font-size:30px;top:15px;}
.comments .result .count {margin-top:10px;}
.comments .comment-write {border:solid 1px #ddd;background:#ddd;margin-top:10px;border-radius:5px;padding:10px 10px 20px 0px; display: flex;}
.comments .comment-write .star_rating {width: 100%;box-sizing: border-box;display:flex;flex-direction: row;justify-content: flex-start;margin-top:8px;}
.comments .comment-write .star_rating .star {width:24px;height: 24px;margin-right:2px;display: inline-block;color:#f9f9f9;font-size:18px;background-size: 100%;box-sizing: border-box;cursor:pointer;}
.comments .comment-write .star_rating .star.on {display: inline-block;color:#F6E96B;background-size: 100%;box-sizing: border-box;}
.comments .comment-write .profile {  align-items: center; width: 125px; justify-content: center; text-align: center; vertical-align: middle;  }
.comments .comment-write .profile img {width:20px; margin:auto}
.comments .comment-write .profile .name {margin-left:5px; margin:auto;}

.comments .comment-write .bottom {width:100%;}
.comments .comment-write .editor {display:flex;padding-top:10px;}
/* .comments .comment-write .editor textarea {width:100%;padding:10px;background:#f8f8f8;border-radius:5px;color:#333;border:solid 1px #eee;height:100px;max-height:200px;min-height:100px;} */
.comments .comment-write .editor textarea {width:100%;padding:10px;background:#f8f8f8;border-radius:5px;color:#333;border:solid 1px #eee;height:75px;max-height:200px;min-height:75px;}
.comments .comment-write .editor textarea::-webkit-scrollbar {width:1px;background-color:rgba(255,255,255,0.5);}
.comments .comment-write .editor textarea::-webkit-scrollbar-thumb { background-color:#222;}
.comments .comment-write .editor .btn-cmt {margin-left:10px;background:#a31717;color:#fff;border-radius:5px;width:120px;display:flex;align-items: center;justify-content: center;}
.comments .comment-list {width:100%;}
.comments .comment-list .item {
    /* width:100%;border-bottom:solid 1px #ccc;margin-top:10px;padding-bottom:20px;position:relative; */
    width: 100%;
    border-bottom: solid 0.5px #eee;
    margin-top: 5px;
    padding-bottom: 5px;
    position: relative;
}
.comments .comment-list .item.reply {padding-left:24px;}
.comments .comment-list .item .reply {width:20px;position:absolute;top:0px;left:0px;}
.comments .comment-list .item .reply i {color:#ccc;font-size:20px;}
.comments .comment-list .item .score {display:flex;width:88px;}
.comments .comment-list .item .score .star {display: inline-flex;font-size:12px;box-sizing: border-box;padding:0px 3px;}
.comments .comment-list .item .name {color:#333;font-size:12px;display:inline-flex;align-items: center;cursor:pointer;}
.comments .comment-list .item .name .member-image {margin-right:5px; object-fit: cover;}
.comments .comment-list .item .name .datetime {color:#aaa;margin-left:5px;font-weight:normal;}
.comments .comment-list .item .contents {
    /* padding-top:10px;padding-bottom:10px;word-break:break-all; */
         display: flex;
        gap: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        word-break: break-all;
        flex-direction: column;
}
.comments .comment-list .item .btnCmtDelete {position:absolute;right:10px;top:0px;padding:7px 10px;border-radius:5px;color:#333;}
.comments .comment-list .item .btnCmtDelete i {color:#333;}
.comments .comment-list .item .func {
    /* margin-top:5px;display:flex; */
    margin-left: 15px;
    /* margin-top: 5px; */
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.comments .comment-list .item .func a {padding:2px 5px;
    /* background:#ddd; */
    margin-left: 10px;
    border-radius:5px;font-size:12px;display:inline-flex;color:#333;align-items: center;
}
.comments .comment-list .item .func a i {margin-right:3px;font-size:16px;margin-top:1px;}
.comments .comment-list .item .func a span {margin-left:4px; color:#606060}
.comments .comment-list .item .func a + a {margin-left:5px;}

.comments .comment-list .item .func a i {margin-right:5px;margin-top:1px;}
.comments .comment-list .item .func a .ri-thumb-up-line{
    color:black;
}
.comments .comment-list .item .func a .ri-thumb-down-line {
    color: black;
}

.comments .comment-list .item .func a .ri-thumb-up-line.active {
    color: #c90000;
}

.comments .comment-list .item .func a .ri-thumb-down-line.active {
    color: #2c81f1;
}

.comments .comment-list .item .func .toggle-replies {
    color:#2c81f1;
}

.comments .comment-list .item .item-reply {display:none;margin-top:10px;border-radius:5px;padding:10px;background:#ddd;position:relative;border:solid 1px #ccc;}
.comments .comment-list .item .item-reply .btn-cancel {position:absolute;right:10px;top:10px;}
.comments .comment-list .item .item-reply .profile {display:flex;font-size:12px;}
.comments .comment-list .item .item-reply .profile img {width:20px;margin-right:5px;}
.comments .comment-list .item .item-reply .editor {display:flex;padding-top:8px;}
.comments .comment-list .item .item-reply .editor textarea {width:100%;padding:10px;background:#fff;border-radius:5px;color:#333;border:none;}
.comments .comment-list .item .item-reply .editor .btn-cmt {margin-left:10px;background:#a31717;color:#fff;border-radius:5px;width:90px;display:flex;align-items: center;justify-content: center;}


/* 페이지 네이션 */
.site-pagenation {display:flex;font-size:12px;width:100%;margin-top: 20px;margin-bottom: 100px;}
.site-pagenation ul {display:flex;align-items:center; width:100%;line-height:40px;justify-content:center;}
.site-pagenation ul li {width:45px;display:flex;align-items:center;justify-content:center;}
.site-pagenation ul li a {display:flex;width:34px;height:34px;background:#333;align-items:center;justify-content:center;color:#fff;border-radius:34px;}
.site-pagenation ul li a.current {background:#a31717;}
.site-pagenation ul li i {font-size:26px;}
.site-pagenation ul li.first {width:30px;}
.site-pagenation ul li.first a {background:none;color:#333;}
.site-pagenation ul li.prev {width:30px;}
.site-pagenation ul li.prev a {background:none;color:#333;}
.site-pagenation ul li.next {width:30px;}
.site-pagenation ul li.next a {background:none;color:#333;}
.site-pagenation ul li.last {width:30px;}
.site-pagenation ul li.last a {background:none;color:#333;}


/* 회원가입 로그인 */
.member-section {display:flex;justify-content: center;align-items:center;font-size:14px;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;}
.member-section .inner {display:flex;justify-content: center;align-items:center;padding:40px;}
.member-section .inner .form-row {display:flex;}
.member-section .inner .form-row + .form-row {margin-top:15px;}
.member-section .inner .form-row label .form-text {width:320px;height:48px;background:#ddd;border:none;padding-left:20px;color:#171717;font-size:14px;}
.member-section .inner .form-row label .form-text::placeholder {
    color: #333;
}
.member-section .inner .form-row .join {margin-left:auto;color:#333;}
.member-section .inner .form-row .btn-login {width:100%;height:48px;background:#a31717;border:none;font-size:14px;}
.member-section .inner .form-row .btn-join {width:100%;height:48px;background:#333;border:none;font-size:14px;}
.member-section .inner .form-row .checked {display:flex;justify-content: center;align-items:center;color:#333;}
.member-section .inner .form-row .checked input[type=checkbox] {margin-right:5px;width:16px;height:16px;background:#232323;}
.member-section .inner .form-icon {display:flex;align-items:center;justify-content: center;align-items:center;padding-bottom:40px;}
.member-section .inner .form-icon .title1 {font-size:28px;font-weight:bold;text-shadow:2px 2px 2px #444;color:#171717;}
.member-section .inner .form-icon .title2 {color:#a31717;font-size:28px;font-weight:bold;margin-left:4px;color:#a31717;font-size:28px;font-weight:bold;text-shadow:2px 2px 2px #444;margin-left:4px;}


/* 요청  */
.request-section {display:flex;justify-content: center;align-items:center;font-size:14px;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;}
.request-section .inner {display:flex;justify-content: center;align-items:center;padding:40px;}
.request-section .inner .form-row {display:flex;}
.request-section .inner .form-row + .form-row {margin-top:15px;}
.request-section .inner .form-row label .form-text {width:520px;height:48px;background:#232323;border:none;padding-left:20px;color:#fff;font-size:14px;}
.request-section .inner .form-row label .form-text::placeholder {color: #ccc;}
.request-section .inner .form-row .textarea {width:520px;height:200px;background:#232323;border:none;padding:20px;color:#fff;font-size:14px;}
.request-section .inner .form-row .textarea::placeholder {color:#ddd;}
.request-section .inner .form-row .join {margin-left:auto;}
.request-section .inner .form-row .btn-login {width:100%;height:48px;background:#1348d5;border:none;font-size:14px;}
.request-section .inner .form-row .btn-home {width:100%;height:48px;background:#333;border:none;font-size:14px;}
.request-section .inner .form-row .checked {display:flex;justify-content: center;align-items:center;}
.request-section .inner .form-row .checked input[type=checkbox] {margin-right:5px;width:16px;height:16px;background:#232323;}
.request-section .inner .form-icon {display:flex;align-items:center;justify-content: center;align-items:center;padding-bottom:40px;}
.request-section .inner .form-warn {text-align:left;line-height:34px;color:#f33;font-size:14px;}


/* 마이페이지 */
.mypage-cont {padding:20px;background:#fff;border-radius:5px;}
.mypage-menu-list {width:100%;font-size:14px;display:flex;}
.mypage-menu-list li {width:160px;background:#eee;display:flex;justify-content: center;align-items: center;height:42px;color:#222;border-radius:5px;}
.mypage-menu-list li.on {background:#333;color:#fff;}
.mypage-menu-list li.on a {color:#fff;}
.mypage-menu-list li + li {margin-left:10px;}
.mypage-menu-list li a {font-size:14px;display:flex;width:100%;justify-content: center;align-items: center;height:100%;}




/* 마이페이지 */
/* .mypage-section {padding:20px;background:#eee;border-radius:5px;color:#fff;margin-top:10px;height:100vh;} */
.mypage-section {padding:20px;background:#232323;border-radius:5px;color:#fff;margin-top:10px;}
.mypage-section h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    padding: 16px 15px;
    border-radius: 5px;
    border-bottom: solid 1px #454545;
    background: #333;
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.4;
}
.mypage-section h3 .btnBack {color:#fff;font-size:20px;width:30px;}
.mypage-section h3 .count {margin-left:auto;color:white;}
.mypage-section > .user-info > .img {text-align:center;padding-top:20px;padding-bottom:10px;width:100%;}
.mypage-section > .user-info > .img .user-img {width:80px;height:80px;border-radius:60px;border:solid 1px #ddd;}
.mypage-section > .user-info > .img .no-img {width:80px;height:80px;border-radius:60px;border:solid 1px #ddd;display:inline-flex;align-items: center;justify-content: center;background:#eee;}
.mypage-section > .user-info > .img .no-img i {font-size:48px;color:#ccc;}
.mypage-section > .user-info > .img .title {font-size:14px;margin-top:10px;color:white;}
.mypage-section > .user-info > .img .logout {color:#a31717;font-size:12px;position:absolute;right:10px;top:10px;}

.mypage-section .desc-info { display: grid;grid-template-columns: repeat(2, 50%);margin-top:10px;}
.mypage-section .desc-info li {display:inline-flex;height:50px;align-items: center;border:solid 1px black;margin-top:-1px;margin-left:-1px;padding-left:10px;font-size:13px;background:#454545;}
.mypage-section .desc-info li.desk {dislay:inline-flex;}
.mypage-section .desc-info li .title {width:60px;display:inline-flex;font-weight:900;color:white;}
.mypage-section .desc-info li .desc {color:#ccc;}
.mypage-section .desc-info li .desc a {background:#333;padding:4px 10px;border-radius:5px;color:white;font-size:12px;}
.mypage-section .desc-info li .desc a i {margin-right:4px;}
.mypage-section .my-list {margin-top:20px;display: grid;grid-template-columns: repeat(2, 50%);grid-gap:10px 5px;}
.mypage-section .my-list li {height:50px;box-sizing:border-box;display:inline-flex;width:calc(100% - 5px);background:#333;border-radius:5px;}
.mypage-section .my-list li a {font-size:14px;color:white;height:100%;align-items: center;padding:14px;display:inline-flex;width:100%;}
.mypage-section .my-list li a .arrow {margin-left:auto;}
.mypage-section .my-list li a .left {margin-right:5px;font-size:14px;}
.mypage-section .h3_title {font-size:16px;font-weight:bold;color:#333;margin-top:20px;display:none;}

.mypage-section .more {width:100px;display:inline-flex;height:30px;
    background: #333;
    color: #fff;
    align-items: center;justify-content: center;border-top:none;font-size:12px;display:none;border-radius:0px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.mypage-section .more i {margin-left:4px;}

.mypage-section .point-list {margin-top:10px;}
.mypage-section .point-list table {width:100%;}
.mypage-section .point-list table tr th  {
    height: 56px;
    border-bottom: solid 1px #bbb;
    color: #fff;
    border-top: solid 2px #eee;
    text-align: center;
    font-size: 13px;
    background: #333;
    white-space:nowrap;
}
.mypage-section .point-list table tr td {
    padding: 15px 10px;
    height: 50px;
    font-size: 13px;
    color: white;
    font-weight: normal;
    background: #232323;
    border-bottom: solid 1px #eee;
    padding: 5px;
    text-align: center;
    white-space:nowrap;
}
.mypage-section .point-list table tr td a.btn-mng {padding:4px 10px;background:#333;color:#fff;border-radius:5px;}
.mypage-section .point-list table tr td a.btn-del {padding:4px 10px;background:#f33;color:#fff;border-radius:5px;margin-left:5px;}


.mypage-section .coupon-list {margin-top:10px;}
.mypage-section .coupon-list table {width:100%;}
.mypage-section .coupon-list table tr th  {
    height: 56px;
    border-bottom: solid 1px #bbb;
    color: #fff;
    border-top: solid 2px #eee;
    text-align: center;
    font-size: 13px;
    background: #333;
}
.mypage-section .coupon-list table tr td {
    padding: 15px 10px;
    height: 50px;
    font-size: 13px;
    color: white;
    font-weight: normal;
    background: #232323;
    border-bottom: solid 1px #eee;
    padding: 5px;
    text-align: center;
}
.mypage-section .coupon-list table tr td a.btn-mng {padding:4px 10px;background:#333;color:#fff;border-radius:5px;}
.mypage-section .coupon-list table tr td a.btn-del {padding:4px 10px;background:#f33;color:#fff;border-radius:5px;margin-left:5px;}

/* 메시지 리스트 */
.mypage-section .tbl {width:100%;}
.mypage-section .tbl th {
    background: #333;
    border: solid 1px #000;
    padding: 8px;
    width: 100px;
    text-align: center;
    font-size: 13px;
    color: white;
}
.mypage-section .tbl .pass {display:none;}
.mypage-section .tbl td {
    background: #333;
    border: solid 1px #000;
    padding: 8px;
    font-size: 13px;
    color: white;
    text-align: left;
}
.mypage-section .tbl td input[type='text']{width:100%;height:35px;border:solid 1px #ddd;padding-left:10px;color:#454545;}
.mypage-section .tbl td input[type='password']{width:100%;height:35px;border:solid 1px #ddd;padding-left:10px;color:#454545;}
.mypage-section .tbl td textarea {width:100%;height:200px;border:solid 1px #ddd;padding:10px;color:#454545;}
.mypage-section .tbl td .btnImage {
        display: flex;
        width: 120px;
        background: #555;
        color: white;
        border-radius: 5px;
        height: 30px;
        align-items: center;
        justify-content: center;
        margin-top: 5px;
}
.mypage-section .tbl td .check {display:flex;align-items: center;}
.mypage-section .tbl td .check input[type='checkbox'] {margin:0px;transform : scale(1.2);margin-right:5px;}
.mypage-section .tbl td .profile img {width:60px;height:60px;display:inline-flex;border:solid 1px #ddd;border-radius:100px; object-fit: cover;}
.mypage-section .btns {padding:20px;padding-top:10px;width:100%;text-align:center;display:flex;align-items: center;justify-content: center;margin-top:15px;}
.mypage-section .btns a {font-size:14px;display:flex;align-items: center;justify-content: center;width:140px;height:45px;border-radius:5px;}
.mypage-section .btns a + a {margin-left:10px;}
.mypage-section .btns a.btnBack {background:#f7f7f7;color:#333;display:flex;align-items: center;justify-content: center;border:solid 1px #e9e9e9;}
.mypage-section .btns a.btnWrite {background:#333;color:#fff;display:flex;align-items: center;justify-content: center;}

/* 공통 정보 */
.div-empty {color:#aaa;}

#video {width:100%;height:100%;}

.genre_list span {padding:2px 8px;background:#222;color:#ccc;border-radius:4px;font-size:14px;}
.genre_list span + span {margin-left:5px;}

.ott_list span img {border-radius:10px;}

/* 타이틀 */
.page-title {border-radius:5px;height:50px;font-size:14px;color:#454545;display:flex;align-items: center;background:#fff;padding:0px 20px;margin-bottom:10px;margin-top:0px;border:solid 1px #eee;box-shadow: 1px 2px 2px #eee;}
.page-title.admin {background:#508D4E;}
.page-title i {font-size:17px;margin-right:8px;}
.page-title span {font-size:14px;margin-left:auto;}
.page-title span strong {color:#121212;margin-right:5px;}
.page-title.admin span strong {color:#333;margin-right:5px;}

.page-tabs {display:flex;margin-top:10px;margin-bottom:10px;}
.page-tabs a {width:33.3333%;align-items: center;justify-content: center;height:40px;background:#ddd;display:inline-flex;color:#888;border-radius:5px;max-width:170px;font-size:13px;}
.page-tabs a + a {margin-left:10px;}
.page-tabs a.active {background:#a31717;color:#fff;}

/* no-data */
.no-data {margin-top:10px;background:rgba(0,0,0,0);width:100%;padding:50px;text-align:center;border-radius:10px;}
.no-data img {width:80%;}
/* border-radius:120px; */
.no-data p {line-height:50px;font-weight:bold;font-size:14px;color:#fff;}

/* banner list */
.site-banner-list {width:100%;display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.site-banner-list li img {width:100%;height:auto;}
.site-banner-list.show-4 {grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;}
.site-banner-list.show-3 {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.site-banner-list.show-1 {grid-template-columns: repeat(1, minmax(0, 1fr));gap: 10px;}

/* tags */
.tags {color:#a31717;text-decoration: underline;}
.tags + .tags {margin-left:10px;}

/* common title */
.h2-title {width:100%;display:flex;background:#151515;padding-left:15px;height:60px;border-radius:5px;}
.h2-title .title {font-size:20px;color:#fff;}
.h2-title .btn-sort {margin-right:10px;}

/* images */
.type-image {width:100%;align-items: center;justify-content: center;text-align:center;}
.type-image li {width:100%;margin-bottom:10px;display:block;}
.type-image li .full-img {width:100%;height:auto;max-width:600px;}

/* 포인트 안내 처리 */
/* .point-section h5 {font-size:18px;font-weight:900;height:50px;display:flex;align-items: center;color:#fff;} */
.point-section h5 {font-size:18px;font-weight:900;height:50px;display:flex;align-items: center;color: white;}
.point-section .cont {padding:20px;background:#232323;color:#fff;font-size:16px;border-radius:5px;line-height:22px;}
.point-section .point-desc{display: flex;flex-direction: column;}

.point-section .cont strong {font-weight:bold;color:#fbd339;}
.point-section .cont .title {font-weight:bold;color:#990c0c;}
.point-section .coupon-list {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:10px;}
.point-section .coupon-list li a {width:100%;background:#333;text-align:center;display:block;padding:10px;border-radius:5px;}
.point-section .coupon-list li a.active {background:#171717;}
.point-section .coupon-list li a .strong {font-size:14px;color:#fff;display:flex;align-items: center;justify-content: center;line-height:30px;font-weight:bold;}
.point-section .coupon-list li a .strong .point {color:#fbd339;}
.point-section .coupon-list li a .small {font-size:14px;color:#aaa;display:flex;align-items: center;justify-content: center;line-height:20px;}
.point-section .btn-buy {margin:0 auto;max-width:400px;margin-top:20px;display:flex;height:55px;align-items: center;justify-content: center;font-size:15px;color:#fff;background:#a31717;border-radius:5px;}
.point-section + .point-section {margin-top:5px;}

.point-section .user-info { margin-top:20px;overflow-x: auto;white-space: nowrap;margin-bottom:10px;background:#0f0f0f;display: flex; border:1px solid #fff;background:#454545;border-radius:5px;border:solid 1px #ddd;}
.point-section > .user-info > .img {text-align:center;padding-top:60px;padding-bottom:10px;width:30%;}
.point-section > .user-info > .img .user-img {width:80px;height:80px;}
.point-section > .user-info > .img .no-img {width:80px;height:80px;border-radius:60px;border:solid 1px #ddd;display:inline-flex;align-items: center;justify-content: center;background:#eee;}
.point-section > .user-info > .img .no-img i {font-size:48px;color:#ccc;}
.point-section > .user-info > .img .title {font-size:14px;margin-top:10px;color:#fff;font-weight:bold;}

/* .point-section .desc-info { display: grid;grid-template-columns: repeat(1, 100%);background:#454545;width:100%;} */
/* .point-section .desc-info { display: grid;background:#454545;width:100%;}
.point-section .desc-info li {  flex-wrap: nowrap; line-height: 1; display:inline-flex;height:50px;align-items: center;border:solid 1px #232323;margin-top:-1px;margin-left:-1px;padding-left:10px;font-size:13px; border:1px solid #fff;flex-wrap: wrap;}
.point-section .desc-info li.desk {display:inline-flex;}
.point-section .desc-info li .title {width:60px;display:inline-flex;;color:#fff;}
.point-section .desc-info li .desc {color:#ccc;}
.point-section .desc-info li .desc a {background:#333;padding:4px 10px;margin-left:10px;border-radius:5px;color:#fff;font-size:12px;}
.point-section .desc-info li .desc a i {margin-right:4px;}
.point-section .desc-info li .point {color:#ccc; background:#171717;}*/

/* .point-section .point-info { display: grid;grid-template-columns: repeat(1, 20% 80%);background:#454545;width:100%;}
.point-section .point-info li { display: inline-grid;justify-items: center;height:50px;align-items: center;font-size:13px; border:1px solid #fff;}
.point-section .point-info li:nth-child(2n) { justify-items: left;padding-left:20px;}
.point-section .point-info li .title {width:100%;color:#fff;}
.point-section .point-info li .point {color:#fff;}
.point-section .point-info li .gold-option {margin: 10px 0 0 0;color:#fff; display: flex;flex-wrap: wrap; justify-content: center;}
.point-section .point-info li .gold-option input {    
     padding: 4px;
    border-radius: 4px;
    border: 3px solid yellow;
    box-shadow: #d3efff 0px 0px 12px 0px;
    background-color: rgb(255, 255, 255); }
.point-section .point-info li .gold-option a { background: #999;padding: 4px 10px;margin-left: 5px;border-radius: 5px;color: #fff;font-size: 12px; line-height: 2;}
.point-section .point-info li .btn-gold-option {gap:10px; margin: 5px 0 10px 0;color:#fff; display: flex;flex-wrap: wrap;}
.point-section .point-info li .btn-gold-option a {background: #999;padding: 4px 10px;border-radius: 5px;color: #fff;font-size: 12px; margin-top:5px; }
.point-section .point-info li .btn-gold-option .point {
    
}  */


.point-nav-section {background: #232323;border-radius: 5px;color: #fff;display: flex; margin-bottom:10px; }
/* .point-nav-section div {margin: 0 10px;color: #fff;font-size: 16px;border-radius: 5px;display: flex;height: 51px;align-items: center;} */
.point-nav-section div.active {color:#fff;}
.point-nav-section div .btnBack {color:#fff;font-size:20px;width:15px; }
.point-nav-section div .count {margin-left:auto;color:#478CCF;}

/* 포인트 안내 처리 */
/* .gold-section h5 {font-size:18px;font-weight:900;height:50px;display:flex;align-items: center;color:#fff;} */

.gold-section h5 {font-size:18px;font-weight:900;height:50px;display:flex;align-items: center;color: #000;}
.gold-section .cont {padding:20px;background:#232323;color:#fff;font-size:16px;border-radius:5px;line-height:22px; flex-direction: column; gap: 20px;}
.gold-section .cont strong {font-weight:bold;color:#fbd339;}
.gold-section .cont .title {font-weight:bold;color:#eee;}
.gold-section .aution-list {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:10px;}
.gold-section .aution-list li a {width:100%;background:#333;text-align:center;display:block;padding:10px;border-radius:5px;}
.gold-section .aution-list li a.active {background:#171717;}
.gold-section .aution-list li a .strong {font-size:14px;color:#fff;display:flex;align-items: center;justify-content: center;line-height:30px;font-weight:bold;}
.gold-section .aution-list li a .strong .point {color:#fbd339;}
.gold-section .aution-list li a .small {font-size:14px;color:#aaa;display:flex;align-items: center;justify-content: center;line-height:20px;}
.gold-section .btn-buy {margin:0 auto;max-width:400px;margin-top:20px;display:flex;height:55px;align-items: center;justify-content: center;font-size:15px;color:#fff;background:#a31717;border-radius:5px;}
.gold-section + .gold-section {margin-top:20px;}

.gold-section .user-info { margin-top:20px;overflow-x: auto;white-space: nowrap;margin-bottom:10px;background:#0f0f0f;display: flex; border:1px solid #fff;background:#454545;border-radius:5px;border:solid 1px #ddd;}
.gold-section > .user-info > .img {text-align:center;padding-top:20px;padding-bottom:10px;width:30%;}
.gold-section > .user-info > .img .user-img {width:80px;height:80px;}
.gold-section > .user-info > .img .no-img {width:80px;height:80px;border-radius:60px;border:solid 1px #ddd;display:inline-flex;align-items: center;justify-content: center;background:#eee;}
.gold-section > .user-info > .img .no-img i {font-size:48px;color:#ccc;}
.gold-section > .user-info > .img .title {font-size:14px;margin-top:10px;color:#fff;font-weight:bold;}

.gold-section .desc-info { display: grid;grid-template-columns: repeat(1, 100%);background:#454545;width:100%;}
.gold-section .desc-info li {display:inline-flex;height:50px;align-items: center;border:solid 1px #232323;margin-top:-1px;margin-left:-1px;padding-left:10px;font-size:13px; border:1px solid #fff;}
.gold-section .desc-info li.desk {display:inline-flex;}
.gold-section .desc-info li .title {width:60px;display:inline-flex;font-weight:900;color:#fff;}
.gold-section .desc-info li .desc {color:#ccc;}
.gold-section .desc-info li .desc a {background:#333;padding:4px 10px;margin-left:10px;border-radius:5px;color:#fff;font-size:12px;}
.gold-section .desc-info li .desc a i {margin-right:4px;}
.gold-section .desc-info li .point {color:#ccc; background:#171717;}

.gold-section .gold-info { display: grid;grid-template-columns: repeat(1, 20% 80%);background:#454545;width:100%;}
.gold-section .gold-info li { display: inline-grid;justify-items: center;height:50px;align-items: center;font-size:13px; border:1px solid #fff;}
.gold-section .gold-info li:nth-child(2n) { justify-items: left;padding-left:20px;}
.gold-section .gold-info li .title {width:100px;font-weight:900;color:#fff;}
.gold-section .gold-info li .point {color:#fff;}
.gold-section .gold-info li .gold-option {margin: 10px 0 0 0;color:#fff; display: flex;}
.gold-section .gold-info li .gold-option input { width:120px;margin-right:20px;border-radius: 5px; }
.gold-section .gold-info li .gold-option a { background: #999;padding: 4px 10px;margin-left: 5px;border-radius: 5px;color: #fff;font-size: 12px; }
.gold-section .gold-info li .btn-gold-option { margin: 5px 0 0 0;color:#fff; display: flex;}
.gold-section .gold-info li .btn-gold-option a {width:300px; background: #999;padding: 4px 10px;margin-left: 10px;border-radius: 5px;color: #fff;font-size: 12px; }

.gold-nav-section {background: #232323;border-radius: 5px;color: #fff;display: flex;}
.gold-nav-section div {margin: 0 10px;color: #fff;font-size: 16px;padding: 16px 15px;border-radius: 5px;display: flex;height: 51px;align-items: center;}
.gold-nav-section div.active {background: #d9d9d9;color:#000;}
.gold-nav-section div .btnBack {color:#fff;font-size:20px;width:30px;}
.gold-nav-section div .count {margin-left:auto;color:#478CCF;}

@media screen and (max-width:1150px) {
    #header .inner .menu-end a.btn-point .point-bubble {display:none; margin-top:4px;}
	#contents {padding:10px;background:#fff; width:90%;}
	#header {padding-left:10px;}

    #contents > .left {display:none;}
    #contents > .right {margin-left:0px;margin-top:7px;}

    .main-top-index .best-search {display:none;}


    .main-top-index { display: block;}
    body {overflow-x: hidden;}
	body::-webkit-scrollbar {width:1px;background-color:rgba(255,255,255,0.5);}
	body::-webkit-scrollbar-thumb { background-color:#a31717;}
    .board-t-section {width:100%;}

	#contents {padding:10px;}
	#contents .main-section h2{line-height:50px;font-size:20px;font-weight:bold;}
	#contents .banners .banner { flex-grow: 1;width:50%;padding:0.2em;box-sizing:border-box;}
    #contents .banners.banner-pc {display:none;}
    #contents .banners.banner-mobile {display:flex;}

    .main-contents {padding:0px;}
    .main-contents .search {background:#eee;padding:20px;border-radius:5px;font-size:12px;}
    .main-contents .addr-list .cont {display:grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 5px 5px;margin-top:5px;}
    .main-contents .addr-list .cont li a {text-align:center;background:#bbb;height:34px;display:flex;align-items: center;justify-content: center;color:#222;border-radius:5px;}
    .main-contents .addr-list .cont li a.on {background:#171717;color:#fff;}
    .main-contents .addr-list .sub-category {padding:10px;display:grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 5px 5px;margin-top:10px;background:#ddd;}
    .main-contents .addr-list .sub-category li {text-align:center;display:flex;align-items: center;justify-content: center;background:#ccc;height:30px;font-size:12px;border-radius:5px;}
    .main-contents .addr-list .sub-category li a {width:100%;height:100%;border-radius:5px;display: flex;align-items: center;justify-content: center;border-radius:5px;}
    .main-contents .addr-list .sub-category li a.on {background:#171717;color:#fff;}
    .main-contents .addr-list .sub-category.hidden {display:none;}

    .main-contents .op-list {margin-top:20px;}
    .main-contents .op-list .cont {display:grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 5px 5px;margin-top:10px;}
    .main-contents .op-list .cont li a {text-align:center;background:#bbb;height:34px;display:flex;align-items: center;justify-content: center;color:#222;border-radius:5px;}
    .main-contents .op-list .cont li a.on {background:#333;color:#fff;}

    .main-contents .table-list {margin-top:20px;}
    .main-contents .table-list .cont {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px 10px;margin-top:10px;}
    .main-contents .table-list .cont li a {text-align:center;background:#bbb;height:34px;display:flex;align-items: center;justify-content: center;color:#222;border-radius:5px;}
    .main-contents .table-list .cont li a.on {background:#333;color:#fff;}

	/* 푸터 */
	#footer_wrap .footer {
        align-items: center;
        /* padding: 20px; */
        /* padding: 30px 20px 20px 20px; */
        font-size: 12px;
        display: flex;
        flex-direction: column;}
    #footer_wrap .footer ul {justify-content: center;}
	#footer_wrap .footer ul li a {font-size:13px; white-space: nowrap;}
    #footer_wrap .notices .inner a {padding-left:10px;}
}


/* 헤더 반응형 처리 : 960 */
@media screen and (max-width:680px) {


    #footer_wrap{margin-bottom:64px;}
    .main-top-index { display: block;}
    body {overflow-x: hidden;}
	body::-webkit-scrollbar {width:1px;background-color:rgba(255,255,255,0.5);}
	body::-webkit-scrollbar-thumb { background-color:#a31717;}
    .board-t-section {width:100%;}
   
    .board-s-section .recent-items .list {
        padding:1px 0;
    }
    .board-t-section .tab-all li:nth-child(n+4) a {
        display: none;
     }
     .board-t-section .tab-day li:nth-child(n+4) a {
        display: none;
     }
     .board-t-section .tab-week li:nth-child(n+4) a {
        display: none;
     }
    #contents {margin-top:0px !important;padding:0px; }
    #contents > .right {margin-top:0px;}
    #contents {padding:0px 10px 10px 10px;}
	#contents .main-section h2{line-height:50px;font-size:13px;font-weight:bold;}
	#contents .banners .banner { flex-grow: 1;width:50%;padding:0.2em;box-sizing:border-box;}
    #contents .banners.banner-pc {display:none;}
    #contents .banners.banner-mobile {display:flex;}
    .wrap-detail {padding:10px;}
    #header {display:none;}
    #header_mobile {display:flex;}
    #header span {font-size:20px;font-weight:bold;color:#fff;}
    .top-line {display:none;}
    .menu-list {display:none;}
    #footer_mobile {display:block;}

    .page-title {height:50px;}
    .page-title .result-text{max-width:240px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}


    .comments .comment-write .profile {
        margin-top:-40px;
    }
    .menu-list .inner .top-categories .carousel-items {
        
    }
	#side {left:-220px;height:calc(100vh - 56px);margin:56px 0 0 0;}
	#side.active {left:0;overflow-y: auto;}

	/* 경고 메시지 */
	.warn-message {display:block; position: relative;top: 60px;}
	.warn-message-mobile {display:block;}

	/* .메인 슬라이더 */
	.swiper-slide .title {font-size:12px;line-height:30px;}

	/* 아이템 */
	.item-list .items {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
    #wrap.sort-one .item-list .items {grid-template-columns: repeat(1, minmax(0, 1fr));gap: 10px;}
	.item-list .items .item .title {font-size:14px;}

    /* 리트스 아이템 */
    .swiper-slide .img img {border-radius:5px;aspect-ratio: 5 / 3.3;}
    .swiper-slide .category {font-size:12px;}
    .swiper-slide .fav {font-size:12px;}
    .item-list .items .item .category {font-size:11px;}
    .item-list .items .item .fav {font-size:12px;}

	/* ott 리스트 */
	.ott_list {margin-bottom:10px;margin-bottom:10px;background:#0f0f0f;padding-left:0px;padding-right:0px;}
	.ott_list .item a {display:inline;}
	.ott_list .item a img {border-radius:10px;width:55px;}
	.ott_list .item + .item {margin-left:10px;}
	.ott_list .left-icon {display:none;}
	.ott_list .right-icon {display:none;}

    /* 탑 카테고리 */
    .top-categories {overflow-x: auto;white-space: nowrap;margin-bottom:0px;display:flex;}
    .top-categories::-webkit-scrollbar {width:0px;background-color:rgba(50,50,50,0.1);display:none;}
    /* .top-categories .carousel-items .item {} */
    .top-categories .carousel-items {display: flex; justify-content: center; font-size:12px;margin:0px; background-color: #141414;  border-top:1px solid grey; padding-bottom: 4px;}
    .top-categories .carousel-items .item {background-color: #141414; margin-top: 85px; display: inline-block;margin-right:10px;padding:0px 4px;cursor: pointer; height:40px;font-size:12px;border-radius:3px;display:inline-flex;align-items: center;justify-content: center;}
    .top-categories .carousel-items .item a {color:white;font-size:13px;}

	.top-categories .coupoun-items {display: inline-block;font-size:20px;}
	.top-categories .coupoun-items .item { width:80px; display: inline-block;margin-right:2px;padding:0px 12px;cursor: pointer;background:#333;height:35px;font-size:12px;border-radius:3px;display:inline-flex;align-items: center;justify-content: center;}
	.top-categories .coupoun-items .item a {font-size:12px;}
    .top-categories .coupoun-items .item.active {
        background: #3498db;  /* 활성화된 항목에 파란색 배경 */
        color: white;         /* 텍스트 색상은 흰색 */
        font-weight: bold;    /* 텍스트를 굵게 */
        opacity: 1;           /* 활성화된 항목의 투명도 1로 설정 */
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  /* 활성화된 항목에 그림자 효과 */
    }

    .top-search {display:block;}

	/* 상세화면 */
	.wrap-detail .empty-video-container {height:240px;}
	.wrap-detail .item-thumbnail .thumbnail-list {display:grid;grid-template-columns: repeat(1, 1fr);gap: 10px;}
	.wrap-detail .item-cast .cast-list {margin-top:20px;overflow-x: auto;white-space: nowrap;margin-bottom:10px;display: grid;grid-gap: 10px;overflow-x: scroll;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));grid-auto-flow: column;grid-auto-columns: minmax(100px,1fr);overflow-x: auto;}
	.wrap-detail .item-cast .cast-list .item .right {display:block;}
	.wrap-detail .item-cast .cast-list .item .bottom .title {font-size:12px;font-weight:bold;margin-top:5px;}
	.wrap-detail .item-cast .cast-list .item .bottom .contents {margin-top:10px;color:#aaa;font-size:11px;}
	.wrap-detail .item-cast .cast-list .item .top img {width:200px;border-radius:8px;}
	.wrap-detail .item-title {display:block;}
	.wrap-detail .item-title .right {margin-top:20px;display:flex;justify-content: center;padding-top:24px;border-top:solid 1px #333;}
	.wrap-detail .item-title .right a {color:#bbb;font-size:13px;align-items:center;display:inline-flex;}
	.wrap-detail .item-title .right a + a {margin-left:14px;}
	.wrap-detail .item-title .right a i {font-size:22px;margin-right:5px;}
	.wrap-detail .play-container {min-height:140px;}
	.wrap-detail .item-thumbnail .thumbnail-list .item .img img {width:140px;}
	.wrap-detail .item-thumbnail .thumbnail-list .item .right {}
	.wrap-detail .item-thumbnail .thumbnail-list .item .right .title {font-size:13px;font-weight:normal;margin-top:0px;}
	.wrap-detail .item-thumbnail .thumbnail-list .item .right .contents {margin-top:5px;}

    .notice-section .board-list {margin-top:10px;}
    .notice-section .board-list table {width:100%;}
    .notice-section .board-list table tr th {height:50px;font-size:12px;}
    .notice-section .board-list table tr td {height:40px;font-size:11px;}


    /* 알럿 */
	.alert-container .inner {margin-left:20px;margin-right:20px;}
	.alert-container .inner .message {min-height:120px;}
	.confirm-container .inner {margin-left:20px;margin-right:20px;}
	.confirm-container .inner .message {min-height:120px;}


	.search-result {font-size:16px;}

	#share-container .inner {margin-left:20px;margin-right:20px;}
	#report-container .inner {margin-left:20px;margin-right:20px;}
	#review-container .inner {margin-left:20px;margin-right:20px;}

    .item-list .items .item .img img {max-height:150px;}

	.item-list .mypage .item-list .img {position:relative;display:block;}
	.item-list .mypage .item-line .img img {border-radius:5px;aspect-ratio: 5 / 3.3;}
	.item-list .mypage .item-line .right .center {font-size:13px;color:#bbb;}
	.item-list .mypage .item-line .right .center div + div {margin-top:10px;}
	.item-list .mypage .item-line .right .center .title {font-size:16px;width:100%;font-weight:normal;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;color:#fff;margin-bottom:10px;}
	.item-list .mypage .item-line .right .center .title .num {color:#f33;}
	.item-list .mypage .item-line .right .center .category {font-size:13px;width:100%;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;color:#bbb;}
	.item-list .mypage .item-line .right .center .func a + a {margin-left:10px;}
	.item-list .mypage .item-line .right .center .func a:hover {color:#fff;}

    .button-wrap {font-size:14px;text-align:right;display:flex;margin-bottom:10px;}
    .button-wrap .btnAllDelete {color:#ddd;font-size:13px;height:45px;width:140px;border:solid 1px #ddd;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-left:auto;}

	.request-section .inner {width:100%;}
	.request-section .inner form {width:100%;}
	.request-section .inner .form-row label {width:100%;}
	.request-section .inner .form-row label .form-text {width:100%;}
	.request-section .inner .form-row .textarea {width:100%;}

    .genre_list span {padding:2px 8px;background:#222;color:#ccc;border-radius:4px;font-size:11px;padding-bottom:4px;}
    .genre_list span + span {margin-left:5px;}

    /* no-data */
	.no-data {margin-top:10px;background:rgba(0,0,0,0);width:100%;padding:30px;text-align:center;border-radius:10px;}
	.no-data img {width:120px;}
    /* border-radius:120px; */
	.no-data p {color:#333;line-height:50px;font-weight:bold;font-size:16px;color:#fff;}

    #footer_wrap .notices .inner a {margin-left:10px;}

    /* .board-list .desktop  {display:none;} */
    .board-list .mobile  {display:block;}

    /* 실시간 이슈 */
    .mobile_btn {display:flex;margin-bottom:10px;}
    .mobile_btn .btn-write {margin-left:auto;}
    .mobile_btn .btn-write {margin-left:auto;background:#478CCF;color:#fff;height:32px;display:flex;align-items: center;justify-content: center;width:80px;border-radius:5px;}

    /* .main-contents .search-list .cont .btn-write {display:none;} */
    

   
    .main-contents .search-list .cont {margin-top:10px;display:flex;}
    .main-contents .search-list .cont .form-search {width:100%;}
    .main-contents .search-list .cont .btn-ser {width:120px;}


    /* 게시판 속성변경 */
    .board-section h3 { font-size:13px;height:30px;}
    .table-list {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px 10px;margin-top:20px;}
    .table-list .group h4 {font-size:12px;}

    .wrap-detail .board .title {font-size:22px; }
    .wrap-detail .board .title a {font-size:12px;width:80px;}
    .wrap-detail .board .subject h4 {font-size:16px;}
    .wrap-detail .board .subject .info {font-size:12px;}
    
    .wrap-detail .board .nav span {font-size:12px;}
    .wrap-detail .board .nav a {font-size:12px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100% - 100px);}

    .wrap-detail .board-form .form .input .th {display:none;}

    .board-title .btn-write {
        /* position:absolute;right:0px;top:0px; display:block;margin-left:auto;background:#f7f7f7;color:#333;border:solid 1px #e9e9e9;height:38px;display:flex;align-items: center;justify-content: center;width:90px;border-radius:5px;font-size:13px; */
    }

    .board-list {border-top:none;}
    .board-tabs {overflow-x: auto;white-space: nowrap;width:100%;display:block;width:100%;overflow-x:auto;border:none;margin-top:15px;font-size:0px;}
    .board-tabs::-webkit-scrollbar {width:0px;background-color:rgba(50,50,50,0.1);display:none;}
    .board-tabs dd {
        margin-left:0px;margin-top:0px;display: inline-block;margin-right:2px;padding:0px 12px;cursor: pointer;
        /* background:#f9f9f9; */
        height:35px;font-size:12px;border-radius:3px;display:inline-flex;align-items: center;justify-content: center;
    }
    .board-tabs dd + dd {margin-left:3px;}
    .board-tabs dd a {color:#979797;font-size:12px;margin:0px;}

    .wrap-detail .board .desc {font-size:14px;}

    .comments .comment-write .editor {display:block;}
    .comments .comment-write .editor textarea {width:100%;}
    .comments .comment-write .editor .btn-cmt {margin-left:0px;margin-top:5px;width:100%;height:40px;}
    .comments .comment-list .item .item-reply .editor {display:block;}
    .comments .comment-list .item .item-reply .editor textarea {}
    .comments .comment-list .item .item-reply .editor .btn-cmt {margin-left:0px;height:40px;width:100%;margin-top:3px;}

    .wrap-detail .board-form .form .input .td select {max-width:100%;}

    /* 마이페이지 */
    .mypage-section {padding:10px;margin-top:20px;}
    .mypage-section .more {display:inline-flex;}
    .mypage-section .desc-info li.desk {display:none;}
    .mypage-section .tbl th {font-size:12px;width:90px;}
    .mypage-section .point-list {margin-top:10px;}
    .mypage-section .point-list table {width:100%;}
    .mypage-section .point-list table tr th.desktop {display:none;}
    .mypage-section .point-list table tr td.desktop {display:none;}
    .mypage-section .point-list table tr td {font-size:12px;}
    .mypage-section .result-filter {margin-bottom:20px;display:flex;margin-top:20px;position:relative;}
    .mypage-section .result-filter .search-result {font-size:14px;}
    .mypage-section .desc-info { display: grid;grid-template-columns: repeat(1, 100%);}
    .mypage-section .my-list {grid-template-columns: repeat(1, 100%);grid-gap:10px 0px;}
    .mypage-section .my-list li {width:100%;}
    .mypage-section h3 .count {font-size:14px;}

    /* 게시판 모바일 */
    .best-info {border:none;box-shadow: none;border-radius:0px;padding:10px;}
    .board-cont {padding:2px;border:none;box-shadow: none;border-radius:0px;}
    .best-info > .board-cont {padding:0px;}
    .wrap-detail {border:none;box-shadow: none;border-radius:0px; padding-bottom:80px;}
    .mypage-cont {padding:10px;border-radius:0px;background:#fff;}

    /* 포인트 안내 처리 */
    .point-section h5 {font-size:16px;}
    .point-section .cont {font-size:14px;}
    .point-section .btn-buy {width:100%;max-width:100%;}
    /* .point-section .point-info li .gold-option input {
        width: 60px;
    } */
    .point-section .point-info li .title { font-size:10px;}
    #user-container {align-items:center;}
    #user-container .inner {width:100%;max-width:680px;margin-left:0px;left:auto;position:relative;}
    #user-container .inner .function a {font-size:12px;height:40px;}
    #user-container .inner .function a + a {margin-left:5px;}

    /* 검색 처리 */
    .videos-filter {display:block;}
    .videos-filter .select-wrap {width:100%;right:auto;}
    .videos-filter .search-result {padding-bottom:15px;}
    .videos-filter .input {margin-bottom:10px;width:100%;max-width:100%;}

    .comments .comment-write .profile { align-items: center;justify-content: center;text-align: center;padding-top: 50px;}
    .wrap-detail .functoin2 {margin-left: auto;display: flex;align-items: center;padding: 2px; }
    .wrap-detail .functoin2 div {color: #333;font-size: 13px;align-items: center;text-align: center;width: 100%;cursor: pointer; display: block;}


    /* .mypage-section .point-list table tr td .content {
        margin-left: 10px;
        width: 290px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    } */
}

/* 헤더 반응형 처리 :500 */
@media screen and (max-width:500px) {
   
    .board-t-section .tab-all li:nth-child(n+3) a {
        display: none;
     }
     .board-t-section .tab-day li:nth-child(n+3) a {
        display: none;
     }
     .board-t-section .tab-week li:nth-child(n+3) a {
        display: none;
     }
    /* 검색창 */
    #search-container {align-items:normal;}
    #search-container .inner {width:100%;max-width:500px;margin-left:0px;left:auto;top:auto;position:relative;}

    #char-container {padding:10px;align-items:normal;}
    #char-container .inner {width:100%;max-width:500px;margin-left:0px;left:auto;top:auto;position:relative;}
    #char-container .inner .char-list { grid-template-columns: repeat(4, 25%);color:#fff; }

}

@media screen and (min-width:680px) {
	.warn-message {display:block;}
	.warn-message-mobile {display:none;}

    #contents #banners.banner-pc {display:flex;}
    #contents #banners.banner-mobile {display:none;}

}

/* 전체삭제 */
.mypage-section .functoin {margin-left:auto;display:flex;align-items:center;justify-content:right;margin-top:20px;}
.mypage-section .functoin div {background:#333;color:#bbb;font-size:13px;align-items:center;display:inline-block;text-align:center;cursor:pointer;border-radius:3px;padding: 3px 5px 5px 5px;}
.mypage-section .functoin div + div {margin-left:14px;}
.mypage-section .functoin div .text {display:block;width:100%;margin-top:4px;}
.mypage-section .functoin div i {font-size:22px;margin-right:5px;display:block;width:100%;}
.mypage-section .functoin div span {margin-left:2px;}
.mypage-section .functoin div.active i {color:#f33;}
.mypage-section .functoin a {background:#333;color:#bbb;font-size:13px;align-items:center;display:inline-block;text-align:center;cursor:pointer;border-radius:3px;padding: 3px 5px 5px 5px;}


@media (max-width: 1150px) {
    .board-t-section .recent-items .list .list-items .list-title {
        width: 700px; /* 태블릿 크기에서 너비 조정 */
    }
}


@media (min-width: 360px) and (max-width: 500px){
    .board-t-section .recent-items .list .list-items .list-title {
        width: 280px; /* 태블릿 크기에서 너비 조정 */
    }
    
    

    #header_mobile .mobile-nav {
        /* width:70%; */
    }
}


@media (min-width: 680px) and (max-width: 1150px){
    .board-t-section .recent-items .list .list-items .list-title {
        width: 500px; /* 태블릿 크기에서 너비 조정 */
    }
}


@media (min-width: 800px) and (max-width: 1150px){
    .board-t-section .recent-items .list .list-items .list-title {
        width: 600px; /* 태블릿 크기에서 너비 조정 */
    }
}
@media (min-width: 500px) and (max-width: 680px) {
    .board-t-section .recent-items .list .list-items .list-title {
        width: 380px; /* 태블릿 크기에서 너비 조정 */
    }
}

@media (max-width: 400px) { 
    .main-contents .form-search {
        width: 150px;
    }

    #contents {
        padding:0px;
    }
    /* .main-top-index .container {
        padding:6px;
    } */

    
    #header_mobile .mobile-nav {
        width:70%;
    }
   
}

@media screen and (max-width:360px) {
    .mypage-section h3 {
        font-size: 12px;
    }

    .mypage-section .point-list table tr th {
        font-size: 10px;
    }
 }




/* .vote-do { width: 100%;display: flex; align-items: center;justify-content: center;padding: 8px;border: 1px solid #ddd;border-radius: 5px;margin-top: 5px;cursor: pointer;text-align: center;background: #7cc4ff;color: #ffffff;border: 1px solid #3fa8ff; } */
/* .vote-result { width: 100%;display: flex; align-items: center;justify-content: center;padding: 8px;border-radius: 5px;margin-top: 5px;cursor: pointer;text-align: center;background: #7cc4ff;color: #ffffff; } */

@media screen and (max-width: 460px) {
    #header_mobile .mobile-nav {
        width: 70%;
    }
}

@media screen and (max-width:700px) { 
    #header_mobile a.logo img {width:35%; padding:10px;}
}
@media screen and (max-width: 500px) {
    #header_mobile a.logo img {width:50%; padding:10px;}
}

@media screen and (max-width: 360px) {
    #header_mobile a.logo img {width:55%; padding:10px;}
}