@font-face {
    font-family: 'JoseonGulim';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
		font-family: 'Pretendard';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
		font-weight: 100;
		font-display: swap;
}
body {
	font-family: 'Pretendard', sans-serif;
	background: #000;
	color: #fff;
}
.row {
    margin-right: 2px;
    margin-left: 2px;
}
 
ul li{list-style:none;padding:0;margin:0;}

a{color:#dddada;padding:0px;}
a:hover, a:focus, a:active, a.active {
   text-decoration: none;
   color:#fff;
}

/* 웹 접근성을 유지하며 시각적으로만 숨기는 CSS */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.topmenu2 li.right_login a.login{color:#eee;padding: 10px;font-size: 13px;line-height: 1.3333333;border:0px solid;}

.scroll-container{
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;	
	padding-right: 0px;	
	box-sizing: border-box;
}
.scroll-container::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0px; /* 가짜 마진 */
	width: 100%;
	background-color: #fff;
	pointer-events: none;
}
.scroll-container::-webkit-scrollbar {
	height: 3px;
}
.scroll-container::-webkit-scrollbar-track {
	background-color: #ccc; /* 스크롤 트랙 색상 */
	padding-left:10px;
}
.scroll-container::-webkit-scrollbar-thumb {
	background-color: #787878; /* 스크롤바 색상 */
	border-radius: 0px;
}
.topmenu {margin-bottom:20px;}
.topmenu li{float:left;margin-right:8px;}
.topmenu li a.btn{padding:13px 26px;border-radius: 40px;margin-bottom:3px;font-size: 16px;}
.topmenu li a.on{color: #333;background-color: #e6e6e6;border-color: #adadad;}
.topmenu2 {margin-bottom:20px;margin-top:30px;}
.topmenu2 li{float:left;margin-right:3px;list-style: none;}
.topmenu2 li a.btn{padding:8px 8px;border-radius: 7px;margin-bottom:3px;font-size: 13px;background: #4c4c4c;color: #fff;border: 1px solid #4c4c4c;font-weight: 500;}
.topmenu2 li a.on{color: #333;background-color: #e6e6e6;border-color: #adadad;}
.logo_box{border-bottom: 1px solid #E4E4E4;line-height: 60px;height: 60px;}
span.logo{padding-left: 10px;position: relative;top: -10px;}
span.logo img{height:45px}
span.logo_txt {padding-left: 10px;position: relative;top: -0px;font-size:16px;color:#787878;letter-spacing: -0.8px;}
.logo_txt2 {display:block;font-size:13px;color:#fff;line-height: 25px;font-weight: 600;}
.logo_txt3 {font-size:13px;color:#787878;line-height: 35px;}
#section1{margin-top: 10px;}
li.numbering{		
	flex: 0 0 auto;
	width:220px;
	height:190px;
	background-position: -20px 50px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;	
	margin-right:20px;
	border:0px solid #ccc;
	background-size: 62%;
}
li.numbering:last-child{margin-right:0px;}
li.list_item{		
	list-style: none;
	float:left;
	width:100%;
	height:auto;					
	margin-right:10px;
	border:0px solid #ccc;
	margin-bottom: 40px;
}
li.list_item img{max-width:100%;}
.sort_title{padding:30px 0px 10px 0px;color:#787878;font-size:20px;border-top: 1px solid #ccc;}
.sort_more{display:inline;margin:0px 0px 0px 0px;color:#787878;font-size:14px;line-height:30px;font-weight:bold;float: right;}
.banner3{display:none;}
.right_login{display:none;}
#review_left {display:none;}
#logo_review{display:inline-block;}
div.ltitle{width:100%;font-size:15px;color:#fff;letter-spacing: -0.0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;padding-top:10px;}
div.nstr2{width:100%;font-size:15px;color:#666;font-weight: 400;letter-spacing: -0.0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;padding-top:5px;}
div.lname{font-size:13px;color:#c8c5c5;font-weight: 400;letter-spacing: -0.0px;padding-top:5px;font-weight: 500;}
.search-box {
	border: 1px solid #ccc;
	border-radius: 25px;
	padding: 2px; 
	display: inline-block;
	width: 100%;
	margin-top:20px;
	background: #eee;
}
.input-container {  position: relative; text-align: center;}
.input-container input {
  width: 94%;
  padding: 5px 40px 5px 10px;
  box-sizing: border-box;
	border:none;
	font-size: 14px;
	background: #eee;
	color: #000;
}
.input-container i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
	font-size: 14px;
}
.naver-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 25px 70px;
  border-radius: 20px; /* 모서리 둥글게 */
  /*background-color: #03c75a;*/
		background-color: #fff;      
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #ccc;
  transition: background 0.2s;			
}

.naver-login-btn:hover {
  background-color: #fff;
}

.naver-login-btn img {
  width: 35px;
  height: 35px;
}
span.logo_view img{height:30px;}
.view_title{font-size:16px; color:#fff;line-height:30px;border:0px solid #E4E4E4;padding:10px;padding-left:0px;word-break: keep-all;}
.view_box table td{padding:2px;border:1px solid #E4E4E4;background:#eee;color:#333;font-size:14px;}
br.mobile{display:block;}
@media(min-width:768px) {
	br.mobile{display:none;}
	.view_box table td{padding:10px;border:1px solid #E4E4E4;background:#eee;color:#333;font-size:16px;}
	span.logo_view img{height:auto}
	.view_title{font-size:24px; color:#fff;line-height:40px;border:0px solid #E4E4E4;padding:10px;padding-left:30px;}
	.naver-login-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 50px;
      padding: 25px 70px;
      border-radius: 20px; /* 모서리 둥글게 */
      /*background-color: #03c75a;*/
			background-color: #fff;      
      font-size: 25px;
      font-weight: bold;
      text-decoration: none;
      cursor: pointer;
      border: 1px solid #ccc;
      transition: background 0.2s;			
    }

    .naver-login-btn:hover {
      background-color: #fff;
    }

    .naver-login-btn img {
      width: 50px;
      height: 50px;
    }
	.search-box {
		border: 1px solid #ccc;
		border-radius: 25px;
		padding: 2px; 
		display: inline-block;
		width: 100%;
		margin-top:0px;
		background: #eee;
	}
	.input-container {  position: relative; text-align: center;}
	.input-container input {
		width: 85%;
		padding: 10px 40px 10px 10px;
		box-sizing: border-box;
		border:none;
		font-size: 16px;
		background: #eee;
		color: #000;
	}
	.input-container i {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		color: #333;
		font-size: 20px;
	}
	#review_left {display:block;}
	#review_left ul{padding:0px;margin:0;}
	#logo_review{display:none;}
	.banner3{display:block;}
	.topmenu2 li.right_login{display: inline-block;float:right;margin-top: 11px;margin-right: 0px;}
	.topmenu2 li.right_login a.login{color:#fff;padding: 10px;font-size: 18px;line-height: 1.3333333;border:0px solid;}
	.banner3{	
		margin-top:0px;	height: 250px;	
		text-align: center;
		color: #fff;
		background-attachment: scroll;    
		background-image: url(/review/banner3.png);
		background-position: center center;
		background-repeat: none;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;	
	}
	.topmenu {margin-bottom:30px;}
	.topmenu li{float:left;margin-right:15px;}
	.topmenu li a.btn{padding:20px 40px;border-radius: 40px;margin-bottom:3px;font-size: 18px;}
	.topmenu li a.on{color: #333;background-color: #e6e6e6;border-color: #adadad;}
	.topmenu2 {margin-bottom:30px;}
	.topmenu2 li{float:left;margin-right:10px;}
	.topmenu2 li a.btn{padding:10px 30px;border-radius: 7px;margin-bottom:3px;font-size: 18px;background: #4c4c4c;color: #fff;border: 1px solid #4c4c4c;font-weight: 500;}
	.topmenu2 li a.on{color: #333;background-color: #e6e6e6;border-color: #adadad;}
	.logo_box{border-bottom: 1px solid #E4E4E4;line-height: 90px;height: 90px;}
	span.logo{padding-left: 10px;position: relative;top: -24px;}
	span.logo img{height:auto;}
	span.logo_txt {padding-left: 30px;position: relative;top: 7px;font-size:30px;color:#787878;letter-spacing: -0px;font-weight: 600;}
	.logo_txt2 {font-size:21px;color:#fff;line-height: 42px;font-weight: 500;}
	.logo_txt3 {display:none;}
	#section1{margin-top: 50px;}
	li.numbering{		
		float:left;
		width:220px;
		height:190px;
		background-position: -20px 50px;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;	
		margin-right:20px;
		border:0px solid #ccc;
		background-size: 62%;
	}
	li.numbering:last-child{margin-right:0px;}
	li.numbering div.ntitle{width:145px;font-size:14px;color:#000;letter-spacing: -0.6px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
	li.numbering div.nname{font-size:12px;color:#b1aeae;font-weight: 400;letter-spacing: -0px;}
	li.list_item{		
		float:left;
		width:295px;
		height:285px;					
		margin-right:20px;
		border:0px solid #ccc;
		margin-bottom: 15px;
	}		
	li.list_item:nth-child(3n) {margin-right:0px !important;border:0px solid #ccc;}
				
	li.list_item2{		
		float:left;
		width:190px;
		height:460px;					
		margin-right:10px;
		border:0px solid #ccc;
	}
	li.list_item2:first-child{margin-left:5px;}
	li.list_item2:last-child{margin-right:0px;}

	li.list_item_sub{		
		float:left;
		width:210px;
		height:275px;					
		margin-right:26px;
		border:0px solid #ccc;
	}
	li.list_item_sub:nth(5){margin-right:0px;}
	li.list_item2_sub{		
		float:left;
		width:220px;
		height:480px;					
		margin-right:25px;
		border:0px solid #ccc;
	}
	li.list_item2_sub:nth(5){margin-right:0px;}
	

	div.ltitle{width:100%;font-size:15px;color:#fff;font-weight: 600;letter-spacing: -0.0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;padding-top:10px;}
	div.nstr2{width:100%;font-size:15px;color:#666;font-weight: 500;letter-spacing: -0.0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;padding-top:5px;}
	div.lname{font-size:14px;color:#c2c2c2;font-weight: 600;letter-spacing: -0.0px;padding-top:5px;}

	.sort_title{padding:40px 0px 20px 0px;color:#787878;font-size:34px;border-top: 0px solid #ccc;}
	.sort_more{display:inline;margin:0px 0px 0px 0px;color:#787878;font-size:18px;line-height:50px;font-weight:bold;float: right;}
}			

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	border: 1px solid #ccc;
	background: #eee;
	color: #666;
}