﻿
#subWrap { position:relative; }
#subWrap #sv { position:relative; height:270px; overflow:hidden; }
#subWrap #sv .bg { position:absolute; left:0; top:0; width:100%; height:100%; }
#subWrap #sv .inner { padding-top:40px; }
#subWrap #sv .location { padding:2px 0 2px 29px; background:url(/img/sub/home_icon.png) left center no-repeat;} 
#subWrap #sv .location span { position:relative; display:inline167490-block; padding:3px 0 2px 16px; margin-right:6px; font-size:16px; font-weight:400; color:rgba(255,255,255,0.4); }
#subWrap #sv .location strong { position:relative; display:inline-block; padding:3px 0 2px 16px; font-size:16px; font-weight:400; color:rgba(255,255,255,1); }
#subWrap #sv .location span:before,
#subWrap #sv .location strong:before { content:""; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background:rgba(255,255,255,0.3); border-radius:5px; }
#subWrap #sv .txtbox { margin-top:50px; overflow:hidden; line-height:1.2; font-size:70px; font-weight:500; color:#fff; }
#subWrap #sv .bg { background:url(/img/sub/subVisual_bg.jpg) center / cover; }

/* animation */
#subWrap #sv .txtbox span { display:block; }
#subWrap #sv .txtbox span  { opacity:0; }
#subWrap #sv .bg { animation:bgs1 1.5s 0.3s; animation-fill-mode:both; }
#subWrap #sv .txtbox span { animation:blur_txt 0.8s 0.8s; animation-fill-mode:both; }

@media screen and (max-width:1024px){	
	#subWrap #sv { height:220px; }
	#subWrap #sv .txtbox { margin-top:40px; font-size:40px; }
}
@media screen and (max-width:640px){	
	#subWrap #sv { height:180px; }
	#subWrap #sv .txtbox { margin-top:30px; font-size:28px; }
}

#subWrap { padding:185px 0 65px; }
@media screen and (max-width:1024px){
	#subWrap { padding:100px 0 65px; }
}
@media screen and (max-width:760px){
	#subWrap { padding:130px 0 65px; }
}
#subWrap .title-box { margin-top:100px; }
@media screen and (max-width:1024px){	
	#subWrap .title-box { margin-top:80px; }
}
@media screen and (max-width:640px){	
	#subWrap .title-box { margin-top:60px; }
}


/* lnb */
#lnb { border-bottom:1px solid #e6e6e6; position:relative; z-index:5; }
#lnb p { display:none; }
#lnb .subDepth { max-width:1300px; margin:0 auto; display:flex; align-items:center; gap:0 70px; width:100%; }
#lnb .subDepth li a { position:relative; display:flex; align-items:center; height:70px; font-size:17px; color:#999; font-weight:400; letter-spacing:-0.02em; }
#lnb .subDepth li a:after { content:""; display:block; position:absolute; left:-5px; bottom:-1px; width:0; height:3px; background-color:#f7941c; }
#lnb .subDepth li.on a { color:#222; font-weight:600; }
#lnb .subDepth li.on a:after { width:calc(100% + 10px); }
#lnb .subDepth li ul { display:none; }
@media screen and (max-width:1340px){	
	#lnb .subDepth { padding:0 20px; }
}
@media screen and (max-width:1280px){	
	#lnb .subDepth li a { height:55px; }
}
@media screen and (max-width:1024px){	
	#lnb .subDepth li a { padding:0 25px; }
}
@media screen and (max-width:760px){	
	#lnb .subDepth { text-align:left; }
	#lnb { position:relative; z-index:22;}
	#lnb p { position:relative; z-index:2; cursor:pointer; width:100%; padding:0 20px; display:block; }
	#lnb p:after { content:"\e942"; display:block; position:absolute; right:10px; top:15px; color:#777; font-family:xeicon; font-size:16px; font-weight:300; transition:all 0.3s 0.1s ease-in-out; }
	#lnb p.ov:after { content:"\e945";}
	#lnb p span { font-size:16px; font-weight:600; color:#111; display:flex; align-items:center; height:50px; }
	#lnb .subDepth { display:none; position:absolute; top:51px; left:0; padding:10px 0; width:100%; background-color:#fff; border-bottom:1px solid #eee; z-index;555; }
	#lnb .subDepth li a { height:auto; display:block; font-size:14px; display:block; padding:8px 20px; color:#111; }
	#lnb .subDepth li a:after { display:none; }
	#lnb .subDepth li.on a { color:#f7941c;  }
}

