@charset "utf-8";

.sch_word{
	font-size:inherit;
	 font-weight:inherit; 
	/* background-color:#deefe9;
	padding:0 5px; */
}

/* representSwiper */
.representSwiper .swiper-slide figure{
	padding:0;
	margin:0;
	position:relative;
	width:100%;
	height:auto !impotant;
	max-height:none !important;
	padding-bottom:134%;
	overflow:hidden;
	border-radius:10px;
}

.representSwiper .swiper-slide figure img{
	/* width:100%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%); */
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.representSwiper .swiper-slide .postTit{
	margin-top:20px;
	font-size:1.25rem;
	font-weight:800;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height:1.5;
	word-break:keep-all;
}

.represent .representSwiper .represent-swiper-pagination{
	width:100%;
	height:10px;
	background:var(--gray02);
	position:relative;
	overflow:hidden;
}

.represent .representSwiper .represent-swiper-pagination .swiper-pagination-progressbar-fill{
	background:var(--green01);
}

/* contentsList */
.contentsList{
	background-color:var(--gray02);
	background-image:url(/img/sub_symbol.png);
	background-position:top 60px right;
	background-repeat:no-repeat;
}

.contentsList .searchBox{
	padding:20px 20px;
	width:100%;
	background:var(--white);
	border-radius:10px;
	box-sizing:border-box;
}

.contentsList .searchBox form{
	display:flex;
	justify-content:center;
	gap:20px;
}

.contentsList .searchBox form select{
	width:200px;
	height:60px;
	padding:10px;
	box-sizing:border-box;
	border:0;
	outline:none;
	border:1px solid var(--gray05);
	border-radius:10px;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background-image: url('/img/icn_arr_down.png');
	background-position: center right 10px;
    background-repeat: no-repeat;
	background-size:15px auto;
	cursor:pointer;
}

.contentsList .searchBox form .search{
	width:800px;
	height:60px;
	border-radius:10px;
	border:1px solid var(--gray05);
	padding:10px;
	box-sizing:border-box;
	position:relative;
}

.contentsList .searchBox form .search .sch_bar{
	height:100%;
}

.contentsList .searchBox form .search input{
	width:100%;
	height:100%;
	border:0;
	outline:none;
}

.contentsList .searchBox form .search button{
	position:absolute;
	right:5px;
	top:50%;
	transform:translateY(-50%);
	background-color:var(--green01);
	outline:none;
	border:0;
	padding:6px 40px;
	border-radius:7px;
	display:flex;
	align-items:center;
	gap:30px;
	cursor:pointer;
}

.contentsList .searchBox form .search button span{
	font-size:1rem;
	font-weight:600;
	color:var(--white);
}

.contentsList .searchBox form .search button .btn_icn{
	width:38px;
	height:38px;
	border-radius:50%;
	background-color:rgba(255,255,255,.1);
	background-image:url(/img/btn_icn.png);
	background-position:center;
	background-repeat:no-repeat;
}

.contentsList .list_cont .categoryBox .cate{
	display:flex;
	gap:10px;
}

.contentsList .list_cont .categoryBox .cate li{
	width:calc((100% - 80px) / 9);
}

.contentsList .list_cont .categoryBox .cate li a{
	padding:15px 0;
	width:100%;
	border-radius:10px;
	border:1px solid var(--gray04);
	font-size:1.125rem;
	color:var(--gray03);
	text-align:center;
	display:block;
	box-sizing:border-box;
}

.contentsList .list_cont .categoryBox .cate li a.on{
	background-color:var(--green01);
	border:1px solide var(--green01);
	color:var(--white);
}

.contentsList .list_cont .boardList{
	margin-top:60px;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.contentsList .list_cont .boardList .listBox .list a{
	display:flex;
	padding:20px 30px;
	width:100%;
	justify-content:space-between;
	border-radius:10px;
	background-color:var(--white);
	align-items:center;
	box-sizing:border-box;
}

.contentsList .list_cont .boardList .listBox .list .listInfo{
	display:flex;
	gap:30px;
	width:calc(100% - 70px);
}

.contentsList .list_cont .boardList .listBox .list .listInfo .date{
	text-align:center;
	display:flex;
	flex-direction:column;
	gap:8px;
	justify-content:center;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .m_date{
	display:none;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .date .year_month{
	font-size:1rem;
	color:var(--green01);
	font-weight:700;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .date .day{
	font-weight:700;
	color:var(--green01);
	font-size:2.1875rem;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .listContent{
	display:flex;
	flex-direction:column;
	gap:10px;
	width:calc(100% - 70px);
	justify-content:space-between;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox{
	display:flex;
	gap:10px;
	align-items:center;
	width:58.2%;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .categoryName{
	color:var(--white);
	font-size:0.75rem;
	font-weight:600;
	padding:7px 15px;
	border-radius:5px;
	background-color:var(--green01);
	width:fit-content;
	height:fit-content;
	display:block;

	width:7%;
	text-align:center;
	word-break:keep-all;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox .listTit{
	font-size:1.25rem;
	font-weight:600;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	width:80%;
}

.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTxt{
	font-size:1rem;
	font-weight:300;
	color:var(--gray03);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	width:100%;
}

.contentsList .list_cont .boardList .listBox .list .listArr{
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:var(--gray05);
	display:flex;
	justify-content:center;
	align-items:center;
	transition:0.3s;
	font-size:2.5rem;
	font-weight:600;
	color:var(--gray03);
}

.contentsList .list_cont .boardList .listBox .list:hover .listArr{
	color:var(--white);
	background-color:var(--green01);
}

/* .contentsList .list_cont .boardList .listBox .list .listArr img{
	transition:0.3s;
	filter: invert(33%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(95%) contrast(90%);
}

.contentsList .list_cont .boardList .listBox .list:hover .listArr{
	background-color:var(--green01);
}

.contentsList .list_cont .boardList .listBox .list:hover .listArr img{
	filter: invert(100%) sepia(5%) saturate(7500%) hue-rotate(289deg) brightness(116%) contrast(104%);
}
 */
.contentsList .list_cont .boardList .list_pager{
	margin:80px auto 0 auto;
	display:flex;
	justify-content:center;
	gap:10px;
}

.contentsList .list_cont .boardList .list_pager .pager_number{
	font-size:1rem;
	color:var(--gray03);
	font-weight:300;
}

.contentsList .list_cont .boardList .list_pager .pager_number.active{
	color:var(--green01);
	font-weight:700;
}

.contentsList .list_cont .boardList .list_pager .preview a{
	width:20px;
	height:20px;
	border-radius:50%;
	background-color:var(--gray04);
	background-image:url(/img/arr_left.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-right:20px;
	display:block;
	background-size:50%;
}

.contentsList .list_cont .boardList .list_pager .next a{
	width:20px;
	height:20px;
	border-radius:50%;
	background-color:var(--gray04);
	background-image:url(/img/arr_right.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-left:20px;
	display:block;
	background-size:50%;
}

.contentsList .list_cont .boardList .list_pager .pager_arrow a:hover{
	background-color:var(--green01);
}

.admin_button{
	margin-top:60px;
	display:flex;
	justify-content: flex-end;
}

.admin_button .admin_button_box{
	display:flex;
	gap:10px;
	align-items:center;

}

.admin_button .admin_button_box li a{
	font-size:1rem;
	color:var(--white);
	font-weight:600;
	padding:10px 40px;
	background-color:var(--green01);
	border-radius:10px;
	display:block;
}

.admin_button.slide_in_button{
	right:0;
	position:absolute;
	top:0;
	margin-top:0;
}

.admin_button .admin_button_box li button{
	font-size:1rem;
	color:var(--white);
	font-weight:600;
	padding:10px 40px;
	background-color:var(--green01);
	border-radius:10px;
	outline:none;
	border:0;
	cursor:pointer;
	line-height:1;
}

#successColumnList .categoryBox .cate li{
	width:calc((100% - 70px) / 8);
}

#successColumnList .list_cont .boardList .listInfo{
	display:flex;
	justify-content:space-between;
	width:100%;
	/* padding-right:100px; */
	box-sizing:border-box;
}

#successColumnList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox .listTit{
	width:100%;
}

#successColumnList .list_cont .boardList .listInfo .listContent{
	display:flex;
	gap:30px;
	flex-direction:row;
	align-items:center;
}

#successColumnList .list_cont .boardList .listBox .list .listInfo .listContent{
	width:60%;
}

#successColumnList .list_cont .boardList .listInfo .listTitbox{
	flex-direction:column;
	gap:10px;
	align-items:flex-start;
	width:80%;
}

#successColumnList .list_cont .boardList .listInfo .listContent_right{
	display:flex;
	gap:100px;
	align-items:center;
}


/* contentLayout */
.contentLayout .contentTop{
	padding:30px;
	background-color:var(--gray02);
	border-radius:10px;
	display:flex;
	/* flex-direction:column;
	gap:20px; */
	justify-content:space-between;
}

.contentLayout .contentTop .contentTop_tit{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.contentLayout .contentTop .if_date{
	color:var(--gray04);
	font-size:1rem;
	font-weight:300;
}

.contentLayout .contentTop .if_date span{
	color:var(--gray03);
	font-size:inherit;
	font-weight:inherit;
}

.lawyerView{
	display:flex;
	gap:10px;
}

.lawyerView li figure{
	width:70px;
	height:70px;
	border-radius:50%;
	overflow:hidden;
}

.lawyerView li figure img{
	width:100%;
}

.lawyerView li .name{
	text-align:center;
	margin-top:10px;
	font-size:1rem;
	font-weight:600;
}

.contentLayout .contentTop .categoryName{
	color:var(--white);
	font-size:1rem;
	font-weight:600;
	padding:10px 20px;
	background-color:var(--green01);
	border-radius:7px;
	width:fit-content;
}

.contentLayout .contentTop .contentTit{
	font-size:2.5rem;
	font-weight:600;
	word-break:keep-all;
	line-height:1.5;
}

.contentLayout .contentBottom{
	padding:60px 0;
	border-bottom:1px solid var(--gray04);
}

.contentLayout .contentBottom #bo_v_con img{
	max-width:100%;
}

.contentLayout .contentBottom pre{ 
	white-space:pre-wrap;
}

.boardView .fixTxt_box{
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}

.boardView .fixTxt_box .fixTxt{
	font-size:1.125rem;
	font-weight:300;
}

.boardView .fixTxt_box .fixTxt strong{
	font-weight:700;
}

#more{
	background-color:var(--gray02);
}

#more .moreList .more_list{
	display:flex;
	flex-flow:wrap;
	gap:20px;
}

#more .moreList .more_list li{
	width:calc((100% - 20px) / 2);
}

#more .moreList .more_list li a{
	width:100%;
	padding:20px 30px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background-color:var(--white);
	border-radius:10px;
}

