@charset "UTF-8";
/*------------------------------------------------------------------- File Name : sub.scss Date : 2020.06.23. Lee Hye Jin Summary : Sub Content Style -------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    File Name : _button.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : 버튼
-------------------------------------------------------------------*/
.btn__wrap { margin-top: 30px; }
.btn__wrap .btn + .btn { margin-left: 4px; }
.btn { display: inline-block; min-width: 125px; height: 40px; line-height: 40px; padding: 0 12px; text-align: center; vertical-align: middle; border: none; color: #fff; background-color: #0061ac; font-weight: 300; }
.btn-green { background-color: #00ac97; }
.btn-green2 { background-color: #10948f; }
.btn-gray { background-color: #444; }
.btn-navy { background-color: #45439c; }
.btn-violet { background-color: #974cd1; }
.btn-pdf { padding: 10px 50px 10px 16px; min-width: auto; height: auto; line-height: 100%; font-size: 14px; font-weight: 300; color: #fff; background: url("../img/sub/icon_link.png") no-repeat 85% center #10948f; }
@media screen and (max-width: 768px) { .btn-pdf { font-size: 12px; background-image: none; padding: 10px; } }
/*-------------------------------------------------------------------
    File Name : _tab.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : Tab Style
-------------------------------------------------------------------*/
.tab__list { margin-bottom: 40px; }
.tab__list > button { display: none; }
.tab__list > ul { display: table; table-layout: fixed; width: 100%; margin-left: -1px; }
.tab__list > ul:after { display: none; }
.tab__list > ul > li { display: table-cell; text-align: center; vertical-align: top; }
.tab__list > ul > li > a { position: relative; display: table; table-layout: fixed; width: 100%; background-color: #ebebeb; color: #000; /*margin:0 1px;*/ border-left: 1px solid #fff; border-right: 1px solid #fff; vertical-align: top; font-size: 20px; }
.tab__list > ul > li.active > a { background-color: #014b92; color: #fff; }
.tab__list > ul > li.active > a:after { content: ''; position: absolute; left: 0; bottom: -9px; width: 100%; height: 9px; background: url("../img/sub/tab_bg.png") no-repeat center 0; }
@media screen and (max-width: 768px) { .tab__list > ul > li.active > a:after { display: none; } }
.tab__list > ul > li > a > span { display: table-cell; width: 100%; height: 80px; vertical-align: middle; }
.tab__list > ul > li > a > span span { display: block; font-size: 18px; font-weight: 300; }
@media screen and (max-width: 768px) { .tab__list { position: relative; z-index: 1; }
  .tab__list > button { position: relative; display: block; width: 100%; height: 45px; line-height: 45px; font-size: 15px; background-color: #014b92; color: #fff; text-align: left; padding: 0 30px 0 15px; }
  .tab__list > button:after { content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 15px; height: 10px; background: url("../img/sub/tab_select.png") no-repeat 0 0; background-size: 100% auto; }
  .tab__list > button.active:after { background-image: url("../img/sub/tab_select_hover.png"); }
  .tab__list > ul { display: block; position: absolute; top: 45px; max-height: 0; overflow-y: auto; margin-left: 0; border-top: 1px solid #d5d5d5; transition: max-height .3s ease-in-out; }
  .tab__list button.active + ul { max-height: 270px; }
  .tab__list > ul > li { display: block; text-align: left; border: 1px solid #d5d5d5; border-top: none; }
  .tab__list > ul > li > a { display: block; background-color: #fff; color: #3d3d3d; margin: 0; font-size: 15px; padding: 0 30px 0 15px; border: none; }
  .tab__list > ul > li.active { border-color: #014b92; }
  .tab__list > ul > li > a > span { display: block; height: 43px; line-height: 43px; }
  .tab__list > ul > li > a > span span { display: inline-block; font-size: 15px; } }
/*-------------------------------------------------------------------
    File Name : _boardutil.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : 게시판 상단 검색, 검색결과, 유형선택
-------------------------------------------------------------------*/
/* [s] 게시판 상단 검색 */
.search__wrap { text-align: right; }
.search__wrap fieldset { font-size: 0; }
.search__wrap fieldset * { margin-left: 6px; }
.search__wrap fieldset *:first-child { margin-left: 0; }
.search__wrap select, .search__wrap input { height: 50px; line-height: 48px; border-color: #c0c0c0; font-size: 16px; }
.search__wrap select { min-width: 120px;  padding: 0 0;}
.search__wrap .btn-search { display: inline-block; }
@media screen and (max-width: 768px) { .search__wrap { padding: 15px 12px; background: #f3f3f4; }
  .search__wrap fieldset * { margin-left: 0; }
  .search__wrap select, .search__wrap input { width: 100%; height: 40px; line-height: 38px; margin-top: 7px; }
  .search__wrap select:first-child, .search__wrap input:first-child { margin-top: 0; }
  .search__wrap input { width: calc(100% - 40px); }
  .search__wrap .btn-search { width: 40px; vertical-align: top; margin-top: 7px; } }
/*-- [e] 게시판 상단 검색 */
/* [s] 게시판 상단 검색 결과 + 유형 선택 */
.board__wrap-util { margin-top: 30px; }
.board__wrap-util:after { content: ''; display: block; clear: both; }
.board__wrap-util .search__wrap { float: right; }
.total__wrap { float: left; font-size: 0; font-weight: 300; padding-left: 40px; min-height: 36px; background: url("../img/sub/icon_keyword.png") no-repeat 0 0; }
.total__wrap p { display: inline-block; vertical-align: top; font-size: 20px; line-height: 36px; }
.total__wrap p strong { color: #0061ac; font-weight: 400; }
.total-keyword { margin-right: 10px; }
.total-number { margin-left: 12px; }
.board__tab { float: right; font-size: 0; margin-top: 2px; }
.board__tab a { display: inline-block; min-width: 88px; height: 33px; line-height: 33px; border: 1px solid #ccc; vertical-align: top; text-align: center;}
.board__tab a span { display: inline-block; color: #555; background: url("../img/sub/board_thum.png") no-repeat 0 center; padding-left: 24px; }
.board__tab a.active { background-color: #0068b7; border-color: #0068b7; }
.board__tab a.active span { color: #fff; background-image: url("../img/sub/board_thum_hover.png"); }
.board__tab a.list span { background-image: url("../img/sub/board_list.png"); }
.board__tab a.list.active span { background-image: url("../img/sub/board_list_hover.png"); }
@media screen and (max-width: 1024px) { .board__wrap-util .search__wrap { float: none; }
  .board__wrap-util .search__wrap + .total__wrap { margin-top: 20px; }
  .total__wrap { float: none; padding-left: 35px; min-height: 28px; background-size: 25px auto; }
  .total__wrap p { font-size: 18px; line-height: 28px; }
  .total-keyword { margin-right: 20px; }
  .total-number { margin-left: 0; }
  .board__tab { margin-top: 10px; } }
@media screen and (max-width: 768px) { .board__tab a { min-width: auto; width: 30px; height: 30px; line-height: 30px; }
  .board__tab a span { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 100%; padding-left: 0; background-size: 15px auto; background-position: center center; } }
/* [s] 게시판 상단 검색 결과 + 유형 선택 */
/*-------------------------------------------------------------------
    File Name : _board.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : 게시판 리스트
-------------------------------------------------------------------*/
/* [s] 일반형 게시판 */
/* [s] PC */
.board__list { border-top: 2px solid #4a4653; }
@media screen and (max-width: 1024px) { .board__list { display: none; } }
.board__list thead th { background: #f5f5f5; border-bottom: 1px solid #3d3e3f; padding: 14px 5px; font-weight: 700; font-size: 18px; color: #000; vertical-align: middle; text-align: center; }
.board__list tr.notice td, .board__list tr.notice a { color: #00ac97; font-weight: 400; }
.board__list tr.notice .icon-file { background-image: url("../img/sub/icon_file_hover.png"); }
.board__list td, .board__list a { font-size: 18px; color: #222; }
.board__list td { padding: 19px 5px; text-align: center; border-bottom: 1px solid #ddd; font-weight: 300; }
.board__list a { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; -moz-binding: url("ellipsis.xml#ellipsis"); display: inline-block; width: 100%; }
/* .board__list a { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; -moz-binding: url("ellipsis.xml#ellipsis"); } */
/*-- [e] PC */
/* [s] Mobile */
.board__list-m { display: none; }
@media screen and (max-width: 1024px) { .board__list-m { display: block; border-top: 2px solid #4a4653; }
  .board__list-m > li { padding: 15px 15px; border-bottom: 1px solid #ddd; }
  .board__list-m .icon-stat + .title { margin-top: 5px; }
  .board__list-m .gubun { font-weight: 700; margin-right: 3px; }
  .board__list-m .title { font-size: 16px; }
  .board__list-m .title a { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; -moz-binding: url("ellipsis.xml#ellipsis"); display: inline-block; max-width: 100%; vertical-align: middle; }
  .board__list-m .info { margin-top: 10px; }
  .board__list-m .info > li { font-size: 13px; margin-top: 3px; }
  .board__list-m li.notice * { color: #00ac97; } }
/*-- [e] Mobile */
/*-- [e] 일반형 게시판 */
.writer { margin-top: 10px; }
.writer > li { position: relative; float: left; padding-left: 15px; margin-left: 15px; }
.writer > li:first-child { padding: 0; margin: 0; }
.writer > li:first-child:after { display: none; }
.writer > li:after { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 15px; transform: translateY(-50%); background-color: #dcdcdc; }
/*-------------------------------------------------------------------
    File Name : _boardview.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : 게시판 뷰
-------------------------------------------------------------------*/
.board__view { border-top: 2px solid #7a7682; border-bottom: 1px solid #bdbdbd; word-break: keep-all; word-wrap: break-word; }
.board__view .info { display: block; margin: 0; padding: 17px 13px 23px; border-bottom: 1px solid #a1a1a1; }
@media screen and (max-width: 768px) { .board__view .info { padding: 5px 10px 10px; } }
.board__view .info:after { content: ''; display: block; clear: both; }
.board__view .info > span { float: left; width: 40%; font-size: 20px; min-height: 43px; padding-left: 140px; line-height: 41px; margin-top: 8px; box-sizing: border-box; }
@media screen and (max-width: 768px) { .board__view .info > span { float: none; width: 100%; font-size: 15px; min-height: 30px; padding-left: 90px; line-height: 28px; margin-top: 5px; } }
.board__view .info > span:first-child { margin-top: 8px; }
.board__view .info > span .info-tit { width: 115px; height: 43px; line-height: 41px; }
@media screen and (max-width: 768px) { .board__view .info > span .info-tit { width: 80px; height: 30px; line-height: 28px; } }
.board__view .view-info { position: relative; padding: 30px 9px; border-bottom: 1px solid #a1a1a1; }
@media screen and (max-width: 768px) { .board__view .view-info { padding: 10px 9px; } }
.board__view .view-info .title { font-size: 26px; color: #222; }
@media screen and (max-width: 768px) { .board__view .view-info .title { font-size: 18px; } }
.board__view .writer { margin-top: 18px; }
@media screen and (max-width: 768px) { .board__view .writer { margin-top: 10px; } }
.board__view .writer li { position: relative; float: left; padding-left: 22px; margin-left: 20px; color: #3a3a3a; font-size: 20px; }
@media screen and (max-width: 768px) { .board__view .writer li { margin: 5px 0 0; font-size: 15px; display: block; float: none; border: none; padding: 0; } }
.board__view .writer li:after { content: ''; position: absolute; top: 50%; left: 0; background-color: #c7c7c7; transform: translateY(-50%); }
@media screen and (max-width: 768px) { .board__view .writer li:after { display: none; } }
.board__view .writer li:first-child { padding-left: 0; margin-left: 0; }
.board__view .writer li:first-child:after { display: none; }
.board__view .writer li span { color: #707070; font-weight: 300; }
.board__view .view-content { padding: 35px 15px; font-size: 20px; color: #707070; font-weight: 300; }
@media screen and (max-width: 768px) { .board__view .view-content { font-size: 15px; padding: 15px 10px; } }
.board__view .file__wrap { position: relative; padding: 20px 0 20px 155px; border: 2px solid #bdbdbd; border-bottom-width: 1px; }
@media screen and (max-width: 768px) { .board__view .file__wrap { padding: 0; border-right: none; border-left: none; } }
.board__view .file__wrap dt { position: absolute; top: 0; left: 0; display: table; table-layout: fixed; text-align: center; width: 125px; height: 100%; }
@media screen and (max-width: 768px) { .board__view .file__wrap dt { display: none; } }
.board__view .file__wrap dt:after { content: ''; position: absolute; left: 125px; top: 20px; width: 1px; height: calc(100% - 40px); background-color: #dbdbdb; }
.board__view .file__wrap dt span { display: table-cell; vertical-align: middle; width: 100%; font-size: 20px; color: #707070; font-weight: 300; }
.board__view .file__wrap dt + dd { margin-top: 0; }
@media screen and (max-width: 768px) { .board__view .file__wrap dt + dd { border-top: none; } }
.board__view .file__wrap dd { position: relative; margin-top: 15px; }
@media screen and (max-width: 768px) { .board__view .file__wrap dd { margin-top: 0; padding: 10px 8px; border-top: 1px solid #bdbdbd; } }
.board__view .file__wrap .tit { display: inline-block; background: url("../img/sub/icon_file.png") no-repeat 0 5px; color: #707070; font-size: 17px; font-weight: 300; padding: 0 140px 0 32px; line-height: 34px; }
@media screen and (max-width: 768px) { .board__view .file__wrap .tit { background-size: 20px auto; font-size: 15px; line-height: 20px; padding: 0 70px 0 25px; } }
.board__view .file__wrap .btn-pdf { position: absolute; top: 0; right: 20px; }
@media screen and (max-width: 768px) { .board__view .file__wrap .btn-pdf { top: 10px; right: 8px; } }
/*이전글 다음글*/
.board__list-arrow { margin-top: 60px; border: 1px solid #a1a1a1; font-size: 0; }
@media screen and (max-width: 768px) { .board__list-arrow { margin-top: 30px; } }
.board__list-arrow li { font-size: 0; }
.board__list-arrow li > * { vertical-align: top; }
.board__list-arrow li .tit { position: relative; display: inline-block; width: 125px; line-height: 58px; text-align: center; padding-left: 30px; font-size: 18px; font-weight: 300; color: #222; box-sizing: border-box; }
@media screen and (max-width: 768px) { .board__list-arrow li .tit { width: 75px; line-height: 30px; padding-left: 10px; font-size: 15px; } }
.board__list-arrow li .tit:before { content: ''; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); display: inline-block; width: 9px; height: 15px; vertical-align: middle; background: url("../img/sub/icon_arrow_left.png") no-repeat 0 0; background-size: 100% auto; }
@media screen and (max-width: 768px) { .board__list-arrow li .tit:before { left: 10px; margin-right: 10px; width: 6px; height: 10px; } }
.board__list-arrow li .tit:after { content: ''; position: absolute; top: 50%; right: 5px; width: 1px; height: 20px; transform: translateY(-50%); background-color: #dbdbdb; }
.board__list-arrow li a { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; -moz-binding: url("ellipsis.xml#ellipsis"); display: inline-block; width: calc(100% - 125px); padding: 15px 30px; font-size: 18px; font-weight: 300; color: #222; }
@media screen and (max-width: 768px) { .board__list-arrow li a { width: calc(100% - 75px); padding: 5px 0; font-size: 15px; } }
.board__list-arrow li a:hover { text-decoration: underline; color: #242c6c; }
.board__list-arrow li.next { border-top: 1px solid #ddd; }
.board__list-arrow li.next .tit:before { background-image: url("../img/sub/icon_arrow_right.png"); }
/*-------------------------------------------------------------------
    File Name : _boardwrite.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : 게시판 글쓰기
-------------------------------------------------------------------*/
.table__wrap.write { margin-top: 25px; }
.table__wrap.write input[type="text"] { width: 65%; }
@media screen and (max-width: 768px) { .table__wrap.write input[type="text"] { width: 100%; } }
.table__wrap.write .mail__wrap { font-size: 0; }
.table__wrap.write .mail__wrap * { vertical-align: top; }
.table__wrap.write .mail__wrap input[type="text"], .table__wrap.write .mail__wrap select { width: calc((100% - 35px) / 3); }
.table__wrap.write .mail__wrap span { display: inline-block; width: 30px; text-align: center; font-size: 18px; line-height: 40px; }
.table__wrap.write .mail__wrap select { margin-left: 5px; }
@media screen and (max-width: 768px) { .table__wrap.write .mail__wrap input[type="text"] { width: calc((100% - 30px) / 2); }
  .table__wrap.write .mail__wrap select { width: 100%; margin: 5px 0 0; } }
.table__wrap.write .cnt__wrap { font-size: 0; }
.table__wrap.write .cnt__wrap * { vertical-align: top; }
.table__wrap.write .cnt__wrap input[type="text"] { width: calc(100% - 30px); }
.table__wrap.write .cnt__wrap span { display: inline-block; width: 30px; font-size: 18px; line-height: 40px; text-align: right; }
.table__wrap.write .address__wrap { font-size: 0; }
.table__wrap.write .address__wrap * { vertical-align: top; }
.table__wrap.write .address__wrap input[type="text"]:first-child { width: calc(100% - 130px); max-width: 390px; margin: 0 5px 0 0; }
.table__wrap.write .address__wrap input[type="text"] { width: 100%; margin-top: 5px; }
@media screen and (max-width: 768px) { .table__wrap.write .address__wrap input[type="text"]:first-child { width: 100%; max-width: none; margin: 0; }
  .table__wrap.write .address__wrap .btn { width: 100%; margin-top: 5px; } }
.ex-txt { margin-top: 5px; }
.check__list > li { float: left; width: 15%; line-height: 40px; }
.check__list > li * { vertical-align: middle; }
.check__list > li label { display: inline-block; }
.check__list > li.etc { width: calc(100% - 60%); }
.check__list > li.etc input[type="text"] { margin-left: 5px; width: calc(100% - 54px); }
@media screen and (max-width: 1024px) { .check__list > li { float: none; width: 100%; line-height: 20px; }
  .check__list > li.etc { margin-top: 5px; width: 100%; } }
.table__wrap.write .date__list li { margin-top: 10px; }
.table__wrap.write .date__list li:first-child { margin-top: 0; }
.table__wrap.write .date__list input[type="text"] { width: 128px; margin: 0 5px; }
.table__wrap.write .date__list select { width: 73px; margin-left: 20px; }
.table__wrap.write .date__list .cal__wrap { display: inline-block; }
@media screen and (max-width: 768px) { .table__wrap.write .date__list li { position: relative; padding-left: 42px; }
  .table__wrap.write .date__list input[type="text"] { width: calc(100% - 35px); margin-left: 0; }
  .table__wrap.write .date__list .tit { position: absolute; top: 10px; left: 0; }
  .table__wrap.write .date__list .cal__wrap { display: block; margin-bottom: 7px; }
  .table__wrap.write .date__list .cal__wrap + select { margin-left: 0; }
  .table__wrap.write .date__list select { width: calc((100% - 47px) /2); margin-left: 5px; padding: 0 0 0 5px; } }
/*-------------------------------------------------------------------
    File Name : _table.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : Table Style
-------------------------------------------------------------------*/
.table__wrap { border-top: 1px solid #7a7682; border-bottom: 1px solid #7a7682; }
.table__wrap th, .table__wrap td { border-top: 1px solid #ddd; text-align: left; font-size: 18px; word-break: keep-all; word-wrap: break-word; }
@media screen and (max-width: 768px) { .table__wrap th, .table__wrap td { font-size: 16px; } }
.table__wrap th { background-color: #f4f4f4; padding: 19px 30px; }
@media screen and (max-width: 768px) { .table__wrap th { padding: 10px; } }
.table__wrap td { padding: 19px 24px; }
@media screen and (max-width: 768px) { .table__wrap td { padding: 10px; } }
@media screen and (max-width: 768px) { .table__wrap2.m-scroll { overflow-x: scroll; }
  .table__wrap2.m-scroll table { width: 150%; } }
.table__wrap2 { border-top: 2px solid #4a4653; }
.table__wrap2 th:first-child, .table__wrap2 td:first-child { border-left: none; }
.table__wrap2 th, .table__wrap2 td { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 18px; word-break: keep-all; word-wrap: break-word; padding: 18px 24px; }
@media screen and (max-width: 768px) { .table__wrap2 th, .table__wrap2 td { font-size: 15px; padding: 10px 5px; } }
.table__wrap2 th { background-color: #f5f5f5; }
.table__wrap2 td { vertical-align: middle; font-weight: 300; }
.table__wrap2 .list-dot01 > li { margin-top: 0; }
/*-------------------------------------------------------------------
    File Name : _gallery2.scss
    Date : 2020.07.09. Lee Hye Jin
    Summary : 교육/행사신청 리스트
-------------------------------------------------------------------*/
.gallery__list2 { margin: -40px 0 0 -25px; }
@media screen and (max-width: 768px) { .gallery__list2 { margin: -20px 0 0 -20px; } }
.gallery__list2 > li { float: left; width: 25%; padding: 40px 0 0 25px; }
@media screen and (max-width: 1024px) { .gallery__list2 > li { width: 50% !important; } }
@media screen and (max-width: 768px) { .gallery__list2 > li { width: 100% !important; padding: 20px 0 0 20px; } }
.gallery__list2 > li > a { position: relative; display: block; background: #fff; padding: 35px 20px 25px; border: 1px solid #dcdcdc; }
.gallery__list2 > li > a > span { display: block; }
.gallery__list2 > a > span { display: block; }
.gallery__list2 .img__wrap { text-align: center; }
.gallery__list2 .tit { line-clamp: 2; -webkit-line-clamp: 2; height: 2.4em; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); margin-top: 25px; color: #000; font-size: 20px; line-height: 1.2em; }
.gallery__list2 .icon-stat { position: absolute; top: 0; right: 0; }
.gallery__list2.main > li { width: 50%; }
.gallery__list2.main > li > a { border: none; }
.gallery__list2.main li .lineborder { position: absolute; background: #00ac97; z-index: 1; }
.gallery__list2.main li .brline-top { left: 0; top: 0; width: 100%; height: 5px; transform-origin: 0 0; transform: scaleX(0); transition: transform 0.1s ease-in-out 0.3s; }
.gallery__list2.main li .brline-right { right: 0; top: 0; width: 5px; height: 100%; transform-origin: 0 0; transform: scaleY(0); transition: transform 0.1s ease-in-out 0.2s; }
.gallery__list2.main li .brline-btm { right: 0; bottom: 0; width: 100%; height: 5px; transform-origin: 100% 100%; transform: scaleX(0); transition: transform 0.1s ease-in-out 0.1s; }
.gallery__list2.main li .brline-left { left: 0; bottom: 0; width: 5px; height: 100%; transform-origin: 100% 100%; transform: scaleY(0); transition: transform 0.1s ease-in-out 0s; }
.gallery__list2.main li a:focus + span, .gallery__list2.main li:hover .brline-left { transform-origin: 100% 100%; transform: scaleY(1); transition: transform 0.1s ease-in-out 0.3s; }
.gallery__list2.main li a:focus + span + span, .gallery__list2.main li:hover .brline-btm { transform-origin: 100% 100%; transform: scaleX(1); transition: transform 0.1s ease-in-out 0.2s; }
.gallery__list2.main li a:focus + span + span + span, .gallery__list2.main li:hover .brline-right { transform-origin: 0 0; transform: scaleY(1); transition: transform 0.1s ease-in-out 0.1s; }
.gallery__list2.main li a:focus + span + span + span + span, .gallery__list2.main li:hover .brline-top { transform-origin: 0 0; transform: scaleX(1); transition: transform 0.1s ease-in-out 0s; }
.info { margin-top: 30px; }
.info > span { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; -moz-binding: url("ellipsis.xml#ellipsis"); position: relative; display: block; color: #000; min-height: 31px; margin-top: 8px; padding-left: 90px; line-height: 29px; }
.info > span:first-child { margin-top: 0; }
.info > span .info-tit { position: absolute; top: 0; left: 0; width: 75px; height: 31px; line-height: 29px; border: 1px solid #bfbfbf; text-align: center; box-sizing: border-box; }
/*-------------------------------------------------------------------
    File Name : _gallery3.scss
    Date : 2020.07.09. Lee Hye Jin
    Summary : 사회적경제기업 소개 / 마을공동체 활동 현황 / 센터갤러리
-------------------------------------------------------------------*/
.gallery__list3 { margin: -40px 0 0 -25px; }
@media screen and (max-width: 1024px) { .gallery__list3 { margin: -20px 0 0 -15px; } }
.gallery__list3 li { float: left; width: 25%; padding: 40px 0 0 25px; }
@media screen and (max-width: 1024px) { .gallery__list3 li { width: 50%; padding: 20px 0 0 15px; } }
@media screen and (max-width: 768px) { .gallery__list3 li { width: 100%; } }
.gallery__list3 li a, .gallery__list3 li a > span:not(.icon-type) { display: block; }
.gallery__list3 li a { position: relative; }
.gallery__list3 .img__wrap { height: 240px; border: 1px solid #bbb; overflow: hidden; }
.gallery__list3 .img__wrap img { width: 100%; height: 100%; /*position: absolute; top:0; left:0; right:0; bottom:0; margin:auto;*/ }
.gallery__list3 .icon-type { position: absolute; top: 1px; right: 1px; }
.gallery__list3 .tit__wrap { text-align: center; border-bottom: 1px solid #d7d7d7; padding: 0 10px; }
.gallery__list3 .tit__wrap .tit { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; -moz-binding: url("ellipsis.xml#ellipsis"); display: block; height: 58px; line-height: 58px; font-size: 20px; color: #222; }
.gallery__list3 .txt__wrap { padding: 18px 10px; border-bottom: 1px solid #d7d7d7; font-weight: 300; }
.gallery__list3 .txt__wrap .txt { display: block; line-clamp: 2; -webkit-line-clamp: 2; height: 45px; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; color: #707070; font-size: 16px; }
.gallery__list3.type2 { margin-top: 20px; }
.gallery__list3.type2 .tit__wrap { padding: 10px; }
.gallery__list3.type2 .tit__wrap .tit { line-clamp: 2; -webkit-line-clamp: 2; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; line-height: 25px; text-align: left; }
.gallery__list3.type2 .txt__wrap:after { content: ''; display: block; clear: both; }
.gallery__list3.type2 .txt__wrap span { color: #707070; font-size: 18px; }
.gallery__list3.type2 .txt__wrap .date { float: left; }
.gallery__list3.type2 .txt__wrap .hits { float: right; }
/*-------------------------------------------------------------------
    File Name : _galleryview.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : Gallery View Style
-------------------------------------------------------------------*/
.gallery__view { border-bottom: 1px solid #a1a1a1; }
.detail__wrap { padding-bottom: 65px; background: url("../img/sub/board_detail.png") no-repeat right bottom; border-bottom: 1px solid #ddd; }
.detail__wrap:after { content: ''; display: block; clear: both; }
.detail__wrap .img__wrap { position: relative; float: left; width: 503px; overflow: hidden; border: 1px solid #bcbcbc; }
.detail__wrap .img__wrap img { width: 100%; }
.detail__wrap .img__wrap .icon-type { position: absolute; top: 0; right: 0; }
.detail__wrap .txt__list { float: left; width: calc(100% - 503px); padding-left: 40px; }
.detail__wrap .txt__list li { margin-bottom: 8px; color: #707070; font-size: 20px; text-indent: -205px; padding-left: 205px; }
.detail__wrap .txt__list li a { color: inherit; font-size: inherit; }
.detail__wrap .txt__list .tit { display: inline-block; width: 180px; height: 43px; line-height: 41px; text-align: center; border: 1px solid #bfbfbf; font-size: 20px; color: #3a3a3a; text-indent: 0; margin-right: 20px; }
.product__list { padding: 35px 0 50px; }
.product__list .tit { font-size: 30px; font-weight: 700; color: #000; }
.product__list ul { margin: 5px 0 0 -25px; }
.product__list ul li { float: left; width: 25%; padding: 25px 0 0 25px; }
.product__list .img__wrap { display: block; width: 100%; height: 240px; border: 1px solid #bbb; overflow: hidden; }
.product__list .img__wrap img { width: 100%; height: 100%; }
@media screen and (max-width: 1024px) { .detail__wrap .img__wrap, .detail__wrap .txt__list { float: none; width: 100%; }
  .detail__wrap .txt__list { padding-left: 0; margin-top: 40px; }
  .product__list .img__wrap { height: 150px; } }
@media screen and (max-width: 768px) { .detail__wrap .txt__list li { font-size: 14px; text-indent: -135px; padding-left: 135px; }
  .detail__wrap .txt__list .tit { width: 120px; height: 30px; line-height: 30px; font-size: 14px; margin-right: 10px; }
  .product__list { padding: 20px 0 30px; }
  .product__list .tit { font-size: 20px; }
  .product__list ul { margin-left: -15px; }
  .product__list ul li { width: 50%; padding: 15px 0 0 15px; }
  .product__list .img__wrap { height: 100px; } }
/*-------------------------------------------------------------------
    File Name : _icon.scss
    Date : 2020.07.09. Lee Hye Jin
    Summary : 아이콘 모음 (접수중 / 마감 / 사회적기업 ~~  )
-------------------------------------------------------------------*/
.icon-type, .icon-stat { display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; color: #fff; font-size: 16px; }
@media screen and (max-width: 768px) { .icon-type, .icon-stat { height: 30px; line-height: 30px; font-size: 13px; padding: 0 5px; } }
.icon-type { min-width: 110px; background-color: #444; }
.icon-type.type2 { background-color: #0061ac; }
.icon-type.type3 { background-color: #00ac97; }
.icon-type.type4 { background-color: #974cd1; }
.icon-type.type5 { background-color: #7cb322; }
@media screen and (max-width: 768px) { .icon-type { min-width: 90px; } }
.gubun { color: #444; }
.gubun.type2 { color: #0061ac; }
.gubun.type3 { color: #00ac97; }
.gubun.type4 { color: #974cd1; }
.gubun.type5 { color: #7cb322; }
.icon-stat { min-width: 93px; line-height: 34px; background-color: #fff; color: #c85738; border: 3px solid #c85738; box-sizing: border-box; }
.icon-stat.fin { background-color: #c85738; color: #fff; }
@media screen and (max-width: 768px) { .icon-stat { min-width: 50px; line-height: 25px; } }
.icon-notice { display: inline-block; width: 62px; height: 29px; line-height: 29px; color: #00ac97; border: 1px solid #00ac97; font-weight: 700; font-size: 18px; text-align: center; margin-right: 16px; }
@media screen and (max-width: 1024px) { .icon-notice { width: 48px; height: 22px; line-height: 20px; font-size: 15px; margin-right: 10px; } }
.icon-file { display: inline-block; width: 24px; height: 23px; background: url("../img/sub/icon_file.png") no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
/*-------------------------------------------------------------------
    File Name : _pagination.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : Pagination Style
-------------------------------------------------------------------*/
.page { font-size: 0; text-align: center; vertical-align: middle; margin-top: 40px; }
.page * { vertical-align: top; }
.page > button { display: inline-block; width: 26px; height: 30px; margin-left: 5px; border: 1px solid #ddd; }
.page > button:first-child { margin-left: 0; }
.page > button img { vertical-align: baseline; }
.page > div { display: inline-block; margin: 0 28px; font-size: 14px; color: #222; font-weight: 300; }
@media screen and (max-width: 768px) { .page > div { margin: 0 5px; } }
.page .page-current { display: inline-block; width: 45px; height: 30px; line-height: 30px; font-size: 14px; border: 1px solid #e0dfdc; text-align: center; vertical-align: top; }
.page .page-total { height: 30px; line-height: 30px; margin: 0 10px 0 2px; }
.page .btn { min-width: auto; width: 57px; height: 30px; line-height: 30px; font-size: 16px; }
/*-------------------------------------------------------------------
    File Name : _blt.scss
    Date : 2020.07.09. Lee Hye Jin
    Summary : Blt Style
-------------------------------------------------------------------*/
.blt01 { background: url("../img/sub/blt01.png") no-repeat 0 12px; padding-left: 10px; color: #272727; font-size: 20px; }
.border__wrap + .list-dot01 { margin-top: 25px; }
.list-dot01 > li { background: url("../img/sub/blt01.png") no-repeat 0 12px; padding-left: 10px; color: #222; font-size: 18px; margin-top: 9px; font-weight: 300; }
@media screen and (max-width: 768px) { .list-dot01 > li { font-size: 15px; } }
.list-dot01 > li:first-child { margin-top: 0; }
.list-dot01 > li > ul { margin-top: 5px; }
.list02, .list-dot01 > li > ul > li { text-indent: -10px; padding-left: 10px; color: #555; font-size: 16px; margin-top: 3px; }
.list02:first-child, .list-dot01 > li > ul > li:first-child { margin-top: 0; }
.board__wrap { clear: both; margin-top: 20px; }
.board__wrap-util + .board__wrap-list { margin-top: 20px; }
.table-caption { text-align: right; }
h3 + .table-caption { margin: -55px 0 20px; }
h4, .h4 { color: #272727; font-size: 30px; font-weight: 700; margin: 75px 0 20px; }
@media screen and (max-width: 768px) { h4, .h4 { font-size: 20px; margin: 45px 0 10px; } }
h4:first-child, .h4:first-child { margin-top: 0; }
h5, .h5 { color: #0061ac; font-size: 24px; font-weight: 700; margin: 42px 0 20px; }
@media screen and (max-width: 768px) { h5, .h5 { font-size: 18px; margin: 20px 0 10px; } }
h4 + h5, .h4 + .h5, h5:first-child, .h5:first-child { margin-top: 0; }
.gray__wrap { background-color: #f4f4f4; padding: 20px 24px; }
.border__wrap { border-top: 1px solid #7a7682; border-bottom: 1px solid #7a7682; padding: 35px 30px; }
.radio__wrap { text-align: left; }
.radio__wrap * { vertical-align: middle; }
.radio__wrap label { margin-left: 10px; }
.radio__wrap label + input { margin-left: 25px; }
.radio__wrap.type2 { text-align: right; margin-top: -28px; }
.radio__wrap.type2 * { vertical-align: middle; }
.radio__wrap.type2 label { font-size: 18px; }
@media screen and (max-width: 1024px) { .radio__wrap.type2 label { font-size: 15px; } }
@media screen and (max-width: 1024px) { .radio__wrap.type2 { margin-top: 10px; } }
.img__wrap { text-align: center; }
.img__wrap.mt80 { margin-top: 80px; }
@media screen and (max-width: 1024px) { .img__wrap .mblock { margin: 0 auto; } }
@media screen and (max-width: 768px) { .img__wrap.mt80 { margin-top: 40px; } }
.text { font-size: 18px; font-weight: 300; }
@media screen and (max-width: 768px) { .text { font-size: 15px; } }
.point-txt { margin-top: 15px; font-size: 18px; color: #00ac97; }
@media screen and (max-width: 768px) { .point-txt { font-size: 15px; } }
/* [s] 사회적경제 - 사회적기업 - 사회적경제란? */
.txt__wrap2 { padding-bottom: 75px; text-align: center; border-bottom: 2px solid #00ac97; }
.txt__wrap2 .txt1 { font-size: 40px; letter-spacing: -1px; }
.txt__wrap2 .txt2 { font-size: 32px; font-weight: 300; }
@media screen and (max-width: 768px) { .txt__wrap2 { padding-bottom: 35px; }
  .txt__wrap2 .txt1 { font-size: 20px; }
  .txt__wrap2 .txt2 { font-size: 16px; } }
.list-com .bd-type01 { border: 1px solid #0abba5; }
.list-com .bd-type02 { border: 1px solid #23c074; }
.list-com .bd-type03 { border: 1px solid #95c24e; }
.list-com .bd-type04 { border: 1px solid #3386c5; }
.list-com .bd-type05 { border: 1px solid #66bbd4; }
.list-com > li div.bd-type02:before { background: #23c074; }
.list-com > li div.bd-type03:before { background: #95c24e; }
.list-com > li div.bd-type04:before { background: #3788c6; }
.list-com > li div.bd-type05:before { background: #33a4c5; }
.list-com > li div.bd-type01 strong { color: #0abba5; }
.list-com > li div.bd-type02 strong { color: #23c074; }
.list-com > li div.bd-type03 strong { color: #84b03f; }
.list-com > li div.bd-type04 strong { color: #418ec9; }
.list-com > li div.bd-type05 strong { color: #69bcd4; }
.list-com > li span:before { position: absolute; top: 50%; right: -35px; width: 50px; height: 1px; background: #d0d0d0; z-index: -1; content: ''; }
@media screen and (max-width: 768px) { .list-com > li span:before { top: 87%; left: 50%; right: 0; width: 1px; height: 50px; background: #d0d0d0; } }
.list-com > li div:before { position: absolute; top: 50%; left: 0; width: 7px; height: 7px; background: #0abba5; border-radius: 100%; transform: translate(-50%, -50%); z-index: 1; content: ''; }
@media screen and (max-width: 768px) { .list-com > li div:before { top: 0; left: 50%; } }
.list-com > li div:after { position: absolute; top: 50%; left: 0; width: 15px; height: 15px; background: #fff; border-radius: 100%; transform: translate(-50%, -50%); content: ''; }
@media screen and (max-width: 768px) { .list-com > li div:after { top: 0; left: 50%; } }
.list-com > li div.ht150 { height: 150px; }
.list-com > li div.ht150 strong { float: left; margin-top: 5px; }
.list-com > li div.ht150 > div { margin-top: -25px; }
.list-com > li div.ht150 > div .list-dot01 > li { margin-top: 0; }
@media screen and (max-width: 1300px) { .list-com > li div.ht150 .list-dot01 { margin-left: 109px; } }
@media screen and (max-width: 1024px) { .list-com > li div.ht150 { height: 100%; }
  .list-com > li div.ht150 .list-dot01 { margin-left: 107px; } }
@media screen and (max-width: 768px) { .list-com > li div.ht150 strong { float: none; margin-top: 0; }
  .list-com > li div.ht150 > div { margin-top: 10px; }
  .list-com > li div.ht150 > div .list-dot01 { margin-left: 0; text-align: left; } }
.list-com > li { margin-top: 50px; }
.list-com > li:first-child { margin-top: 0; }
.list-com > li span { position: relative; float: left; }
.list-com > li > div { position: relative; margin-left: 190px; padding: 60px; border-radius: 100px; }
.list-com > li > div strong { display: inline-block; margin: -8px 40px 0 0; font-size: 25px; vertical-align: middle; }
.list-com > li > div p { font-size: 18px; color: #3d3d3d; }
.list-com > li > div .list-dot01 { margin-left: 135px; }
.list-com > li > div:after { content: ''; display: block; clear: both; }
@media screen and (max-width: 1300px) { .list-com > li > div strong { margin-right: 15px; } }
@media screen and (max-width: 768px) { .list-com > li { text-align: center; }
  .list-com > li span { display: block; float: none; margin: 0 auto; }
  .list-com > li > div { margin: 30px 0 0 0; padding: 30px 20px; border-radius: 15px; }
  .list-com > li > div strong { display: block; margin: 0 0 10px 0; font-size: 18px; }
  .list-com > li > div p { font-size: 15px; } }
.repers__wrap li.top { top: 10%; left: 50%; transform: translate(-50%, -50%); }
.repers__wrap li.top:after { bottom: -35%; left: 38%; width: 94px; height: 42px; background: url(../img/content/01_01_arrow.png) no-repeat; content: ''; }
@media screen and (max-width: 1300px) { .repers__wrap li.top { transform: none; }
  .repers__wrap li.top:after { top: 227px; bottom: auto; left: 50%; transform: translate(-50%, -50%); } }
@media screen and (max-width: 768px) { .repers__wrap li.top:after { top: 165px; bottom: auto; left: 50%; } }
.repers__wrap li.left { top: 50%; left: 6%; }
.repers__wrap li.left:after { top: 32%; right: -20%; width: 42px; height: 94px; background: url(../img/content/01_01_arrow02.png) no-repeat; content: ''; }
@media screen and (max-width: 1300px) { .repers__wrap li.left:after { top: 520px; left: 50%; width: 94px; height: 42px; background: url(../img/content/01_01_arrow.png) no-repeat; content: ''; transform: translate(-50%, -50%); } }
@media screen and (max-width: 768px) { .repers__wrap li.left:after { top: 395px; left: 50%; } }
.repers__wrap li.bot { bottom: -75%; left: 50%; transform: translate(-50%, -50%); }
.repers__wrap li.bot:after { top: -35%; left: 38%; width: 94px; height: 42px; background: url(../img/content/01_01_arrow.png) no-repeat; content: ''; }
@media screen and (max-width: 1300px) { .repers__wrap li.bot { transform: none; }
  .repers__wrap li.bot:after { top: auto; bottom: 210px; left: 50%; transform: translate(-50%, -50%); } }
@media screen and (max-width: 768px) { .repers__wrap li.bot:after { top: auto; bottom: 145px; left: 50%; } }
.repers__wrap li.right { top: 50%; right: 6%; }
.repers__wrap li.right:after { top: 32%; left: -20%; width: 42px; height: 94px; background: url(../img/content/01_01_arrow02.png) no-repeat; content: ''; }
@media screen and (max-width: 1300px) { .repers__wrap li.right:after { display: none; } }
.repers__wrap { position: relative; margin: 100px 0 380px 0; text-align: center; }
.repers__wrap > div { display: inline-block; width: 267px; height: 267px; margin-top: 230px; padding-top: 170px; background: url(../img/content/01_01_sprout.png) no-repeat center 45%; background-color: #3386c5; border-radius: 100%; font-size: 24px; text-align: center; color: #fff; }
.repers__wrap > ul li { position: absolute; width: 350px; border: 1px solid #00ac97; }
.repers__wrap > ul li:after { position: absolute; }
.repers__wrap > ul li p { padding: 20px 0; background: #00ac97; text-align: center; font-size: 20px; color: #fff; }
.repers__wrap > ul li div { position: relative; padding: 30px 0; font-size: 18px; font-weight: 300; }
@media screen and (max-width: 1300px) { .repers__wrap { margin: 60px 0 0 0; }
  .repers__wrap > div { display: none; }
  .repers__wrap > ul li { position: static; display: inline-block; width: 50%; margin-top: 80px; }
  .repers__wrap > ul li:first-child { margin-top: 0; } }
@media screen and (max-width: 768px) { .repers__wrap { margin: 30px 0; }
  .repers__wrap > div { display: none; }
  .repers__wrap > ul li { position: static; width: 100%; margin-top: 80px; }
  .repers__wrap > ul li:first-child { margin-top: 0; }
  .repers__wrap > ul li:after { transform: translate(-50%, -50%); }
  .repers__wrap > ul li p { padding: 10px; font-size: 18px; }
  .repers__wrap > ul li div { padding: 20px 0; font-size: 15px; } }
/*-- [e] 사회적경제 - 사회적기업 - 사회적경제란? */
/* [s] 사회적경제 - 사회적기업 - 유형 */
.list-type > li.type1 span { background: #0abba5; }
.list-type > li.type1 strong { color: #0abba5; }
.list-type > li.type2 span { background: #23c074; }
.list-type > li.type2 strong { color: #23c074; }
.list-type > li.type3 span { background: #33a4c5; }
.list-type > li.type3 strong { color: #33a4c5; }
.list-type > li.type4 span { background: #95c24e; }
.list-type > li.type4 strong { color: #95c24e; }
.list-type > li.type5 span { background: #3386c5; }
.list-type > li.type5 strong { color: #3386c5; }
@media screen and (max-width: 1024px) { .list-type { margin-top: 50px; border-top: 1px solid #e4e4e4; }
  .list-type > li { position: relative; padding: 30px 0 30px 90px; border-bottom: 1px solid #e4e4e4; }
  .list-type > li span { position: absolute; left: 0; display: inline-block; width: 70px; height: 70px; border-radius: 100%; line-height: 70px; font-size: 35px; font-weight: 700; text-align: center; color: #fff; }
  .list-type > li strong { font-size: 24px; }
  .list-type > li p { font-size: 22px; color: #737373; } }
@media screen and (max-width: 768px) { .list-type { margin-top: 50px; border-top: 1px solid #e4e4e4; }
  .list-type > li { position: relative; padding: 30px 0 30px 65px; border-bottom: 1px solid #e4e4e4; }
  .list-type > li span { position: absolute; left: 0; display: inline-block; width: 45px; height: 45px; border-radius: 100%; line-height: 45px; font-size: 20px; font-weight: 700; text-align: center; color: #fff; }
  .list-type > li strong { font-size: 18px; }
  .list-type > li p { font-size: 15px; } }
.social-list { margin-top: 22px; font-size: 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.social-list:after { content: ''; display: block; clear: both; }
.social-list > li { float: left; width: 25%; height: 218px; padding: 143px 0 31px 0; text-align: center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.social-list > li strong { display: inline-block; font-size: 20px; word-break: keep-all; line-height: 26px; }
@media screen and (max-width: 1024px) { .social-list > li { height: 230px; } }
@media screen and (max-width: 768px) { .social-list > li { width: 50%; height: 210px; }
  .social-list > li strong { font-size: 16px; line-height: 20px; } }
@media screen and (max-width: 480px) { .social-list > li { width: 100%; } }
.social-list > li.bg01 { background: url(../img/content/01_01_intro_img01.png) no-repeat center 30%; }
.social-list > li.bg02 { background: url(../img/content/01_01_intro_img02.png) no-repeat center 30%; }
.social-list > li.bg03 { background: url(../img/content/01_01_intro_img03.png) no-repeat center 30%; }
.social-list > li.bg04 { background: url(../img/content/01_01_intro_img04.png) no-repeat center 30%; }
.social-list > li.bg05 { background: url(../img/content/01_01_intro_img05.png) no-repeat center 30%; }
.social-list > li.bg06 { background: url(../img/content/01_01_intro_img06.png) no-repeat center 30%; }
.social-list > li.bg07 { background: url(../img/content/01_01_intro_img07.png) no-repeat center 30%; }
.social-list > li.bg08 { background: url(../img/content/01_01_intro_img08.png) no-repeat center 30%; }
/*-- [e] 사회적경제 - 사회적기업 - 유형 */
/* [s] 사회적경제 - 사회적기업 - 인증요건 */
.procedure-list { border-top: 2px solid #bababa; }
.procedure-list > li { position: relative; padding: 25px; border-bottom: 1px solid #d6d6d6; }
.procedure-list .ellipse { float: left; width: 111px; height: 111px; padding: 30px 0; background: #3386c5; color: #fff; text-align: center; border-radius: 100%; }
.procedure-list .ellipse > strong { display: inline-block; font-size: 36px; }
.procedure-list .ellipse > span { display: block; font-size: 16px; }
.procedure-list .tit { font-size: 25px; }
.procedure-list .txt__wrap { position: relative; margin-left: 150px; padding-top: 10px; }
@media screen and (max-width: 768px) { .procedure-list > li { padding: 20px 0; }
  .procedure-list .ellipse { width: 80px; height: 80px; padding: 20px 0; }
  .procedure-list .ellipse > strong { font-size: 21px; }
  .procedure-list .ellipse > span { font-size: 13px; }
  .procedure-list .txt__wrap { margin-left: 100px; padding-top: 0; }
  .procedure-list .tit { font-size: 17px; } }
/*-- [e] 사회적경제 - 사회적기업 - 인증요건 */
/* [s] 사회적경제 - 사회적기업 - 인증절차 */
.process-list > li { position: relative; float: left; margin: 50px 60px 0 0; text-align: center; }
.process-list > li:nth-child(4n):after { display: none; }
.process-list > li:after { position: absolute; top: 40%; right: -45px; width: 21px; height: 30px; background: url(../img/content/01_02_arrow.png) no-repeat; content: ''; }
.process-list > li:nth-child(4n) { margin-right: 0; }
.process-list > li > div { display: inline-block; width: 280px; height: 280px; padding: 45px 0; border-radius: 100%; border: 1px solid #bcd88f; text-align: center; }
.process-list > li > div strong { display: block; margin-top: 25px; font-size: 24px; color: #95c24e; }
.process-list > li > div p { margin-top: 15px; font-size: 18px; }
.process-list > li > span { display: block; margin-top: 20px; font-size: 18px; color: #858585; }
@media screen and (max-width: 1300px) { .process-list > li:nth-child(4n) { margin-right: 60px; }
  .process-list > li:nth-child(4n):after { display: block; }
  .process-list > li:last-child:after { display: none; } }
@media screen and (max-width: 768px) { .process-list > li { float: none; margin: 80px 0 0 0; }
  .process-list > li:first-child { margin-top: 60px; }
  .process-list > li:nth-child(4n) { margin-right: 0; }
  .process-list > li:after { position: absolute; top: auto; right: 0; left: 50%; bottom: -70px; width: 50px; height: 30px; transform: translate(-50%, -50%); background: url(../img/content/01_02_arrow_mob.png) no-repeat; content: ''; }
  .process-list > li:last-child:after { display: none; }
  .process-list > li > div { width: 230px; height: 230px; padding: 30px 0; }
  .process-list > li > div strong { margin-top: 15px; font-size: 18px; }
  .process-list > li > div p { margin-top: 10px; font-size: 15px; }
  .process-list > li > span { font-size: 15px; } }
/*-- [e] 사회적경제 - 사회적기업 - 인증절차 */
/* [s] 사회적경제 - 사회적기업 - 예비사회적기업 */
.process-list.bd-type { padding-bottom: 78px; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .process-list.bd-type { padding-bottom: 30px; } }
.btn-link { display: inline-block; padding: 20px 52px; text-align: center; font-size: 22px; color: #079c8a; border: 2px solid #079c8a; border-radius: 10px; text-align: center; }
.btn-link span:after { display: inline-block; width: 17px; height: 17px; margin-left: 15px; background: url(../img/content/btn_link_ico.png) no-repeat; content: ''; }
@media screen and (max-width: 768px) { .btn-link { width: 100%; padding: 15px 0px; font-size: 15px; }
  .btn-link span:after { vertical-align: middle; } }
/*-- [e] 사회적경제 - 사회적기업 - 예비사회적기업 */
/* [s] 사회적경제 - 마을기업 - 지원제도 */
.main-txt.bg1 { background: #0abba5; }
.main-txt.bg2 { background: #23c074; }
.main-txt.bg3 { background: #3386c5; }
.main-txt.bg4 { background: #33a4c5; }
.list-type02 { margin-top: 55px; }
.list-type02 > li { float: left; width: 22%; margin-right: 48px; }
.list-type02 > li:last-child { margin-right: 0; }
.list-type02 > li:last-child span:before, .list-type02 > li:last-child span:after { display: none; }
.list-type02 > li:nth-child(2) .txt_box:after { background: #23c074; }
.list-type02 > li:nth-child(3) .txt_box:after { background: #3386c5; }
.list-type02 > li:nth-child(4) .txt_box:after { background: #33a4c5; }
.list-type02 > li .txt_box { position: relative; height: 123px; margin-top: 30px; border: 1px solid #e4e4e4; padding: 20px; word-break: keep-all; }
.list-type02 > li .txt_box:before { position: absolute; top: -31px; left: 50%; width: 1px; height: 30px; background: #e4e4e4; content: ''; }
.list-type02 > li .txt_box:after { position: absolute; top: 0; left: 50%; width: 7px; height: 7px; border-radius: 100%; background: #0abba5; transform: translate(-50%, -50%); content: ''; }
.list-type02 .main-txt { position: relative; display: inline-block; width: 290px; height: 82px; padding-top: 15px; text-align: center; color: #fff; font-size: 20px; border-radius: 100px; box-sizing: border-box; }
.list-type02 .main-txt:before { position: absolute; top: 50%; right: -58px; width: 70px; height: 1px; background: #0abba5; z-index: -1; content: ''; }
.list-type02 .main-txt:after { position: absolute; top: 35%; right: -35px; width: 24px; height: 24px; content: ''; }
.list-type02 .main-txt.bg1 { padding-top: 30px; }
.list-type02 .main-txt.bg1:after { background: url(../img/content/01_03_03_arrow01.png) no-repeat; }
.list-type02 .main-txt.bg2:after { background: url(../img/content/01_03_03_arrow02.png) no-repeat; }
.list-type02 .main-txt.bg3:after { background: url(../img/content/01_03_03_arrow03.png) no-repeat; }
.list-type02 .main-txt .s-txt { font-size: 18px; font-weight: 300; }
@media screen and (max-width: 1300px) { .list-type02 > li { width: 46%; margin-top: 30px; }
  .list-type02 > li:nth-child(2n) { margin-right: 0; }
  .list-type02 > li .main-txt { width: 100%; }
  .list-type02 > li .main-txt.bg2:before, .list-type02 > li .main-txt.bg2:after { display: none; } }
@media screen and (max-width: 768px) { .list-type02 > li { position: relative; float: none; width: 100%; margin: 80px 0 0 0; }
  .list-type02 > li:first-child { margin-top: 0; }
  .list-type02 > li:last-child:before, .list-type02 > li:last-child:After { display: none; }
  .list-type02 > li:before { position: absolute; top: auto; left: 50%; bottom: -90px; width: 1px; height: 100px; background: #e4e4e4; z-index: -1; content: ''; }
  .list-type02 > li:after { position: absolute; top: auto; left: 50%; bottom: -80px; width: 38px; height: 38px; transform: translate(-50%, -50%); content: ''; }
  .list-type02 > li:nth-child(1):after { background: url(../img/content/01_03_03_arrow01_m.png) no-repeat center center; background-size: 80%; }
  .list-type02 > li:nth-child(2):after { background: url(../img/content/01_03_03_arrow02_m.png) no-repeat center center; background-size: 80%; }
  .list-type02 > li:nth-child(3):after { background: url(../img/content/01_03_03_arrow03_m.png) no-repeat center center; background-size: 80%; }
  .list-type02 > li .txt_box { height: 100%; background: #fff; }
  .list-type02 .main-txt { width: 100%; height: 72px; padding: 15px 0; font-size: 18px; }
  .list-type02 .main-txt.bg1 { padding-top: 27px; }
  .list-type02 .main-txt:before { display: none; }
  .list-type02 .main-txt:after { display: none; }
  .list-type02 .main-txt .s-txt { font-size: 15px; } }
/*-- [e] 사회적경제 - 마을기업 - 지원제도 */
/* [s] 사회적경제 - 마을기업 - 지정절차 */
.process-list.case2 .txt__wrap { display: block; width: auto; height: auto; border: none; margin-top: 30px; padding: 0; text-align: left; }
.process-list.case2 .txt__wrap strong { font-size: 18px; color: #000; }
@media screen and (max-width: 1024px) { .process-list.case2 .txt__wrap { text-align: center; } }
.process-list.case2 > li { margin-right: 150px; }
.process-list.case2 > li > div { width: 315px; height: 315px; padding: 60px 0; }
.process-list.case2 > li > div span { display: block; margin-top: 10px; font-weight: 300; }
.process-list.case2 > li:after { right: -85px; }
.process-list.case2 > li:nth-child(3) { margin-right: 0; }
.process-list.case2 > li:nth-child(3):after { display: none; }
.process-list.case2 > li:nth-child(4n):after { display: block; }
.process-list.case2 > li:last-child { margin-right: 0; }
.process-list.case2 > li:last-child:after { display: none; }
.process-list.case2 > li .list-dot01 { margin-top: 3px; }
.process-list.case2 > li .list-dot01 > li { margin-top: 0; padding-left: 0; background: none; }
@media screen and (max-width: 1300px) { .process-list.case2 > li:nth-child(3) { margin-right: 150px; }
  .process-list.case2 > li:nth-child(3):after { display: block; } }
@media screen and (max-width: 1024px) { .process-list.case2 > li { float: none; margin: 100px 0 0 0; }
  .process-list.case2 > li:nth-child(3) { margin-right: 0; }
  .process-list.case2 > li:after { position: absolute; top: auto; right: 0; left: 50%; bottom: -70px; width: 50px; height: 30px; transform: translate(-50%, -50%); background: url(../img/content/01_02_arrow_mob.png) no-repeat; content: ''; } }
@media screen and (max-width: 768px) { .process-list.case2 > li { margin: 80px 0 0 0; }
  .process-list.case2 > li:nth-child(3) { margin-right: 0; }
  .process-list.case2 > li:nth-child(3):after { display: block; }
  .process-list.case2 > li > div { width: 230px; height: 230px; padding: 30px 0; }
  .process-list.case2 > li > div span { margin-top: 0; } }
/*-- [e] 사회적경제 - 마을기업 - 지정절차 */
/* [s] 사회적경제 - 협동조합 - 조직특성 */
.txt__wrap2.case2 { margin-top: 100px; border-bottom: 1px solid #d4d4d4; }
.txt__wrap2.case2 .txt1 { font-size: 22px; }
.txt__wrap2.case2 .txt2 { position: relative; display: inline-block; margin-top: 20px; font-size: 36px; font-weight: bold; letter-spacing: -1px; }
.txt__wrap2.case2 .txt2:before { position: absolute; top: -45px; left: -45px; width: 35px; height: 31px; background: url(../img/content/quot_left.png) no-repeat; content: ''; }
.txt__wrap2.case2 .txt2:after { position: absolute; top: -45px; right: -45px; width: 35px; height: 30px; background: url(../img/content/quot_rt.png) no-repeat; content: ''; }
@media screen and (max-width: 768px) { .txt__wrap2.case2 { margin-top: 50px; }
  .txt__wrap2.case2 .txt1 { font-size: 16px; }
  .txt__wrap2.case2 .txt2 { font-size: 22px; }
  .txt__wrap2.case2 .txt2:before { left: 0; background-size: 60%; background-position: center center; }
  .txt__wrap2.case2 .txt2:after { right: 0; background-size: 60%; background-position: center center; } }
.cooper__wrap { padding: 100px 0; background: url(../img/content/01_04_02_bg.png) no-repeat center center; }
.cooper__wrap:after { content: ''; display: block; clear: both; }
.cooper__wrap .list-type > li { position: relative; margin-top: 100px; padding-left: 50px; }
.cooper__wrap .list-type > li:first-child { margin-top: 0; }
.cooper__wrap .list-type > li span { position: absolute; top: -10px; left: 0; display: inline-block; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; font-size: 20px; font-weight: 700; text-align: center; color: #fff; }
.cooper__wrap .list-type > li strong { padding-top: 10px; font-size: 24px; }
.cooper__wrap .list-type > li p { font-size: 18px; color: #737373; }
.cooper__wrap .list-type.left { float: left; width: 50%; }
.cooper__wrap .list-type.right { float: right; width: 50%; text-align: right; }
.cooper__wrap .list-type.right > li { padding: 0 50px 0 0; }
.cooper__wrap .list-type.right span { left: auto; right: 0; }
/*-- [e] 사회적경제 - 협동조합 - 조직특성  */
/* [s] 사회적경제 - 협동조합 - 7대원칙 */
.procedure-list .ellipse.line-ht { padding: 0; line-height: 111px; }
@media screen and (max-width: 768px) { .procedure-list .ellipse.line-ht { line-height: 80px; } }
/*-- [e] 사회적경제 - 협동조합 - 7대원칙  */
/* [s] 사회적경제 - 협동조합 - 설립절차 */
.list-type03 .type1 .title__box { background: #0abba5; }
.list-type03 .type1 .box:before { background: #0abba5; }
.list-type03 .type2 .title__box { background: #23c074; }
.list-type03 .type2 .box { border-color: #23c074; }
.list-type03 .type2 .box:before { background: #23c074; }
.list-type03 .type3 .title__box { background: #95c24e; }
.list-type03 .type3 .box { border-color: #95c24e; }
.list-type03 .type3 .box:before { background: #95c24e; }
.list-type03 .type4 .title__box { background: #3386c5; }
.list-type03 .type4 .box { border-color: #3386c5; }
.list-type03 .type4 .box:before { background: #3386c5; }
.list-type03 .type5 .title__box { background: #33a4c5; }
.list-type03 .type5 .box { border-color: #33a4c5; }
.list-type03 .type5 .box:before { background: #33a4c5; }
.list-type03 > li { margin-top: 60px; }
.list-type03 > li:last-child .title__box:after { display: none; }
.list-type03 .title__box { position: relative; float: left; width: 385px; height: 115px; line-height: 115px; text-align: center; color: #fff; font-size: 26px; border-radius: 100px; }
.list-type03 .title__box:before { position: absolute; top: 50%; right: -63px; width: 94px; height: 1px; background: #d0d0d0; z-index: -1; content: ''; }
.list-type03 .title__box:after { position: absolute; left: 50%; bottom: -45px; width: 27px; height: 27px; background: url(../img/content/01_04_05_arrow.png) no-repeat; content: ''; }
.list-type03 .title__box strong { color: #def2ef; }
.list-type03 .box { position: relative; height: 115px; margin-left: 450px; padding: 41px 40px; border: 1px solid #0abba5; }
.list-type03 .box .cr-b { color: #0068b7; }
.list-type03 .box .cr-g { color: #32bdac; }
.list-type03 .box:before { position: absolute; top: 50%; left: 0; width: 7px; height: 7px; background: #0abba5; border-radius: 100%; transform: translate(-50%, -50%); z-index: 1; content: ''; }
.list-type03 .box:after { position: absolute; top: 50%; left: 0; width: 15px; height: 15px; background: #fff; border-radius: 100%; transform: translate(-50%, -50%); content: ''; }
.list-type03 .box P { font-size: 20px; color: #5f5f5f; }
.list-type03 .line-two .box { padding: 25px 40px; }
@media screen and (max-width: 1024px) { .list-type03 > li { position: relative; }
  .list-type03 > li:after { position: absolute; bottom: -60px; left: 50%; width: 27px; height: 27px; transform: translate(-50%, -50%); background: url(../img/content/01_04_05_arrow.png) no-repeat; content: ''; }
  .list-type03 > li:last-child:after { display: none; }
  .list-type03 .title__box { float: none; width: 100%; height: 100%; line-height: 100%; padding: 30px 0; }
  .list-type03 .title__box:before { top: 90%; left: 50%; right: 0; width: 1px; height: 58px; background: #d0d0d0; }
  .list-type03 .title__box:after { display: none; }
  .list-type03 .box { height: 100%; padding: 41px; margin: 50px 0 0 0; text-align: center; }
  .list-type03 .box:before, .list-type03 .box:after { top: 0; left: 50%; }
  .list-type03 .box p { word-break: keep-all; }
  .list-type03 .box strong { display: block; } }
@media screen and (max-width: 768px) { .list-type03 .title__box { padding: 30px 0; font-size: 18px; }
  .list-type03 .box { padding: 30px; }
  .list-type03 .box p { font-size: 15px; } }
/*-- [e] 사회적경제 - 협동조합 - 설립절차  */
/* [s] 마을공동체 - 마을공동체란 */
.list__wrap.type01 li { float: left; width: 410px; height: 240px; margin-right: 35px; border-bottom: 1px solid #00ac97; }
.list__wrap.type01 li:last-child { margin-right: 0; }
.list__wrap.type01 li p { padding: 15px 0; background: #00ac97; font-size: 28px; color: #fff; text-align: center; }
.list__wrap.type01 li div { padding: 30px 20px; font-size: 18px; color: #4f4f4f; font-weight: 300; }
@media screen and (max-width: 1300px) { .list__wrap.type01 > li { width: 31%; height: 260px; } }
@media screen and (max-width: 1024px) { .list__wrap.type01 li { float: none; width: 100%; height: 100%; margin-right: 0; margin-bottom: 20px; } }
@media screen and (max-width: 768px) { .list__wrap.type01 li p { padding: 10px 0; font-size: 18px; }
  .list__wrap.type01 li div { padding: 20px 15px; font-size: 15px; } }
/*-- [e] 마을공동체 - 마을공동체란 */
/* [s] 신청마당 - 공간대여신청 */
.rent__wrap { position: relative; margin-top: 25px; padding-right: 485px; }
.rent__wrap img { position: absolute; right: 0; top: 0; }
@media screen and (max-width: 1024px) { .rent__wrap { padding-right: 0; }
  .rent__wrap img { position: static; display: block; margin: 0 auto; padding-top: 20px; } }
.gray__wrap2 { margin-top: 40px; padding: 40px; border: 1px solid #cfcfcf; }
.gray__wrap2 .img__wrap { display: inline-block; }
.gray__wrap2 .table__wrap2 { float: right; width: 50%; }
.gray__wrap2 .table__wrap2 th, .gray__wrap2 .table__wrap2 td { padding: 19px 24px; }
.gray__wrap2 .table__wrap2 tbody th { text-align: left; }
.gray__wrap2:after { content: ''; display: block; clear: both; }
@media screen and (max-width: 1300px) { .gray__wrap2 .table__wrap2 { width: 42%; } }
@media screen and (max-width: 1024px) { .gray__wrap2 .img__wrap { display: block; }
  .gray__wrap2 .img__wrap img { width: 100%; }
  .gray__wrap2 .table__wrap2 { float: none; width: 100%; margin-top: 15px; } }
@media screen and (max-width: 768px) { .gray__wrap2 { padding: 20px; }
  .gray__wrap2 .table__wrap2 th, .gray__wrap2 .table__wrap2 td { padding: 10px; } }
/*-- [e] 신청마당 - 공간대여신청 */
/* [s] 센터소개 - 인사말*/
.bd__wrap { padding: 60px; border-top: 2px solid #3d3e3f; border-bottom: 1px solid #a1a1a1; }
.bd__wrap img { float: left; padding-right: 50px; border-right: 1px solid #ccc; }
.bd__wrap .txt__wrap { margin-left: 350px; }
.bd__wrap .txt__wrap .txt1 { font-size: 40px; font-weight: 700; }
.bd__wrap:after { content: ''; display: block; clear: both; }
@media screen and (max-width: 1024px) { .bd__wrap { padding: 25px 10px; text-align: center; }
  .bd__wrap img { float: none; border-right: none; padding-right: 0; margin-bottom: 30px; }
  .bd__wrap .txt__wrap { width: 80%; margin: 0 auto; padding-top: 30px; border-top: 1px solid #ccc; } }
@media screen and (max-width: 768px) { .bd__wrap .txt__wrap .txt1 { word-break: keep-all; font-size: 20px; } }
.cont__wrap { padding-top: 65px; background: url(../img/content/05_01intro_bg.png) no-repeat 90% 50%; }
.cont__wrap .rt_txt { float: right; width: 74%; }
.cont__wrap .img-lt { padding-top: 33px; }
.cont__wrap .text { margin-top: 50px; font-size: 22px; color: #565656; }
.cont__wrap .text strong { color: #0061ac; }
.cont__wrap .text:first-child { margin-top: 0; }
.cont__wrap:after { content: ''; display: block; clear: both; }
@media screen and (max-width: 1300px) { .cont__wrap .rt_txt { width: 71%; } }
@media screen and (max-width: 1024px) { .cont__wrap { padding-top: 32px; background-position: center 10%; background-size: 60%; }
  .cont__wrap .rt_txt { float: none; width: 100%; }
  .cont__wrap .img-lt { display: block; margin: 0 auto; } }
@media screen and (max-width: 768px) { .cont__wrap .text { margin-top: 25px; font-size: 14px; } }
/*-- [e] 센터소개 - 인사말 */
/* [s] 센터소개 - 비전 */
.vision__wrap .vision { background: #33bdac; }
.vision__wrap .vision:after { top: 50%; right: -30%; background: url(../img/content/vision_dot_g.png) no-repeat; }
.vision__wrap .mission { background: #0e6db6; }
.vision__wrap .mission:after { top: 50%; right: -30%; background: url(../img/content/mission_dot_b.png) no-repeat; }
.vision__wrap > li { margin-top: 44px; }
.vision__wrap > li:first-child { margin-top: 0; }
.vision__wrap > li > div { position: relative; display: inline-block; width: 200px; height: 200px; margin-right: 100px; border-radius: 100%; font-size: 35px; color: #fff; line-height: 200px; text-align: center; }
.vision__wrap > li > div:after { position: absolute; width: 36px; height: 5px; content: ''; }
.vision__wrap > li > p { display: inline-block; font-size: 34px; color: #4f4f4f; font-weight: 300; }
.vision__wrap > li > p span { color: #079c8a; font-weight: 700; }
.vision__wrap > li > p strong { margin-right: 45px; color: #000; }
@media screen and (max-width: 1300px) { .vision__wrap > li > p { font-size: 28px; }
  .vision__wrap > li > p strong { margin-right: 20px; } }
@media screen and (max-width: 1024px) { .vision__wrap { text-align: center; }
  .vision__wrap .vision:after { top: auto; right: 0; bottom: -35px; left: 43%; }
  .vision__wrap .mission:after { top: auto; right: 0; bottom: -35px; left: 43%; }
  .vision__wrap > li { margin-top: 35px; }
  .vision__wrap > li > div { margin-right: 0; }
  .vision__wrap > li > div:after { transform: rotate(90deg); }
  .vision__wrap > li > p { display: block; margin-top: 60px; text-align: center; }
  .vision__wrap > li > p strong { display: block; margin-right: 0; margin-bottom: 10px; } }
@media screen and (max-width: 768px) { .vision__wrap .vision:after { left: 41%; }
  .vision__wrap .mission:after { left: 41%; }
  .vision__wrap > li { margin-top: 35px; }
  .vision__wrap > li > div { width: 200px; height: 200px; margin-right: 0; line-height: 200px; font-size: 25px; }
  .vision__wrap > li > p { font-size: 15px; }
  .vision__wrap > li > p strong { display: block; margin-right: 0; margin-bottom: 10px; font-size: 22px; } }
.border__wrap2 { position: relative; margin-top: 90px; padding: 90px 0; border: 1px solid #d9d9d9; border-radius: 40px; text-align: center; }
.border__wrap2 > p { position: absolute; top: 0; left: 50%; width: 280px; padding: 20px 0; background: #95c24e; color: #fff; font-size: 24px; border-radius: 50px; font-weight: 300; transform: translate(-50%, -50%); }
.border__wrap2 > ul { margin: 0 auto; }
.border__wrap2 > ul > li { display: inline-block; width: 22%; }
.border__wrap2 > ul > li > p { margin-top: 30px; font-size: 22px; color: #555; font-weight: 700; line-height: 30px; }
@media screen and (max-width: 1024px) { .border__wrap2 > ul > li { width: 33%; } }
@media screen and (max-width: 768px) { .border__wrap2 { position: relative; padding: 90px 0 45px 0; }
  .border__wrap2:before { position: absolute; top: -65px; left: 50%; width: 5px; height: 35px; transform: translate(-50%, -50%); background: url(../img/content/vision_dot02.png) no-repeat; content: ''; }
  .border__wrap2 > p { width: 210px; font-size: 23px; border-radius: 30px; }
  .border__wrap2 > ul > li { display: block; width: 100%; margin-top: 30px; }
  .border__wrap2 > ul > li:first-child { margin-top: 0; }
  .border__wrap2 > ul > li > p { margin-top: 20px; font-size: 16px; line-height: 25px; } }
/*-- [e] 센터소개 - 비전 */
/* [s] 센터소개 - 센터연혁 */
.history_img__wrap { height: 240px; padding: 82px 80px; background: url(../img/content/history_bg.png) no-repeat; }
.history_img__wrap p { color: #fff; }
.history_img__wrap .txt1, .history_img__wrap .txt2 { font-size: 30px; font-weight: 700; letter-spacing: -1px; line-height: 35px; }
@media screen and (max-width: 768px) { .history_img__wrap { height: 100%; padding: 60px 0; text-align: center; }
  .history_img__wrap .txt1, .history_img__wrap .txt2 { font-size: 21px; line-height: 28px; } }
.history__wrap > li { padding: 50px 65px; border-bottom: 1px solid #00ac97; }
.history__wrap .ellipse { float: left; width: 163px; height: 163px; line-height: 163px; background: #0abba5; border-radius: 100%; font-weight: bold; color: #fff; text-align: center; font-size: 36px; }
.history__wrap .list-dot01 { margin-left: 190px; }
.history__wrap .list-dot01 > li { background: url(../img/sub/blt02.png) no-repeat 0 14px; margin-top: 65px; padding-left: 20px; font-size: 22px; font-weight: 300; }
.history__wrap:after { content: ''; display: block; clear: both; }
@media screen and (max-width: 768px) { .history__wrap > li { padding: 25px 0; }
  .history__wrap .ellipse { float: none; width: 120px; height: 120px; line-height: 120px; margin: 0 auto; font-size: 21px; }
  .history__wrap .list-dot01 { margin-top: 30px; margin-left: 0; }
  .history__wrap .list-dot01 > li { margin-top: 0; background-position: 0 7px; font-size: 15px; } }
/*-- [e] 센터소개 - 센터연혁 */
/* [s] 센터소개 - 센터사업안내 */
.bs_guide__wrap { position: relative; display: inline-block; width: 48%; margin-right: 48px; text-align: center; }
.bs_guide__wrap .ellipse { display: inline-block; width: 267px; height: 267px; border-radius: 100%; text-align: center; line-height: 370px; color: #fff; font-size: 26px; }
.bs_guide__wrap .ellipse.type1 { background: url(../img/content/05_04intro_img01.png) no-repeat center 40%; background-color: #95c24e; }
.bs_guide__wrap .ellipse.type2 { background: url(../img/content/05_04intro_img02.png) no-repeat center 40%; background-color: #3386c5; }
.bs_guide__wrap .ac__wrap { content: ''; display: block; clear: both; margin-top: 50px; }
.bs_guide__wrap .ac__wrap > li { float: left; width: 304px; height: 280px; margin: 15px 15px 0 0; border: 1px solid #95c24e; }
.bs_guide__wrap .ac__wrap > li:nth-child(2n) { margin-right: 0; }
.bs_guide__wrap .ac__wrap > li p { padding: 20px 0; background: #95c24e; font-size: 20px; color: #fff; text-align: center; }
.bs_guide__wrap .ac__wrap > li .list-dot01 { padding: 30px 0 30px 40px; text-align: left; }
.bs_guide__wrap:after { position: absolute; top: 300px; left: 50%; width: 64px; height: 33px; background: url(../img/sub/gray_arrow_bot.png) no-repeat center; transform: translate(-50%, -50%); content: ''; }
.bs_guide__wrap.type2 { margin-right: 0; }
.bs_guide__wrap.type2 .ac__wrap > li { border: 1px solid #3386c5; }
.bs_guide__wrap.type2 .ac__wrap > li p { background: #3386c5; }
@media screen and (max-width: 1300px) { .bs_guide__wrap { width: 100%; margin-right: 0; }
  .bs_guide__wrap .ac__wrap > li { width: 49%; }
  .bs_guide__wrap.type2 { margin-top: 50px; } }
@media screen and (max-width: 1024px) { .bs_guide__wrap .ac__wrap { margin-top: 80px; }
  .bs_guide__wrap .ac__wrap > li { float: none; width: 100%; height: 100%; } }
@media screen and (max-width: 768px) { .bs_guide__wrap .ellipse { width: 200px; height: 200px; line-height: 310px; font-size: 20px; }
  .bs_guide__wrap .ac__wrap { margin-top: 80px; }
  .bs_guide__wrap .ac__wrap > li p { padding: 10px 0; font-size: 18px; }
  .bs_guide__wrap .ac__wrap > li .list-dot01 { padding: 20px; }
  .bs_guide__wrap.type2 { margin-top: 50px; }
  .bs_guide__wrap:after { top: 240px; } }
/*-- [e] 센터소개 - 센터사업안내 */
/* [s] 센터소개 - 조직도 */
.org__wrap { position: relative; text-align: center; }
.org__wrap > div { position: relative; display: block; width: 265px; height: 265px; margin: 0 auto; padding-top: 95px; background: #0061ac; border-radius: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 40px; }
.org__wrap:after { position: absolute; top: 32%; left: 50%; width: 1px; height: 405px; z-index: -1; background: #d0d0d0; content: ''; }
.org__wrap .org__list { position: relative; margin-top: 120px; display: inline-block; width: 1110px; max-width: 100%; text-align: left; }
.org__wrap .org__list:before { position: absolute; top: 33.5%; left: 16%; width: 750px; height: 1px; background: #d0d0d0; content: ''; }
.org__wrap .org__list .center { float: none; position: absolute; top: 0; left: 50%; height: 140px; margin: 0; transform: translate(-50%, -50%); background: #fff; border: 1px solid #00ac97; }
.org__wrap .org__list .center p { background: #00ac97; }
.org__wrap .org__list .line01:before { display: none; }
.org__wrap .org__list .line02:before { left: 16%; bottom: 51%; top: auto; content: ''; }
.org__wrap .org__list .line03:before { display: none; }
.org__wrap .org__list .line04:before { right: 16.4%; left: auto; bottom: 51%; top: auto; content: ''; }
.org__wrap .org__list > li { float: left; width: 31.3%; height: 180px; margin-top: 170px; margin-right: 29px; border: 1px solid #95c14e; background: #fff; }
.org__wrap .org__list > li:before { position: absolute; top: -50px; left: 50%; width: 1px; height: 55px; background: #d0d0d0; content: ''; z-index: -1; }
.org__wrap .org__list > li p { padding: 15px 0; text-align: center; background: #95c14e; font-size: 20px; color: #fff; word-break: keep-all; }
.org__wrap .org__list > li:last-child { margin-right: 0; }
.org__wrap .org__list > li .list-dot01 { padding: 25px 15px 0 20px; }
.org__wrap .org__list > li .list-dot01 > li { word-break: keep-all; }
@media screen and (max-width: 1300px) { .org__wrap .org__list:before { width: 67.5%; }
  .org__wrap .org__list > li { width: 31%; } }
@media screen and (max-width: 1024px) { .org__wrap:after { top: 200px; height: 76%; z-index: -1; }
  .org__wrap .org__list { margin-top: 50px; }
  .org__wrap .org__list:before { display: none; }
  .org__wrap .org__list .center { position: static; transform: none; height: 100%; }
  .org__wrap .org__list > li { float: none; width: 100%; height: 100%; margin: 20px 0; }
  .org__wrap .org__list > li:before { display: none; }
  .org__wrap .org__list > li .list-dot01 { padding: 35px; background: #fff; } }
@media screen and (max-width: 768px) { .org__wrap > div { width: 200px; height: 200px; padding-top: 75px; font-size: 20px; line-height: 30px; }
  .org__wrap .org__list { margin-top: 50px; }
  .org__wrap .org__list > li p { font-size: 17px; }
  .org__wrap .org__list > li .list-dot01 { padding: 20px; } }
/*-- [e] 센터소개 - 조직도 */
/* [s] 센터소개 - 오시는길 */
.map__wrap > div { width: 100% !important; }
.map__wrap .root_daum_roughmap_landing .border2 { display: block !important; }
@media screen and (max-width: 768px) { .map__wrap > div { height: 400px; } }
.map__cont { margin-top: 65px; }
.map__cont .txt2 { position: relative; font-size: 28px; text-align: center; color: #000; }
.map__cont .txt2:before { position: absolute; left: 50%; bottom: -20px; width: 55px; height: 2px; background: #000; transform: translate(-50%, -50%); content: ''; }
.map__cont .border__wrap { margin-top: 65px; padding: 23px 0; border: 1px solid #dedede; text-align: center; }
.map__cont .map__ac > li { display: inline-block; padding: 0 30px; font-size: 20px; }
.map__cont .map__ac > li:first-child { border-right: 1px solid #ddd; padding-left: 0; }
.map__cont .map__ac > li:last-child { padding-right: 0; }
.map__cont .map__ac > li strong { margin-right: 5px; }
.map__cont .map__ac > li strong:before { display: inline-block; margin-right: 10px; margin-bottom: 5px; width: 30px; height: 30px; vertical-align: middle; content: ''; }
.map__cont .map__ac > li .call:before { background: url(../img/sub/call_ico.png) no-repeat; }
.map__cont .map__ac > li .time:before { background: url(../img/sub/cal_ico.png) no-repeat; }
.map__cont .public__util { margin-top: 95px; }
.map__cont .public__util > li { margin-top: 70px; }
.map__cont .public__util > li:after { content: ''; display: block; clear: both; }
.map__cont .public__util > li:first-child { margin-top: 0; }
.map__cont .public__util > li strong { position: relative; float: left; width: 208px; font-size: 26px; }
.map__cont .public__util > li strong:before { position: absolute; top: -30px; width: 50px; height: 2px; background: #000; content: ''; }
.map__cont .public__util > li .util__wrap { display: inline-block; }
.map__cont .public__util > li .util__wrap p { margin-top: 10px; font-size: 20px; }
.map__cont .public__util > li .util__wrap p:first-child { margin-top: -5px; }
.map__cont .public__util > li .util__wrap span { margin-right: 5px; }
.map__cont .public__util > li .util__wrap span img { vertical-align: top; }
@media screen and (max-width: 1024px) { .map__cont .public__util > li strong { width: 185px; } }
@media screen and (max-width: 768px) { .map__cont .txt2 { word-break: keep-all; font-size: 20px; }
  .map__cont .map__ac > li { margin-top: 10px; padding-left: 0; padding-right: 0; font-size: 15px; }
  .map__cont .map__ac > li strong { margin-right: 10px; }
  .map__cont .map__ac > li:first-child { border-right: none; }
  .map__cont .public__util { margin-top: 50px; text-align: center; }
  .map__cont .public__util > li { margin-top: 40px; }
  .map__cont .public__util > li:first-child .util__wrap p { padding-left: 35px; }
  .map__cont .public__util > li strong:before { top: -15px; left: 30%; }
  .map__cont .public__util > li strong { display: inline-block; width: auto; float: none; font-size: 20px; }
  .map__cont .public__util > li .util__wrap { display: block; margin-top: 20px; }
  .map__cont .public__util > li .util__wrap p:first-child { margin-top: 0; }
  .map__cont .public__util > li .util__wrap p { position: relative; padding-left: 67px; text-align: left; font-size: 15px; }
  .map__cont .public__util > li .util__wrap span { position: absolute; top: -2px; left: 0; } }
/*-- [e] 센터소개 - 오시는길 */
/* // 교육행사 신청하기 개인정보 수집 .border-box{ padding:36px 30px; border-top:1px solid #7a7682; border-bottom:1px solid #7a7682; } .agree_wrap{ margin-top:30px; } .agree_wrap > p{ color:#5a5a5a; } @media screen and (max-width:768px){ .border-box{ padding:10px; } .list-dot01 > li{ font-size: 14px; } .list-stick > li{ font-size: 13px; } table .list-dot01 > li{ font-size: 14px; } table .list-dot01 > li:before{ top:7px; } } // 사회적경제 .txt-box { padding: 70px 0; border-bottom: 2px solid #00ac97; text-align: center; } .txt-box .txt1 { font-size: 40px; font-weight: 700; } .txt-box .txt2 { font-size: 32px; } h4.sub-title { margin: 60px 0 30px 0; font-size: 30px; } .text1 { font-size: 18px; } .imgbox { text-align: center; } .procedure-list{ border-top:2px solid #bababa; } .procedure-list > li{ position: relative; padding:25px; border-bottom:1px solid #d6d6d6; } .procedure-list .ellipse{ float: left; width:111px; height:111px; padding:30px 0; background: #3386c5; color: #fff; text-align:center; border-radius: 100%; > strong { display: block; margin-bottom: 10px; font-size: 36px; } > span {font-size: 16px;} } .procedure-list .tit{ font-size:25px; } .procedure-list .txt-wrap{ position: relative; margin-left:150px; padding-top:10px; } .tbl-border thead tr th, .tbl-border tbody tr td{ border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 18px; } .tbl-border thead tr th:first-child, .tbl-border tbody tr th:first-child, .tbl-border tbody tr td:first-child{ border-left: none; } .tbl-border tbody tr th{ background: #f5f5f5; border-bottom: 1px solid #ddd; } .tbl-border tbody tr td{ padding:23px; } .btn-link{ display: inline-block; padding:20px 55px; border:2px solid #079c8a; color: #079c8a; font-size:22px; border-radius: 10px; } .btn-link:after{ display: inline-block; margin-left: 10px; width:17px; height:17px; background: url(../img/sub/link_ico2.png) no-repeat; content: ''; } .btn__wrap.type2{ margin-top:90px; padding-top:50px; border-top:1px solid #ddd; } .txt-box.type2{ border-bottom: 1px solid #d4d4d4; } .txt-box.type2 .txt1{ margin-bottom:20px; font-size: 22px; font-weight: normal; } .txt-box.type2 > strong{ position: relative; display: inline-block; font-size:36px; letter-spacing: -3px; } .txt-box.type2 > strong:before, .txt-box.type2 > strong:after{ position: absolute; top:-40px; content: ''; } .txt-box.type2 > strong:before{ left: -45px; width:35px; height:31px; background: url(../img/sub/quot_left.png) no-repeat; } .txt-box.type2 > strong:after{ right: -45px; width:35px; height:30px; background: url(../img/sub/quot_rt.png) no-repeat; } .imgbox.mt100{ margin-top:100px; } .procedure-list .ellipse.line-ht{ padding: 0; line-height: 111px; } .s-tit{ margin-bottom:20px; font-size: 24px; } @media screen and (max-width:768px) { h4.sub-title { margin: 35px 0 20px 0; font-size: 18px; } .txt-box { padding: 0 0 35px 0; } .txt-box .txt1 { font-size: 20px; } .txt-box .txt2 { font-size: 16px; } .text1 { font-size: 14px; } .procedure-list > li{ padding:20px 0; } .procedure-list .ellipse{ width:80px; height:80px; padding: 20px 0; } .procedure-list .ellipse > strong{ margin-bottom: 5px; font-size: 21px; } .procedure-list .ellipse > span{ font-size: 13px; } .procedure-list .txt-wrap{ margin-left:100px; padding-top:0; } .procedure-list .tit{ font-size: 17px; } .tbl-border thead tr th, .tbl-border tbody tr td{ padding:10px 15px; font-size: 14px; } .scroll{ overflow-x: scroll; } .scroll table{ width:200%; } .btn__wrap.type2{ margin-top:45px; padding:25px 0; } .btn-link { width: 100%; padding:15px 0; font-size: 14px; } .btn-link:after{ vertical-align: middle; } table.v_mobile{ display: table; } .txt-box.type2{ position: relative; } .txt-box.type2 .txt1{ font-size: 13px; margin-bottom:10px; } .txt-box.type2 > strong{ position: static; font-size: 18px; } .txt-box.type2 > strong:before, .txt-box.type2 > strong:after{ top:0; background-size: 70%; } .txt-box.type2 > strong:before{ left: 0; } .txt-box.type2 > strong:after{ right: 0; } .imgbox.mt100{ margin-top:50px; } .procedure-list .ellipse.line-ht{ line-height: 80px; } .s-tit{ font-size: 15px; } } // 공간대여신청 .box_wrap{ position: relative; } .left_wrap{ width:60%; } .img-rt{ position: absolute; top:200px; right: 0; } .gray-box{ padding:20px; background:#f4f4f4; } .bd-gray{ margin-bottom:42px; padding:35px; border:1px solid #cfcfcf; } .bd-gray:after{ display:block; clear: both; content: ''; } .bd-gray:last-child{ margin-bottom: 0; } .bd-gray .box{ float: left; width: 50%; } .bd-gray .box .table{ border-top:1px solid #ddd; } .bd-gray table tbody th, .bd-gray table tbody td{ padding:19px; text-align:left; } .bd-gray .tit{ padding:20px; font-size:24px; text-align:center; border-top:1px solid #7a7682; } @media screen and (max-width:1239px){ .left_wrap { width: 100%; } .img-rt { position: static; margin-top:30px; } .gray-box { padding: 15px; } .bd-gray .box { float: none; width: 100%; } .s-tit.mt50 { margin-top: 25px !important; } .bd-gray{ padding:20px; margin-bottom:21px; } .bd-gray .box img{ width:100%; } .bd-gray .tit{ margin-top:20px; } } @media screen and (max-width:768px){ .bd-gray .tit{ padding: 10px; font-size: 17px; } .bd-gray table tbody th,  .bd-gray table tbody td{ padding:10px; font-size:14px; } } // 인사말 @media screen and (max-width:1239px){ .bd-box { padding: 25px 10px; text-align: center; } .bd-box img { float: none; border-right: none; padding-right:0; margin-bottom:30px; } .bd-box .txt_wrap { width:70%; margin:0 auto; padding-top:30px; border-top:1px solid #ccc; } .cont_box{ padding-top:32px; background-position: center 10%; background-size:60%; } .cont_box .rt_txt { float: none; width: 100%; } .cont_box .text{ margin-bottom: 30px; } .cont_box .img-lt{ display: block; margin: 0 auto; } } @media screen and (max-width:768px){ .bd-box .txt_wrap .txt1{ font-size: 26px; } .bd-box .txt_wrap .txt2{ font-size: 16px; } .cont_box .text{ margin-bottom: 30px; font-size: 14px; } } // 오시는길 .map_wrap { height: 548px; margin-bottom: 65px; border:1px solid #bbb; background: #ddd; } .map_cont .txt2{ position: relative; font-size: 28px; text-align:center; color: #000; } .map_cont .txt2:before{ position: absolute; left:50%; bottom: -20px;  width:55px; height:2px; background: #000; content: ''; } .map_cont .border-box{ margin-top:65px; padding:23px 0; border:1px solid #dedede; text-align: center; } .map_ac > li{ display: inline-block; padding:0 30px; font-size: 20px; } .map_ac > li:first-child{ border-right: 1px solid #ddd; padding-left: 0; } .map_ac > li:last-child{ padding-right: 0; } .map_ac > li strong{ margin-right: 20px; } .map_ac > li strong:before{ display: inline-block; margin-right: 20px; margin-bottom: 5px; width:30px; height:30px; vertical-align: middle; content: ''; } .map_ac > li .call:before{ background: url(../img/sub/call_ico.png) no-repeat; } .map_ac > li .time:before{ background: url(../img/sub/business_ico.png) no-repeat; } .map_ac:after{ display: block; clear: both; content: ''; } .public_util{ margin-top:65px; }*/