@charset "utf-8";

@media print { 
    /* 프린트 제외영역 */
    .din2-12 > div[data-dinnum="1"] {display: none;}
    .board .link-cont, .board .category-cont, .board .boardHeader, .board .contest-cont, .board .reply-cont, .board .bottom.between, .board #scoreForm, .board .direction-cont {display: none;}
    #boardView .title-wrap .cont, #boardView .info .justify-content-between, #boardView .dw-cont, #boardView .popupIcon {display: none;}
    #boardView .title-wrap {background-color: #222 !important;-webkit-print-color-adjust:exact;}
    html {background-color:#e9e9e9 !important;-webkit-print-color-adjust:exact;}
    .intranet footer {display: none;}
    .intranet header {padding: 15px 50px;}
    .intranet header .logo {width: 100px;}
    .intranet header .name {font-size: 16px;}

}
/* box ---------------------------------------------------------------------------------------- */
div[data-dinnum] > div {overflow: hidden;}
div[data-dinnum] > div:last-child {margin-bottom: 0;}
.box {clear: both;position: relative;width:100%;max-width: 1200px;margin: 0 auto;}
.box:last-child {padding-bottom: 0;margin-bottom: 0;}
.box .box_title {position: relative;margin-bottom: 40px;display: flex;align-items: center;justify-content: flex-start;}
.box .box_title .name {position: relative;line-height: 1;font-weight: bold;}
.box .box_desc {display: -webkit-box;overflow: hidden;font-size: 25px;line-height: 1.7;letter-spacing: normal;font-weight: 300;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: normal;word-break: keep-all;}


/* banner */
.adlink {background-color: #ffffff;}
.banner li {text-align: center;}
.side-menu .banner li img {max-width: 100%;padding: 0 10px;margin-bottom: 15px;}
/* list */
.list {position: relative;width: 100%;}

/* article */
.article {position: relative;width:100%;overflow: hidden;}
.article .thumb {position: relative;width:100%;overflow: hidden;}
.article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: top;}
.article .title {font-size: 42px;font-weight: 500;letter-spacing: -0.95px;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.article .sub_title {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.article .desc {display: -webkit-box;overflow: hidden;font-size: 22px;font-weight: 200;line-height: 1.6;letter-spacing: -0.4px;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.article .writer {font-weight: normal;line-height: 1.1;color: #eee;}
.article .writer .name {font-size: 25px;letter-spacing: 5px;}
.article .writer .eng {font-size: 19px;letter-spacing: -0.5px;line-height: 1.7;}

.btn-more {display:flex;justify-content: center;align-items: center;color: #FFF !important;font-size: 20px;font-weight: 500;line-height: 1;letter-spacing: normal;width: 160px;height: 45px;background-color: #d00000;border-radius: 22px;}

/* 화살표 배경 */
.arrow {margin: 0 15px;display: inline-block;width: 15px;height: 18px;background: url(../../img/icon/arrow-right-r.png) no-repeat center;background-size: 100%;}
.arrow.big {width: 24px;height: 28px;}
.arrow_down {margin: 20px 0;display: inline-block;width: 28px;height: 24px;background: url(../../img/icon/arrow-down-r.png) no-repeat center;background-size: 100%;}
.arr-blue-l {position: relative;display: inline-block;content: '';width: 22px;height: 25px;background: url(../../img/icon/arr-blue-l.png) no-repeat center;background-size: cover;}
.arr-blue-r {position: relative;display: inline-block;content: '';width: 22px;height: 25px;background: url(../../img/icon/arr-blue-r.png) no-repeat center;background-size: cover;}
.select-arr {background: #FFF url(../../img/icon/arr-down-b2.png) no-repeat 95% center;background-size: 15px auto;}
select.select-arr {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select.select-arr::-ms-expand {display: none;}



/* 앰보 버튼 배경 */
.bg-b-em {display: inline-block;color: #FFF !important;background: url(../../img/background/btn-blue-em.png) no-repeat center;background-size: cover;}
.bg-o-em {display: inline-block;color: #FFF !important;background: url(../../img/background/btn-orange-em.png) no-repeat center;background-size: cover;}
.bg-b-em:link, .bg-o-em:link {text-decoration: none;}
.bg-b-em:visited, .bg-o-em:visited {text-decoration: none;}
.bg-b-em:hover, .bg-o-em:hover {text-decoration: none;}
.bg-b-em:active, .bg-o-em:active {text-decoration: none;}
.bg-o-em2 {font-size: 14px;line-height: 1.9;width: 90px;height: 28px;display: inline-block;color: #FFF !important;background: url(../../img/background/btn-orange-em2.png) no-repeat center;background-size: contain;text-align: center;}
.bg-em-radius-gray {font-size: 14px;line-height: 2.4;width:70px;height: 36px;display: inline-block;color: #FFF !important;background: url(../../img/background/btn-gray-emb-radius.png) no-repeat center;background-size: cover;text-align: center;}
.bg-em-radius-red {font-size: 14px;line-height: 2.4;width:70px;height: 36px;display: inline-block;color: #FFF !important;background: url(../../img/background/btn-red-emb-radius.png) no-repeat center;background-size: cover;text-align: center;}
.bg-em-radius-blue {font-size: 14px;line-height: 2.4;width:95px;height: 36px;display: inline-block;color: #FFF !important;background: url(../../img/background/btn-blue-emb-radius.png) no-repeat center;background-size: cover;text-align: center;}
.bg-em-radius-orange {font-size: 14px;line-height: 2.4;width:95px;height: 36px;display: inline-block;color: #FFF !important;background: url(../../img/background/btn-orange-emb-radius.png) no-repeat center;background-size: cover;text-align: center;}
.bg-em-gray  {display: inline-block;color: #FFF !important;background: url(../../img/background/btn-gray-em.png) no-repeat center;background-size: cover;}
.bg-em-white {display: inline-block;color: #222 !important;background: url(../../img/background/btn-white-em.png) no-repeat center;background-size: cover;}

/* writable 글쓰기 버튼 */
.writable {position: absolute;right: 0;content:'';display: inline-block;width: 19px;height: 19px;background: url(../../img/icon/btn-write.png) no-repeat right;background-size: 100% auto;}


/* 버튼 width100% 배경 블루 */
.btn-blue-w100 {width: 100%;background-color: #245480;height: 46px;color: #FFF;font-size: 18px;line-height: 1.1;display: flex;align-items: center;justify-content: center;box-shadow: 2px 3px 3px 1px #0003;}


/* 게시글 new */
.new-n {width: 12px;min-width: 12px;height: 12px;display: inline-block;background: url(../../img/icon/new-n.png) no-repeat center;background-size: contain;}
.new {width: 22px;min-width: 22px;height: 20px;display: inline-block;background: url(../../img/icon/new.png) no-repeat center;background-size: contain;}


/* 비밀글 자물쇠 */
.secret {width: 12px;min-width: 12px;height: 12px;display: inline-block;background: url(../../img/icon/lock.png) no-repeat center;background-size: contain;}


/* 글자색 */
.red {color: #ff0000;}
.blue {color: #0072ff;}


/* 페이지네비게이션 */
.page {position:relative;display: flex;justify-content: center;align-items: center;}
.page .inner {display: inline-block;}
.page a {float: left;border:1px solid #dddddd;width: 30px;height: 30px;font-size: 14px;color:#999999;line-height: 2.14;text-align: center;margin-right: 5px;}
.page a:last-child {margin-right: 0;}
.page .no.current {color:#ffffff;background-color: #444;}

.caption {overflow-y: auto;font-size: 1rem;color: #ddd;line-height: 1.8;letter-spacing: -0.3px;word-break: keep-all;}
.caption::-webkit-scrollbar {width: 4px;}
.caption::-webkit-scrollbar-thumb {background-color: #999;border-radius: 10px;}
.caption::-webkit-scrollbar-track {background-color: #fff4;}
/* headline 메인 상단 */
.box.headline {margin-bottom: 150px;width: 1200px;}
.headline .article {width: 100%;display: flex;flex-direction: column;align-items: center;}
.headline .article .thumb {width: 100%;height: 800px;display: flex;justify-content: center;}
.headline .article .thumb img {width: auto;max-width: 100%;height: 100%;object-fit: contain;}
.headline .article .caption {max-height:100px;width: 80%;margin: 0 auto;padding:5px 0 ;}

/* writer-info 갤러리 기자소개 */
.box.writer-info {margin-bottom: 150px;}
.writer-info .article {display: flex;}
.writer-info .thumb {width: 250px;max-height: 305px;display: flex;justify-content: center;}
.writer-info .thumb img {max-width: 100%;max-height: 100%;object-fit: contain;}
.writer-info .text_box {width: calc(100% - 300px);margin-left: 50px;}
.writer-info .writer {margin-bottom: 20px;}
.writer-info .writer .name {font-size: 35px;}
.writer-info .writer .eng {font-size: 24px;}
.writer-info .writer .arrow {margin-left: 0;}


/* writer-photo 기자별 사진기사 */
.box.writer-photo {margin-bottom: 150px;}
.writer-photo .list {}
.writer-photo.back .list {background-image: url(../../img/background/back-6.png);background-position: center;background-repeat: no-repeat;}
.writer-photo .article {display: flex;margin-bottom: 130px;height: fit-content;}
.writer-photo .article .text_box {width: 380px;}
.writer-photo .article .writer {margin-bottom: 6px;}
.writer-photo .article .title {-webkit-line-clamp: 3;}
.writer-photo .article .desc {line-height: 1.6;margin-top: 15px;}
.writer-photo .article .btn-more {position: absolute;bottom: 0;}
.writer-photo .article .thumb {max-width: 760px;max-height: 500px;height: fit-content;width: fit-content;display: flex;}
.writer-photo .article .thumb img {max-width: 100%;width: auto;max-height: 500px;height: auto;object-fit: contain;}
.writer-photo .article:nth-child(2n+1) .thumb {margin-left: 60px;justify-content: flex-end;}
.writer-photo .article:last-child {margin-bottom: 0;}
.writer-photo .article:nth-child(2n) {flex-direction: row-reverse;}
.writer-photo .article:nth-child(2n) .thumb {margin-right: 60px;justify-content: flex-start;}
.writer-photo .article:nth-child(2n) .text_box {text-align: right;}
.writer-photo .article:nth-child(2n) .writer {text-align: right;}
.writer-photo .article:nth-child(2n) .btn-more {right: 0;}
.writer-photo .caption {width: 100%;margin-top: 20px;max-height: 200px;padding: 10px;}
.writer-photo.gallery .caption {width: 100%;max-height: 300px;font-size: 1.27rem;}
.writer-photo.gallery .text_box {width: fit-content;max-width: 500px;}

/* press-photo 한국보도사진전 */
.box.press-photo {margin-bottom: 150px;width: 1200px;}
.press-photo .box_title .name {font-size: 50px;font-weight: normal;}
.press-photo .box_title .arrow {margin-left: 0;}
.press-photo .box_title .btn-more {margin-left: 25px;}
.press-photo .article {display: flex;max-height: 630px;}
.press-photo .article .left {width: 610px;display: flex;flex-direction: column;}
.press-photo .article .text_box {width: 610px;margin-bottom: 20px;}
.press-photo .article .text_box .desc {width: 100%;-webkit-line-clamp: 7;}
.press-photo .article .left .thumb.navSwiper {width: 100%;height: 310px;display: flex;margin-top: 10px;}
.press-photo .article .left .thumb.navSwiper .swiper-slide {height: 140px;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.press-photo .article .left .thumb.navSwiper .swiper-slide img {max-width: 100%;width: auto;height: auto;max-height: 100%;object-fit: contain;object-position: center;}
.press-photo .article .thumb.mainSwiper {width: 570px;height: 100%;margin-left: 20px;}
.press-photo .article .thumb.mainSwiper .swiper-slide {width: 100%;height: 630px;background-color: #000;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.press-photo .article .thumb.mainSwiper .swiper-slide img {max-width: 100%;width: auto;height: auto;max-height: 520px;object-fit: contain;}
.press-photo .article .thumb.mainSwiper .swiper-slide .caption {max-height: 100px;width: 100%;margin-top: 10px;padding: 10px;overflow-y: auto;font-size: 1rem;line-height: normal;letter-spacing: -0.4px;}
.press-photo .article .thumb.mainSwiper .swiper-slide {opacity: 0 !important;}
.press-photo .article .thumb.mainSwiper .swiper-slide.swiper-slide-active {opacity: 1 !important;}


/* photo-award 이달의 보도사진상 */
.box.photo-award {margin-bottom: 150px;width: 1200px;}
.photo-award .box_title .name {font-size: 50px;font-weight: normal;}
.photo-award .box_title .arrow {margin-left: 0;}
.photo-award .box_title .btn-more {margin-left: 25px;}
.photo-award .box_desc {margin-bottom: 40px;} 
.photo-award .article {width: 100%;border: 1px solid #FFF3;padding: 25px;}
.photo-award .article .thumb.mnSwiper {width: 100%;max-width: 1147px;height: 765px;margin-bottom: 30px;}
.photo-award .article .thumb.mnSwiper .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;width: 100%;height: 100%;background-color: #000;}
.photo-award .article .thumb.mnSwiper .swiper-slide img {width: auto;max-width: 100%;height: calc(100% - 150px);object-fit: contain;object-position: center;}
.photo-award .article .thumb.mnSwiper .swiper-slide .caption {max-height: 150px;width: 100%;padding: 10px 0;}
.photo-award .article .thumb.mnSwiper .swiper-button-prev, .photo-award .article .thumb.mnSwiper .swiper-button-next {top: 42% !important;color: #FFF;}
.photo-award .article .thumb.sub.subSwiper {width: 100%;height: 190px;}
.photo-award .article .thumb.sub.subSwiper .swiper-wrapper {justify-content: center;}
.photo-award .article .thumb.sub.subSwiper .swiper-slide {cursor: pointer;display: flex;justify-content: center;}
.photo-award .article .thumb.sub.subSwiper .swiper-slide img {max-width: 100%;max-height: 100%;height: auto;width: auto;}
.photo-award .article .text_box {text-align: center;}
.photo-award .article .date {font-size: 30px;font-weight: 500;letter-spacing: normal;line-height: 1.2;}
.photo-award .article .writer {margin-bottom: 25px;}
.photo-award .article .title {margin-bottom: 25px;}
.photo-award .article .desc + .arrow_down {margin: 40px 0;}


/* regulation 규정 */
.box.regulation {padding-bottom: 80px;}
.regulation .box_title {margin-bottom: 30px;z-index: 10;background-color: #000;width: 100%;}
.regulation .box_title .icon {width: 50px;height: auto;margin-right: 15px;}
.regulation .box_title .name {font-size: 35px;font-weight: normal;}
.regulation .box_title .arrow {display: none;}
.regulation .box_title .arrow.on {display: inline-block;margin-left: 0;margin-right: 10px;}
.regulation .text_box.on {display: block;width: 100%;}
.regulation .text_box {display: none;color: #fff;background-color: #545454;height: 670px;padding: 20px 15px;font-size: 19px;font-weight: 300;line-height: 1.6;letter-spacing: -0.4px;}
.regulation .text_box strong {display: block;letter-spacing: 1px;font-weight: 500;margin: 50px 0 10px;font-size: 20px;}
.regulation .text_box strong:first-child {margin: 0;}
.regulation .text_box strong.title {display: block;font-size: 22px;font-weight: 500;line-height: 1.2;margin: 70px 0 0;}
.regulation .text_box p {overflow-y: auto;width: 100%;height: 100%;padding: 10px;}
.regulation .text_box p::-webkit-scrollbar {width: 4px;height: 100%;}
.regulation .text_box p::-webkit-scrollbar-thumb {background-color: #930000;;border-radius: 10px;}
.regulation .text_box p::-webkit-scrollbar-track {background-color: #000;border-radius: 10px;}


/* org-box 운영정보 */
.box.org-box {margin-bottom: 100px;}
.org-box .box_title {justify-content: center;margin-bottom: 30px;}
.org-box .box_title .name {color: #FFF;letter-spacing: 1px;text-align: center;line-height: 2;font-size: 30px;width:127px;height: 76px;background-image: url(../../img/background/back-1.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}
.org-box .box_desc {line-height: 1.3;text-align: center;font-size: 30px;font-weight: normal;letter-spacing: normal;margin-bottom: 30px;}
.org-box .list {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.org-box .circle-cont {text-align: center;display: flex;justify-content: center;align-items: center;margin: 0 calc((100% - 760px) / 2) 60px;width: 760px; height: 340px;background-image: url(../../img/background/back-4.png);background-position: center;background-repeat: no-repeat;background-size: 100%}
.org-box .circle-cont .left, .org-box .circle-cont .right {width:320px;}
.org-box .circle-cont .left {margin-right: 100px;}
/* .org-box .circle-cont .left .position {font-size: 50px;font-weight: 500;} */
.org-box .circle-cont .wrap {padding: 10px;}
.org-box .circle-cont .wrap > .position {font-size: 35px;font-weight: 500;}
.org-box .circle-cont .wrap > .name {font-size: 30px;font-weight: normal;}
.org-box .circle-cont .position {font-size: 35px;font-weight: 500;}
.org-box .circle-cont .name {font-size: 30px;font-weight: normal;}
/* .org-box .circle-cont .right .wrap:first-child::after {position: relative;top: 10px;right: -50px;content: '';width: 200px;height: 2px;display: block;background-color: #0074ff;} */
/* .org-box .circle-cont .right .wrap > .position {font-size: 27px;font-weight: 500;}
.org-box .circle-cont .right .wrap > .name {font-size: 22px;font-weight: normal;}
.org-box .circle-cont .right > .name {font-size: 27px;font-weight: 500;} */
.org-box .blue-cont {padding: 30px;text-align: center;width: calc((100% - 100px) / 3);height: max-content;min-height: 650px;background-color: #08366d;border-radius: 10px;margin-right: 50px;}
.org-box .blue-cont:last-child {margin-right: 0;}
.org-box .blue-cont > .position {margin-bottom: 20px;font-size: 40px;font-weight: 500;height: 92px;line-height: 1.8;color: #FFF;background-image: url(../../img/background/back-1.png);background-position: center;background-size: auto 100%;background-repeat: no-repeat;}
.org-box .blue-cont > .position.long {background-image: url(../../img/background/back-3.png);}
.org-box .blue-cont ul li {position: relative;height: 110px;display: flex;flex-direction: column;justify-content: center;color: #fff;border-bottom: 1px solid #FFF5;}
.org-box .blue-cont ul li:last-child {border: 0;}
.org-box .blue-cont ul li .position {font-size: 27px;font-weight: 500;}
.org-box .blue-cont ul li .name {font-size: 22px;font-weight: 500;}
.org-box .blue-cont ul li.back {display: inline-block;position: relative;width: 300px;height: 440px;background: url(../../img/background/back-10.png) no-repeat 100px 115px;background-size: 145px auto;}


/* greeting-box 협회소개 */
.box.greeting-box {}
.greeting-box .cont {width: 100%;margin: 0 auto;padding: 30px 0 0;margin-bottom: 60px;text-align: center;background-color: #0000;word-break: keep-all;color: #FFF;font-size: 26px;}
.greeting-box .text-cont {font-size: 19px;font-weight: normal;line-height: 1.7;padding: 0 130px;}
.greeting-box .logo-cont {display: flex;justify-content: center;margin-top: 130px;}
.greeting-box .logo-cont .logo.bg-white {background-color: #eee;margin-right: 10px;}
.greeting-box .logo-cont .logo {position: relative;display: inline-flex;align-items: center;justify-content: center;width:calc((100% - 170px) / 2);height: 220px;border-radius: 10px;background-color: #222;}
.greeting-box .logo-cont .logo img {width: 360px;}
.greeting-box .logo-cont .logo .btn-down {position: absolute; top:6px;right: 5px;font-size: 16px;line-height: 1;color: rgb(171, 177, 187);border: 1px solid rgb(98, 101, 107);border-radius: 5px;padding: 8px 35px 8px 15px;box-shadow: 1px 1px 4px 1px #0003;white-space: nowrap;}
.greeting-box .logo-cont .logo .btn-down {background: #29343e url(../../img/icon/file_jpg.png) no-repeat 90%;background-size: 18px auto;}
.greeting-box .logo-cont .logo .btn-down:hover {background-color: rgb(207, 213, 221);color: #29343e;font-weight: bold;}

/* 인트라넷 좌측 //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* member-profile 회원프로필 */
.member-profile {margin: 0 auto;padding: 5px 0 20px;margin-bottom: 20px;width: calc(100% - 10px);text-align: center;display: flex;flex-direction: column;align-items: center;border-bottom: 1px solid #b3b3b3;}
.member-profile .thumb {width:100%;height: 160px;margin-bottom: 10px;border: 1px solid #dfdfdf;overflow: hidden;}
.member-profile .thumb img {max-width:100%;max-height: 100%;height: 100%;width: auto;object-fit: contain;}
.member-profile .cont {color: #222;line-height: 1.2;}
.member-profile .cont .name {font-size: 20px;margin-bottom: 10px;}
.member-profile .cont .btn-wrap {display: flex;justify-content: center;width: 100%;height: fit-content;}
.member-profile .cont .btn-wrap a {font-size: 15px;width: 80px;height: 28px;text-align: center;padding-top: 4px;}
.member-profile .cont .btn-wrap a:last-child {margin-right: 0;}


/* notice-box 공지사항  */
.box.notice-box {padding: 0 10px 20px;margin-bottom: 20px;width: calc(100% - 10px);border-bottom: 1px solid #b3b3b3;}
.notice-box .box_title {width: 100%;margin-bottom:15px !important;margin-bottom: 15px;}
.notice-box .box_title .name {font-weight: bold;font-size: 20px;text-align: center;letter-spacing: normal;}
.notice-box .article {display: flex;margin-bottom: 10px;}
.notice-box .article::before {display: inline-block;content: '·';font-size: 16px;font-weight: bold;line-height: 1.25;color: #222;margin-right: 5px;}
.notice-box .article .title {font-size: 16px;font-weight: normal;word-break: break-all;-webkit-line-clamp: 2;line-height: 1.25;}
.notice-box .article:last-child {margin-bottom: 0;}


/* category-menu */
.box.category-menu {padding: 0 10px 20px;margin-bottom: 20px;width: calc(100% - 10px);border-bottom: 1px solid #b3b3b3;}
.category-menu .box_title {width: 100%;margin-bottom:15px !important;margin-bottom: 15px;}
.category-menu .box_title .name {font-weight: bold;font-size: 20px;text-align: center;letter-spacing: normal;}
.category-menu .list .link {margin-bottom: 10px;width: 100%;display: flex;}
.category-menu .list .link.hide {display: none;}
.category-menu .list .link:last-child {margin-bottom: 0;}
.category-menu .list .link:before {display: inline-block;content: '·';height: 100%;font-size: 16px;font-weight: bold;line-height: 1.25;color: #222;margin-right: 5px;}
.category-menu .category {font-size: 16px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;line-height: 1.25;}
.category-menu .red {color: #d00000;min-width: 30px;margin-left: 3px;}
.category-menu .btn-arr, .category-menu .btn-arr-up {font-size: 14px;display: flex;align-items: center;justify-content: center;width: 100%;}
.category-menu .btn-arr::before, .category-menu .btn-arr-up::before {display: none;}
.category-menu .arr {position: relative;margin-right: 3px;display: inline-block;content: '';width: 15px;height: 15px;background: url(../../img/icon/arr-down-b2.png) no-repeat left;background-size: 100% auto;}
.category-menu .arr-up {position: relative;margin-right: 3px;display: inline-block;content: '';width: 15px;height: 15px;background: url(../../img/icon/arr-down-b2.png) no-repeat left;background-size: 100% auto;transform: rotate(180deg);}


/* intranet-menu 메뉴 */
.box.intranet-menu {padding: 0 10px 20px;}
.intranet-menu .list a {margin-bottom: 15px;display: block;}
.intranet-menu .list a:last-child {margin-bottom: 0px;}

/* letter-slide-sm 인트라넷 좌측 하단 협회회보 슬라이드 */
.box.letter-slider-sm {}
.letter-slider-sm .box_title {background-color: #222;padding: 10px 0;margin-bottom: 20px;}
.letter-slider-sm .box_title a {width: 100%;}
.letter-slider-sm .box_title .name {width: 100%;font-weight: normal;color: #FFF;font-size: 20px;text-align: center;letter-spacing: normal;}
.letter-slider-sm .inner {}
.letter-slider-sm .swiper {margin: 0 auto;width: 170px;height: 235px;}
.letter-slider-sm .article.swiper-slide {width: 100%;height: 100%;cursor: pointer;}
.letter-slider-sm .article.swiper-slide .thumb {width: 100%;height: 193px;}
.letter-slider-sm .article.swiper-slide .title {line-height: 1;font-size: 19px;text-align: center;background-color: #FFF;padding: 8px 0 17px;}
.letter-slider-sm .swiper-button-prev.sm {top: 38%!important;left:0 !important;}
.letter-slider-sm .swiper-button-next.sm {top: 38%!important;right:0 !important;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////// 인트라넷 좌측 */


/* photo-list */
.box.photo-list {margin-bottom: 150px;}
.photo-list .list {display: flex;flex-wrap: nowrap;}
.photo-list .article {margin-right: 40px;width: calc((100% - 80px) / 3);height: 255px;}
.photo-list .article:last-child {margin-right: 0;}
.photo-list .article .text_box {display: none;overflow-y: auto;padding: 18px;width: 100%;height: 100%;position: absolute;z-index: 3;top: 0;left: 0;color: #222;background-color: #FFF8;}
.photo-list .article:hover .text_box {cursor: pointer;;display: block;}
.photo-list .article .title {font-size: 30px;font-weight: bold;}
.photo-list .article .desc {font-size: 18px;margin-top: 15px;line-height: 1.5;font-weight: 500;}
.photo-list .article.big {width: calc((100% - 40px) / 2);height: 400px;}
.photo-list .article.big .text_box {padding: 25px;}
.photo-list .article.big .title {font-size: 40px;}
.photo-list .article.big .desc {margin-top: 30px;font-size: 20px;}
.photo-list .article .text_box::-webkit-scrollbar {width: 6px;height: 100%;}
.photo-list .article .text_box::-webkit-scrollbar-thumb {background-color: #930000;;border-radius: 10px;}
.photo-list .article .text_box::-webkit-scrollbar-track {background-color: #444;}


/* photo-list-sm 사진기사 sm */
.box.photo-list-sm {margin-bottom: 150px;}
.photo-list-sm .list {display: flex;flex-wrap: wrap;}
.photo-list-sm .article {width: calc((100% - 15px) / 2);;display: flex;margin-right: 15px;}
.photo-list-sm .article .text_box {width: 215px;}
.photo-list-sm .article .writer {margin-bottom: 6px;}
.photo-list-sm .article .title {font-size: 32px;letter-spacing: -0.7px;}
.photo-list-sm .article .desc {font-size: 20px;line-height: 1.6;margin-top: 15px;}
.photo-list-sm .article .text_box .btn-more {margin-top: 20px;}
.photo-list-sm .article .thumb {width: 360px;height: 382px;display: flex;}
.photo-list-sm .article .thumb img {max-width: 100%;max-height: 100%;height: auto;width: auto;object-fit: contain;}
.photo-list-sm .article:nth-child(2n+1) .thumb {margin-left: 20px;justify-content: flex-end;}
.photo-list-sm .article:nth-child(2n) {flex-direction: row-reverse;margin-right: 0;margin-top: 125px;margin-bottom: 50px;}
.photo-list-sm .article:nth-child(2n) .thumb {margin-right: 20px;justify-content: flex-start;}
.photo-list-sm .article:nth-child(2n) .text_box {text-align: right;}
.photo-list-sm .article:nth-child(2n) .writer {text-align: right;}
.photo-list-sm .article:last-child {margin-bottom: 0;}


/* swiper elements */
/* .swiper-button-next::after, .swiper-button-prev::after {display: none;} */
/* .swiper-button-prev {width: 40px !important;height: 65px !important;background: url(../../img/icon/arrow_left.png) no-repeat center; background-size: 100% auto;} 
.swiper-button-next {width: 40px !important;height: 65px !important;background: url(../../img/icon/arrow_right.png) no-repeat center;background-size: 100% auto;} 
.swiper-button-prev.sm {width: 20px !important;}
.swiper-button-next.sm {width: 20px !important;}
.swiper-button-prev.md {width: 30px !important;}
.swiper-button-next.md {width: 30px !important;} */
.swiper-pagination .swiper-pagination-bullet {width: 13px;height: 13px;background-color: #FFF;opacity: 0.8;margin: 0 5px !important;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {transition: background-color .5s;background-color:#7dc854;opacity: 1;}


/* letter-slider 인트라넷 메인 하단 협회회보 슬라이드 */
.box.letter-slider {width: 100%;position: relative;border: 1px solid #b3b3b3;padding: 15px 15px 30px;}
.letter-slider .box_title {margin-bottom: 23px;}
.letter-slider .box_title .name {font-size: 18px;}
.letter-slider .inner {}
.letter-slider .swiper {width: 93%;margin: 0 auto;}
.letter-slider .article.swiper-slide {cursor: pointer;}
.letter-slider .article.swiper-slide .thumb {width: 100%;height: 250px;}
.letter-slider .article.swiper-slide .title {line-height: 1.3;font-size: 16px;font-weight: normal;letter-spacing: normal;text-align: left;margin-top: 14px;word-break: keep-all;}
.letter-slider .swiper-button-prev::after {font-size: 40px;color: #666;}
.letter-slider .swiper-button-next::after {font-size: 40px;color: #666;}


/* 인트라넷 우측 //////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* main-board 인트라넷 메인 게시판 리스트 박스*/
.box.main-board {width:100%;position: relative;margin: 0 auto 20px;border: 1px solid #b3b3b3;padding: 13px;height: 217px;}
.box.main-board:last-of-type {margin-bottom: 0;}
.main-board .box_title {margin-bottom: 15px;}
.main-board .box_title .name {font-size: 17px;}
.main-board .article {display: flex;margin-bottom: 5px;}
.main-board .article:last-of-type {margin-bottom: 0px;}
.main-board .article .text_box {display: flex;align-items: center;width: 100%;}
.main-board .article:not(:first-child) .text_box a {max-width: calc(100% - 15px);}
.main-board .article .title {font-size: 14px;line-height: 1.2;-webkit-line-clamp: 1;line-clamp: 1;}
.main-board .article .date {font-size: 12px;color: #777;line-height: 1.2;margin-right: 5px;min-width: 30px;}
.main-board .article:first-child {margin-bottom: 12px;height: 60px;}
.main-board .article:first-child .thumb {width: 95px;height: 60px;margin-right: 12px;}
.main-board .article:first-child .text_box {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: 100%;max-width: unset;}
.main-board .article:first-child .text_box a {width: 100%;}
.main-board .article:first-child .title {-webkit-line-clamp: 2;line-clamp: 2;width: 100%;line-height: 1.4;font-size: 14px;}
.main-board .article:first-child .date {margin-right: 0;margin-top: 2px;}
.main-board .article:first-child .new-n {height: 12px;}
.main-board .article .new-n {margin-left: 3px;}

/* main-text 인트라넷 메인 게시판 리스트 텍스트박스*/
.box.main-text {width:100%;position: relative;margin: 0 auto 20px;border: 1px solid #b3b3b3;padding: 13px;height: 217px;}
.box.main-text:last-of-type {margin-bottom: 0;}
.main-text .box_title {margin-bottom: 15px;}
.main-text .box_title .name {font-size: 17px;}
.main-text .article {display: flex;margin-bottom: 5px;}
.main-text .article:last-of-type {margin-bottom: 0px;}
.main-text .article .text_box {display: flex;align-items: center;width: 100%;}
.main-text .article .text_box a {max-width: calc(100% - 15px);}
.main-text .article .title {font-size: 14px;line-height: 1.2;-webkit-line-clamp: 1;line-clamp: 1;}
.main-text .article .date {font-size: 12px;color: #777;line-height: 1.2;margin-right: 5px;min-width: 30px;}
.main-text .article .new-n {margin-left: 3px;}

/* main-list 메인 포토 리스트 */
.box.main-list {padding-bottom: 35px;width: 100%;display: flex;justify-content: space-between;}
.main-list .thumb {height: 205px;width: 180px;overflow: hidden;}
.main-list .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.main-list .category-article {width: calc(100% - 180px);padding-left: 15px;height: 100%;}
.main-list .category-article .category {font-size: 23px;font-weight: bold;line-height: 1.2;margin-bottom: 15px;}
.main-list .category-article .article {margin-bottom: 10px;}
.main-list .category-article .article:last-child {margin-bottom: 0;}
.main-list .category-article .article .title {font-size: 20px;font-weight: normal;-webkit-line-clamp: 1;}
.main-list .category-article .article .title::before {display: inline-block;content: '·';position: relative;margin-right: 5px;}
.main-list .category-article .article .title:hover {font-weight: 500;}

/* search-area 검색창 */
.search-area {position: absolute;right: 0;z-index: 2;display: flex;justify-content: flex-end;}
.search-area #searchForm {display: flex;background-color: #FFF;border-radius: 30px;width: 270px;}
.search-area select {margin-right: 5px;border: 0;outline: none;font-size: 16px;border-radius: 30px;background-color: #FFF;text-align: center;width: 35%;}
.search-area #parentId {width:30%;}
.search-area input {border: 0;outline: none;font-size: 16px;padding: 12px 50px 12px 15px;border-radius: 30px;background-color: #FFF;width: 65%;}
.search-area .btn-search {position:absolute;right: 0;width: 40px;height: 100%;background-image: url(../../img/icon/glass_b.png);background-position: center;background-repeat: no-repeat;background-size: 22px 22px;}
select#searchCo {margin-right: 3px;}

/* article-list 기사리스트 */
.box.article-list {padding-top: 6px;width: 100%;min-width: 425px;}
.article-list .box_title {margin-bottom: 50px;}
.article-list .box_title .arrow {margin-left:0;margin-right: 15px;}
.article-list .box_title .name {font-size: 30px;}
.article-list .more {width: 100%;display: flex;justify-content: center;}
.article-list .list {display: flex;flex-wrap: wrap;}
.article-list .article {width: calc((100% - 40px) / 3);margin-right: 20px;margin-bottom: 30px;}
.article-list .article:nth-of-type(3n) {margin-right: 0;}
.article-list .article .thumb {width: 100%;height: 230px;}
.article-list .article .thumb img {width: auto;max-width: 100%;max-height: 100%;height: auto;}
.article-list .article .thumb .swiper-slide {display: flex;align-items: center;justify-content: center;background-color: #0001;}
.article-list .article .thumb .swiper-slide .size {color: #FFF;font-size: 1em;background-color: #0007;border: 1px solid #FFF;height: fit-content;padding: 1px 4px;position: absolute;right: 5px;top: 3px;}
.article-list .article .text_box {width: 100%;background-color: #FFF;height: 170px;padding: 12px;}
.article-list .article .text_box .button-cont {display: flex;justify-content: space-between;margin-bottom: 15px;}
.article-list .article .text_box .button-cont .like,
.article-list .article .text_box .button-cont .file {display: flex;align-items: center;}
.article-list .article .text_box .button-cont .like .btn-like {display: inline-block;width: 25px;height: 25px;background-image: url(../../img/icon/like-b.png);background-position: center;background-repeat: no-repeat;background-size: 90% auto;}
.article-list .article .text_box .button-cont .like .btn-like.active {background-image: url(../../img/icon/like-r.png);}
.article-list .article .text_box .button-cont .like .num {font-size: 18px;font-weight: 500;line-height: 1.1;margin-left: 3px;}
.article-list .article .text_box .button-cont .file span {font-size: 18px;font-weight: 500;line-height: 1.1;margin-right: 3px;}
.article-list .article .text_box .button-cont .file .btn-down {display: inline-block;width: 23px;height: 23px;background-image: url(../../img/icon/download.png);background-position: center;background-repeat: no-repeat;background-size: auto 100%;}
.article-list .article .text_box .title {font-size: 17px;-webkit-line-clamp: 2;line-height: 1.7;}
.article-list .article .text_box .info {position: absolute;bottom: 12px;display: flex;align-items: center;}
.article-list .article .text_box .writer-info {display: flex;align-items: center;}
.article-list .article .text_box .writer-info .photo {margin-right: 10px;height: 50px;width: 50px;border-radius: 50%;overflow: hidden;}
.article-list .article .text_box .writer-info .photo img {height: 100%;width: 100%;object-fit: cover;object-position: center;}
.article-list .article .text_box .writer-info .name {font-size: 16px;font-weight: 600;line-height: 1.2;}
.article-list .article .text_box .reply {margin-left: 25px;}
.article-list .article .text_box .reply span {font-size: 16px;font-weight: 600;line-height: 1.6;}
.article-list .article .text_box .reply .num {margin-left: 5px;}


/* article-view */
.box.article-view {display: block;margin: 0 auto;}
.article-view .inner {display: flex;background-color: #f5f5f5;padding: 5px 0 20px;border-radius: 20px;min-width:750px}
.article-view .article {width:100%;min-width: 400px;padding-right: 5px;}
.article-view .article .text_box {display: block;padding: 20px 0 20px 30px;}
.article-view .article .writer {color: #5d5d5d;font-weight: 600;margin-bottom: 10px;}
.article-view .article .writer .name {font-size:20px;}
.article-view .article .writer .eng {font-size: 17px;}
.article-view .article .title {color: #5d5d5d;font-size: 32px;display: inline-block;width: 75%;line-height: 1.5;}
.article-view .article .desc {font-size: 20px;font-weight: normal;line-height: 1.8;padding: 20px;display: block;min-height: 140px;background-color: #FFF;border-radius: 10px;}
.article-view .article .thumb {height:700px;min-height: 550px;border-radius: 10px;background-color: rgba(0,0,0,0.8);margin-bottom: 10px;}
.article-view .article .thumb .swiper-slide {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.article-view .article .thumb .swiper-slide img {width: auto;max-width: 100%;max-height: 100%;}
.article-view .article .thumb .swiper-slide .popupIcon {position: absolute;top: 5px;right: 5px;}
.article-view .article .swiper .swiper-button-prev {background-image: url(../../img/icon/circle-arrow-left.png);background-size: 40px 40px;}
.article-view .article .swiper .swiper-button-next {background-image: url(../../img/icon/circle-arrow-right.png);background-size: 40px 40px; }

.article-view .article .button-cont {position: relative;display: flex;justify-content: flex-end;margin-top: 15px;}
.article-view .button-cont .btn-save {margin-right: 10px;line-height: 1.35;font-size: 19px;color: #222;background-color: #0004;width: 95px;height: 30px;display: inline-block;text-align: center;border-radius: 5px;}
.article-view .button-cont .btn-like {font-size: 19px;color: #222;background-color: #0004;width: 95px;height: 30px;display: inline-block;text-align: center;border-radius: 5px;}
.article-view .button-cont .btn-like i {font-size: 16px;}
.article-view .button-cont .btn-like.active {font-weight: normal;color: #FFF;background-color: #d54eb4;} 
.article-view .button-cont .btn-save:hover, .article-view .button-cont .btn-like:hover {font-weight: normal;color: #FFF;background-color: #d54eb4;} 

.article-view .reply-cont {min-width: 350px;}
/* .article-view .reply-list .btn-down {margin-bottom: 25px;display: block;width: 35px;height: 35px;background: url(../../img/icon/download-b.png) no-repeat center 100%;} */
.article-view .reply-cont .reply-list {background-color: #FFF;width: 100%;height:833px;border-radius: 10px;padding: 40px 20px;overflow: auto;}
.article-view .reply-cont .reply-list::-webkit-scrollbar {width: 4px;height: 100%;}
.article-view .reply-cont .reply-list::-webkit-scrollbar-thumb {background-color: #0002;;border-radius: 10px;}
.article-view .reply-cont .reply-list::-webkit-scrollbar-track {background-color: #FFF;border-radius: 10px;}

.article-view .reply-cont .reply-list .reply {margin-bottom: 20px;}
.article-view .reply-cont .reply-list .reply:last-child {margin-bottom: 0;}
.article-view .reply-cont .reply-list .reply .user {display: flex;align-items: center;}
.article-view .reply-cont .reply-list .reply .user .photo {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;object-fit: cover;object-position: center;}
.article-view .reply-cont .reply-list .reply .user span {font-size: 18px;font-weight: normal;margin-left: 12px;}
.article-view .reply-cont .reply-list .reply .text {padding-left:60px;font-size: 16px;color: #666;line-height: 1.4;letter-spacing: -0.6px;}

.article-view .reply-cont .reply-input {margin-top: 10px;}
.article-view .reply-cont .reply-input textarea {padding: 10px;border-radius: 10px;background-color: #FFF;outline: none;border: 0;width: 100%;height: 140px;resize: none;font-family: 'Noto Sans KR';font-size: 16px;}
.article-view .reply-cont .reply-input textarea::placeholder {font-family: 'Noto Sans KR';text-align: left;}
.article-view .reply-cont .reply-input .btn-submit {position: relative;font-weight: normal;margin-top: 10px;margin-right: 20px;float: right;font-size: 17px;color: #222;background-color: #0004;width: 95px;height: 30px;text-align: center;border-radius: 5px;}
.article-view .reply-cont .reply-input .btn-submit:hover {color: #FFF;background-color: #d54eb4;}
/* 뷰 모달 */
#photoView.modal {padding: 0;max-width: 1400px !important;}
#photoView main {padding: 0;}

#imgModal {width: 100%;height: 100%;padding: 0;position: fixed;overflow: auto;z-index: 999;top: 0;left: 0;background-color: rgba(0,0,0,0.8);display: none;}
#imgModal .imgModal-inner {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
#imgModal img {width: auto;height: auto;max-height: 90%;max-width: 90%;}

/* board */
.board {}
.board .box_title {margin-bottom: 20px;position: relative;justify-content: space-between;align-items: baseline;}
.board .box_title .name {font-size: 30px;margin-right: 20px;line-height: 1.2;margin-bottom: 10px;}
.board .box_title #selectLink {font-size: 16px;padding: 6px 10px;border: 1px solid #0003;}
.board .btn-insert {background-color: #d00000;color: #FFF;font-size: 16px;padding: 4px 20px;line-height: 1.3;letter-spacing: -0.2px;border-radius: 4px;box-shadow: 1px 1px 2px 0px #0008;}
.board .boardHeader {padding: 20px;background-color: #d7dfe2;position: relative;}

/* board 텍스트형 list */
.board .btn-list {background-color: #555;color: #FFF;font-size: 16px;padding: 4px 20px;line-height: 1.3;letter-spacing: -0.2px;border-radius: 4px;box-shadow: 1px 1px 2px 0px #0008;}
.board table.list {width: 100%;border-collapse: collapse;margin-top: 25px;}
.board table.list thead {border-top: 2px solid #444;}
.board table.list thead tr {height: 40px;}
.board table.list thead th {font-size: 16px;}
.board table.list tbody tr {height: 50px;border-bottom: 1px solid #999;}
.board table.list tbody tr:first-child {border-top: 1px solid #aaa;}
.board table.list tbody tr td {font-size: 14px;text-align: center;color: #555;}
.board table.list td .no {font-size: 13px;font-weight: normal;padding: 0 3px;}
.board table.list td.category {font-size: 14px;color: #245480;}
.board table.list td.title {padding-right:10px;padding-left: 10px;text-align: left;font-size: 16px;color: #222;}
.board table.list td.title .new {margin-left: 3px;}
.board table.list td.title a:hover {font-weight:bold;}
.board table.list td.title a {overflow: hidden;word-wrap: break-word;word-break: break-all;}
.board .bt-cont {position: relative;margin-top: 40px;display: flex;flex-direction: column;align-items: center;}
.board .bt-cont .btn-insert {position: absolute;left: 0;}
.board .bt-cont .btn-list {position: absolute;right: 0;}
.board .bt-cont .bg-o-em2 {margin-top: 30px;width: 115px;height: 36px;font-size: 18px;}

.board .btnWhite {background-color: #FFF;color: #222;padding: 3px 15px;border-radius: 3px;font-size: 14px;box-shadow: 1px 1px 4px 1px #0003;}
.board .btnWhite:hover {font-weight: bold;}
.board .bottom.between {padding: 2px;}

/* board view */
.board .view {}
.board .view .title-wrap {padding: 10px;background-color: #222;color: #FFF;width: 100%;display: flex;justify-content: space-between;}
.board .view .title-wrap .title {font-weight: normal;font-size: 19px;line-height: 1.4;word-wrap: break-word;word-break: break-all;padding-right: 20px;}
.board .view .title-wrap .cont {white-space: nowrap;display: flex;align-items: flex-end;}
.board .view .title-wrap .cont .btnWhite {margin-right: 5px;}
.board .view .title-wrap .cont .btnWhite:last-of-type {margin-right: 0;}
.board .view .info-cont {display: flex;justify-content: space-between;background-color: #ced3d5;padding: 10px;}
.board .view .info-cont .info {line-height: 1.1;display: inline-flex;align-items: center;font-size: 15px;}
.board .view .info-cont .file {display: inline-flex;align-items: center;}
.board .view .info-cont .file::before {margin: 0 8px;display: inline-block;content: '';width: 15px;height: 15px;background: url(../../img/icon/file_b.png) no-repeat center;background-size: 100% auto;}
.board .view .info-cont .icon-btn {margin-right: 15px;}
.board .view .info-cont .icon-btn img {width: 17px;margin-right: 2px;}
.board .view .info-cont .font12 {margin: 0 3px;}

.board .view .content {padding: 30px 0;font-size: 16px;line-height: 1.6;}
.board .view .content table {border-collapse: collapse;}
.board .view .files {position: relative;width: 100%;margin: 40px auto;border-top:1px solid #999;padding: 20px 0;}
.board .view .files .dw-cont {display: flex;justify-content: center;}
.board .view .files .dw-cont a {padding:8px 20px;background-color: #FFF;color: #222;font-size: 15px;border-radius: 5px;margin-right: 10px;box-shadow: 1px 1px 4px 1px #0003;line-height: 1;}
.board .view .files .dw-cont a:last-child {margin-right: 0;}
.board .view .files .dw-cont a:hover {background-color: rgb(47, 45, 61);color: #FFF;}
.board .view .files .dw-cont a.active {background-color: rgb(47, 45, 61);color: #FFF;}
.board .view .files .downLink {display: inline-block;width: 70%;height: 20px;margin: 0 auto;}

.board .view .files .list {display: flex;flex-wrap: wrap;width: 100%;margin: 30px 0;}
.board .view .files .img-cont {position: relative;width: calc((100% - 20px) / 3);margin-right: 10px;margin-bottom: 10px;}
.board .view .files .img-cont .inner {background-color: #FFF;padding: 10px;}
.board .view .files .img-cont:nth-of-type(3n) {margin-right: 0;}
.board .view .files .img-cont .thumb {width: 100%;height: 180px;margin-bottom: 3px;display: flex;justify-content: center;align-items: flex-start;}
.board .view .files .img-cont .thumb img {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;}
.board .view .files .img-cont .caption {word-break: break-all;font-size: 14px;line-height: 1.27;padding: 5px 7px;color: #777;background-color: #f6f6f6;border: 1px solid #eee;border-radius: 3px;margin-bottom: 4px;}
.board .view .files .img-cont .caption::-webkit-scrollbar {width: 6px;}
.board .view .files .img-cont .caption::-webkit-scrollbar-thumb {background-color: #555;;border-radius: 10px;}
.board .view .files .img-cont .caption::-webkit-scrollbar-track {background-color: #0001;border-radius: 10px;}
.board .view .files .img-cont .caption.blank {background-color: #0000;border-color: #0000;}
.board .view .files .img-cont input[type="checkbox"] {width: 13px;height: 13px;}
.board .view .files .img-cont .cont {display: flex;justify-content: space-between;align-items: center;}
.board .view .files .img-cont .moreInfo {font-size: 13px;}
.board .view .files .img-cont .moreInfo.bold {margin: unset;}
.board .view .files .img-cont .moreInfo:hover {font-weight: bold;}
.board .view .files .img-cont .btn-down {display: block;word-wrap: break-word;word-break: break-all;line-height: 1.2;text-align: right;font-size: 12px;margin-top: 4px;}
.board .view .files .img-cont .btn-down:hover {color: #2041ad;}
.board .view .files .img-cont .fileInfo {width: 100%;position: absolute;z-index: 5;;display: none;background-color: #e9e9e9;border: 1px solid #0003;border-top: 0;padding: 20px;font-size: 14px;}
.board .view .files .img-cont .fileInfo dl {word-wrap: break-word;word-break: break-all;line-height: 1.3;margin-bottom: 5px;}
.board .view .files .img-cont .fileInfo dl:last-of-type {margin-bottom: 0;}
.board .view .files .img-cont .fileInfo dl dt {white-space: nowrap;display: inline;margin-right: 5px;}
.board .view .files .img-cont .fileInfo dl dd {display: inline;} 
.board .view .files .img-cont .fileInfo .close {position: absolute;right: 7px;top: 7px;height: fit-content;opacity: 0.65;}
.board .view .files .img-cont .fileInfo .close:hover {opacity: 1;}
.board .view .files .img-cont .fileInfo .close img {width: 13px;}
.board .view .files .img-cont .popupIcon {position: absolute;top: 10px;right: 10px;}

.board .view .files .progress {display: none;}
.board .view .files .progress.active {margin-top: 30px;display: block;width: 100%;height: 20px;background-color: #0001;border-radius: 30px;display: flex;align-items: center;}
.board .view .files .progress .bar {max-width: 100%;height: 100%;background-color: rgba(47, 45, 61, 0.9);border-radius: 30px;transition-property: width, background-color;transition-duration: .6s;transition-timing-function: ease-in;}

/* board reply-cont */
.board .reply-cont {width: 100%;margin-top: 50px;}
.board .reply-cont .reply-list {width: 100%;padding: 40px 20px;max-height:800px;overflow-y: auto;}
.board .reply-cont .reply-list::-webkit-scrollbar {width: 4px;}
.board .reply-cont .reply-list::-webkit-scrollbar-thumb {background-color: #0002;;border-radius: 10px;}
.board .reply-cont .reply-list::-webkit-scrollbar-track {background-color: #FFF;border-radius: 10px;}
.board .reply-cont .reply-list .reply {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #bbb;}
.board .reply-cont .reply-list .reply:last-child {margin-bottom: 0;}
.board .reply-cont .reply-list .reply .user {display: flex;align-items: center;margin-bottom: 10px;}
.board .reply-cont .reply-list .reply .user .photo {width: 40px;height: 40px;border-radius: 50%;overflow: hidden;object-fit: cover;object-position: center;background-color: #FFF;}
.board .reply-cont .reply-list .reply .user .cont {margin-left: 10px;font-size: 15px;font-weight: normal;color: #666;line-height: 1.3;}
.board .reply-cont .reply-list .reply .text {font-size: 16px;color: #222;line-height: 1.4;letter-spacing: -0.6px;}
.board .reply-cont .reply-input {margin-top: 10px;position: relative;}
.board .reply-cont .reply-input textarea {padding: 10px 105px 10px 10px;border-radius: 10px;outline: none;border: 1px solid #bbb;width: 100%;height: 60px;resize: none;font-family: 'Noto Sans KR';font-size: 16px;}
.board .reply-cont .reply-input textarea::placeholder {font-family: 'Noto Sans KR';text-align: left;}
.board .reply-cont .reply-input .btn-submit {position: absolute;right: 10px;top: 15px;font-weight: normal;font-size: 17px;color: #222;background-color: #0004;width: 95px;height: 30px;text-align: center;border-radius: 5px;}
.board .reply-cont .reply-input .btn-submit:hover {color: #FFF;background-color: #d54eb4;}

/* board edit */
.board .edit {margin-bottom: 50px;}
.board .edit #inputForm .row {display: flex;margin-bottom: 10px;}
.board .edit #inputForm .row .name {font-size: 17px;}
.board .edit #inputForm .row .secret-cont {margin-left: 10px;display: flex;align-items: center;}
.board .edit #inputForm .row .secret-cont label.title {width: fit-content;height: fit-content;display: flex;align-items: center;}
.board .edit #inputForm .row .secret-cont label.title::before {content: '';position: relative;width: 20px;height: 20px;background: url(../../img/icon/lock.png) no-repeat center;background-size: cover;display: inline-block;margin-right: 5px;}
.board .edit #inputForm .row .secret-cont #secretPw {display: none;padding: 0 5px;outline: none;margin-left: 10px;border: 1px solid #ccc;height: 30px;width: 100px;}
.board .edit #inputForm .row .secret-cont [name="isSecret"]:checked + #secretPw {display: inline-block;} 
.board .edit #inputForm .title {font-size: 17px;width: 80px;min-width: 80px;color: #666;}
.board .edit #inputForm .row input[name="title"] {width: 60%;outline: none;font-size: 17px;background-color: #0000;border: 0;border-bottom: 1px solid #999;padding: 5px 10px;}
.board .edit #inputForm .row input[name="title"]::placeholder {font-size: 16px;}
.board .edit #inputForm .row textarea[name="content"] {width: 100%;height: 300px;outline: none;resize: none;background-color: #0000;font-size: 17px;line-height: normal;font-family: 'Noto Sans KR';padding: 10px;border: 1px solid #999;}
.board .edit #inputForm .column {}
.board .edit #inputForm #dropzone {padding:20px calc((100% - 850px) / 2);}
.board .edit #inputForm #dropzone textarea {outline: none;resize: none;width: 100%;height: 60px;font-size: 14px;line-height: 1.3;word-break: break-all;color: #444;border: 1px solid #ddd;padding: 3px;font-family: 'Noto Sans KR';}
.board .edit #inputForm #dropzone textarea::placeholder {color: #aaa;}
.board .edit #inputForm #dropzone textarea.caption {font-size: 14px;line-height: 1.27;padding: 5px 7px;background-color: #f6f6f6;height: 55px;overflow-y: auto;border-radius: 3px;border: 1px solid #eee;}
.board .edit #inputForm #dropzone textarea.caption::-webkit-scrollbar {width: 6px;}
.board .edit #inputForm #dropzone textarea.caption::-webkit-scrollbar-thumb {background-color: #555;;border-radius: 10px;}
.board .edit #inputForm #dropzone textarea.caption::-webkit-scrollbar-track {background-color: #0001;border-radius: 10px;}
.board .edit #inputForm #dropzone .dz-complete {position: relative;}
.board .edit #inputForm #dropzone .dz-complete .dz-remove {width: 16px;height: 16px;position: absolute;right: 11px;top: 208px;}
.board .edit.normal-board #inputForm #dropzone .dz-complete .dz-remove {width: 16px;height: 16px;position: absolute;right: 4px;top: 228px;}
.board .bt-cont {flex-direction: row;justify-content: center;padding: 5px ;}
.board .bt-cont button {margin-right: 5px;}

/* board 카테고리 탭 */
.board .category-cont {width: 100%;position: relative;margin: 20px 0;}
.board .category-cont {display: block;font-size: 16px;text-align: center;letter-spacing: 0px;} 
.board .category-cont li.active {background-color: #245480;}
.board .category-cont li.active a {color: #FFF;}
.board .category-cont .depth1 {display: flex;justify-content: space-between;width:100%;background-color: #ced3d5;color: #245480;}
.board .category-cont ul li {padding: 8px 0;text-align: center;min-width: 130px;width: 100%;}
.board .category-cont ul li a {width: inherit;height: inherit;display: inline-block;}
/* board 보도사진전용 ================================== */
.board .contest-cont {margin-top: 20px;}
.board .contest-cont .cont {display: flex;align-items: center;width: 100%;height: 42px;padding: 0 20px;background-color: #FFF;border: 1px solid #ddd;}
.board .contest-cont .cont .bg-o-em2 {margin-right: 10px;}
.board .contest-cont .cont .text {line-height: 1.1;font-size: 14px;}
.board .contest-cont .cont .red {margin-left: 3px;}
.board .contest-cont .cont .blue {margin-left: 3px;}
.board .contest-cont .cont .time {width: 33%;position: absolute;left: 65%;display: flex;align-items: center;}
.board .contest-cont .cont .time::before {content: '';position: relative;display: inline-block;margin-right: 5px;width: 17px;height:17px;background: url(../../img/icon/clock.png) no-repeat center;background-size: auto 100%;}

.board .list-title {display: flex;align-items: center;margin-top: 45px;margin-bottom: 10px;}
.board .list-title .name {font-size: 24px;line-height: 1.1;letter-spacing: -0.6px;}
.board .list-title .cont {}
.board .list-title .cont .radio-link {font-size: 18px;line-height: 1.6;margin-left: 30px;}
.board .list-title .cont .radio-link span {margin-right: 8px;display: inline-block;width: 15px;height: 15px;background-color: #FFF;border: 1px solid #0005;border-radius: 50%;}
.board .list-title .cont .radio-link span.active {background-color: #0280cf;border: 1px solid #0280cf;}

.board .box_title .link-cont {position: absolute;top: 6px;right: 0;z-index: 10;width: 180px;}
.link-cont .btn-open {font-size: 13px;line-height: 1.1;display: flex;justify-content: space-between;border:1px solid #888;padding: 8px 10px;width: 100%;background: #FFF url(../../img/icon/arr-down-b2.png) no-repeat 95% center;background-size: 15px auto;}
.link-cont .link-select {border:1px solid #888;border-top: 0;display: none;}
.link-cont .link-select div {background-color: #FFF;padding: 8px 10px;width: 100%;}
.link-cont .link-select div:hover {background-color: #ddd;}
.link-cont .link-select div a {font-size: 14px;line-height: 1.1;}

/* 보도사진전 리스트 */
.board .list.photo {display: flex;flex-wrap: wrap;}
.board .list.photo .more {width: 100%;display: flex;justify-content: center;}
.board .list.photo .article {width: calc((100% - 20px) / 3);margin-right: 10px;margin-bottom: 30px;background-color: #FFF;padding: 10px 10px 20px;}
.board .list.photo .article:nth-of-type(3n) {margin-right: 0;}
.board .list.photo .article .thumb {width: 100%;height: 180px;display: flex;align-items: flex-start;justify-content: center;}
.board .list.photo .article .thumb img {width: auto;max-width: 100%;max-height: 100%;height: auto;}
.board .list.photo .article .thumb .size {color: #FFF;font-size: 1em;background-color: #0007;border: 1px solid #FFF;height: fit-content;padding: 1px 4px;position: absolute;right: 5px;top: 3px;}
.board .list.photo .article .text_box {width: 100%;height: 110px;padding-top: 10px;display: flex;flex-direction: column;justify-content: flex-end;}
.board .list.photo .article .text_box .title {font-size: 14px;-webkit-line-clamp: 2;line-height: 1.3;}
.board .list.photo .article .text_box .category {font-size: 14px;line-height: 1.2;margin-top: 3px;}
.board .list.photo .article .text_box .button-cont {display: flex;margin-top: 5px;justify-content: center;}
.board .list.photo .article .text_box .button-cont a + a {margin-left: 7px;}
.board .list.photo .article .text_box .button-cont .score {font-size: 14px;font-weight: normal;line-height: 1.2;position: absolute;display: inline-flex;justify-content: flex-end;right: 10px;bottom: 5px;}
.board .list.photo .bt-cont {flex-direction: column;justify-content: unset;padding: unset;width: 100%;}
.board .list.photo .bt-cont button {margin-right: unset;}
.score .red {margin-left: 3px;}

/* 보도사진전 뷰 */
.board .view.photo {position: relative;}
.board .view.photo .categoryTree {background-color: #e37b00;width: fit-content;padding: 6px 15px;margin-bottom: 5px;margin-top: 5px;}
.board .view.photo .categoryTree div {color: #FFF;font-size: 14px;line-height: 1.1;letter-spacing: -0.3px;display: inline-block;}
/* .board .view.photo .categoryTree div:not(:last-of-type)::after {position: relative;content: '>';margin: 0 2px 0 3px;} */
/* .board .view.photo .categoryTree a {color: #FFF;font-size: 14px;line-height: 1.1;letter-spacing: -0.3px;}
.board .view.photo .categoryTree a:not(:last-of-type)::after {position: relative;content: '>';margin: 0 2px 0 3px;} */
.board .view.photo .content {display: flex;width: 85%;margin: 0 auto;}
.board .view.photo .content .left, .board .view.photo .content .right {width: 50%;}
.board .view.photo .content .cont {width: 100%;padding-left: 15px;margin-bottom: 20px;font-size: 15px;line-height: 1.27;}
.board .view.photo .content .cont:last-of-type {margin-bottom: 0;}
.board .view.photo .content .right .cont {padding-left: 80px;}
.board .view.photo .content .cont .title {font-size: 16px;font-weight: bold;line-height: 1.4;}
.board .view.photo .content .cont .title::before {position: relative;display: inline-block;content: '';width: 14px;height: 14px;margin-right: 3px;background: url(../../img/icon/arr-down-b2.png) no-repeat bottom;background-size: 100% auto;}


/* 토글 버튼 */
.toggleSwitch {width: 75px;height: 26px;display: block;position: relative;border-radius: 2rem;background-color: #fff;box-shadow: 0 0 1rem 3px rgba(0 0 0 / 15%);cursor: pointer;}
.toggleSwitch .toggleButton {width: 22px;height: 22px;position: absolute;top: 50%;left: 2px;transform: translateY(-50%);border-radius: 50%;background: #f03d3d;}
/* 체크박스가 체크될 시 변경되는 요소 */
#toggleAccept:checked ~ .toggleSwitch {background: #f03d3d;}  
#toggleAccept:checked ~ .toggleSwitch .toggleButton {left: calc(100% - 24px);background: #fff;}
/* .toggleSwitch, .toggleButton {transition: all 0.2s ease-in;} */
.toggleSwitch .show {color: #FFF;height: 24px;display: inline-flex;align-items: center;margin-left: 5px;}
.toggleSwitch .hide {color: #f03d3d;height: 24px;display: inline-flex;align-items: center;}
.board .view.photo .title-wrap .toggleSwitch {margin: 0 10px;}

#scoreForm {display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #0004;border-bottom: 1px solid #0004;position: relative;width: 100%;margin: 30px auto;padding: 13px 20px;}
#scoreForm .name {font-size: 14px;white-space: nowrap;}
#scoreForm .list {display: inline-flex;align-items: center;width: fit-content;}
#scoreForm .input-cont {display: inline-flex;flex-direction: column;align-items: center;padding: 0 10px;}
#scoreForm .input-cont .score {font-size: 15px;line-height: 1.1;margin-bottom: 5px;}
#scoreForm input[type="radio"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:none;border:none;} 
#scoreForm input[type="radio"]::after {content:'';display: inline-block;width: 15px;height: 15px;border:1px solid #0004;background-color: #FFF;border-radius:100%;vertical-align:middle;cursor:pointer;}
#scoreForm input[type="radio"]:checked::after {background-color: #d10000;border:1px solid #d10000;}
#scoreForm .bg-b-em {width: 110px;height: 27px;font-size: 14px;}

#scoreForm + .direction-cont {padding-top: 20px;}
.direction-cont {position: relative;width: fit-content;margin: 0 auto;padding: 40px 0 0;display: flex;align-items: center;}
.direction-cont .bg-b-em {width: 125px;height: 27px;margin: 0 10px;font-size: 14px;text-align: center;background-size: 100% auto;line-height: 1.8;letter-spacing: -0.2px;}

.judgeComplete {background-color: rgb(92, 84, 149);width: fit-content;padding: 5px 20px;border-radius: 10px;font-weight: normal;font-size: 16px;color: #FFF;}
.board .view.photo .judgeComplete {position: absolute;right: 100px;top: 130px;}
.board .view.photo .btn_score_update {position: absolute;right: 0;top: 130px;z-index: 10;background-color:#002b59;width: fit-content;padding: 5px 20px;border-radius: 10px;font-weight: normal;font-size: 16px;color: #FFF;cursor: pointer;transition: all .2s;}
.board .view.photo .btn_score_update:is(:hover,:active,:focus) {opacity: 0.8;}

.slider {width: 100%;position: relative;margin-top: 20px;}
.slider .inner {width: 80%;margin: 0 auto;}
.slider .navSlider {position: relative;display: block;margin-bottom: 5px;}
.slider .navSlider .list {display: flex;flex-wrap: wrap;}
.slider .navSlider .slide {cursor: pointer;display: flex;align-items: center;justify-content: center;background-color: #0001;position: relative;width: calc((100% - 70px) / 8);height: 80px;margin-right: 10px;margin-bottom: 10px;}
.slider .navSlider .slide:nth-child(8n) {margin-right: 0;}
.slider .navSlider .slide img {width: 100%;height: 100%;object-fit: cover;object-position: top;}
.slider .navSlider .slide.active::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: -0px;border: 5px solid #e10000;}
.slider .mainSlider {width: 100%;position: relative;height: fit-content;}
.slider .mainSlider .num {background-color: #0005;width: 60px;padding: 3px 0;text-align: center;position: absolute;top: 0;right: 0;z-index: 5;}
.slider .mainSlider .num span {color: #FFF;line-height: 1.8;}
.slider .mainSlider .num .current {color: #ffcc00;}
.slider .mainSlider .slide {position: relative;width: 100%;height: fit-content;min-height: 300px;display: flex;align-items: center;justify-content: center;background-color: #0001;}
.slider .mainSlider .slide .popupIcon {position: absolute;top: 0;left: 0;}
.slider .mainSlider .slide img {width: 100%;max-width: 100%;height: auto;}
.slider .mainSlider .arr-prev {position: absolute;top: 50px;left:-60px;width: 50px;height: 50px;content: '';background: url(../../img/icon/circle-arr-l-gray.png) no-repeat center;background-size: 100% auto;}
.slider .mainSlider .arr-next {position: absolute;top: 50px;right:-60px;width: 50px;height: 50px;content: '';background: url(../../img/icon/circle-arr-r-gray.png) no-repeat center;background-size: 100% auto;}

/* 보도사진전 에디터 */
.flex-cont {display: flex;width: 100%;}
.flex-cont.justify-content-between {justify-content: space-between;}
.flex-cont.justify-content-end {justify-content: flex-end;}
.flex-cont.align-center {align-items: center;}
.board .edit.photo #inputForm {display: flex;width: 100%;margin-top: 25px;}
.board .edit.photo #inputForm .cont {width: 50%;padding-right: 10px;}
.board .edit.photo #inputForm .column.cont {padding-right: 0px;padding-left: 10px;}
.board .edit.photo #inputForm .column.cont .text {font-size: 14px;color: #777;line-height: 1.2;}
.board .edit.photo #inputForm .row {margin-bottom: 20px;}
.board .edit.photo #inputForm .title {text-align: right;font-size: 16px;line-height: 1.2;color: #222;margin-right: 20px;max-width: 78px;padding-top: 3px;}
.board .edit.photo #inputForm .name {width: 100%;height: 32px;background-color: #0003;font-size: 15px;padding: 0 10px;display: flex;align-items: center;}
.board .edit.photo #inputForm .row .flex-cont .title {white-space: nowrap;text-align: left;font-size: 13px;line-height: 1.2;color: #222;width: fit-content;min-width: unset;margin-right: 5px;padding-top: 0;}
.board .edit.photo #inputForm textarea {width: 100%;height: 100px !important;resize: none !important;outline: none;font-size: 14px !important;}
.board .edit.photo #inputForm input::placeholder,.board .edit.photo #inputForm input[name="title"]::placeholder, .board .edit.photo #inputForm textarea::placeholder {font-size: 14px;color: #777;}
.board .edit.photo #inputForm input,.board .edit.photo #inputForm select {height: 32px;width: 140px;}
.board .edit.photo #inputForm input, .board .edit.photo #inputForm input[name="title"],.board .edit.photo #inputForm select, .board .edit.photo #inputForm textarea {outline: none;border: 1px solid #0004;background-color: #0000;padding: 5px 10px;font-family: 'Noto Sans KR';}
.board .edit.photo #inputForm input[name="title"] {width: 100%;font-size: 14px;}
.board .edit.photo #inputForm input[type="date"] {position: relative;width: 125px;border: 0;}
.board .edit.photo #inputForm input[type="date"]::after {position: absolute;left: 0;top: 0;content: '';width: 95px;height: 100%;border: 1px solid #0004;}
.board .edit.photo #inputForm input[type="date"]::-webkit-calendar-picker-indicator {position: absolute;right: 0px;z-index: 10;display: inline-block;content: '';width: 95%;height: 100%;background: url(../../img/icon/calendar.png) no-repeat right;background-size: 20px auto;}
.board .edit.photo #inputForm .row select + select {margin-left:5px;}
.board .edit.photo #inputForm .dep1 {margin-right: 10px;}
.board .edit.photo .bt-cont {flex-direction: row;justify-content: center;}
.board .edit.photo .bt-cont button {width: 110px;height: 40px;font-size: 18px;margin: 0 10px;}


/* ============================== board 보도사진전용 */


#searchBoard {}
#searchBoard .search-cont {display: flex;width: fit-content;padding: 30px 0;margin: 0 auto;}
#searchBoard .search-cont select {height: 32px;font-size: 16px;padding: 4px 10px;line-height: 1.3;letter-spacing: -0.2px;border-radius: 2px;box-shadow: 1px 1px 4px 1px #0003;background-color: #FFF;border: 0;outline: none;margin-right: 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#searchBoard .search-cont select::-ms-expand {display: none;}
#searchBoard .search-cont select {background: url(../../img/icon/arrow-down-b.png)no-repeat 90% #FFF;background-size: 12px auto;width: 120px;}
#searchBoard .search-cont .searchInput {display: flex;}
#searchBoard .search-cont input {height: 32px;font-size: 16px;padding: 4px 10px;line-height: 1.3;letter-spacing: -0.2px;border-radius: 2px;box-shadow:1px 1px 4px 1px #0003;background-color: #FFF;border: 0;outline: none;margin-right: 5px;width: 250px;}
#searchBoard .search-cont .btnSearch {height: 32px;font-size: 16px;padding: 4px 10px;line-height: 1.3;letter-spacing: -0.2px;border-radius: 2px;box-shadow: 1px 1px 4px 1px #0003;background-color: #FFF;border: 0;outline: none;display: flex;align-items: center;}
#searchBoard .search-cont .btnSearch img {width: 12px;margin-right: 5px;}


/* corp-list 협회회보 연도별 리스트 */s
.box.corp-list {padding-top: 6px;}
.corp-list .box_title {margin-bottom: 30px;}
.corp-list .box_title .arrow {margin-left:0;margin-right: 15px;}
.corp-list .box_title .name {font-size: 30px;}
.corp-list .more {width: 100%;display: flex;justify-content: center;}
.corp-list .list {width: 100%;margin-bottom: 100px;}
.corp-list .cont {position: relative;width: 100%;margin-bottom: 60px;}
.corp-list .cont:last-child {margin-bottom: 0;}
.corp-list .cont .year {margin-bottom: 40px;padding-left: 40px;width: 100%;background-color: #000;color: #FFF;font-size: 30px;line-height: 1.5;letter-spacing: normal;font-weight: normal;}
.corp-list .inner {height: 325px;width: 100%;}
.corp-list .swiper {width: 780px;margin: 0 auto;}
.corp-list .article.swiper-slide {width: 230px;height: 325px;cursor: pointer;}
.corp-list .article.swiper-slide .thumb {width: 100%;height: 268px;}
.corp-list .article.swiper-slide .title {line-height: 1;font-size: 24px;text-align: center;background-color: #FFF;padding: 15px 0;font-weight: normal;}
.corp-list .swiper-button-prev {top: 60%!important;left:10px !important;}
.corp-list .swiper-button-next {top: 60%!important;right:10px !important;}


/* member-list 협회회원 리스트 */
.box.member-list {padding-top: 6px;}
.member-list .box_title {margin-bottom: 50px;}
.member-list .box_title .arrow {margin-left:0;margin-right: 15px;}
.member-list .box_title .name {font-size: 30px;}
.member-list .more {width: 100%;display: flex;justify-content: center;}
.member-list .list {display: flex;flex-wrap: wrap;margin-bottom: 100px;}
.member-list .member {position: relative;margin-bottom: 40px;margin-right: 30px;padding: 20px;width: calc((100% - 60px) / 3);min-height: 365px;height:fit-content;border-radius: 5px;background-color: #FFF;border: 1px solid #0002;}
.member-list .member:nth-of-type(3n), .member-list .member:last-child {margin-right: 0;}
.member-list .member .photo-wrap {margin-bottom: 30px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;height: 100px;}
.member-list .member .photo {width: 92px;height: 92px;border-radius: 50%;overflow: hidden;background-color: #0002;}
.member-list .member .photo img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.member-list .member .name {max-width: 130px;font-size: 16px;font-weight: 500;line-height: 1.2;text-align:center;margin-bottom: 7px;}
.member-list .member .company {max-width: 130px;margin: 0 auto;background-color: #222;padding: 4px 15px;width: fit-content;border-radius: 20px;color: #FFF;font-size: 14px;font-weight: normal;line-height: 1.1;text-align: center;}
.member-list .member .info {}
.member-list .member .info dl {display: flex;line-height: normal;margin-bottom: 20px;}
.member-list .member .info dl:last-child {margin-bottom: 0;}
.member-list .member .info dt {font-size: 16px;color: #025cca;font-weight: 500;margin-right: 15px;white-space: nowrap;}
.member-list .member .info dd {word-break: break-all;font-size: 15px;font-weight: normal;white-space: wrap;}
/* .member-list .member .icon-cont {position: absolute;bottom:30px;width: calc(100% - 40px);display: flex;justify-content: space-between;align-items: center;} */
.member-list .member .photo-wrap .icon-cont {width: fit-content;padding-top: 7px;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.member-list .member .icon-cont .icon {height: 27px;width: 27px;display: inline-block;margin: 0 5px}
.member-list .member .icon-cont .icon.phone {background-image: url(../../img/icon/phone.png);background-size: 95%;background-repeat: no-repeat;background-position: center;}
.member-list .member .icon-cont .icon.text {background-image: url(../../img/icon/text.png);background-size: 95%;background-repeat: no-repeat;background-position: center;}
.member-list .member .icon-cont .icon.mail {background-image: url(../../img/icon/mail.png);background-size: 100%;background-repeat: no-repeat;background-position: center;}
.member-list .member .icon-cont .icon.article {background-image: url(../../img/icon/board.png);background-size: 100%;background-repeat: no-repeat;background-position: center;}
.member-list .member .icon-cont .icon.view {background-image: url(../../img/icon/detail.png);background-size: 100%;background-repeat: no-repeat;background-position: center;}


/* #modifyForm */
#modifyForm {}
#modifyForm .input-cont {display: flex;}
#modifyForm .input-cont .left {width: 60%;padding-right: 40px;}
#modifyForm .input-cont .right {width: 40%;}
#modifyForm .input-area #birth {display: flex;}
#modifyForm .input-area {display: block;margin-bottom: 20px;}
#modifyForm .input-area label {font-size: 14px;}
#modifyForm .input-area input {width: 100%;border: 1px solid #0003;height: 35px;padding: 0 15px;outline: none;font-size: 15px;}
#modifyForm .input-area select {width: 100%;border: 1px solid #0003;height: 35px;padding: 0 15px;outline: none;font-size: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #FFF;}
#modifyForm .input-area select.select-arrow {background-size: 16px auto;}
#modifyForm .input-area [name='birth[month]'].select-arrow {background-position: 90%;}
#modifyForm .input-area select::-ms-expand {display: none;}
#modifyForm .input-area input::placeholder {color: #0000;}
#modifyForm .input-area .input {width: 100%;background-color: #0003;height: 35px;padding: 0 15px;line-height: 2.3;font-size: 15px;}
#modifyForm .input-area textarea {padding: 0 15px;width: 100%;height: 200px;resize: none;border: 1px solid #0003;;outline: none;font-size: 15px;font-family: 'Noto Sans KR';}
#modifyForm .message {margin-top: 2px;text-align:left;width: 100%;font-size: 14px;}
#modifyForm h1{font-size: 2em;font-weight: bold; text-align:center;}
#modifyForm h2{font-size: 1.3em;margin-bottom:20px;font-weight: 400;}
#modifyForm h3{font-size: 1.1em;font-weight: bold;}
#modifyForm .msgError{color: #e94242;}
#modifyForm .inputError{border:1px dashed #f00 !important;background-color:rgb(250, 255, 189) !important;}
#modifyForm label input[type="checkbox"]{width: 18px;height: 18px;margin-right: 5px;}
#modifyForm .txt_blue {color: #457fff;}
#modifyForm .btnBox {width: 99%;margin: 50px auto;display: flex;justify-content: center;}
#modifyForm .btnWhiteW50 .icon {position: absolute;left: 12px;top: 12px;}
#modifyForm .btnBlueW50 {position: relative;width: 48.7%;background-color: #245480;display: inline-block;color: #fff;height: 55px;line-height: 55px;font-size: 20px;font-weight: normal;text-align: center;margin: 0 10px;}
#modifyForm .btnGrayW50 {width: 48.7%;background-color: #626262;display: inline-block;color: #fff;height: 55px;line-height: 55px;font-size: 20px;font-weight: normal;text-align: center;margin: 0 10px;}
#modifyForm .ch-pw {float: right;background-color: #626262;color: #FFF;font-size: 15px;padding: 5px 12px;font-weight: bold;}
#modifyForm .ch-pw:hover {background-color: #457fff;}
.input-area.address-input .cont {display: flex;margin-bottom: 2px;}
.input-area.address-input a {height: 35px;font-size: 15px;padding: 4px 10px;background-color: #245480;color: #FFF;}
.input-area.address-input label {width:20%}
#modifyForm .input-area.address-input input[name="address[postcode]"] {width:200px;}
#modifyForm .input-area.address-input input {width:80%};

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////// 인트라넷 우측 */

/** 추가 필드 **/
.addField{display: flex;}
.addField .fieldItem{flex-basis: 100%;text-align: center;padding: 5px;margin: 5px 2px 15px;background-color: #666;color: #FFF;}
.addField .fieldItem:active, .addField .fieldItem:focus {background-color: #444;}

/* 법률상담 안내 페이지 */
#lawFirmPopUp {display: none;position: fixed;z-index: 999;top:50px;left:400px;width: fit-content;height: 90%;overflow-y: scroll;background-color: #e9e9e9;border: 1px solid rgb(150, 150, 150);}
#lawFirmPopUp .btn-close {position:absolute;z-index: inherit;;top:5px;right:5px;width: 20px;height: 20px;background: url(/img/icon/close.png) no-repeat center;}
.legal-box {width: 100%;margin: 0 auto;background-color: #e9e9e9;}
.legal-box .logo-cont {text-align: center;padding: 35px 0;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, #002b59 20%, #002b59 80%, rgba(0, 0, 0, 0.8) 100%);}
.legal-box .logo-cont img {width: 120px;margin: 0 auto;}
.legal-box .intro {padding: 40px 220px 60px;background: url(../../img/background/law-back.png) no-repeat center;background-size: cover;color: #eee;font-weight: normal;font-size: 18px;word-break: keep-all;text-align: center;line-height: 1.9;letter-spacing: -0.1px;}
.legal-box .intro .bold {font-size: 26px;font-weight: normal;}
.legal-box > .cont {padding: 60px 40px;display: flex;border-bottom:1px solid #0002;color: #222;}
.legal-box > .cont:last-child {border-bottom: 0;}
.legal-box .photo {height: 280px;margin-right: 36px;}
.legal-box .section {display: block;margin-bottom: 30px;}
.legal-box .section2 {padding-top:30px;}
.legal-box .section .title {font-size: 25px;font-weight: bold;}
.legal-box .section .title span {font-size: 20px;margin-left: 5px;}
.legal-box .section .desc {word-break: keep-all;font-size: 17px;line-height: 2;}
.legal-box .about {font-size: 25px;position: relative;margin-bottom: 10px;}
.legal-box .about::after {position: absolute;bottom: 3px;left: 0;content: '';width: 56px;height: 2px;background-color: #2395b6;}

#loading {display: none;background-color:#e2525c;color: #FFF;  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);width: 500px;font-size: 22px;font-weight: bold;position: fixed;z-index: 20;left: calc((100% - 500px) / 2);top:40%;}
#loading.active {display: block;padding: 40px 20px;text-align: center;}
.viewList .page {margin-top: 30px;}

.j_after ~ .j_before {display: none;}
#dropzone .dz-processing .progress {position: relative;width: 94%;height: 17px;margin: 5px auto;display: none;}
#dropzone .dz-processing .progress .progress-bar {position: absolute;left: 0;top:0;height: 17px;border-radius: 20px;background-color: #002b59cb;}
#dropzone .dz-processing .progress .progress-text {color: #FFF;line-height: 1.22;font-size: 13px;letter-spacing: -0.4px;margin-left: 20px;}



/* bnn-cont . 이달의 보도사진상 등 배너형 게시판 링크 */
.bnn-cont {width: 100%;padding: 0 10px 20px;}
.bnn-cont .thumb {width: 100%;height: fit-content;margin-bottom: 5px;}
.bnn-cont .thumb img {width: 100%;height: auto;}
.bnn-cont .title {line-height: 1.4;letter-spacing: -0.7px;font-size:14px;font-weight: bold;}
.bnn-cont .title .apply-date {}