#more .moreList .more_list li a .more_info{
	display:flex;
	align-items:center;
	gap:20px;
	width:calc(100% - 70px);
}

#more .moreList .more_list li a .more_info .category{
	color:var(--white);
	font-size:0.75rem;
	font-weight:600;
	padding:6px 13px;
	border-radius:7px;
	background-color:var(--green01);

	width:8%;
	text-align:center;
}

#more .moreList .more_list li a .more_info .more_infoBox{
	display:flex;
	flex-direction:column;
	gap:10px;

	max-width:70%;
}

#more .moreList .more_list li a .more_info .more_infoBox .more_infoTit{
	font-size:1.25rem;
	font-weight:600;
	width:100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

#more .moreList .more_list li a .more_info .more_infoBox .more_infoTxt{
	font-size:1rem;
	font-weight:300;
	color:var(--gray03);
	width:100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

#more .moreList .more_list li a .listArr{
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:var(--gray05);
	display:flex;
	justify-content:center;
	align-items:center;
	transition:0.3s;
	font-size:2.5rem;
	color:var(--gray03);
	font-weight:600;
}

#more .moreList .more_list li a:hover .listArr{
	background-color:var(--green01);
	color:var(--white);
}

/* #more .moreList .more_list li a .listArr img{
	transition:0.3s;
	filter: invert(33%) sepia(100%) saturate(0%) hue-rotate(134deg) brightness(95%) contrast(90%);
}

#more .moreList .more_list li a:hover .listArr{
	background-color:var(--green01);
}

#more .moreList .more_list li a:hover .listArr img{
	filter: invert(100%) sepia(5%) saturate(7500%) hue-rotate(289deg) brightness(116%) contrast(104%);
} */