#subCont { padding-top:60px; }
@media screen and (max-width:1024px){	
	#subCont { padding-top:50px; }
}
@media screen and (max-width:640px){	
	#subCont { padding-top:40px; }
}





/* 
	검색 결과 
*/

.inner .search_box{
	width: 100%; height: 90px;
	position: relative;
	margin-bottom: 90px;
}

.inner .search_box input{
	width: 100%; height: 100%;
	border: 1px solid #ddd;
	padding: 0 150px 0 70px;
	font-size: 26px;
	outline: none;
	border-radius: 10px;
}

.inner .search_box button{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: #fff;
	color: #222;
}

.inner .search_box .reset{
	font-size: 25px;
	right: 90px;
}

.inner .search_box .search{
	font-size: 35px;
	right: 30px;
}

.inner .searchResult{
	text-align: center;
	font-size: 30px;
	color: #222;
	margin-bottom: 50px;
}

.inner .searchResult span{
	color: #f7941d;
	font-weight: 700;
}

.inner .product_info{
	width: 100%;
	border: 1px solid green;
}

.inner .resultList{
	width: 100%;
	padding-bottom: 130px;
}

.inner .resultList .resultTit{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 30px;
	border-bottom: 1px solid #222;
}

.inner .resultList h4{
	display: inline-block;
	font-size: 35px;
	color: #222;
	font-weight: 700;
}

.inner .resultList h4 span{
	font-weight: normal;
	font-size: 16px;
	color: #f7941d;
	margin-left: 5px;
}

.inner .resultList a{
	border: none;
	font-size: 17px;
	background: #fff;
	color: #222;
}

.inner .resultList a i{
	font-weight: 600;
}

.inner .resultList table{
	width: 100%;
}

.inner .resultList table tr{
	border-bottom: 1px solid #e1e1e1;
	border-collapse: collapse;
}

.inner .resultList table td{
	font-size: 18px;
	padding: 25px;
	color: #a9a9a9;
}

.inner .resultList table td a{
	display: inline-block;
	width: 58vw;
	color: #222;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inner .resultList table td span{
	color: #f7941d;
}



/* 
	제품정보
*/
.inner .content_info{
	margin-top:100px;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 80px;
}

.inner .content_info .info:first-of-type{
	width: 50%; height: 100%;
}


/* 큰 이미지 슬라이드 */
.inner .content_info .img-wrapper{
	width: 100%; height: 450px;
}

.inner .content_info .img-wrapper .img{
	height: 450px;
	background-color: #ccc;
}

.inner .content_info .info .img-wrapper .img {
	position:relative
} 
.inner .content_info .info .img-wrapper .img img{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 100%; height: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}


/* 작은 이미지 슬라이드 */
.inner .content_info .info .product-slide{
	display: flex;
	width: 100%; height: 75px;
	margin-top: 20px;
}

.inner .content_info .product-wrapper{
	width: 80%;
	overflow: hidden;
}

.inner .content_info .product-wrapper .slick-list{
	margin-right: -20px;
}

.inner .content_info .product-wrapper .slick-slide{
	margin-right: 20px;
}

.inner .content_info .product-wrapper .product{
	height: 75px;
}

.product-wrapper .slick-slide {
	position:relative;
}
.product-wrapper .slick-slide img{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 100%; height: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}



.inner .content_info .info button{
	width: 45px; height: 45px;
	border: 1px solid #f1f1f1;
	background-color: #fff;
	border-radius: 50%;
}

.inner .content_info .info button:first-of-type{
	margin: 0 10px 0 20px;
}

.inner .content_info .info button i {
	color: #636363;
	font-size: 15px;
}

.inner .content_info .info:nth-of-type(2){
	width: 100%;
	display: flex;
	padding-top:2%;
	justify-content: flex-start;
}

.inner .info .text_info{
	width: 100%;
	padding-left: 100px;
}

.inner .info .text_info li{
	/*
	list-style-position: inside;
	list-style-type: disc;
	*/
	color: #777;
	font-size: 18px;
	position:relative;
	padding-left: 150px; 
	line-height: 1.4;
  min-height:26px;
}

