.boss_content {padding-top: 3rem;display: flex;}

.boss_title {border-bottom: 1px solid #dddddd;padding-bottom: 1rem;padding-top: 5rem;}
.boss_title h3 {
	margin-bottom:0; padding-bottom:0; border:none; padding-top:1rem; font-weight: 500; color: #000; font-size: 3.2rem; font-family: "ROKG_R"; word-break: keep-all; text-align: left;}
.boss_content_left {width: 50%; padding-right: 1rem;}
.boss_content_right {width: 50%; padding-left: 1rem;}

boss_b_list {overflow: hidden;}
.boss_b_list ul li {}
.boss_gallery {border-bottom: 0.1rem solid #adadad; padding: 0rem 0 2rem 0; margin: 0 -1.5rem;}
.boss_gallery li {width: 100%; padding: 15px; overflow: hidden; position: relative; }
.boss_gallery li:first-child {padding-right: 7px;}
.boss_gallery li:last-child {padding-left: 7px;}
.boss_gallery li > a {display: block; border: 0.1rem solid #dee1e3;}
body.keyboard-nav .boss_gallery li > a:focus {padding:3px; outline-offset:-3px;}
.boss_gallery a .thumb {flex-basis: 100%;}
.boss_gallery li a .thumb::after {content: '자세히 보기'; font-weight: 600; position: absolute; color: #ffffff; opacity: 0; left: 0; top: 40%; white-space: nowrap; width: 100%; text-align: center; transition: all 0.2s;}
.boss_gallery li a:hover .thumb::after {z-index:2; opacity:1;}
.boss_gallery li a .thumb::before {font-family: 'xeicon'; font-size: 3.2rem; content: ''; position: absolute; color: #ffffff; left: 0; top: 25%; white-space: nowrap; width: 100%; text-align: center; transition: all 0.2s; transform: rotate(180deg);}

.boss_gallery a .thumb .img_box {overflow: hidden; width: 100%; height: 0; position: relative; padding-top: 58.28%;}
.boss_gallery a .thumb .img_box img {width: 100%; top: 0; left: 0; max-width: 100%; height: 100%; transform: none; position: absolute;}

.boss_gallery li a:hover .thumb::before {z-index:2; opacity:1; transform:rotate(0);}
.boss_gallery li a .thumb .img_box::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0); transition: all 0.3s;}
.boss_gallery li:hover a .thumb .img_box::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6);}

.board_b_l_title {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: inherit; font-size: 1.3rem;}
.boss_gallery .boss_b_l_desc {background: #f9fafb; padding: 1.8rem; border-top: 0.1rem solid #dee1e3;}
.boss_gallery .boss_b_l_desc .title {font-weight: 500;}
.date {font-size: 1.3rem; color: #868686;}
.border_b_none {border-bottom: none !important;display: flex;}

@media (max-width: 1024px) {
	.boss_content {flex-wrap: wrap;}
	.boss_content_left {width: 100%;}
	.boss_content_right {width: 100%;}
	.boss_content_left {padding-right: 0rem !important;}
	.boss_content_right {padding-left: 0rem !important;}
}


@media (max-width: 500px) {
	.border_b_none {display:flex; flex-wrap: wrap;}
	.boss_gallery li {width:100%;}
	.boss_gallery li {padding: 15px !important;}
	.boss_content_left {padding-right: 0rem !important;}
	.boss_content_right {padding-left: 0rem !important;}
}