/* writeBox_cont */

.writeBox_cont .write02{
	margin-top:100px;
}

.writeBox_cont .writeBox .writeTop{
	display:flex;
	justify-content:space-between;
	padding:30px;
	border-radius:10px;
	background-color:var(--gray02);
	box-sizing:border-box;
	align-items:center;
}

.writeBox_cont .writeBox .writeTop h5{
	font-size:1.5rem;
	font-weight:600;
}

.caution{
	color:red;
	font-size:1rem;
	font-weight:300;
}

.writeBox_cont .writeBox .writeTable{
	margin-top:60px;
	border-top:1px solid var(--gray04);
	border-bottom:1px solid var(--gray04);
}

.writeBox_cont .writeBox .writeTable table{
	width:100%;
}

.writeBox_cont .writeBox .writeTable table tbody tr{
	border-bottom:1px solid var(--gray01);
	;
}

.writeBox_cont .writeBox .writeTable table tbody tr:last-child{
	border-bottom:0;
}

.writeBox_cont .writeBox .writeTable table tbody tr th{
	font-size:1.125rem;
	font-weight:600;
	padding:0 0 0 30px;
	background-color:var(--gray02);
	text-align:left;
	width:20%;
	word-break:keep-all;
}

.writeBox_cont .writeBox .writeTable table tbody tr th strong{
	color:red;
	font-size:1rem;
	font-weight:300;
}

