@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:7.5rem; }
/* .sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;} */
.sub-tab-list-style ul {display: flex; align-items: center; justify-content: center;}
.sub-tab-list-style ul:after{display:none}
/* .sub-tab-list-style ul li{float:left; display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 } */
.sub-tab-list-style ul li {width: 280px; height: 70px; border: none; background-color: #ededed; margin-right: 15px;}
/* .sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;} */
.sub-tab-list-style ul li:last-child {margin-right: 0;}
/* .sub-tab-list-style ul li a{display:table; height:58px; width:100%; } */
.sub-tab-list-style ul li a {display:table; height: 100%; width:100%;}
/* .sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;} */
.sub-tab-list-style ul li a em {display:table-cell; vertical-align:middle; font-size: 1.8rem; line-height: 1.2em; letter-spacing: -0.065em; color: #868686; text-align:center;}
/* .sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;} */
.sub-tab-list-style ul li.selected {background-color: #0a2559;}
/* .sub-tab-list-style ul li.selected a em{color:#fff; } */
.sub-tab-list-style ul li.selected a em {font-weight: 600; color: #fff;}
/* Tab Fixed Move*/
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

/* ****************** SAND 소개 ********************** */
/***** 소장인사말 *****/
.greeting-page {padding-bottom: 15rem;}
.greet-con {background: #ecedf5;}
.greet-con-inner {position: relative; padding: 8.5rem 4.5rem 4.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.greet-con-img {position: absolute; width: 50%; top: 8.5rem; right: -7rem;}
.greet-con-img img {max-width: 100%;}
.greet-txt-con {padding-bottom: 4.5rem;}
.greet-txt-con .greet-con-tit {font-size: 3.6rem; font-weight: 400; letter-spacing: -0.050em; color: #000000; line-height: 1.5; padding-bottom: 1rem;}
.greet-txt-con .greet-con-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.050em; color: #000000; line-height: 1.9; padding-top: 3rem;}
.greet-txt-con .greet-con-txt:first-of-type {width: 50%;}
.greet-txt-con .greet-con-txt b {color: #122a88;}
.greet-con-bottom {display: flex; align-items: center; justify-content: end; padding-top: 4.5rem; border-top: 1px solid rgba(18,42,136,0.2);}
.greet-con-bottom strong {font-size: 2rem; font-weight: 700; line-height: 1.2; color: #122a88; padding-right: 2.5rem;}
.greet-con-bottom span {display: inline-block;}

/***** 조직도 및 연혁 *****/
.org-con {padding-bottom: 24rem;}
.org-tit {font-size: 3.6rem; font-weight: 700; letter-spacing: -0.065em; color: #222222;}

/***** SAND사람들 *****/
.people-con {max-width: 920px; margin: 0 auto;}
.people-con-tit {font-size: 3.6rem; font-weight: 700; letter-spacing: -0.065em; color: #222222; text-align: center; line-height: 1.3; margin-bottom: 5.5rem;}
.people-list li {display: flex; min-height: 26rem; border: 1px solid #e3e3e3; margin-bottom: 2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.people-list li .people-img-box {position: relative; width: 21.73%; border-right: 1px solid #e3e3e3; box-sizing: border-box}
.people-list li .people-img-box img {max-width: 100%; position: absolute; width: 100%;height: 100%; top: 0; left: 0;}
.people-list li .people-info-box {width: calc(100% - 21.73%); background: url(/images/content/people_box_bg.jpg)no-repeat right 0 bottom 0 / cover; }
.people-list li .people-info-box .people-info-box-inner {padding: 4rem; box-sizing: border-box;}
.people-info-box-inner .people-info-top {position: relative; display: flex; align-items: end; justify-content: space-between;  border-bottom: 1px solid #e3e3e3; padding-bottom: 2rem;}
.people-info-box-inner .people-info-top:before {position: absolute; content: ''; width: 5rem; height: 1px; left: 0; bottom: -1px; background: #09255a;}
.people-info-box-inner .people-info-top .people-name {font-size: 1.9rem; font-weight: 700; letter-spacing: -0.065em; color: #222222;}
.people-info-box-inner .people-info-top .people-name em {font-size: 1.5rem; font-weight: 700; color: #9f9f9f;}
.people-info-box-inner .people-info-top .people-dep {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.065em; color: rgba(34,34,34,0.8);} 
.people-info-box-inner .people-info-bottom {padding-top: 1rem;}
.people-info-box-inner .people-info-bottom .people-info-txt {font-size: 1.5rem; font-weight: 400; line-height: 2; letter-spacing: -0.065em; color: rgba(34,34,34,0.8);}

/***** 원고 투고 *****/
.contact-page {padding-bottom: 15rem;}
.contact-banner {width: 100%; background: url(/images/content/contact_banner_bg.jpg)no-repeat center / cover; margin-bottom:8rem ;}
.contact-banner .contact-banner-inner {padding: 8.2% 0 8%;}
.contact-banner .contact-banner-inner .contact-banner-txt01 {font-size: 3.6rem; font-weight: 700; letter-spacing: -0.050em; color: #ffffff; line-height: 1.3; padding-bottom: 3.3rem;}
.contact-banner .contact-banner-inner .contact-banner-txt02 {font-size: 3.2rem; font-weight: 400; letter-spacing: -0.050em; color: rgba(255,255,255,0.8); line-height: 1.43;}
.contact-con {border-top: 1px solid rgba(18,42,136,0.2);}
.contact-con .contact-box {display: flex; padding-top: 7.5rem;}
.contact-con .contact-box .contact-box-tit {width: 25%; font-size: 3.6rem; font-weight: 700; letter-spacing: -0.050em; color: #000; line-height: 1.3;}
.contact-con .contact-box .contact-box-info {width: 75%; padding-left: 2.5rem; box-sizing: border-box;}
.contact-con .contact-box .contact-box-info .info-tit {position: relative; font-size: 2.4rem; font-weight: 700; color: #122a88; line-height: 1.58;}
.contact-con .contact-box .contact-box-info .info-tit:before {position: absolute; content: '\e931'; font-size: 2rem; left: -3rem; top: 0.2rem; font-family: xeicon; transform: rotate(90deg);}
.contact-con .contact-box .contact-box-info .info-list {padding-top: 2rem;}
.contact-con .contact-box .contact-box-info .info-list li {position: relative; padding-left: 1.5rem; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.050em; color: #000; line-height: 1.66;}
.contact-con .contact-box .contact-box-info .info-list li:before {position: absolute; content: ''; top: 1.3rem; left: 0; width: 5px; height:5px; border-radius: 5px; background: #122a88; }

/* ******************  알림마당 ********************** */
/***** 공지사항 탭*****/
.cm-board-page .bbs-top-list-box {margin-bottom: 45px;}
.cm-board-page .sub-tab-wrapper-style {margin-bottom: 85px;}

/***** 공지사항, 언론보도, 자료실 *****/
.cm-board-page .total-list-con {color: #222222; font-weight: 400;}
.cm-board-page .board-search-box .search-subject-select, .cm-board-page .board-search-box .search-word, .cm-board-page .custom-select-trigger {color: #222222;}
.cm-board-page .cm-bbs-font-color {font-weight: 600;}
.cm-board-page .bbs-inline .xi-file-download {font-size: 2rem; letter-spacing: -0.065em; color: #222222;}
.cm-board-page .bbs-list-head .bbs-head-item {font-weight: 600;}
.cm-board-page .paging {margin-bottom: 0;}
.cm-board-page .paging a {border: none; font-size: 1.4rem; font-weight: 600; line-height: 2em; letter-spacing: -0.065em; color: #868686; width: 20px; height: 25px; margin: 0 0 0 7px;}
.cm-board-page .paging a:first-child {margin-left: 0;}
.cm-board-page .paging a.cur {border-bottom: 2px solid #333333; border-color: #333333; background-color: transparent; color: #333333;}
.cm-board-page .paging a:hover {color: #333333;}
.cm-board-page .total-list-con b {color: #2c62ca;}

/***** 포토갤러리, 미디어, 교육자료 *****/
.cm-gallery-page .bbs-top-list-box {margin-bottom: 45px;}
.cm-gallery-page .bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-tit {font-size: 1.4rem; font-weight: 400; line-height: 2em; letter-spacing: -0.065em; color: #222222; padding-top: 0.7rem;}
.cm-gallery-page .bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-category {font-size: 1.4rem; font-weight: 700; line-height: 2em; letter-spacing: -0.065em; color: #0a2658;}
.cm-gallery-page .bbs-basic-gallery-con05 .gallery-list li a:hover .list-tit {color:var(--main-color);}
.cm-gallery-page .bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-day {font-size: 1.4rem; font-weight: 400; line-height: 2em; letter-spacing: -0.065em; color: #666666;}
.cm-gallery-page .bbs-basic-gallery-con05 .gallery-list li .list-info-con {padding: 20px 0;}
.cm-gallery-page .paging {margin-bottom: 0;}
.cm-gallery-page .paging a {border: none; font-size: 1.4rem; font-weight: 600; line-height: 2em; letter-spacing: -0.065em; color: #868686; width: 20px; height: 25px; margin: 0 0 0 7px;}
.cm-gallery-page .paging a:first-child {margin-left: 0;}
.cm-gallery-page .paging a.cur {border-bottom: 2px solid #333333; border-color: #333333; background-color: transparent; color: #333333;}
.cm-gallery-page .paging a:hover {color: #333333;}
.cm-gallery-page .total-list-con b {color: #2c62ca;}

/* ******************  활동과 참여 ********************** */

/***** 공통 *****/
.cm-active-page .bbs-top-list-box {margin-bottom: 45px;}
/*** 메뉴 탭 ***/
.cm-active-page .sub-tab-wrapper-style {margin-bottom: 60px;}
/*** 게시판 페이지 번호 ***/
.cm-active-page .paging {margin-bottom: 0;}
.cm-active-page .paging a {border: none; font-size: 1.4rem; font-weight: 600; line-height: 2em; letter-spacing: -0.065em; color: #868686; width: 20px; height: 25px; margin: 0 0 0 7px;}
.cm-active-page .paging a:first-child {margin-left: 0;}
.cm-active-page .paging a.cur {border-bottom: 2px solid #333333; border-color: #333333; background-color: transparent; color: #333333;}
.cm-active-page .paging a:hover {color: #333333;}
.cm-active-page .total-list-con b {color: #2c62ca;}

/***** 회원현황 *****/
.member-page .custom-scrollbar-wrapper {width: 100%;}
.member-page .custom-scrollbar-cover {z-index: 2;}
.member-page .custom-scrollbar-cover .scroll-cover-txt i {margin-bottom: 20px;}
.member-page .custom-scrollbar-cover .scroll-cover-txt {position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #fff; font-size: 300; font-size: 15px;}
.member-page .member-table-box .member-item table {width: 100%;}
.member-page .member-table-box .member-item table img {max-width: 50%; height: auto;}
.member-page .member-table-box .member-item tbody {width: 100%;}
.member-page .member-table-box .member-item tbody tr {text-align: center;}
.member-page .member-table-box .member-item tbody tr th {font-size: 1.5rem; font-weight: 500; line-height: 2em; letter-spacing: -0.05em; color: #222222; border-top: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; border-right: 1px solid #e4e4e4; padding: 15px 10px;}
.member-page .member-table-box .member-item tbody tr th:last-child {border-right: none;}
.member-page .member-table-box .member-item tbody tr td:last-child {border-right: none;}
.member-page .member-table-box .member-item tbody tr td {height: 120px; font-size: 1.5rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #222222; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; padding: 10px;}

.member-page .member-table-box .member-item tbody tr td a {display: block; width: 28px; height: 28px; background-color: #09255a; margin: 0 auto; border-radius: 50%; text-align:center; }
.member-page .member-table-box .member-item tbody tr td a i{display: block; font-size: 1.5rem; color: #fff; line-height:28px; text-indent:-1px;}


/***** 회원가입 안내 *****/
/*** 공통 ***/
.member-info-wrap .info-item-box:first-child {border-top: 1px solid #222222;}
.member-info-page .member-title {font-size: 3.6rem; font-weight: 600; line-height: 1.4em; letter-spacing: -0.065em; color: #0a2559; text-align: center;}
.member-info-page .member-down {text-align: right; margin: 50px 0 55px 0;}
.member-info-page .member-down a {font-size: 1.5rem; line-height: 2em; letter-spacing: -0.05em; color: #fff; background-color: #2d62ca; padding: 20px 35px; border-radius: 30px;}
.member-info-page .member-down a i {padding-right: 15px;}
.member-info-wrap .info-item-box .item-tit-con h4 {font-size: 3.6rem; font-weight: 600; line-height: 1.4em; letter-spacing: -0.065em; color: #222222;}
.member-info-wrap .info-item-box .txt-con-wrap .item-tit {font-size: 2rem; font-weight: 500; line-height: 1.8em; letter-spacing: -0.065em; color: #0a2559; margin-bottom: 15px;}
.member-info-wrap .info-item-box .txt-con-wrap .item-txt-con:last-child {border-top: 1px solid #ededed;}
.member-info-wrap .item-txt-box  span {font-size: 1.5rem; font-weight: 600; line-height: 2em; letter-spacing: -0.05em; color: #0a2559; padding-right: 20px;}
.member-info-wrap .item-txt-box  p {font-size: 1.5rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #222222;}
.member-info-wrap .item-txt-box .txt-box .txt-df-color {color: #868686;}
/*** 단체회원 ***/
.member-info-wrap .info-item-box {display: flex; border-top: 1px solid #e4e4e4; padding: 20px 0 30px 0;}
.member-info-wrap .info-item-box:nth-child(2), .member-info-wrap .info-item-box:nth-child(3) {padding: 40px 0 0 0;}
.member-info-wrap .info-item-box .item-tit-con {width: 23%; margin-right: 40px; padding: 43px 0 50px 0;}
.member-info-wrap .info-item-box .txt-con-wrap {width: 77%;}
.member-info-wrap .info-item-box .txt-con-wrap .item-txt-con {padding: 43px 0 50px 0;}
.member-info-wrap .info-item-box:last-child .txt-con-wrap .item-txt-con:last-child {padding-bottom: 0;}
.member-info-wrap .item-txt-box .item-txt {display: flex; margin-bottom: 20px;}
.member-info-wrap .item-txt-box .item-txt:last-child {margin-bottom: 0;}
.member-info-wrap .item-txt-box .item-ps {font-size: 1.4rem; line-height: 1.4em; letter-spacing: -0.05em; color: #4f6acb;}
/*** 지역회원 ***/
#tabCon02 .member-title-txt	{font-size: 1.6rem; line-height: 1.8em; letter-spacing: -0.05em; color: #222222; text-align: center; margin-top: 30px; padding-bottom: 20px;}
#tabCon02 .member-info-wrap .info-item-box {padding: 30px 0;}
#tabCon02 .member-info-wrap .info-item-box:nth-child(5) {padding: 90px 0 110px 0;}
#tabCon02 .member-info-wrap .info-item-box:nth-child(1), #tabCon02 .member-info-wrap .info-item-box:nth-child(2), #tabCon02 .member-info-wrap .info-item-box:nth-child(6) {align-items: center;}
#tabCon02 .member-info-wrap .info-item-box:nth-child(4) {padding: 50px 0 70px 0;}
#tabCon02 .member-info-wrap .info-item-box:last-child {border-bottom: 1px solid #e4e4e4;}
#tabCon02 .member-info-wrap .info-item-box .txt-con-wrap .item-txt-con:last-child {border-top: 0;}
#tabCon02 .member-info-wrap .info-item-box .txt-con-wrap .item-txt-con, #tabCon02 .member-info-wrap .info-item-box .item-tit-con {padding: 0;}
#tabCon02 .member-info-wrap .info-item-box .txt-con-wrap .item-tit {margin-bottom: 0;}
.member-info-wrap .info-item-box .info-circle-box {width: 77%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.member-info-wrap .info-item-box .info-circle-box .info-circle {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; height: 200px; border: 2px solid #e1e1e1; border-radius: 50%; text-align: center; box-sizing: border-box;}
.member-info-wrap .info-item-box .info-circle-box .info-circle span {position: relative; font-size: 1.5rem; font-weight: 600; line-height: 2.4em; letter-spacing: -0.05em; color: #0a2559;}
.member-info-wrap .info-item-box .info-circle-box .info-circle span::before {position: absolute; content: ""; bottom: 0.8rem; left: 0; width: 100%; height: 1px; background-color: #0a2559;}
.member-info-wrap .info-item-box .info-circle-box .info-circle p {font-size: 1.5rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #222222;}
.member-info-wrap .info-item-box .info-circle-box .circle-icon {margin: 0 10px;}