@charset "UTF-8"; /*Reset CSS*/


.bx-wrapper .bx-pager {bottom: -75px;}
.bx-wrapper .bx-pager a {border: solid #ccc 1px; display: block; margin: 0 5px; padding: 3px;}
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active {border: solid #354b72 1px;}
.bx-wrapper {margin-bottom: 80px;}
.bx-pager-item{max-width:70px;}
.bx-pager-item img{border-radius:0;}

.sub_wrap{background:#fafafa; padding:80px 0;}

.sub_wrap .sub_inner{width:100%; max-width:1440px; margin:0 auto; display:flex; flex-direction: column; align-items: center; gap:40px; }
.sub_tit_box{width:100%; display:flex; flex-direction: column; align-items: center; gap:40px; }
.sub_tit_box .sub_tit{font-size:48px; font-weight:bold; }
.sub_tit_box .sort_box{background:#fff; display:flex; gap:45px;justify-content:center; width:100%; padding:20px; }
.sub_tit_box .sort_box li{display:flex;  gap:5px;}
.sub_tit_box .sort_box span{font-size:18px; font-weight:500; white-space:nowrap;}
.sub_tit_box .sort_box span i{font-size:1em;}

.sub_con_wrap{ padding:0 15px;}
.sub_box{display:grid; grid-template-columns:1fr 1fr; width:100%; gap:50px;}
/* .sub_box .sub_list{flex:1 1 50%;} */
.sub_box .sub_list_txt{overflow-y:scroll; position:relative;}
.sub_box .sub_list_txt::-webkit-scrollbar{width:10px; height:10px;}
.sub_box .sub_list_txt::-webkit-scrollbar-thumb { background-color: #B0B0B0; border-radius: 10px;  background-clip: padding-box;  border: 2px solid transparent; }
.sub_box .sub_list_txt::-webkit-scrollbar-track { background-color: #E0E0E0; border-radius: 10px; box-shadow: inset 0px 0px 3px white;}

.sub_box .sub_txt_wrap{display:flex; flex-direction: column; gap:45px; position:absolute; left:0;}
.sub_box .sub_list_tit{ font-size:28px; font-weight:bold; display:flex; gap:8px; align-items:center; }
.sub_box .sub_list_tit i{font-size:0.9em;}
.sub_box .txt_box{display:flex; flex-direction: column; gap:10px;}
.sub_box ul li{line-height:1.45em; color:#777; font-size:18px;}

@media screen and (max-width:1440px){
	

 }


  
 @media screen and (max-width:1280px){
 	.sub_tit_box{gap:30px; }
 	.sub_tit_box .sub_tit{font-size:40px; }
	.sub_tit_box .sort_box{gap:40px; padding:15px; }
	.sub_tit_box .sort_box span{font-size:16px;}
	
	.sub_box{gap:45px;}
	.sub_box .sub_list_tit{ font-size:24px; }
	.sub_box .sub_txt_wrap{gap:40px;}
	.sub_box ul li{font-size:16px;}
 }

 @media screen and (max-width:1024px){
 	#header .m_btn{display:none;}
	#header .rnb_box{justify-content:center;}

	.sub_box{gap:45px;}
	.sub_tit_box .sub_tit{font-size:32px; }
	.sub_tit_box .sort_box{gap:30px;}
	.sub_tit_box .sort_box span{font-size:14px;}

	.sub_box .sub_list_tit{ font-size:20px; }
	.sub_box .sub_txt_wrap{gap:30px;}
 }

 @media screen and (max-width:768px){
 	.sub_wrap .img_box{overflow:unset;}

	.sub_tit_box{gap:20px; align-items:flex-start;}
	.sub_tit_box .sub_tit{font-size:24px; }
 	.sub_tit_box .sort_box{overflow-x: scroll; justify-content:unset; gap:20px;}
	.sub_tit_box .sort_box::-webkit-scrollbar{width:10px; height:10px;}
	.sub_tit_box .sort_box::-webkit-scrollbar-thumb { background-color: #B0B0B0; border-radius: 10px;  background-clip: padding-box;  border: 2px solid transparent; }
	.sub_tit_box .sort_box::-webkit-scrollbar-track { background-color: #E0E0E0; border-radius: 10px; box-shadow: inset 0px 0px 3px white;}
	
	/* .sub_box{grid-template-columns:1fr; gap:35px;} */
	.sub_box{display:block; }
	.bx-wrapper{margin-bottom:105px;}
	.sub_box .sub_list_txt{overflow-y:hidden; position:static;}
	.sub_box .sub_txt_wrap{position:static;}

	.sub_box .sub_list_tit{ font-size:18px; }
	.sub_box .sub_txt_wrap{gap:20px;}
	.sub_box ul li{font-size:14px;}
 }