.writeBox_cont .writeBox .writeTable table tbody tr td{
	padding:15px 20px;
	width:75%;
}

.writeBox_cont .writeBox .writeTable table tbody tr td select{
	outline:none;
	border:0;
	border-radius:10px;
	border:1px solid var(--gray05);
	padding:10px 15px;
	height:45px;
	box-sizing:border-box;
	width:30%;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background-image: url('/img/icn_arr_down.png');
	background-position: center right 10px;
    background-repeat: no-repeat;
	background-size:15px auto;
	cursor:pointer;
}

.writeBox_cont .writeBox .writeTable table tbody tr td.checkBox{
	display:flex;
	align-items:center;
	gap:50px;
	width:100%;
	height:45px;
}

.writeBox_cont .writeBox .writeTable table tbody tr td.checkBox input{
	accent-color:var(--green01);
}

.writeBox_cont .writeBox .writeTable table tbody tr td.checkBox .input01,
.writeBox_cont .writeBox .writeTable table tbody tr td.checkBox .input02{
	display:flex;
	align-items:center;
	gap:10px;
}

.writeBox_cont .writeBox .writeTable table tbody tr td.checkBox .label{
	font-size:1rem;
	color:var(--gray03);
}

.writeBox_cont .writeBox .writeTable table tbody tr td.textType input{
	outline:none;
	border:1px solid var(--gray05);
	border-radius:10px;
	height:45px;
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
}

.writeBox_cont .writeBox .writeTable table tbody tr td.textType textarea{
	width:100%;
	outline:none;
	border:0;
	border-radius:10px;
	padding:10px;
	box-sizing:border-box;
	height:450px;
	resize:none;
	border:1px solid var(--gray05);
}

.writeBox_cont .writeBox .writeTable table tbody tr td .filebox{
	display:flex;
	align-items:center;
	margin-bottom:10px;
	position:relative;
}

.writeBox_cont .writeBox .writeTable table tbody tr td .filebox .upload-name{
	
	width:100%;
	height:45px;
	border-radius:10px;
	border:1px solid var(--gray05);
	outline:none;
}

.writeBox_cont .writeBox .writeTable table tbody tr td .filebox label{
	display:inline-block;
	color:var(--white);
	vertical-align:middle;
	background-color:var(--green01);
	cursor:pointer;
	border-radius:10px;
	padding:16px 40px;
	font-size:1rem;
	font-weight:600;
	position:absolute;
	right:0;
}

.filebox input[type="file"]{
	position:absolute;
	width:0;
	height:0;
	padding:0;
	overflow:hidden;
	border:0;
}


.writeBox_cont .writeBox.write02 .writeTable table tbody tr td{
	width:75%;
}

.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input{
	display:flex;
	gap:20px;
	align-items:center;
}

.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input input{
	accent-color:var(--green01);
}

.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input label figure{
	width:70px;
	height:70px;
	border-radius:50%;
	overflow:hidden;
}

.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input label figure img{
	width:100%;
}

.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input label .name{
	text-align:center;
	font-size:1rem;
	font-weight:600;
	margin-top:10px;
}

.writeBox_cont .writeBox .writeTable table tbody tr td.write_lawyer_td{
	gap:50px;
	display:flex;
	flex-flow:wrap;
}


/*hero*/
#hero{
	background: linear-gradient(#f4efe7, #ebddc7);
	position:relative;
	z-index:0;
}

#hero .bg{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:60px;
	opacity:0.5;
	z-index:-1;
	width:95%;
}

