@charset "utf-8";

.sub-container {padding: 100px 0;}
.sub-visual {height: 430px;}
.sub-visual .swiper-slide img {width: 100%;height: 100%;max-height: 400px;object-fit: cover;}
.sub-visual .swiper-slide.main-type img {width: auto; max-width: 100%; margin: 0 auto; display: block;}
.sub-visual .swiper-slide.main-type {z-index: 1; height: 100% !important;}
.sub-visual .swiper-slide.main-type::before {position: absolute; content: ''; width: 200vw; height: calc(100% - 24px); background: #160959; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;}
.sub-visual .swiper-slide .img-tit {position: absolute;bottom: 0;width: 100%;color: #000;font-size: 20px;font-weight: 700;padding: 10px 0 0;}
.sub-visual .swiper-slide.main-type .img-tit {background: #000;}
.sub-visual .swiper-slide .img-tit span {display: block;text-align:center;max-width: 1180px;margin: 0 auto;box-sizing: border-box;padding: 0 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.slide-btn {position: absolute;right: 19%;top: 50%;z-index: 5;background: rgba(0,0,0,0.5);transform: translateY(-50%);padding: 7px 5px;border-radius: 100px;}
.slide-btn .swiper-button-prev, .slide-btn .swiper-button-next, .slide-btn .swiper-button-next, .slide-btn .swiper-button-prev {position: static; margin-top: 0; display: block; color: #fff; height: 20px;}
.slide-btn .swiper-pagination {position: static;}
.slide-btn .swiper-button-next:after {content: '\e942'; font-family: xeicon; font-size: 24px; padding-left: 3px;}
.slide-btn .swiper-button-prev:after {content: '\e945'; font-family: xeicon; font-size: 24px; padding-left: 3px;}
.slide-btn .swiper-pagination {display: flex;flex-direction: column;color: #fff;font-size: 16px;height: 55px;justify-content: space-between;margin: 8px 0;}
.slide-btn .swiper-pagination-current {color: #55ffa5; position: relative;}
.slide-btn .swiper-pagination-current::before {position: absolute;content: '';width: 3px;height: 3px;background: #fff;border-radius: 100%;left: 50%;transform: translateX(-50%);bottom: -10px;}
.sub-top-tit {max-width: 1180px;margin: 0 auto;position:relative;margin-top: 60px;}
.sub-top-tit p {font-size: 36px;box-sizing: border-box;color: #000;font-weight: 500;display: inline-block;background: #fff;padding-right: 20px;position: relative;z-index:2;/* margin-top: 60px; */}
.sub-top-tit::before {position: absolute;content: '';width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 4px;background: #000;}
.sub-visual .swiper-slide.main-type > a {padding-bottom: 30px; display: block; height: 100%;}
.sub-visual .swiper-slide.main-type .img-box {height: 100%;}

@media screen and (max-width:1920px) {
	.sub-visual .swiper-slide.main-type img {width: 100%; max-width: none;}
	.sub-visual .swiper-slide.main-type::before {display: none;}
}

@media screen and (max-width:1500px) {
	.slide-btn {right: 20px;}	
}
@media screen and (max-width:1200px) {
	.sub-top-tit {padding: 0 20px;}
	.sub-top-tit::before {width: calc(100% - 40px);}
}
@media screen and (max-width:1023px) {
	.sub-container {padding-top: 85px;}
	.sub-visual {height: 350px;}
	.sub-visual.main {height: auto;}
	.sub-visual .swiper-slide.main-type img {position: absolute; height: 100%; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: none;}
	.sub-visual .swiper-slide img {max-height: 320px;}
	.sub-visual .swiper-slide .img-tit {font-size: 18px;}
	.sub-top-tit p {font-size: 28px}
	.sub-visual .swiper-slide.main-type > a {padding-top: 0; height: auto;}
	.sub-visual .swiper-slide.main-type img {max-height: 560px; top: 0; transform: translateX(-50%);}
	.sub-visual .swiper-slide.main-type .img-box {height: 100%; width: 100%; position: relative; padding-top: 57%;}
}
@media screen and (max-width:767px) {
	.sub-visual {height: 310px;}
}
@media screen and (max-width:500px) {
	.sub-visual {height: 250px;}
	.sub-visual .swiper-slide img {max-height: 220px;}
	.sub-visual .swiper-slide .img-tit {font-size: 16px; letter-spacing: -0.5px;}
	.slide-btn {top: 42%;}
	.slide-btn .swiper-pagination {height: 48px; margin: 5px 0; font-size: 14px;}
	.sub-top-tit p {font-size: 24px;}
}

/*view*/
.sub-visual > img {width: 100%; height: 100%; object-fit: cover;}
.content {display: flex; flex-wrap: wrap; margin-top:50px; align-items: flex-start;}
.left-area {width: calc(100% - 345px); margin-right: 45px;}
.right-area {width: 300px;}
.banner.fix {position: fixed; top: 4.5%; max-width: 300px;}
.content.end {align-items: flex-end;}
.content.end .banner.fix {position: inherit;}
.right-area img {width: 100%;height: 100%;}
.con-tit {font-size: 32px;font-weight: 700;color: #181818;line-height: 1.3;margin-bottom: 15px;}
.write {display: flex; flex-wrap: wrap; align-items: baseline;}
.write li {color: #484848;font-size: 16px;width: calc(100% - 206px);}
.write .name {font-size: 18px;color: #181818;padding-right: 20px;position: relative;width: auto;}
.write .name::before {position: absolute;content: '';width: 1px;height: 55%;background: #eee;right: 8px;top: 5px;}
.content .hash-tag-list {width: 100%; margin-top: 20px;}
.content .hash-tag-list > li {margin-top: 10px;}
.con-top {padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 40px;}
.con-bottom {font-size: 20px;color:#484848;line-height: 1.6;letter-spacing: -0.5px;}
.con-bottom img {width:100%;}
.content .post-list {padding-bottom: 0;}
.post-tit {margin-top: 40px; position: relative;}
.post-tit a {color: #000;}
.post-tit span {font-size: 30px; font-weight: 700; color: #000; background: #55ffa5;}
.post-tit.type1 span {color: #55ffa5; background: #000;}
.post-tit::before {position: absolute;content: '';height: 1px;background: #eee;right: 0;width: 69%;top: 50%;transform: translateY(-50%);z-index: -1;}
.post-tit.type2 {font-family: inherit; font-weight: 500;}
.post-tit.type2 span {background: #fff;padding-right: 20px; font-size: 26px;}
.post-tit.type2::before {display: none;}
.top-noti {background: #eee; text-align: center; padding: 5px; font-size: 16px; color: #999; font-style: italic; line-height: 40px; border:1px solid #999; box-sizing: border-box;}

/*video*/
.sub-visual.video {position: relative; height: 664px; /*background:linear-gradient(180deg, #55FFA4, #fa56fc, #F5D289, #2982dc, #000);*/ background: #000;}
.sub-visual.video iframe {position: absolute; left: 50%; width: 62%; transform: translateX(-50%);}

@media screen and (max-width:1200px) {
	.sub-visual.video {height: 420px;}
}

@media screen and (max-width:1023px) {
	.content {flex-direction: column;}
	.left-area {width: 100%; margin-right: 0;}
	.right-area {width: 100%;margin-top: 30px;}
	.con-top {padding-bottom: 25px; margin-bottom: 25px;}

	.top-noti {font-size: 15px; line-height: 32px;}
}
@media screen and (max-width:767px) {
	.con-tit {font-size: 28px;}
	.write {flex-direction: column;}
	.write li {width: 100%;}
	.write .name {margin-bottom: 5px;}
	.write .name::before {display: none;}
	.post-tit span {font-size: 24px;}
	.con-bottom {font-size: 18px; line-height: 1.7;}
	.sub-visual.video {height: 268px;}
	.top-noti {font-size: 14px;}
}

@media screen and (max-width:500px) {
	.post-tit span {font-size: 20px;}
	.sub-visual.video {height: 174px;}
}

/*sdif*/
.sel {border: 2px solid #000;background-color:#eee;width: 430px;background-position-x: 95%; margin: 90px 0 30px auto; display: flex; justify-content: flex-end; background-image: url('../../images/site/sel.png');}
.list-wrap {padding-bottom: 95px;}
.top-info {text-align: center;border-top: 3px solid #000;padding: 40px 0 30px;border-bottom: 1px solid #d2d2d2; line-height: 1.5;margin-bottom:45px;}
.top-info .info-tit {font-size: 28px; font-weight: 700; color: #000; margin-bottom: 25px;}
.top-info .info-txt {font-size: 20px;}
.align-right {text-align: right; font-size: 15px; margin-bottom: 4px;}
.col-pink {color: #f858fb;}

.year-wrap .year {display: none;}
.year-wrap .year:first-child {display: block;}
.show-list li {text-align: center; font-size: 20px;}
.show-list .show-tit {border-bottom: 2px solid #000; background: #000;color: #fff; padding: 18px 0; font-weight: 500; box-sizing: border-box;}
.show-list .show-tit.tri {background:#55ffa5; color: #000; border-bottom: 2px solid #000;}
.show-list .show-inner {padding: 25px 20px;border-bottom: 2px solid #000;color: #000;}
.show-list .show-wrap .show-inner {border-bottom: 2px solid #000;position:relative;cursor: pointer;padding: 25px 150px;}
.show-list .show-wrap .show-inner::before {box-sizing: border-box; position:absolute; content: '\e942'; font-family: xeicon; font-size: 24px; top: 50%; transform: translateY(-50%); right: 20px; width: 50px; height: 50px; border-radius: 100%; background: #55ffa5; border:2px solid #000; color: #000; line-height: 50px;}
.show-list .show-wrap .show-inner strong {display: inline-block; margin-bottom: 5px;}
.show-list .show-wrap .show-inner .lnk {display: block;width: 50px;height: 50px;position: absolute;top: 50%;transform: translateY(-50%);right: 90px;background: #000;color: #fff;line-height: 50px;border-radius: 100%;}
.show-list .show-wrap .show-inner .lnk > i {transform: rotate(45deg);}
.show-list .show-wrap .detail {border-bottom: 2px solid #000; padding: 40px; box-sizing: border-box; background: #eee; display: none; flex-wrap: wrap; align-items: center;}
.show-list .show-wrap .detail .img-area {width: 230px; height: 230px;}
.show-list .show-wrap .detail .img-area img {width: 100%;}
.show-list .show-wrap .detail .person-info {width: calc(100% - 270px); margin-left: 40px; text-align: left; line-height: 30px;}

.show-list .show-wrap.on .show-inner::before {content: '\e945'; line-height: 45px;}
.show-list .show-wrap.on .detail {display: flex;}

@media screen and (max-width:767px) {
	.align-right {text-align: left; font-size: 13px;}
	.sel {width: 100%;margin: 50px 0 20px;padding: 0 55px 0 30px; text-align: left;}
	.top-info {text-align: left;}
	.top-info .info-tit {font-size: 22px;}
	.top-info .info-txt {font-size: 18px;}
	.show-list .show-tit {padding: 10px 0;}
	.show-list li { font-size: 16px;}
	.show-list .show-inner {padding: 20px;text-align: left;}
	.show-list .show-wrap .show-inner::before {width: 40px;height: 40px;line-height: 40px;text-align: center;}
	.show-list .show-wrap.on .show-inner::before {line-height: 35px;}
	.show-list .show-wrap .show-inner .lnk {width: 40px;height: 40px;line-height: 40px;right: 65px;text-align: center;}
	.show-list .show-wrap .show-inner {padding: 20px 110px 20px 20px;}
	.show-list .show-wrap .detail {flex-direction: column; padding: 40px 30px;}
	.show-list .show-wrap .detail .img-area {width: 180px; height: 180px; margin: 0 auto;}
	.show-list .show-wrap .detail .person-info {width: 100%; margin-left: 0; margin-top: 40px;}
}

/* ====게시판 s====*/
.board-top {margin: 70px 0 15px;}
.board-top.mb10 {margin-bottom: 10px;}
.board-top > p {font-size: 18px; color: #282828; font-weight: 700;}
.board-top .post-num {color: #ea65f4; font-weight: 700;}
.board-tbl table {width: 100%;border-top: 2px solid #363636;}
.board-tbl table th, .board-tbl table td {text-align: center;border-bottom: 1px solid #e1e1e1;font-size: 15px;}
.board-tbl table th {background: #f9f9f9; font-weight: 500; color: #161718; padding: 20px 0; }
.board-tbl table td {padding: 12px 0;height: 56px;box-sizing: border-box;}
.board-tbl table td .tit {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #231f20; text-align: left;}
.board-tbl table td .ico-file {display: block; text-indent: -9999px; width: 15px; height: 18px; background: url('../../images/sub/ico-file.png')50% 50% no-repeat; margin: 0 auto;}
.sub-container .noti {color: #000;display: inline-block;padding: 5px 20px;border-radius: 100px;border: 1px solid #000;background: #4fea97;font-weight: 500;}
.board-tbl table tr:hover {background: #f6fefa;}
.board-tbl table tr:hover td .tit {font-weight: 500;}
.board-tbl table td.type {color: #8c8b8b;}

/*pager*/
.pager-wrap {margin: 0 0 100px;padding: 30px 0;background: #fff;border-top:  1px solid #000;margin-top: -1px;}
.pager-wrap ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pager-wrap .pager {margin-right: 8px;}
.pager-wrap .pager:last-child {margin-right: 0;}
.pager-wrap .pager a {display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;box-sizing: border-box;color: #000;transition: all 0.3s;}
.pager-wrap .pager:hover a {border-color: #252525; color: #252525;}
.pager-wrap .pager.active a {background: #252525;color: #4fea97;font-weight: 500;border-color: #252525;border-radius: 100%;}
.pager-wrap .first, .pager-wrap .prev, .pager-wrap .next, .pager-wrap .last {text-indent: -9999px; width: 40px; height: 40px; background: url('../../images/site/pager-first.png')50% 50% no-repeat;}
.pager-wrap .first a, .pager-wrap .prev a, .pager-wrap .next a, .pager-wrap .last a {border: 0;}
.pager-wrap .prev {background-image: url('../../images/site/pager-prev.png')}
.pager-wrap .next {background-image: url('../../images/site/pager-next.png')}
.pager-wrap .last {background-image: url('../../images/site/pager-last.png')}

@media screen and (max-width:767px) {
	.board-top {margin-bottom: 10px;}
	.board-top > p {font-size: 16px;}

	.board-tbl table colgroup {display: none;}
	.board-tbl table thead {display: none;}
	.board-tbl table tr {border-bottom: 1px solid #e1e1e1;}
	.board-tbl table td {font-size: 14px; padding:8px 10px; box-sizing: border-box; text-align: left; width: 100%; float: left; border-bottom: 0; height: auto;}
	.board-tbl table td .ico-file {margin: 0;}
	.noti {font-size: 12px;}
	.board-tbl table td.mobhide {display: none;}
	
	.pager-wrap {margin: -1px 0 60px;/* border: 1px solid #000; */}
	.pager-wrap .pager a {width: 32px; height: 32px; line-height: 32px;}
	.pager-wrap .first, .pager-wrap .prev, .pager-wrap .next, .pager-wrap .last {width: 32px;height: 32px;}
}

@media screen and (max-width:500px) {
	.pager-wrap .pager {margin-right: 5px;}
	.pager-wrap .first, .pager-wrap .prev, .pager-wrap .next, .pager-wrap .last {width: 25px; height: 25px;}
	.pager-wrap .pager a {width: 25px; height: 25px; line-height: 25px; font-size: 13px;}
}
/* ====게시판 e====*/

/* ====게시판 뷰 s====*/
.board-view {margin-bottom: 100px;}
.board-view .view-top {margin-top: 50px; border-top: 2px solid #000;}
.board-view .post-tit {display: flex; flex-wrap: wrap; align-items: baseline; font-size: 18px; font-weight: 500; color: #000; padding: 0 10px;}
.board-view .post-tit .noti {font-size: 16px; font-weight: 700; margin-right: 10px; width: 70px; box-sizing: border-box;}
.board-view .post-tit {margin-top: 0; padding-top: 20px;}
.board-view .post-tit::before {display: none;}
.board-view .post-tit > p {width: calc(100% - 80px); font-size: 20px;}
.board-view .post-datail {margin-top: 15px; padding: 0 10px 30px; display: flex; flex-wrap: wrap; font-size: 15px; color: #231f20; border-bottom: 1px solid #ddd;}
.board-view .post-datail li {margin-right: 8px;}
.board-view .post-datail li:last-child {margin-right: 0;}
.board-view .view-con {padding: 45px 15px;min-height: 250px;border-bottom: 1px solid #ddd;margin-bottom: 25px;}
.board-view .view-con img {max-width: 100%;}
.board-view .list-btn {display: block; width: 150px; height: 55px; line-height: 55px; color: #4fea97; background: #252525; margin: 0 auto; font-weight: 500; font-size: 16px; text-align: center; border-radius: 100px;}
.post-nav {margin-top: 125px; border-top: 2px solid #363636; border-bottom: 2px solid #363636;}
.post-nav li {display: flex; flex-wrap: wrap; align-items:center; padding: 20px 0;}
.post-nav li:first-child {border-bottom: 1px solid #ddd;}
.post-nav li p {width: 90px; text-align: center; font-weight: 700; color:#000; margin-right: 20px;}
.post-nav li a {color: #000; width: calc(100% - 110px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s;}
.post-nav li:hover {background: #f6fefa;}

@media screen and (max-width:767px) {
	.board-view .post-tit {flex-direction: column; font-size: 16px;}
	.board-view .post-tit .noti {margin-right: 0; font-size: 14px;}
	.board-view .post-tit > p {width: 100%;margin-top: 10px;font-size: 18px;}
	.board-view .post-datail {font-size: 14px;margin-top: 10px;}
	.board-view .file-list {margin-top: 20px;}
	.board-view .file-list p, .board-view .file-list ul {font-size:14px;}
	.board-view .view-con {font-size: 14px;min-height: 150px;}
	.board-view .list-btn {width: 120px; height: 45px; line-height: 45px; font-size: 14px;}
	.post-nav {margin-top: 80px;}
	.post-nav li {font-size: 14px;}
}
/* ====게시판 뷰 e====*/ 


/*검색*/
.search-box {display:flex;justify-content: center;align-items: center;flex-wrap:wrap;padding:55px 0 30px;}
.search-select {background-image: url('../../images/site/sel.png');min-width: 190px;height: 55px;padding: 0 80px 0 40px;border: 0;background-color: #eee; font-weight: 700;}
.search-input {width: calc(100% - 190px);display: flex;flex-wrap: wrap;height: 55px; position: relative;}
.search-input input {width: calc(100% - 80px);background: #fff;padding: 0 20px;height: 55px;line-height: 55px;border: 0;background: #eee;outline: none;}
.search-input::before {position: absolute;content: '';width: 1px;height: 40%;background: #dcdcdc;left: 0;top: 50%;transform:translateY(-50%);z-index: 1;}
.search-input .btn-submit {width: 80px;background: #eee;color: #000;font-size: 24px;font-weight: 700;letter-spacing: 5px; height: 100%;}

.recommend-list {display: flex; flex-wrap: wrap; align-items: flex-start; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.reco-tit {font-weight: 700;color: #000;font-size: 18px;min-width: 100px;margin-bottom: 10px;padding-top: 8px;}
.recommend-list .hash-tag-list > li > a {margin-bottom: 10px;}

@media screen and (max-width:767px) {
	.search-box {padding: 30px 0 15px;}
	.search-input {width: calc(100% - 116px);}
	.search-select {margin-right: 0;min-width: 100px;font-size: 15px; padding: 0 40px 0 20px;}
	.search-input input {width: calc(100% - 60px);}
	.search-input .btn-submit {font-size: 20px; width: 60px;}

	.recommend-list {padding-bottom: 15px;}
	.reco-tit {padding-top: 5px;}
}

@media screen and (max-width:500px) {
	.recommend-list {flex-direction: column;}
	.recommend-list .hash-tag-list {width: 100%;}
}

/*2021 프로그램*/
.list-show {margin-top: 50px; padding-bottom: 95px;}
.list-cont li {cursor: pointer;}
.list-head {display: flex; flex-wrap: wrap; background: #000; border: 2px solid #000; height: 60px; align-items: center;}
.list-head p {width: 33.333%; text-align: center; font-size: 20px; color: #fff; font-weight: 600;}
.cont-head {display: flex; flex-wrap: wrap; align-items: center; border-bottom: 2px solid #000;}
.cont-head p {text-align: center; width: 33.333%; padding: 30px 0; font-size: 20px; color: #000; font-weight: 600; position: relative; word-break: keep-all;}
.cont-head p span{display: block;}
.cont-head p .program_name{color: #f858fb;}
.cont-head p .subject{margin-bottom: 10px;}

.list-cont li:first-child .cont-detail {display: flex;}
.cont-detail {background: #eee; padding: 50px; box-sizing: border-box; display: flex; align-items: flex-start; flex-wrap: wrap; border-bottom: 2px solid #000; display: none;}
.cont-detail .img-area {width: 270px; height: 270px; margin-right: 80px;}
.cont-detail .img-area img {width: 100%; border: 1px solid #dcdcdc;}
.cont-detail .detail {margin-top: 30px; width: calc(100% - 360px);}
.cont-detail .detail .tit {font-size: 24px; color: #f858fb; font-weight: 700; margin-bottom: 15px;}
.cont-detail .detail .name {font-size: 20px; font-weight: 600; margin-bottom: 25px;}
.cont-detail .detail .career {font-size: 18px; line-height: 1.7;}
.cont-detail .detail .career p {font-size: 20px; color: #f858fb; margin-bottom: 10px;}
.listBtn {width:50px; height: 50px; background: #55ffa5; border: 2px solid #000; border-radius: 100%; align-items: center; justify-content: center; color: #000; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.listBtn i{font-family: 'xeicon'; font-size: 24px; font-style: normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.listBtn i::before{content: "\e942";}
.list-cont li.on .listBtn i::before{content: "\e945";}

@media screen and (max-width: 1300px){
	.list-head {height: 40px;}
    .list-head p {font-size: 18px;}
    .cont-head p {font-size: 18px; padding: 20px 0;}
    .cont-detail {padding: 30px;}
    .cont-detail .img-area {margin-right: 50px;}
    .cont-detail .detail {width: calc(100% - 330px);}
    .cont-detail .detail .tit{font-size: 20px;}
    .cont-detail .detail .name, .cont-detail .detail .career p {font-size: 18px;}
    .cont-detail .detail .name {margin-bottom: 15px;}
    .cont-detail .detail .career p {margin-bottom: 5px;}
    .cont-detail .detail .career {font-size: 16px; letter-spacing: 0;}
    .listBtn {width: 35px; height: 35px;}
    .listBtn::before {left: 56%;}
    .list-cont li.on .listBtn::before {left: 21%; top: 32%;}
}

@media screen and (max-width:1023px) {
	
	.cont-head {position: relative;}
    .cont-head p {position: static;}
    .cont-head .program_contents{text-align: left;}
    .listBtn {right: auto; left: 50%; transform: translateX(-50%); top: auto; bottom: -17px;}

    .list-head p:first-of-type{width: 100px; margin-right: 10px;}
    .list-head p{width: calc(100% - 110px);}
    .cont-head p:first-of-type{width: 100px; margin-right: 10px;}
    .cont-head p{width: calc(100% - 110px);}
    .cont-head .btn_box{width: 0;}
}

@media screen and (max-width:767px) {
	.list-cont li:first-child .cont-detail {flex-direction: column;}
    .cont-detail .img-area {margin: 0 auto; width: 210px; height: 100%;}
    .cont-detail .detail {width: 100%; margin-top: 30px; text-align: center;}
    .cont-head p {font-size: 16px; letter-spacing: -0.5px;}
}

@media screen and (max-width:500px) {
	.list-cont li:first-child .cont-detail {flex-direction: column;}
    .cont-detail .img-area {margin: 0 auto; width: 210px; height: 100%;}
    .cont-detail .detail {width: 100%; margin-top: 30px; text-align: center;}
    .cont-head p {font-size: 16px; letter-spacing: -0.5px;}
}

/*워킹그룹*/
.group-top {border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;padding: 35px 0 40px;margin-bottom: 40px;}
.working-wrap {margin-top: 60px; padding-bottom: 100px; color: #000; line-height: 1.5;}
.group-tit {font-size: 28px; font-weight: 700; margin-bottom: 35px;}
.group-txt {font-size: 20px;}
.group-info {display: flex; flex-wrap: wrap;}
.group-info li {width: calc(20% - 16px);margin-right: 20px;text-align: left;}
.group-info li:last-child {margin-right: 0;}
.img-area img {max-width: 100%;}
.group-info .name {padding-top: 25px; margin: 25px 0 15px; position: relative; font-size: 24px; font-weight: 700;}
.group-info .working {color: #000;font-size: 18px;line-height: 1.4;font-weight: 500;}
.group-info .name.general::before {position: absolute; content: 'Head MP'; font-size: 16px; color: #f772f9; left: 0; top: 0; font-weight: 400;}
.group-info .detail {font-size: 16px;color: #484848;margin-top: 30px;position: relative;text-align: left;}
.group-info .detail::before {position: absolute;content: '';width: 30px;height: 2px;background: #484848;top: -15px;left: 0;}
.group-info .detail li {width: 100%; margin-bottom: 6px;}
.group-info .detail li:last-child {margin-bottom: 0;}

@media screen and (max-width:1023px) {
	.group-top {padding: 25px 0 30px;}
	.group-tit {font-size: 26px; margin-bottom: 20px;}
	.group-txt {font-size: 18px;}
	.group-info {justify-content: center;}
	.group-info li {margin-top: 20px; width:calc(33.333% - 14px);}
	.group-info .detail li {margin-top: 0;}
	.group-info li:nth-child(3n) {margin-right: 0;}
	.group-info .name {font-size: 22px; margin: 20px 0 5px; padding-top: 22px;}
	.group-info .name.general::before {font-size: 14px;}
	.group-info .working {font-size: 16px;}
}

@media screen and (max-width:767px) {
	.group-info li {margin-right: 0; width: 100%;}
}


/*서울디자인*/
.group-txt strong {letter-spacing: -0.5px; word-break: keep-all; font-weight: 500; color: #000;}
.list-detail {font-size: 20px; padding-top: 20px;}
.list-detail li {padding-left: 18px; position: relative; margin-top: 20px;}
.list-detail li::before {position: absolute; content: '-'; left: 0; top: 0;}
.group-bottom {background: #000;box-shadow: 1px 6px 8px rgba(0,0,0,0.1);overflow: hidden;}
.group-bottom a {display: flex; color: #fff; height: 100px; align-items: center; padding: 0 190px; box-sizing: border-box; font-size: 24px; font-weight: 500;justify-content: space-between;}
.group-bottom a p {width: 70%;}
.group-bottom a span {color: #000;position: relative;display: inline-block;width: 30%;z-index: 1;text-align: center;font-size: 36px;font-weight: 800;}
.group-bottom a span > i {font-size: 20px;}
.group-bottom a span::before {position: absolute;content:'';left: 50%;top: -45px;background: #55ffa5;width: 250px;height: 250px;border-radius: 100%;transform: translateX(-50%);z-index: -1;}

.img-list {display: flex;flex-wrap: wrap;margin-bottom: 60px;}
.img-list li {width: calc(25% - 15px);margin-top: 20px;margin-right: 20px;position: relative;padding-top: 13.5%;}
.img-list li:nth-child(4n) {margin-right: 0;}
.img-list li img {position: absolute; content: ''; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}

@media screen and (max-width:1023px) {
	.group-txt strong {word-break: break-all;}
	.group-bottom a {padding: 0 40px;}
	.list-detail {font-size: 18px;}
	.list-detail li {margin-top: 10px;}
	.group-bottom a {font-size: 18px; height: 90px;}
	.group-bottom a span {font-size: 32px;}
	.group-bottom a span::before {width: 200px; height: 200px; top: -28px;}
}

@media screen and (max-width:767px) {
	.img-list li {width: calc(50% - 10px); padding-top: 30.5%;}
	.img-list li:nth-child(4n) {margin-right: 20px;}
	.img-list li:nth-child(2n) {margin-right: 0;}
	/*게시판 추가*/
	.board-tbl table td.posiTit {font-weight: 500; color: #000;}
	.board-tbl table td.postDate {color: #b7b7b7; padding-top: 0;}
}

@media screen and (max-width:530px) {
	.group-bottom a {display: block;text-align: center;height: auto;padding: 20px 20px 0;}
	.group-bottom a p, .group-bottom a span {width: 100%;}
	.group-bottom a span {margin-top: 40px;}
}


.no_ct {padding: 150px 0;text-align: center;font-size: 20px;font-weight: 500;border: 1px solid #000;text-transform: uppercase;}