.inner .info .text_info li.view-bbox { 
	padding:0;
	line-height: 1.6;
}
.inner .info .text_info li.view-bbox::before { 
	display:none;
}


.inner .info .text_info li::before { content:""; display:block; position:absolute; left:0; top:10px; background-color:#333; width:6px; height:6px; border-radius:10px;}

.inner .info .text_info li:not(:last-of-type){
	margin-bottom: 40px;
}

.inner .info .text_info li::marker{
	color: #333;
}

.inner .info .text_info li .title{
	position:absolute;
	left:15px; 
	top:0; 
	display: inline-block;
	width: 150px;
	font-size: 20px;
	color: #333;
	font-weight: 500;
}

.inner .info .text_info li .highlight{
	color: #ed193a;
	font-weight: 500;
	font-size: 22px;
}

.inner .detail_img{
	width: 100%; min-height: 300px;
	padding-top: 50px;
	margin-bottom: 100px;
}

.inner > a.list_view{
	display: block;
	width: 210px; height: 60px;
	line-height: 60px;
	background-color: #222;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
}




/* 
	반응형 
*/
@media screen and (max-width:1320px){
	/*
		제품정보
	*/
	
	.inner .content_info{
		height: 47.72vw;
		padding-bottom:  6vw;
	}

	
	/* 큰 이미지 슬라이드 */
	.inner .content_info .img-wrapper{
		height: 34vw;
	}

	.inner .content_info .img-wrapper .img{
		height: 34vw; 
	}

	/* 작은 슬라이드 */
	.inner .content_info .info .product-slide{
		height: 5.68vw;
	}

	.inner .content_info .product-wrapper .product{
		height: 5.68vw;
	}

	.inner .content_info .product-wrapper .slick-list{
		margin-right: -1.5vw;
	}

	.inner .content_info .product-wrapper .slick-slide{
		margin-right: 1.5vw;
	}



	.inner .content_info .info button{
		width: 4vw; height: 4vw;
	}

	.inner .content_info .info button:first-of-type{
		margin: 0 0.7vw 0 1vw;
	}

	.inner .content_info .info:nth-of-type(2){
	}

	.inner .info .text_info{
		padding-left: 7.5vw;
	}

	.inner .info .text_info li:not(:last-of-type){
		margin-bottom: 3vw;
	}

	.inner .detail_img{
		padding-top:6vw;
		margin-bottom: 6vw;
	}
}


@media screen and (max-width:760px){
	.inner .search_box{
		height: 12vw;	
		margin-bottom: 70px;
	}

	.inner .search_box input{
		padding: 0 15vw 0 6.5vw;
		font-size: 3vw;
	}

	.inner .search_box .reset{
		font-size: 3vw;
		right: 11vw;
	}

	.inner .search_box .search{
		font-size: 4vw;
		right: 3.5vw;
	}

	.inner .searchResult{
		font-size: 3.5vw;
		margin-bottom: 70px;
	}

	.inner .resultList{
		padding-bottom: 80px;
	}

	.inner .resultList h4{
		font-size: 3.8vw;
	}

	.inner .resultList h4 span{
		font-size: 2.3vw;
	}

	.inner .resultList a{
		font-size: 2.3vw;
	}

	.inner .resultList table td{
		font-size: 2.5vw;
	}

	.inner .resultList table td a{
		font-size: 2.5vw;
	}
	

	/* 
		제품정보
	*/
	.inner .content_info{
	}

	/* 작은 슬라이드 */
	.inner .content_info .info .product-slide{
		height: 7vw;
		margin-top: 2.6vw;
	}

	.inner .content_info .product-wrapper .product{
		height: 7vw;
	}

	.inner .content_info .info button{
		width: 5.5vw; height: 5.5vw;
	}

	.inner .content_info .info button i{
		font-size: 2vw;
	}

	.inner .info .text_info{
		padding-left: 7vw;
		padding-top:20px;
	}

	.inner .info .text_info li{
		font-size: 2.3vw;
		padding-left:100px;
	}
	
	.inner .info .text_info li .title{
		width: 14vw;
		font-size: 2.6vw;
	}
	
	.inner .info .text_info li .highlight{
		font-size: 2.8vw;
	}
	
	.inner > a.list_view{
		width: 23vw;
		height: 7.8vw;
		font-size: 2.3vw;
		line-height: 7.8vw;
	}
}

@media screen and (max-width: 600px){
	.inner .search_box{
		height: 60px;	
		margin-bottom: 50px;
	}

	.inner .search_box input{
		padding: 0 80px 0 30px;
		font-size: 15px;
	}

	.inner .search_box .reset{
		font-size: 18px;
		right: 11vw;
	}

	.inner .search_box .search{
		font-size: 22px;
		right: 3.5vw;
	}

	.inner .searchResult{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 50px;
	}

	.inner .resultList{
		padding-bottom: 50px;
	}

	.inner .resultList h4{
		font-size: 22px;
	}

	.inner .resultList h4 span{
		font-size: 18px;
	}

	.inner .resultList a{
		font-size: 16px;
	}

	.inner .resultList table td{
		font-size: 16px;
		padding: 20px;
	}

	.inner .resultList table td a{
		width: 46vw;
		font-size: 16px;
	}


	/* 
		제품정보 
	*/
	.inner .content_info{
		flex-direction: column;
		height: auto;
	}

	.inner .content_info .info:first-of-type{
		width: 100%;
	}
	

	/* 큰 이미지 슬라이드 */
	.inner .content_info .img-wrapper{
		height: 50vw;
	}

	.inner .content_info .img-wrapper .img{
		height: 50vw;
	}


	/* 작은 슬라이드 */
	.inner .content_info .info .product-slide{
		height: 10vw;
		margin-top: 2.6vw;
	}

	.inner .content_info .product-wrapper{
		width: 75%;
	}

	.inner .content_info .product-wrapper .product{
		position: relative;
		height: 10vw;
	}



	.inner .content_info .info button{
		width: 9vw; height: 9vw;
	}

	.inner .content_info .info button:first-of-type{
		margin: 0 1.5vw 0 3vw;
	}

	.inner .content_info .info button i{
		font-size: 3vw;
	}

	.inner .info .text_info li{
		font-size: 14px;
	}

	.inner .info .text_info li:not(:last-of-type){
		margin-bottom: 10px;
	}

	.inner .info .text_info li .title{
		width: 20%;
		font-size: 15px;
	}

	.inner .info .text_info li .highlight{
		font-size: 15px;
	}

	.inner > a.list_view{
		width: 90px; height: 35px;
		line-height: 35px;
		font-size: 12px;
	}
}

.tab-menu {  }
.tab-menu ul { display:flex; justify-content:center; width:100%; }
.tab-menu ul li { margin:0 0 0 -1px; }
.tab-menu ul li a { position:relative; display:flex; justify-content:center; align-items:center; text-align:center; width:100%; height:75px; border:1px solid #ddd; color:#333; font-size:20px; font-weight:500 }
.tab-menu ul li.on a { z-index:1; color:#fff; background-color:#f7941d; border:1px solid #f7941d; }
.tab-menu.m2 ul li { width:50% }
.tab-menu.m3 ul li { width:33.33% }
.tab-menu.m4 ul li{ width:25% }
.tab-menu.m5 ul li { width:20% }
.tab-menu.m6 ul li{ width:16.66% }
@media screen and (max-width:1024px){	
	.tab-menu ul li a { height:60px; font-size:18px;  }
}
@media screen and (max-width:1024px){	
	.tab-menu ul li a { height:55px; font-size:16px;  }
}

#newList { display:flex; gap:50px 80px; flex-wrap: wrap; }
#newList > li { border:none; text-align:center; width:calc((100% - 160px) / 3); margin:0;  }
#newList .txt h4 { color:#333; font-size:18px; font-weight:500; min-height:20px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#newList .txt .stxt { margin-top:20px; display:flex; justify-content:center; flex-wrap:wrap; gap:0 20px; justify-content: center;}
#newList .txt .stxt * { vertical-align:middle; }
#newList .txt .stxt > span { color:#333; font-size:15px; font-weight:300; }
#newList .txt .stxt > span strong { font-weight:300; display:inline-block; margin-right:4px; }
#newList .txt .stxt > span span { font-size:20px; font-weight:500; color:#ed193a; }
#newList .txt { padding:30px 10px 0 }
#newList li:nth-child(3n) { margin:0; }

@media screen and (max-width:1280px){	
	#newList { gap:40px 40px; }
	#newList > li { width:calc((100% - 80px) / 3) }
}
@media screen and (max-width:1024px){	
	#newList { gap:30px; }
	#newList > li { width:calc((100% - 60px) / 3) }
	#newList .txt h4 { font-size:16px; }
	#newList .txt .stxt { margin-top:12px; }
	#newList .txt .stxt > span { font-size:14px; width:100%;}
	#newList .txt .stxt > span strong { margin-right:4px; }
	#newList .txt .stxt > span span { font-size:16px; }
}
@media screen and (max-width:960px){	
	#newList { gap:20px; }
	#newList > li { width:calc((100% - 20px) / 2) }
}
@media screen and (max-width:640px){	
	#newList { gap:20px 10px; }
	#newList .txt .stxt { margin-top:8px; }
	#newList > li { width:calc((100% - 10px) / 2) }
}


.dataTable { border-top:2px solid #aaaaaa; border-bottom:1px solid #e1e1e1; }
.dataTable thead th { height:65px; background-color:#f5f5f5; text-align:center; color:#333333; font-size:18px; font-weight:500; }
.dataTable tbody td { padding:20px 10px; background-color:#fff; text-align:center; color:#333333; font-size:17px; font-weight:300; line-height:1.3; border-top:1px solid #e1e1e1;  }
.dataTable tbody td.td_left { padding-left:20px; text-align:left; }


.dataTable1 { border-top:2px solid #aaaaaa; border-bottom:1px solid #e1e1e1; }
.dataTable1 tbody th { height:65px; padding-left:90px; background-color:#f9f9f9; text-align:left; color:#333333; font-size:18px; font-weight:500; border-top:1px solid #e1e1e1; }
.dataTable1 tbody td { padding:20px 10px 20px 55px; background-color:#fff; text-align:left; color:#333333; font-size:17px; font-weight:300; line-height:1.3; border-top:1px solid #e1e1e1;  }

@media screen and (max-width:1023px){	
	.dataTable { overflow:auto; }
	.dataTable table {width:1000px;}
	.dataTable1 .th_w { width:150px !important; }
	.dataTable1 tbody th { padding-left:20px; }
	.dataTable1 tbody td { padding-left:20px; }
	.dataTable thead th,
	.dataTable1 tbody th { font-size:16px; }
	.dataTable tbody td,
	.dataTable1 tbody td { font-size:15px; }
}
@media screen and (max-width:640px){	
	.dataTable1 .th_w { width:115px !important; }
	.dataTable thead th,
	.dataTable1 tbody th { font-size:15px; }
	.dataTable1 tbody th { padding-left:15px; }
}
.ntb-list.lst-head {
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #aaaaaa;
}
.ntb-list.lst-head li div { color:#333333; font-size:18px; font-weight:500; }
.ntb-list.lst-body li { padding:20px 0; font-size:17px; font-weight:300; line-height:1.3; }
.ntb-list .font_category { color:#333; font-weight:500 }
.ntb-list .font_comment { color:#f7941d; font-weight:400; font-size:14px; }
.ntb-list li .td a { font-size:17px; }


.paging { margin:60px auto 0 auto; text-align:center; padding:0; } 
.paging a { position:relative; font-size:16px; line-height:35px; font-weight:400; color:#949494; font-family: 'Rubik', sans-serif; border:none; padding:0; min-width:35px; margin:0 -4px; display:inline-block; }
.paging ul { display:inline-block; }
.paging li { display:inline-block; vertical-align:middle; margin:0 3px; }
.paging li.on a,
.paging ul li.on a { font-weight:400; color:#fff; background-color:#f7941d; border:none; padding:0 4px; border-radius:50px; }
.paging li:hover a,
.paging li a:hover { border:none; /* background:none; */ }
.paging li.on:hover a  { background-color:#f7941d; }
.paging .btn_pn { display:inline-block; vertical-align:middle; padding:0;  }
.paging .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; width:20px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.paging .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.paging .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px; margin-right:-4px; overflow:hidden; border:none;  text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.paging .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px;  margin-left:-4px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.paging li span { color:#aaa; display:block;  margin-top:-10px; font-weight:800; }

@media screen and (max-width:640px){
	.paging { margin:30px auto 0 auto; }
	.paging a { font-size:16px; line-height:35px; }
}

.ntb-tb-view-btn { margin:30px 0 50px; text-align:center; display:flex; justify-content:center;}

.ntb-tb-view-btn .AXButton,
.ntb-tb-view-btn .AXButton:focus,
.ntb-tb-view-btn .AXButton:hover   { outline:none; box-shadow: none; color:#666 !important; font-size:16px; font-weight:400;  display: block; width: 100px; height: 45px; overflow: hidden; border: 1px solid #eaeaea; background-color:#fff !important; border-radius: 6px; }

/* member */
.agree-box {
	max-width: 700px;
  margin: 3% auto;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  background: #fff;
  padding: 40px;
  box-shadow: 0 0 20px rgb(0 0 0 / 5%) 
}
.agree-box .form-group { width:100%; }
.agree-box .btn-group button{ width:120px; height:42px; }
.agree-box .btn-group button:hover { background:#f7941d; }
.join_type * { box-sizing:border-box; }
.join_type .join_tb colgroup col:first-child { width:160px !important}
.join_type .join_tb tbody tr th { padding:20px 20px; }

.join_type .btn-group button{ width:120px; height:42px; }
.join_type .btn-group button:hover  { background:#f7941d; }
.join_type input[name="file1"],
.join_type .AXInput  { height:40px; line-height:40px; padding:0 12px; border:1px solid #e5e5e5; outline:none; color:#222; font-size:14px; font-weight:300; background-color:#fff; border-radius:3px; }
.join_type input[name="file1"] { padding:0; }
.join_type select  { box-shadow:none; height:40px; padding:0 12px; border:1px solid #e5e5e5; color:#222; font-size:14px; font-weight:300; background-color:#fff; border-radius:3px; }
.join_type #kcaptcha_image { height:40px; }
.join_type .AXButton { height:40px !important; background: #333 !important; box-shadow:none; width:150px !important; }
.join_type .stxt strong { font-weight:400; }
.join_type .stxt { display:inline-block; margin-right:5px; }
	.join_type .stxt strong { display:inline-block; margin-right:5px;  }

@media screen and (max-width:640px){	
	.join_type .join_tb tbody tr th { padding:20px 10px; }
	.join_type .join_tb tbody tr td { padding:20px 10px; }
}
@media screen and (max-width:640px){
	.join_type input[name="file1"] { width:100%; }
	.join_type .AXInput.W100{ width:150px; }
	.join_type .m_br { display:block; margin-bottom:10px; }
	.join_type .stxt strong { display:inline-block; width:30px; margin-right:0;}
}

.inner > a.list_view  { color:#666; font-size:16px; font-weight:400;  display: block; width: 100px; height: 55px; overflow: hidden; border: 1px solid #eaeaea; background-color:#fff; border-radius: 6px; }

.login-box, .register-box {
  border: 1px solid #eaeaea;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 20px rgb(0 0 0 / 5%) 
}
.login-box .btn-group button:focus,
.login-box .btn-group button:hover {  border:1px solid #f7941d; background-color:#f7941d;}


.ntb-tb-view-comment { border-top: 1px solid #333 !important;}
.pointer { cursor:pointer; }
.ntb-tb-view-btn .btnr { display:flex; gap:0 4px;}
.ntb-tb-view.quick_start { margin-top:-1px; }
.ntb-tb-view .content-area { padding:40px 0;}

.ntb-tb-view .content-area > p > img,
.ntb-tb-view .content-area img,
/*.ntb-tb-view-comment .content-area img { max-width:100% !important; }*/
.ntb-tb-view-comment .content-area img { max-width:100% !important; height: auto !important;}
.ntb-tb-view .content-area iframe,
.ntb-tb-view-comment .content-area iframe { max-width:100% !important; }
@media screen and (max-width:560px){
    .ntb-tb-view .content-area iframe,
    .ntb-tb-view-comment .content-area iframe { min-height:250px; height:auto; }
    .ntb-tb-view-comment .content-area img { max-width:100% !important; height: auto !important;}
}

.AXButton,
.AXButton:focus,
.AXButton:hover {
    outline: none;
    box-shadow: none;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400 !important;
    width: 100px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    background: #333 !important;
    border-radius: 6px !important;
}
.ntb-list.lst-body li .td.col_no input {  margin:-2px 1px 0 0 }

.AXInput,
.AXSelect{ height: 45px; padding:0 5px; }
input[type="file"] { font-size: 14px; color:#666 }