#hero .bg img{
	width:100%;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide{
	display:flex;
	justify-content:space-between;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide figure{
	width:600px;
	border-radius:10px;
	overflow:hidden;
	position: relative;
    height: 700px;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide figure img{
	/* width:inherit;
    	height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox{
	width:calc(100% - 700px);
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroName .en_name{
	font-size:1.25rem;
	font-weight:300;
	margin-bottom:20px;
	display:inline-block;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroName .kr_name{
	font-size:1.5rem;
	font-weight:300;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroName .kr_name strong{
	font-size:3.125rem;
	font-weight:700;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo{
	margin-top:50px;
	display:flex;
	flex-direction:column;
	gap:40px;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTit{
	font-size:1.5rem;
	font-weight:700;
	color:var(--green01);
	padding-left:24px;
	position:relative;
	margin-bottom:20px;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTit:before{
	position:absolute;
	content:'';
	display:block;
	width:3px;
	height:100%;
	top:0;
	left:0;
	background-color:var(--green01);
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTxt{
	padding-left:24px;
}

#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTxt pre{
	line-height:1.5;
	font-size:1rem;
	font-weight:300;
	white-space: pre-wrap;
}

#hero .heroSwiper .swiper-button-next,
#hero .heroSwiper .swiper-button-prev{
	width:38px;
	height:38px;
	border-radius:50%;
	background-color:var(--brown01);
	position:absolute;
	top:70%;
	cursor:pointer;
	z-index:100;
}

#hero .heroSwiper .swiper-button-next{
	background-image:url(/img/arr_right.png);
	background-position:center;
	background-repeat:no-repeat;
	right:auto;
	left:68px;
}

#hero .heroSwiper .swiper-button-prev{
	background-image:url(/img/arr_left.png);
	background-position:center;
	background-repeat:no-repeat;
	left:0;
}

#hero .heroSwiper .swiper-button-next:after,
#hero .heroSwiper .swiper-button-prev:after{
	display:none;
}

#heroWrite .writeBox_cont .writeBox .writeTable table tbody tr td.textType textarea{
	height:200px;
}

@media screen and (max-width:1400px){
	.writeBox_cont .writeBox .writeTable table tbody tr th{
		font-size:1rem;
		padding:0 0 0 20px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide figure{
		width:500px;
		height:570px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox{
		width:calc(100% - 580px);
	}

	#hero .heroSwiper .swiper-button-next, #hero .heroSwiper .swiper-button-prev{
		top:52%;
	}

	#more .moreList .more_list li a .more_info .category{
		width:10%;
	}
}

@media screen and (max-width:1280px){
	.contentsList .list_cont .boardList .listBox .list .listArr{
		width:65px;
		height:65px;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo{
		width:calc(100% - 65px);
	}

	#more .moreList .more_list li a .listArr{
		width:65px;
		height:65px;
	}

	.contentLayout .contentTop{
		padding:20px;
	}

	.contentLayout .contentTop .contentTit{
		font-size:2.333rem;
	}

	.boardView .fixTxt_box .fixTxt{
		font-size:1rem;
	}

	#more .moreList .more_list li a .more_info .more_infoBox{
		width:70%;
	}

	#more .moreList .more_list li a .more_info{
		width:calc(100% - 65px);
	}
	
	.writeBox_cont .writeBox .writeTop{
		padding:20px;
	}

	.writeBox_cont .writeBox .writeTop h5{
		font-size:1.333rem;
	}

	#successColumnList .list_cont .boardList .listInfo .listContent_right{
		gap:60px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.write_lawyer_td{
		gap:30px;
	}
	
	.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input{
		gap:10px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.write_lawyer_td{
		width:100%;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .categoryName{
		width:10%;
	}
}

@media screen and (max-width:1100px){
	.contentsList{
		background-size:35% auto;	
	}

	.contentsList .searchBox form{
		gap:0;
		justify-content:space-between;
	}

	.contentsList .searchBox form select{
		width:25%;
		height:50px;
	}

	.contentsList .searchBox form .search{
		height:50px;
		width:73%;
	}

	.contentsList .searchBox form .search button{
		padding:8px 35px;
		right:0;
	}

	.contentsList .searchBox form .search button .btn_icn{
		height:34px;
		width:34px;
	}

	.contentsList .list_cont .categoryBox .cate li a{
		padding:12px 0;
		font-size:1rem;
	}

	.contentsList .list_cont .boardList{
		margin-top:40px;
	}

	.contentsList .list_cont .boardList .list_pager{
		margin:60px auto 0 auto;
	}

	.contentLayout .contentTop .contentTop_tit{
		gap:15px;
	}

	.contentLayout .contentTop .contentTit{
		font-size:2rem;
	}

	#more .moreList .more_list li a .more_info{
		gap:15px;
	}

	#more .moreList .more_list li a .more_info .category{
		width:12%;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td select{
		width:50%;
	}

	.writeBox_cont .write02{
		margin-top:80px;
	}

	#successColumnList .list_cont .boardList .listInfo .listContent_right{
		gap:40px;
	}

	.lawyerView li figure{
		width:60px;
		height:60px;
	}

	#successColumnList .list_cont .boardList .listInfo .listContent{
		gap:20px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input label figure{
		width:60px;
		height:60px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.write_lawyer_td{
		width:100%;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroName .kr_name strong{
		font-size:2.666rem;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo{
		margin-top:30px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide{
		flex-direction:column;
		gap:30px;
	}

	#hero .heroSwiper .swiper-button-next, #hero .heroSwiper .swiper-button-prev{
		top:482px;
	}

	#hero .heroSwiper .swiper-button-next{
		left:60%;
	}

	#hero .heroSwiper .swiper-button-prev{
		left:51%;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroName .en_name{
		font-size:1.2rem;
		margin-bottom:10px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox{
		width:100%;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo{
		width:100%;
		gap:25px;
		flex-flow:wrap;
		height:450px;
		overflow-y:scroll;
	}

	.admin_button.slide_in_button{
		top:51%;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo>div{
		width:48%;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide figure {
        width: 440px;
        height: 500px;
    }

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .categoryName{
		width:12%;
	}
}

@media screen and (max-width:980px){
	.contentsList .list_cont .boardList .listBox .list .listInfo{
		gap:20px;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .date .day{
		font-size:2rem;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .date{
		gap:0;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox{
		width:90%;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTxt{
		width:90%;
	}

	.contentsList .list_cont .boardList .listBox .list a{
		padding:15px 25px;
	}

	#more .moreList .more_list li a{
		padding:15px 25px;
	}

	.contentsList .list_cont .boardList .listBox .list .listArr{
		font-size:2rem;
		width:60px;
		height:60px;
	}

	#more .moreList .more_list li a .more_info .category{
		width:6%;
	}

	#more .moreList .more_list li a .listArr{
		width:60px;
		height:60px;
		font-size:2rem;
	}

	.contentsList .searchBox form .search{
		width:79%;
	}

	.contentsList .searchBox form select{
		width:20%;
	}

	.represent .representSwiper .represent-swiper-pagination{
		height:6px;
	}

	.contentsList .searchBox{
		padding:15px;
	}

	.contentsList .list_cont .categoryBox .cate li a{
		padding:10px;
		border-radius:7px;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo{
		width:calc(100% - 55px);
	}

	.contentsList .list_cont .boardList .listBox .list .listArr{
		width:55px;
		height:55px;
		font-size:1.714rem;
	}

	#more .moreList .more_list li a .listArr{
		width:55px;
		height:55px;
		font-size:1.714rem;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent{
		gap:7px;
	}

	#more .moreList .more_list li a .more_info{
		width:calc(100% - 55px);
	}

	#more .moreList .more_list li a .more_info{
		gap:10px;
	}

	#more .moreList .more_list{
		gap:10px;
	}

	#more .moreList .more_list li{
		width:100%;
	}

	.contentLayout .contentBottom{
		padding:40px 0;
	}

	#more .moreList .more_list li a .more_info .more_infoBox{
		gap:7px;
	}

	.contentLayout .contentTop .contentTit{
		font-size:1.846rem;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr th{
		width:30%;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td{
		width:65%;
	}

	.writeBox_cont .writeBox.write02 .writeTable table tbody tr td{
		width:65%;
	}

	.caution{
		font-size:0.866rem;
		word-break:keep-all;
		line-height:1.5;
	}

	.writeBox_cont .writeBox .writeTable{
		margin-top:40px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td{
		padding:10px 15px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.textType input{
		height:40px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td .filebox .upload-name{
		height:40px;
		box-sizing:border-box;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td .filebox label{
		padding:12px 30px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td select{
		height:40px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.textType textarea{
		height:300px;
	}

	#successColumnList .list_cont .boardList .listInfo{
		flex-direction:column;
		gap:30px;
	}

	#successColumnList .list_cont .boardList .listBox .list .listInfo .listContent{
		width:100%;
		flex-direction:column;
		align-items:flex-start;
	}

	#successColumnList .list_cont .boardList .listInfo .listContent_right{
		gap:0;
		width:100%;
		justify-content:space-between;
	}

	#successColumnList .list_cont .boardList .listBox .list .listInfo .listContent .listTxt{
		width:100%;
	}

	.boardView .fixTxt_box{
		margin-top:25px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.write_lawyer_td{
		width:100%;
	}

	.writeBox_cont .writeBox.write02 .writeTable table tbody tr td{
		gap:20px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTit{
		font-size:1.333rem;
		margin-bottom:10px;
	}

	#hero .heroSwiper .swiper-button-next{
		left:auto;
		right:0;
	}

	#hero .heroSwiper .swiper-button-prev{
		left:auto;
		right:68px;
	}
}

@media screen and (max-width:760px){
	.writeBox_cont .writeBox .writeTable table tbody tr td select{
		background-size: 13px auto;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide figure {
        width: 340px;
        height: 390px;
    }

	#hero .heroSwiper .swiper-button-next, #hero .heroSwiper .swiper-button-prev{
		top:388px;
		width:30px;
		height:30px;
		background-size:40%;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTxt{
		padding-left:18px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTit{
		padding-left:18px;
	}
}

@media screen and (max-width:700px){
	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo>div{
		width:100%;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo{
		gap:20px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroName .kr_name strong{
		font-size:2.307rem;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroName .kr_name{
		font-size:1.23rem;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo .heroInfoTit{
		font-size:1.2307rem;
	}

	#more .moreList .more_list li a .more_info .category{
		width:8%;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .categoryName{
		width:10%;
	}
}

@media screen and (max-width:640px){
	.contentsList .searchBox{
		padding:10px;
	}

	.contentsList .searchBox form select{
		height:45px;
	}

	.contentsList .searchBox form .search button{
		gap:20px;
	}

	.contentsList .searchBox form .search{
		height:45px;
	}

	.contentsList .searchBox form .search button .btn_icn{
		width:25px;
		height:25px;
		background-size:40%;
	}

	.contentsList .list_cont .categoryBox .cate{
		flex-flow:wrap;
		justify-content:center;
	}

	.contentsList .list_cont .categoryBox .cate li {
		width: calc((100% - 30px) / 3);
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo{
		gap:10px;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox{
		width:95%;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTxt{
		width:95%;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .categoryName{
		padding:5px 10px;
	}

	.contentLayout .contentTop .categoryName{
		padding:5px 10px;
	}

	#more .moreList .more_list li a .more_info .category{
		padding:5px 10px;
	}

	.contentLayout .contentTop .categoryName{
		padding:5px 10px;
	}

	.contentsList .list_cont .boardList .listBox .list .listArr{
		width:50px;
		height:50px;
		font-size:1.538rem;
	}

	#more .moreList .more_list li a .more_info .category{
		width:10%;
	}

	#more .moreList .more_list li a .listArr{
		width:50px;
		height:50px;
		font-size:1.538rem;
	}

	.contentsList .list_cont .boardList .listBox .list a{
		padding:10px 15px;
	}

	#more .moreList .more_list li a{
		padding:10px 15px;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .date .year_month{
		font-size:0.923rem;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .date .day{
		font-size:1.846rem;
	}

	.contentsList .list_cont .boardList .list_pager{
		margin:40px auto 0 auto;
	}

	.contentsList .searchBox form .search button {
        padding: 10px 25px;
        right: 0;
    }

	.contentLayout .contentTop .contentTop_tit{
		gap:10px;
	}

	.contentLayout .contentTop{
		padding:10px;
	}


	#more .moreList .more_list li a .more_info .more_infoBox{
		width:75%;
	}

	.contentLayout .contentTop .contentTit {
        font-size: 1.538rem;
    }

	.contentLayout .contentTop .categoryName{
		font-size:0.923rem;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td select{
		width:100%;
	}

	.caution{
		font-size:0.923rem;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td{
		padding:7px 10px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr th {
        font-size: 1rem;
        padding: 0 10px;
    }

	.writeBox_cont .write02{
		margin-top:60px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.checkBox{
		gap:30px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td .filebox label{
		padding:12px 20px;
	}

	.writeBox_cont .writeBox .writeTop{
		padding:10px;
	}

	.writeBox_cont .writeBox .writeTop h5{
		font-size:1.23rem;
	}

	#successColumnList .categoryBox .cate li{
		width:calc((100% - 30px) / 3);
	}

	#successColumnList .list_cont .boardList .listBox .list .listInfo .listContent .listTxt{
		width:100%;
	}

	.lawyerView li figure{
		width:50px;
		height:50px;
	}

	#successColumnList .fixTxt_box{
		flex-direction:column;
		gap:20px;
	}

	#successView .contentTop{
		flex-direction:column;
		gap:20px;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td .lawyer_input label figure{
		width:50px;
		height:50px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide figure{
		width:300px;
		height:350px;
	}

	#hero .heroSwiper .swiper-button-next, #hero .heroSwiper .swiper-button-prev{
		top:340px;
	}

	#hero .heroSwiper .swiper-button-prev{
		right:60px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide .heroInfoBox .heroInfo{
		height:350px;
	}
}	

@media screen and (max-width:460px){
	.representSwiper .swiper-slide .postTit{
		font-size:1.23rem;
	}

	.contentsList .searchBox form{
		flex-direction:column;
		gap:10px;
	}

	.contentsList .searchBox form select{
		width:100%;
		border-radius:7px;
		height:40px;
	}

	.contentsList .searchBox form .search{
		width:100%;
		border-radius:7px;
		padding:10px;
		height:40px;
	}

	.contentsList .searchBox form .search button{
		padding:7px 30px;
		top:50%;
		height:40px;
		border-radius:7px;
	}

	.contentsList .list_cont .categoryBox .cate{
		gap:6px;
	}

	.contentsList .list_cont .boardList .listBox .list .listArr{
		width:40px;
		height:40px;
		font-size:1rem;
	}

	.admin_button.slide_in_button{
		top:50%;
	}

	.admin_button .admin_button_box li a{
		padding:10px 20px;
	}

	.admin_button .admin_button_box li button{
		padding:10px 20px;
	}

	#more .moreList .more_list li a .listArr{
		width:40px;
		height:40px;
		font-size:1rem;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox .listTit{
		width:70%;
		font-size:1.153rem;
	}

	#more .moreList .more_list li a .more_info .more_infoBox .more_infoTit{
		font-size:1.153rem;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent{
		width:calc(100% - 40px);
	}

	#more .moreList .more_list li a .more_info{
		width:calc(100% - 40px);
	}

	.contentsList .list_cont .categoryBox .cate li a{
		padding:7px 0px;
	}

	.contentsList .list_cont .boardList .listBox .list a {
        padding: 10px 10px;
    }

	#more .moreList .more_list li a{
		padding:10px 10px;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTxt{
		font-size:0.923rem;
	}

	#more .moreList .more_list li a .more_info .more_infoBox .more_infoTxt{
		font-size:0.923rem;
	}

	.contentLayout .contentTop .contentTit{
		font-size:1.384rem;
	}

	.boardView .fixTxt_box{
		margin-top:20px;

		flex-direction:column;
		gap:10px;
	}

	.boardView .fixTxt_box .fixTxt{
		font-size:0.923rem;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.checkBox{
		flex-direction:column;
		gap:7px;
		align-items:flex-start;
	}

	.writeBox_cont .writeBox .writeTable table tbody tr td.textType textarea{
		height:250px;
	}

	#successColumnList .list_cont .boardList .listBox .list .listInfo .listContent{
		gap:10px;
	}

	#successColumnList .list_cont .boardList .listInfo .listTitbox{
		width:100%;
	}

	#successView .fixTxt_box{
		flex-direction:column;
		gap:7px;
	}

	.writeBox_cont .writeBox.write02 .writeTable table tbody tr td{
		gap:10px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide{
		align-items:center;
	}

	#hero .heroSwiper .swiper-button-next, #hero .heroSwiper .swiper-button-prev{
		/* display:none; */
		top:177px;
	}

	#hero .heroSwiper .swiper-button-prev{
		left:0;
	}

	.contentsList {
        background-size: 55% auto;
    }

	 #more .moreList .more_list li a .more_info .category {
        width: 13%;
    }

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .categoryName{
		width:13%;
	}
}

