@charset "utf-8";

.sub_cont{gap:4rem !important}
.category ul{display:flex; flex-direction:row; gap:1rem;}
.category ul li {display:flex; border:1px solid #ccc; border-radius:999px;}
.category ul li.on{background-color:var(--Secondary-1);border:1px solid var(--Secondary-1)}
.category ul li a{padding: 12px 24px;}
.img_box{border-bottom:4px solid var(--Secondary-1)}
.b_list{width:100%}
.b_list .list_cont{display:flex; flex-direction:column;}
.b_list .list_cont > div{display:flex;flex-direction:row-reverse; gap:24px; flex:1; padding:0 8rem; margin-top:-4rem;}

.b_list .imgBox{ display:flex; justify-content:center; flex:1}
.b_list .cont_box{width:50%; padding:0; font-size:normal; justify-content:center; font-size:4rem;}
.b_list .cont_box .tit{font-size:3.2rem !important; color:var(--sub-point-color) !important}
.b_list .cont_box .sub_tit{font-size:2rem; color:#333; font-weight:600}
.b_list .cont_box div.txt{margin-top:20px;}
.b_list .cont_box div.txt p{word-break:keep-all;}
.sub_bg{background-color:#FFF6ED}
.certificate{padding:4rem; display:flex; gap:4rem; margin-top:-4rem;}
.certificate .txt_box{position:relative; display:flex; flex-direction:column; justify-content: space-between; flex:1}
.certificate .txt_box .txt_cont{display:flex; flex-direction:column; gap:1.2rem}
.certificate .txt_box .tit{font-size:3.4rem; font-weight:600;}
.certificate .txt_box .sub_txt_box{background-color:#fff; padding:2rem}
.certificate .txt_box .sub_txt_box ul li{line-height:3rem; list-style:disc; margin-left:3rem;}
.certificate .txt_box button{border:0; padding:10px 20px; width:fit-content; position:absolute; bottom:0; right:0; font-weight:600; color:#fff; background-color: var(--main-color)}

@media(max-width:1200px){
	.b_list .list_cont > div{padding:0;gap:0}
}
@media (max-width:992px){
	.b_list .list_cont > div{flex-direction:column;gap:0;padding:40px 0}
	.b_list .imgBox{width:100%;}
	.b_list .cont_box{width:100%;}
	.certificate{flex-direction:column;}
	.certificate .img_cont{text-align:center}
	.certificate .txt_box button{position: static; margin:0 auto;}
}

/* 모바일 목록 */
@media all and (max-width:767px) {	
	.b_list .cont_box .tit{font-size:x-large;}
	.b_list .cont_box div.txt{font-size:medium;}
	.certificate .txt_box .sub_txt_box{margin-top:2rem}
}



@media all and (max-width:575px) {
	.b_list .cont_box div.txt{margin-top:0px; font-size:1.5rem;}
	.b_list .list_cont > div{padding:20px 0}
	.img_box .cont_box{padding:1.4rem !important;}
	.certificate{padding:2rem}
}