@media screen and (max-width:400px){
	#more .moreList .more_list li a .more_info .category{
		width:13%;
	}
}

@media screen and (max-width:375px){
	.subVisual .subTitle .subVisualTit{
		font-size:2.923rem;
	}

	.subVisual .subTitle {
        padding: 120px 0 45px 0;
    }

	.subVisual .subVisual_img {
        height: 180px;
    }

	.subVisual .subVisual_img {
        height: 180px;
    }

	.contentsList .searchBox form .search button{
		padding:7px 20px;
	}

	.contentsList .searchBox form .search input::placeholder{
		font-size:0.923rem;
	}

	.contentsList .searchBox form .search button span{
		font-size:0.923rem;
	}

	.contentsList .searchBox form select{
		font-size:0.923rem;
	}

	.contentsList .list_cont .categoryBox .cate li a{
		font-size:0.923rem;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .m_date{
		display:block;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .date{
		display:none;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo {
        width: calc(100% - 40px);
    }

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox{
		flex-direction:column;
		align-items:flex-start;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTitbox .listTit{
		width:100%;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent .listTxt{
		width:100%;
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .m_date{
		margin-top:5px;
		font-size:0.923rem;
		color:var(--gray03);
	}

	.contentsList .list_cont .boardList .listBox .list .listInfo .listContent{
		width:95%;
	}

	.admin_button.slide_in_button{
		top:49%;
	}

	#more .moreList .more_list li a .more_info{
		width:calc(100% - 40px);
		flex-direction:column;
		align-items:flex-start;
	}

	#more .moreList .more_list li a .more_info .more_infoBox{
		width:95%;
		max-width:none;
	}

	.admin_button .admin_button_box li a{
		padding:7px 20px;
		border-radius:7px;
	}

	.admin_button .admin_button_box{
		gap:7px;
	}

	.contentLayout .contentTop .contentTit{
		font-size:1.23rem;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide figure{
		width:100%;
		height:350px;
	}

	#hero .heroSwiper .swiper-wrapper .swiper-slide figure img{
		top:0;
		/* transform:translate(-50%, 0); */
	}
}

@media screen and (max-width:320px){
	#hero .heroSwiper .swiper-wrapper .swiper-slide figure{
		height:280px;
	}
}