@charset "UTF-8";
/*
@function calcFont($size) {
  $em: $size /16px;
  @return $em * 1em;
}
@mixin font($size) {font-size:calcFont($size)}
*/
/*-------------------------------------------------
Author : JMKim
Create date : 게시판셋
-------------------------------------------------*/

.board-area {
  font-family:'Noto Sans KR';
  padding: 3.5rem 0; }

.table-wrap .essential {
  position: relative; }
  .table-wrap .essential::before {
    content: "*";
    color: #b80000;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: -15px; }
.table-wrap table {
  position: relative;
  line-height: 1.4;
  table-layout: fixed; }
  .table-wrap table::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0; }
  .table-wrap table thead th {
    border: 1px solid #ddd;
    border-bottom: 0;
    background-color: #f9f9f9;
    padding: 20px;
    color: #222;
    font-size: .9rem;
    font-weight: 400; }
    .table-wrap table thead th:first-child {
      border-left: 0; }
    .table-wrap table thead th:last-child {
      border-right: 0; }
  .table-wrap table tbody th {
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    padding: 20px;
    font-size: .8rem;
    font-weight: 400;
    color: #222; }
    .table-wrap table tbody th:first-child {
      border-left: 0; }
    .table-wrap table tbody th:last-child {
      border-right: 0; }
    .table-wrap table tbody th .list.dash > li {
      padding-left: 15px; }
      .table-wrap table tbody th .list.dash > li::before {
        left: 0; }
  .table-wrap table tbody td {
    border: 1px solid #ddd;
    padding: 20px;
    font-size: .8rem;
    font-weight: 400;
    background-color: #fff; }

@media (max-width: 768px) {
 .table-wrap table tbody td {	word-break: break-all;}
}    .table-wrap table tbody td:first-child {
      border-left: 0; }
    .table-wrap table tbody td:last-child {
      border-right: 0; }
    .table-wrap table tbody td .list.dash > li {
      padding-left: 15px; }
      .table-wrap table tbody td .list.dash > li::before {
        left: 0; }
    .table-wrap table tbody td.impossible, .table-wrap table tbody td.complete {
      text-align: center;
      color: #fff;
      font-size: .75rem;
      letter-spacing: -.05em;
      padding: 0; }
    .table-wrap table tbody td.impossible {
      background-color: #000; }
    .table-wrap table tbody td.complete {
      background-color: #8b3793; }
  .table-wrap table.field tbody th {
    background-color: #f9f9f9;
    color: #000;
    font-size: .8rem; }
  .table-wrap table.field tbody td .btn {
    border-color: #000;
    background-color: #000;
    color: #fff; }
  .table-wrap table.vert-top tbody th,
  .table-wrap table.vert-top tbody td {
    vertical-align: top; }
  .table-wrap table.side-open thead th:first-child {
    border-left: 0;
    border-bottom: 0; }
  .table-wrap table.side-open thead th:last-child {
    border-right: 0; }
  .table-wrap table.side-open tbody th:first-child, .table-wrap table.side-open tbody td:first-child {
    border-left: 0; }
  .table-wrap table.side-open tbody th:last-child, .table-wrap table.side-open tbody td:last-child {
    border-right: 0; }
  .table-wrap table.all-open tbody th, .table-wrap table.all-open tbody td {
    border-width: 0 0 1px 0; }
  .table-wrap table.board {
    font-family:'Noto Sans KR';
    text-align: center; }
    .table-wrap table.board thead th {
      border: none; }
    .table-wrap table.board .new {
      background-color: #ff6136;
      color: #fff;
      border-radius: 50%;
      display: inline-block;
      text-align: center;
      margin-left: 5px;
      width: 18px;
      height: 18px;
      font-size: .5rem;
      line-height: 18px;
      vertical-align: middle; }
.table-wrap .note {
  padding: 15px;
  font-size: .7rem;
  color: #666; }
  .table-wrap .note strong {
    color: #15938e;
    font-weight: 400; }
.table-wrap.scroll {
  overflow: auto; }
  .table-wrap.scroll table {
    min-width: 700px; }
.table-wrap + .box.bg {
  margin-top: 1rem; }
.table-wrap + .row {
  margin-top: 1rem; }

.tag {
  display: inline-block;
  border-radius: 20px;
  background-color: #383785;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  padding: 2px 10px;
  font-size: 18px;
  vertical-align: middle;
  min-width: 50px;
  }
  .tag.color01 {
    background-color: #383785; }
  .tag.color02 {
    background-color: #8b3793; }
  .tag.color03 {
    background-color: #344ba1; }
  .tag.color04 {
    background-color: #1e1e1d; }
  .tag.color05 {
    background-color: #1b878b; }

/* lagacy code */
.board-top {
  overflow: hidden;
  margin-bottom: 20px; }

.search_form {
  float: right; }
  .search_form select {
    display: inline-block;
    width: auto;
    min-width: 160px;
    height: 40px;
    padding: 10px 20px;
    font-size: .7rem;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e0dede; }
	
  .search_form select:focus {
	border:1px solid gold
  }
  .search_form input[type="text"] {
    display: inline-block;
    width: auto;
    min-width: 260px;
    height: 40px;
    padding: 10px 20px;
    font-size: .7rem;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e0dede; }
  .search_form input[type="button"] {
    display: inline-block;
    margin-bottom: 0;
    font-size: .8rem;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    color: #fff;
    background: #000;
    transition: all .25s ease;
    border: 1px solid #000;
    padding: 8px 12px; }
.search_form input[type="button"]:focus {
	text-decoration:underline;
  }
.articles {
  float: left;
  margin-top: 10px;
  color: #333;
  padding-left: 30px;
  position: relative; }
  .articles::before {
    content: "";
    width: 20px;
    height: 3px;
    background-color: #000;
    position: absolute;
    top: 10px;
    left: 0; }
  .articles .txt_bold {
    font-weight: 700;
    color: #000; }

.photo_type {
  display: none; }

.photo_list {
  overflow: hidden;
  border-top: 2px solid #000;
  padding-top: 30px;
  margin-top: 30px;
  border-bottom: 1px solid #dcdbdb; }
  .photo_list > li {
    width: 25%;
    float: left;
    padding: 0 40px;
    height: 342px; }
    .photo_list > li .thumb {
      width: 240px;
      height: 240px;
      background-color: #e0e3e9;
      display: block;
      position: relative;
      overflow: hidden; }
      .photo_list > li .thumb .view {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        width: 100%;
        height: 50px;
        display: block;
        background: rgba(0, 0, 0, 0.5) url("../../images/sub/i_view.png") 25px center no-repeat;
        line-height: 50px;
        padding-left: 48px;
        font-size: .7rem; }
      .photo_list > li .thumb img {
        height: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .photo_list > li strong {
      display: block;
      color: #555;
      font-size: .8rem;
      font-weight: 200;
      margin: 15px 0 5px;
      word-break: break-all;
      height: 36px;
      overflow: hidden; }
    .photo_list > li .desc {
      color: #999;
      font-size: .7rem;
      display: block; }

.download_list {
  color: #333;
  border-bottom: 1px solid #dcdbdb;
  font-weight: 400;
  overflow: hidden;
  background-color: #f9f9f9;
  border-top: 1px solid #dcdbdb;
    margin-top: 20px;
	}
  .download_list h2.tit {
    width: 20%;
    float: left;
    text-align: center;
    font-size: .8rem;
    padding: 20px; }
  .download_list ul {
    margin-left: 20%;
    padding: 20px;
    border-left: 1px solid #dcdbdb;
    background-color: #fff; }
    .download_list ul > li {
      margin-bottom: 5px; }
      .download_list ul > li > a:hover {
        text-decoration: underline; }

.nextPrev_list {
  border-top: 1px solid #dcdbdb;
  margin-top: 42px; }
  .nextPrev_list > li {
    color: #333;
    border-bottom: 1px solid #dcdbdb;
    font-weight: 400;
    background-color: #f9f9f9; }
    .nextPrev_list > li strong {
      width: 20%;
      float: left;
      text-align: center;
      font-size: .8rem;
      padding: 20px;
      position: relative; }
      .nextPrev_list > li strong i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -60px;
        margin-top: -10px; }
    .nextPrev_list > li a {
      margin-left: 20%;
      padding: 20px;
      border-left: 1px solid #dcdbdb;
      background-color: #fff;
      display: block; }
      .nextPrev_list > li a:focus,
      .nextPrev_list > li a:hover {
        text-decoration: underline; }
.board-view a:focus {
	background-color:#eee;
	border-radius:5px;
	text-decoration:underline !important;
}
.board-view {
  position: relative; }
  .board-view::before {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 2px; }
  .board-view .top {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
	margin-bottom:30px;
	}
  .board-view .view-title {
    color: #333;
    font-size: .9rem;
    font-weight: 400;
    padding: 20px 15px;
    float: left; }
    .board-view .view-title.center {
      float: inherit;
      width: 100%;
      text-align: center; }
  .board-view .info {
    overflow: hidden;
    padding: 22px 20px;
    float: right; }
    .board-view .info dt {
      color: #666;
      display: inline-block;
      color: #333;
      font-weight: 700;
      margin-left: 60px;
      padding-right: 20px;
      position: relative; }
      .board-view .info dt::after {
        content: "";
        width: 1px;
        height: 10px;
        background-color: #dcdbdb;
        position: absolute;
        top: 4px;
        right: 8px; }
    .board-view .info dd {
      color: #666;
      display: inline-block; }
/*  .board-view .view-content {
    border-bottom: 1px solid #dcdbdb;
    padding: 30px 15px;
    line-height: 2.2;
    font-size: .8rem;
    color: #666;
    word-break: break-all; }
    .board-view .view-content img {
      max-width: 100%;
      display: block;
      margin: 0 auto 30px; }
      .board-view .view-content table {width:auto !important;} */
      .table-wrap table tbody td img {max-width:100%;}
    /*
    .board-view .view-content table {
      position: relative;
      line-height: 1.4;
      table-layout: fixed;
      text-align: center; }
      .board-view .view-content table::before {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #000;
        position: absolute;
        top: 0;
        left: 0; }
      .board-view .view-content table thead th {
        border: 1px solid #ddd;
        border-bottom: 0;
        background-color: #f9f9f9;
        padding: 20px;
        color: #222;
        font-size: .9rem;
        font-weight: 400; }
        .board-view .view-content table thead th:first-child {
          border-left: 0; }
        .board-view .view-content table thead th:last-child {
          border-right: 0; }
      .board-view .view-content table tbody th {
        border: 1px solid #ddd;
        background-color: #fcfcfc;
        padding: 20px;
        font-size: .8rem;
        font-weight: 400;
        color: #222; }
        .board-view .view-content table tbody th:first-child {
          border-left: 0; }
        .board-view .view-content table tbody th:last-child {
          border-right: 0; }
        .board-view .view-content table tbody th .list.dash > li {
          padding-left: 15px; }
          .board-view .view-content table tbody th .list.dash > li::before {
            left: 0; }
      .board-view .view-content table tbody td {
        border: 1px solid #ddd;
        padding: 20px;
        font-size: .8rem;
        font-weight: 400;
        background-color: #fff; }
        .board-view .view-content table tbody td:first-child {
          border-left: 0; }
        .board-view .view-content table tbody td:last-child {
          border-right: 0; }
        .board-view .view-content table tbody td .list.dash > li {
          padding-left: 15px; }
          .board-view .view-content table tbody td .list.dash > li::before {
            left: 0; }
        .board-view .view-content table tbody td.impossible, .board-view .view-content table tbody td.complete {
          text-align: center;
          color: #fff;
          font-size: .75rem;
          letter-spacing: -.05em;
          padding: 0; }
        .board-view .view-content table tbody td.impossible {
          background-color: #000; }
        .board-view .view-content table tbody td.complete {
          background-color: #8b3793; }
          */

/* pager */
.pager {
  text-align: center;
  font-size: 0;
  margin: 40px 0; }
  .pager > a:focus,
  .pager > a:hover {
    border-color: #383785;
    transition: all .3s; }
  .pager > a, .pager .active {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    font-size: .8rem;
    color: #555;
    background-color: #fff;
    margin: 0 2px;
    border: 1px solid #dedede;
    line-height: 40px;
    border-radius: 50%; }
  .pager .active {
    background-color: #383785;
    border-color: #383785;
    color: #fff; }
  .pager a.arr {
    font-size: 0;
    line-height: 0;
    border-color: #cdcdcd;
    background-color: #fff;
    position: relative;
    border: none; }
    .pager a.arr::before, .pager a.arr::after {
      font-family: 'xeicon';
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 20px;
      color: #000;
      height: 20px;
      margin-top: -10px;
      margin-left: -10px;
      line-height: 1; }
    .pager a.arr.first::before {
      content: "\e93c";
      left: 22px; }
    .pager a.arr.first::after {
      content: "\e93c";
      left: 15px; }
    .pager a.arr.prev::before {
      content: "\e93c"; }
    .pager a.arr.next::before {
      content: "\e93f"; }
    .pager a.arr.last::before {
      content: "\e93f";
      left: 24px; }
    .pager a.arr.last::after {
      content: "\e93f";
      left: 17px; }
    .pager a.arr:focus,
    .pager a.arr:hover {
      border:1px solid #969696;
      transition: all .3s; }
      .pager a.arr:hover::before, .pager a.arr:hover::after {
        color: #000; }
      .pager a.arr:focus::before, .pager a.arr:focus::after {
        color: #000; }

.btns {
  text-align: center;
  margin-top: 42px; }
  .btns .btn {
    width: 192px;
    height: 54px;
    background-color: #3b3786;
    color: #fff;
    border-color: #3b3786;
    border-width: 2px;
    line-height: 2.2;
    border-radius: 30px; }
    .btns .btn i {
      font-size: 30px;
      vertical-align: middle; }
    .btns .btn:hover {
      background-color: #fff;
      color: #3b3786; }
      /*
    .btns .btn + .btn {
      background-color: #000;
      border-color: #000;
      margin-left: 10px; }
      .btns .btn + .btn:hover {
        color: #000;
        background-color: #fff; }*/
  .btns .btn.red{
  	background-color: #9E9FA5;
  	color:#fff;
  	border-color:#9E9FA5;
  }
    .btns .btn.red:hover{
    background-color: #fff;
    color:#9E9FA5;
    }
    .btns .btn.lg {
      width: 318px; }

     .btns .btn.black {
      background-color: #000;
      border-color: #000;
     }

     /* GCA소개 -> 채용정보 -> 지원서작성 및 수정 기능 개발로 버튼 css 추가(위 btns 복사하여 사용) : 181123 dhlee */
	.employbtns {text-align: center; margin-top: 42px; }
    .employbtns .btn {width: 220px; height: 54px; background-color: #3b3786; color: #fff; border-color: #3b3786; border-width: 2px; line-height: 2.2; border-radius: 30px; }
    .employbtns .btn i {font-size: 30px; vertical-align: middle; }
    .employbtns .btn:hover {background-color: #fff; color: #3b3786; }
    .employbtns .btn + .btn {background-color: #000; border-color: #000; margin-left: 10px; }
    .employbtns .btn + .btn:hover {color: #000; background-color: #fff; }
    .employbtns .btn.lg {width: 318px; }
    /* GCA소개 -> 채용정보 -> 지원서작성 및 수정 기능 개발로 버튼 css 끝(위 btns 복사하여 사용) : 181123 dhlee */

.login.type2 .container {width:1300px; max-width:90%; border:1px solid #ddd;}
.login.type2 .container .top {float:left; width:50%; padding:2.5rem 4.3rem; border:0 none;}
.login.type2 .top:first-child .row {padding-top:11px;}
.login.type2 .container .top + .top {border-left:1px solid #ddd; background-color:#fff;}
.login.type2 .container .top + .top .row {border:0 none;}
.login.type2 .container .top + .top p.desc + .row {border-top: 1px dashed #ddd; border-bottom: 1px solid #ddd;}
.login.type2 .row .col-md-8 a {color:#000;}
.login.type2 .row .col-md-4 {text-align:right;}
.login.type2  h1 {margin-bottom:5px; font-size:1.25rem;}
.login.type2 .btn {height:2.5rem; padding-top:0; padding-bottom:0; line-height:2.5rem;}
.login.type2 p.desc {margin-bottom:20px;}

.clearfix:before, .clearfix:after{content: ""; display:table; clear:both;}
.clearfix{zoom:1;}
.colorBlue{color:#1b66f4;}
.skyBtn{display:inline-block; background-color:#e7edfc; padding:5px 10px; border-radius:100px; color:#333;}
.bsDetailCon{margin-top:50px; color:#333; position:relative;}
.bsDetailCon .commBox{margin-top:30px; border-top:1px solid #ddd; font-size:15px;}
.bsDetailCon .commBox .tlt{font-size:24px; font-weight:bold; letter-spacing:-1px; margin:20px 0;}
.bsDetailCon .commBox .tlt span{font-size:15px; color:#999; padding-left:20px; letter-spacing:0;}
.bsDetailCon .commBox > ul > li{float:left; width:100%;}
.bsDetailCon .commBox > ul > li > div{float:left; width:85%; padding:10px 0;}
.bsDetailCon .commBox > ul > li > div.sTlt{width:15%; color:#777;}
.bsDetailCon .commBox .filter{margin-bottom:3px; color:#333;}
.bsDetailCon .commBox > ul > li > div p{padding-bottom:10px;}
.bsDetailCon .commBox .director > span{display:inline-block; padding-right:20px;}

.bsDetailCon .bsHead .imgArea{position:absolute; left:0px; top:0;}
.bsDetailCon .bsHead .imgArea .img{width:273px; height:390px; overflow:hidden; background-color:#f5f8ff; border:1px solid #ddd; position:relative;}
.bsDetailCon .bsHead .imgArea .img img{max-width:100%; max-height:100%; margin:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.bsDetailCon .bsHead .imgArea .img span{display:table-cell; width:285px; height:390px; vertical-align:middle; text-align:center;}
.bsDetailCon .bsHead .tlt{font-size:30px; line-height:1.2; letter-spacing:-1.2px;}
.bsDetailCon .bsHead .txtBox{margin:10px 0; font-size:14px;}
.bsDetailCon .bsHead .txtBox .date{width:55%;}
.bsDetailCon .bsHead .txtBox .txt{padding-top:20px;}
.bsDetailCon .bsHead .bsHeadPC{margin-left:320px;}
.bsDetailCon .bsHead .commBox.bsHeadPC{min-height:300px; min-height:200px;}
.bsDetailCon .bsHead .commBox > ul > li{border-bottom:1px solid #ddd;}
.bsDetailCon .bsHead .commBox > ul > li:last-child{border-bottom:0 none;}

.bsDetailCon .bsHead .commBox > ul > li > div.sTlt{font-size:17px;}
.bsDetailCon .bsHead .commBox > ul > li.list img{margin:0 3px;}

.bsDetailCon .bsbody{margin-top:60px;}
.bsDetailCon .bsbody .commBox span.first{display:inline-block; width:80px; color:#777;}
.bsDetailCon .bsbody .commBox > ul > li ul li{padding-bottom:5px;}

.userWt{line-height:1.7;}

.fileShow{width:450px; height:40px; border:1px solid #c0cdff; cursor:pointer; margin-top:5px; margin-bottom:5px; margin-left:0 !important;}
.fileShow .clip{float:left; width:14px; height:18px; margin-top:11px; margin-left:6px;}
.fileShow .downLoad{float:right; margin-right:6px; margin-top:8px; width:24px; height:24px;}
.fileShow > span{float:left; width:80%; font-size:12px; line-height: 1.83; color:#555; margin-top:10px; margin-left:2px;}
.downloadspan a{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

@media (max-width: 1300px) {

  .login.type2 .container {width:600px;}
  .login.type2 .container .top {float:none; width:100%;}
  .login.type2 .container .top + .top {border:0 none; border-top:1px solid #ddd;}

}

@media (max-width: 990px) {

  .login.type2 .row .col-md-4 {text-align:left;}
}

@media (max-width: 767px) {
  .login.type2 .container {width:100%; max-width:100%;}
  .login.type2 .container .top {padding:2rem;}

  .board-area {
    padding-top: 0; }

  .table-wrap colgroup {
    display: none; }

  .table-wrap.scroll colgroup {
    display: table-column-group; }

  .table-wrap .field tbody th,
  .table-wrap .field tbody td {
    display: block;
    padding: 20px 15px; }

  .embed-wrap {
    margin: 0 15px; }

  .embed-wrap .map-info {
    padding: 15px; }

  .locate-list > li {
    padding-left: 15px;
    padding-right: 15px; }

  .locate-list > li::before {
    width: 34px;
    height: 34px;
    background-size: 20px;
    left: 10px; }

  .locate-list > li strong {
    padding-left: 38px;
    display: block;
    margin: 6px 0px 12px; }

  .locate-list > li .btn:first-of-type {
    margin-left: 0; }

  .blind-info {
    margin: 0 15px; }

  .blind-info > li strong {
    min-height: 45px;
    height: 45px;
    line-height: 45px; }

  .blind-info > li .inner {
    padding: 20px 15px; }

  .table-wrap.scroll table thead th,
  .table-wrap.scroll table tbody th,
  .table-wrap.scroll table tbody td {
    padding: 10px; }

  .table-wrap .board colgroup,
  .table-wrap .board thead {
    display: none; }
  .table-wrap .board tbody tr {
    border-bottom: 1px solid #dcdbdb;
    padding: 15px;
    display: block;
    overflow: hidden; }
    .table-wrap .board tbody tr td {
      display: none;
      padding: 0;
      border: 0; }
      .table-wrap .board tbody tr td.subject {
        display: block;
        font-weight: 700;
        color: #333;
        margin-bottom: 5px; }
        .table-wrap .board tbody tr td.subject > a {
          font-size: .9rem; }
      .table-wrap .board tbody tr td.bookname {
        font-weight: 700;
        color: #333;
        margin-bottom: 5px;
        text-align: left;
        float: left;
        display: inline-block; }
        .table-wrap .board tbody tr td.bookname > a {
          font-size: .9rem; }
      .table-wrap .board tbody tr td.locate {
        display: inline-block;
        float: left;
        margin-left: 10px; }
      .table-wrap .board tbody tr td.date, .table-wrap .board tbody tr td.hit, .table-wrap .board tbody tr td.file, .table-wrap .board tbody tr td.mission, .table-wrap .board tbody tr td.call {
        display: block;
        float: left;
        text-align: left;
        margin-right: 16px; }
      .table-wrap .board tbody tr td.mission {
        height: 20px;
        width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .table-wrap .board tbody tr td.floor {
        display: flex;
        float: left;
        margin-right: 16px;
        background: #eee;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        align-items: center;
        justify-content: center; }
      .table-wrap .board tbody tr td.date::before {
        content: "등록일 : "; }
      .table-wrap .board tbody tr td.hit::before {
        content: "조회수 : "; }
      .table-wrap .board tbody tr td.file::before {
        content: "첨부파일 : "; }
      .table-wrap .board tbody tr td.mission::before {
        content: "주요업무 : "; }
      .table-wrap .board tbody tr td.call::before {
        content: "전화번호 : "; }
      .table-wrap .board tbody tr td [class^="xi"] {
        font-size: 16px;
        vertical-align: middle; }

  .system {
    margin: 0 15px; }

  h4.title {
    margin-top: 30px; }

  .box-title {
    height: 64px;
    line-height: 64px;
    margin-bottom: 30px; }

  .box-title.bg {
    margin-top: 30px; }

  .box-title.bg + .desc {
    padding: 0; }

  .public-data .figure .figcaption {
    width: 100%;
    padding-top: 50px; }

  .public-data .figure .figcaption strong::before {
    width: calc(100% + 10px); }

  .public-data .figure .figcaption strong {
    font-size: 1.8rem; }

  .public-data .figure .figcaption .url {
    font-size: 1.6rem; }

  .board-view .view-content {
    padding: 15px; }

  .board-view .info {
    padding: 0;
    border-bottom: 0;
    border-top: 1px solid #ddd; }

  .board-view .info dt {
    width: 25%;
    border-bottom: 1px solid #dcdbdb;
    margin-left: 0;
    padding-right: 0;
    padding: 15px;
    float: left;
    border-right: 1px solid #dcdbdb;
    text-align: center;
    background: #f9f9f9; }
    .board-view .info dt::after {
      display: none; }

  .board-view .info dd {
    width: 75%;
    border-bottom: 1px solid #dcdbdb;
    padding: 15px;
    float: left;
    min-height: 51px; }

  .nextPrev_list > li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 15px; }

  .download_list h2.tit,
  .nextPrev_list > li strong,
  .download_list ul {
    padding: 15px; }

  .download_list h2.tit,
  .nextPrev_list > li strong {
    width: 25%; }

  .nextPrev_list > li strong i {
    margin-left: -45px;
    margin-top: -7px; }

  .download_list ul,
  .nextPrev_list > li a {
    margin-left: 25%; }

  .board-top {
    padding: 15px; }

  .search_form {
    float: inherit; }

  .search_form select {
    width: 100%;
    margin-bottom: 10px; }

  .search_form input[type="text"] {
    width: calc(100% - 83px);
    min-width: inherit; }

  .search_form input[type="button"] {
    width: 78px; }

  .photo_list > li {
    padding: 0 15px;
    height: auto;
    margin-bottom: 30px;
    width: 100%; }

  .board-view .top,
  .board-view .info {
    float: inherit;
    width: 100%; }

  .pager a.arr.first,
  .pager a.arr.last {
    display: none; } }
/* 반응형 아이프레임, 오브젝트, 엠베디드 */
.embed-container {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.list-style {
  float: right;
  margin-left: 10px; }
  .list-style > li {
    float: left;
    margin-left: -1px; }
    .list-style > li > a {
      display: block;
      width: 40px;
      height: 40px;
      border: 1px solid #ddd;
      text-align: center;
      font-size: 24px;
	  line-height: 40px; }
      .list-style > li > a i {
        font-weight: 700; }
    .list-style > li.active > a {
      color: #000; }

    .list-style > li > a:focus {
		border:1px solid gold;
	}
.common-btn {
  margin-top: 40px;
  position: relative;
  background-color: #fff;
  display: inline-block;
  width: 240px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  text-align: left; }
  .common-btn i {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #3d4b84; }

.img-reponsive {
  max-width: 100%;
  display: block;
  margin: 0 auto; }
  .img-reponsive.border {
    border: 1px solid #ddd; }

.dotum {
  font-family: 'dotum'; }

/* 불릿체계 */
.cont-mid {
	color: #767676;color:#333;
  font-size: .8rem;
  line-height: 1.6; }
  .cont-mid h2.title {
    color: #000;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    margin-top: 3rem; }
    .cont-mid h2.title + .desc {
      position: relative;
      top: -20px; }

  .cont-mid h2.title small{
  	font-size:15px;
  	margin-left:2px;
  }
  .col_red {color:#ff5054}
  .cont-mid hr {
    display: block;
    border-top: 1px solid #ddd;
    margin: 1rem 0; }
    .cont-mid hr.big {
      margin: 3rem 0; }
  .cont-mid h3.title {
    font-size: 1rem;
    color: #222;
    margin-bottom: .5rem;
    font-weight: 400;
    margin-top: 1rem;
    padding-left: 15px;
    position: relative; }
    .cont-mid h3.title::before {
      content: "";
      width: 6px;
      height: 6px;
      background-color: #3b3786;
      border-radius: 50%;
      position: absolute;
      top: 12px;
      left: 0; }
  .cont-mid h4.title {
    font-size: .9rem;
    color: #222;
    margin-bottom: .5rem;
    font-weight: 400;
    margin-top: 1rem; }

#contents {
  margin-bottom: 5rem;
  margin-top: 0 !important; }

.sentence p {
  margin-top: 40px;
  line-height: 1.6; }
  .sentence p:first-of-type {
    margin-top: 0; }
.sentence .finale {
  position: relative; }
  .sentence .finale::before {
    width: 164px;
    height: 108px;
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    background: url("../../images/gcn/sub/bg_finale1.png") 0 0 no-repeat; }
  .sentence .finale p {
    text-align: center;
    color: #000; }
    .sentence .finale p:first-of-type {
      margin: 4rem 0;
      padding: 4rem 0;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      font-size: .9rem; }
    .sentence .finale p:last-of-type {
      position: relative; }
      .sentence .finale p:last-of-type::before {
        content: "";
        position: absolute;
        top: -60px;
        left: 50%;
        width: 1px;
        height: 46px;
        background-color: #ddd; }
      .sentence .finale p:last-of-type img {
        display: block;
        margin: .5rem auto 0; }
  .sentence .finale::after {
    width: 121px;
    height: 121px;
    content: "";
    position: absolute;
    bottom: 147px;
    right: 0;
    background: url("../../images/gcn/sub/bg_finale2.png") 0 0 no-repeat; }

/* Tabs */
.tabs {
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .tabs > ul {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .tabs > ul > li {
      display: table-cell; }
      .tabs > ul > li > a {
        display: block;
        text-align: center;
        border: 1px solid #ddd;
        margin-left: -1px;
        height: 3.2rem;
        line-height: 3.2rem;
        font-size: .9rem; }
        .tabs > ul > li > a.active {
          background-color: #fff;
          background-color: #000;
          border-color: #000;
          color: #fff; }
          .tabs > ul > li > a.active span {
            color: #ff4b4b; }
    .tabs > ul.equal {
      display: table;
      table-layout: fixed;
      width: 100%; }
      .tabs > ul.equal > li {
        display: table-cell; }
        .tabs > ul.equal > li > a {
          display: block;
          text-align: center;
          border: 1px solid #ddd;
          margin-left: -1px;
          height: 3.2rem;
          line-height: 3.2rem;
          font-size: .9rem; }
          .tabs > ul.equal > li > a.active {
            background-color: #fff;
            background-color: #3b3786;
            border-color: #3b3786;
            color: #fff; }
            .tabs > ul.equal > li > a.active span {
              color: #000; }
    .tabs > ul.subDepth {
      border-bottom: 1px solid #ddd;
      position: relative; }
      .tabs > ul.subDepth > li {
        padding-bottom: 3.4rem; }
        .tabs > ul.subDepth > li > .sub {
          position: absolute;
          bottom: 0;
          left: 50%;
          display: table;
          table-layout: fixed;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%); }
          .tabs > ul.subDepth > li > .sub > li {
            display: table-cell;
            padding: 0 10px; }
            .tabs > ul.subDepth > li > .sub > li > a {
              display: block;
              position: relative;
              padding: 1.1rem 0.75rem;
              font-size: 0.8rem;
              line-height: 1.25rem;
              color: #767676;
              letter-spacing: -0.025rem;
              white-space: nowrap; }
              .tabs > ul.subDepth > li > .sub > li > a.active {
                color: #000; }
                .tabs > ul.subDepth > li > .sub > li > a.active::after {
                  position: absolute;
                  bottom: -1px;
                  left: 0;
                  width: 100%;
                  height: 2px;
                  background: #000;
                  content: ""; }

.list {
  margin-bottom: 1rem; }
  .list.dot > li {
    position: relative;
    padding-left: 10px;
    font-size: .65rem; }
    .list.dot > li::before {
      content: "";
      width: 3px;
      height: 3px;
      background-color: #8b8c8e;
      border-radius: 50%;
      position: absolute;
      top: 10px;
      left: 0; }
    .list.dot > li strong {
      font-size: .75rem;
      color: #000;
      float: left;
      width: 35%; }
    .list.dot > li span {
      font-size: .75rem;
      color: #767676;
      float: left;
      width: 60%; }
    .list.dot > li::after {
      content: "";
      clear: both;
      display: block; }
  .list.dash > li {
    position: relative;
    padding-left: 35px; }
    .list.dash > li::before {
      content: "";
      width: 7px;
      height: 1px;
      background-color: #717171;
      position: absolute;
      top: 13px;
      left: 20px; }

.box {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 1rem; }
  .box .qr-code {
    display: inline-block;
    margin-right: 20px; }
  .box .link {
    color: #3b3786; }
  .box.big {
    padding: 30px; }
  .box.bg {
    background-color: #f9f9f9; }
  .box .list {
    margin-bottom: 0; }
  .box .caution {
    margin-top: 0; }
    .box .caution:first-of-type {
      margin: 0 !important; }
  .box.ample {
    padding: 30px; }
  .box + .area {
    padding-top: 0; }

.caution {
  position: relative;
  padding-left: 25px;
  margin-top: 1rem; }
  .caution::before {
    content: "!";
    background-color: #3b3786;
    width: 18px;
    height: 18px;
    color: #fff;
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 12px; }

.photo .box {
  background-color: #cdcdcd;
  border: none;
  height: 276px;
  padding: 0;
  position: relative;
  overflow: hidden; }
.photo.ver2 .box {
	margin-bottom:7px;
}
.photo.ver2 .box-text {margin-bottom:20px;text-align:center;}
  .photo .box::before {
    content: "";
    font-family: 'xeicon';
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    legt: 50%;
    transform: translate(-50%, -50%); }
  .photo .box img {
    width: 100%; }

.photo-area {
  margin-bottom: 4rem;
  font-size: .9rem;
  color: #222; }
  .photo-area .bg {
    aspect-ratio: 1920/754;
  width: 100%;
    overflow: hidden;
    position: relative; }
    .photo-area .bg img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
    .photo-area .bg .message {
      position: absolute;
      top: 80px;
      color: #fff;
      z-index: 20;
      width: 100%;
      text-align: center; }
      .photo-area .bg .message strong {
        font-size: 1.5rem;
        display: block;
        margin-bottom: 2rem;
        font-weight: 700;
        text-transform: uppercase; }
      .photo-area .bg .message em {
        font-size: 1.8rem;
        text-transform: uppercase;
        margin-top: 70px;
        display: block; }
  .photo-area .sentence {
    background-color: #fff;
    /* margin-top: -85px; */
    text-align: center;
    padding-top: 50px; }
    .photo-area .sentence strong {
      display: block;
      font-size: 1.25rem;
      color: #222;
      padding-top: 2.5rem;
      margin-bottom: .5rem;
      position: relative; }
      .photo-area .sentence strong::before {
        position: absolute;
        top: 10px;
        left: 50%;
        width: 6px;
        height: 26px;
        background-color: #35437f;
        content: "";
        transform: skew(-45deg);
        margin-left: -3px; }
    .photo-area .sentence .btn {
      margin-top: 40px;
      position: relative; }
      .photo-area .sentence .btn i {
        position: absolute;
        top: 20px;
        right: 20px;
        color: #3d4b84; }
  .photo-area + .area {
    padding-top: 0; }

.horizontal {
  margin-top: 3rem; }
  .horizontal h2.title {
    margin-top: 0;
    border-top: 3px solid #000;
    padding-top: 2rem;
    width: 90%;
    line-height: 1.2;
    font-weight: 400; }
  .horizontal .sentence {
    border-top: 1px solid #ddd;
    padding-top: 2rem; }
    .horizontal .sentence p {
      margin-top: 0; }
    .horizontal .sentence h3.title:first-of-type {
      margin-top: 0; }
    .horizontal .sentence .caution:first-of-type {
      margin-top: .5rem; }
    .horizontal .sentence .caution::before {
      top: 3px;
      line-height: 1.6; }
    .horizontal .sentence .img-desc {
      margin-bottom: 10px; }

/*===================================================*/
/*===================== 컨텐츠영역 =====================*/
/*===================================================*/
/* 원장 인사말 */
.greeting {
  padding-top: 2rem; }
  .greeting .welcome .col-md-5 img {position: relative; top: -15px;}
  .greeting .welcome {
    margin-bottom: 4rem;
    position: relative; }
    .greeting .welcome::before {
      content: "";
      height: 370px;
      width: 1300px;
      margin: 0 auto;
      background-color: #e9fcff;
      background: -moz-linear-gradient(45deg, #fdffe1 40%, #e9fcff 60%);
      background: -webkit-linear-gradient(45deg, #fdffe1 40%, #e9fcff 60%);
      background: linear-gradient(45deg, #fdffe1 40%, #e9fcff 60%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffe1', endColorstr='#e9fcff',GradientType=1 );
      position: absolute;
      top: 50px;
      left: 50%;
      z-index: -1;
      transform: translateX(-50%); }
    .greeting .welcome::after {
      content: "";
      clear: both;
      display: block; }
    .greeting .welcome .message {
      padding-left: 70px; }
      .greeting .welcome .message strong {
        font-size: 4rem;
        color: #000;
        display: block;
        font-weight: 700; }
      .greeting .welcome .message span {
        font-size: .9rem;
        color: #cdeaa9;
        letter-spacing: .5rem; }
    .greeting .welcome .desc {
      font-size: 1.25rem;
      color: #2e2e2e;
      padding: 70px 60px 70px 70px;
      line-height: 1.6; }
      .greeting .welcome .desc strong {
        font-weight: 700; }
  .greeting.type2 .welcome::before {
    content: "";
    height: 357px;
    width: 1300px;
    margin: 0 auto;
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    background: #fdffe1;
    background: -moz-linear-gradient(45deg, #fdffe1 40%, #e9fcff 60%);
      background: -webkit-linear-gradient(45deg, #fdffe1 40%, #e9fcff 60%);
      background: linear-gradient(45deg, #fdffe1 40%, #e9fcff 60%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffe1', endColorstr='#e9fcff',GradientType=1 ); }
      .greeting.type2 .message strong {font-weight: 400; line-height: 1.2;}
  .greeting .message span {
    color: #cdeaa9; letter-spacing: 0.8rem;}
  .greeting.type2 .desc {
    padding-right: 15px;
    padding-top: 50px; padding-bottom: 50px;}
  .greeting.type2 .sentence {
    border-bottom: 1px solid #ddd;
    background: url('/resources/images/gcn/sub/greeting_bg.gif') no-repeat center 20%;
    overflow: hidden;
    padding-bottom: 110px; text-align: center;}
    .greeting.type2 .sentence p {width: 44rem; max-width: 100%; margin: 0 auto; word-break: keep-all;}
    .greeting.type2 .sentence p + p {margin-top: 1.5rem;}
    .greeting.type2 .sentence strong {
      font-weight: 700; }
    .greeting.type2 .sentence .sign {
      padding-top: 10px; }

/* 이사장 인사말 */
.greeting2 {
  padding-top: 2rem; }
  .greeting2 .welcome .col-md-5 img {position: relative; top: -15px;}
  .greeting2 .welcome {
    margin-bottom: 4rem;
    position: relative;
	margin-bottom:20px;
	margin-top:30px;
	}
    .greeting2 .welcome .item1 {}
    .greeting2 .welcome .item2 {text-align:right;}
    .greeting2 .welcome::before {
      content: "";
      height: 370px;
      width: 1300px;
      margin: 0 auto;
      position: absolute;
      top: 50px;
      left: 50%;
      z-index: -1;
      transform: translateX(-50%); }
    .greeting2 .welcome::after {
      content: "";
      clear: both;
      display: block; }
    .greeting2 .welcome .message {
      padding-left: 70px; }
      .greeting2 .welcome .message strong {
        font-size: 4rem;
        color: #000;
        display: block;
        font-weight: 700; }
      .greeting2 .welcome .message span {
        font-size: .9rem;
        color: #cdeaa9;
        letter-spacing: .5rem; }
    .greeting2 .welcome .desc {
      font-size: 1.25rem;
      color: #2e2e2e;
      padding: 70px 60px 70px 70px;
      line-height: 1.6; }
      .greeting2 .welcome .desc strong {
        font-weight: 700; }
  .greeting2.type2 .welcome::before {
    content: "";
    height: 357px;
    width: 1300px;
    margin: 0 auto;
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
	  }
      .greeting2.type2 .message strong {font-weight: 400; line-height: 1.2;}
  .greeting2 .message span {
    color: #cdeaa9; letter-spacing: 0.8rem;}
  .greeting2.type2 .desc {
    padding-right: 15px;
    padding-top: 50px; padding-bottom: 50px;}
  .greeting2.type2 .sentence {
    border-bottom: 1px solid #ddd;
    background: url('/resources/images/gcn/sub/greeting_bg.gif') no-repeat center 20%;
    overflow: hidden;
    padding-bottom: 110px; text-align: center;}
    .greeting2.type2 .sentence p {width: 44rem; max-width: 100%; margin: 0 auto; word-break: keep-all;}
    .greeting2.type2 .sentence p + p {margin-top: 1.5rem;}
    .greeting2.type2 .sentence strong {
      font-weight: 700; }
    .greeting2.type2 .sentence .sign {
      padding-top: 10px; }

@media (max-width: 1200px) {
	.greeting2 .welcome img {max-width:100%;}

    .greeting2 .welcome .item1 {margin-bottom:10px;}
    .greeting2 .welcome .item2 img {max-width:60%;}
}
/*2023-07-12 이사장인사말*/
 .t_blue {
    color: #35437f;
  }
  .new_greeting {
    text-align: center;
    font-size: 20px;
    padding: 20px;
  }  
  .new_greeting .iine01 {
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 1.6em
  }
  .new_greeting .iine02 {
    font-size: 1em;
    line-height: 2em;
    margin-bottom: 2em;
  }
  @media screen and (max-width:768px) {
    .new_greeting {
      font-size: 12px;
    }
    .new_greeting .iine01 img{
      width: 20px;
    }
  }
/* 연혁 */
.history {
  text-align: center;
  background: url("../../images/gcn/sub/bg_history.jpg") center top no-repeat; }
  .history .container {
    overflow: hidden; }
  .history .title {
    font-size: 1.4rem;
    color: #fff;
    padding: 59px 0;
    display: block; }
    .history .title strong {
      font-weight: 700; }
  .history .history-list {
    position: relative;
    min-height: 1880px; }
  .history .history-list .list.dot > li {font-size:0.75rem;}
    .history .history-list > li {
      width: 25%;
      float: left; }
      .history .history-list > li > a {
        position: relative; }
      .history .history-list > li strong {
        color: #fff;
        font-size: 1.5rem;
        display: block;
        height: 77px;
        line-height: 77px; }
      .history .history-list > li .detail-list {
        position: absolute;
        top: 210px;
        left: 50%;
        transform: translateX(-50%);
        width: 1000px;
        padding: 0 0 40px;
        display: none; }
        .history .history-list > li .detail-list::before {
          content: "";
          width: 1px;
          height: 100%;
          background-color: #e6e6e6;
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -1px; }
        .history .history-list > li .detail-list > li {
          float: left;
          width: 50%;
          padding: 0 50px;
          text-align: left;
          position: relative;
          margin: -10px 0; }
          .history .history-list > li .detail-list > li::before {
            content: "";
            width: 10px;
            height: 10px;
            background-color: #3b3786;
            position: absolute;
            top: 5px;
            right: -5px;
            border-radius: 50%; }
          .history .history-list > li .detail-list > li span {
            color: #3b3786;
            font-size: .9rem;
            font-weight: 700;
            padding-right: 15px; }
          .history .history-list > li .detail-list > li:nth-child(even) {
            padding: 0 50px;
            margin: 80px 0; }
            .history .history-list > li .detail-list > li:nth-child(even)::before {
              right: inherit;
              left: -5px; }
      .history .history-list > li.active {
        background-color: #fff;
        width: 50%; }
        .history .history-list > li.active > a::before {
          content: "";
          width: 760px;
          height: 1px;
          background-color: #e6e6e6;
          position: absolute;
          top: 40px;
          left: 50%;
          margin-top: 0;
          transform: translateX(-50%); }
        .history .history-list > li.active strong {
          color: #8b3793;
          padding-top: 30px;
          font-size: 1.8rem;
          position: relative;
          height: inherit;
          padding-top: 50px; }
          .history .history-list > li.active strong::before {
            content: "";
            width: 10px;
            height: 10px;
            background-color: #8b3793;
            position: absolute;
            top: 36px;
            left: 50%;
            margin-left: -5px;
            border-radius: 50%;
            z-index: 2; }
          .history .history-list > li.active strong::after {
            content: "";
            width: 34px;
            height: 34px;
            background-color: transparent;
            border: 1px solid #8b3793;
            border-radius: 50%;
            position: absolute;
            top: 24px;
            left: 50%;
            margin-left: -17px;
            z-index: 1; }
        .history .history-list > li.active .detail-list {
          display: block; }
    .history .history-list::after {
      display: block;
      content: "";
      clear: both; }

.process-title {
  width: 154px;
  height: 154px;
  background-color: #fff;
  font-size: 1.3rem;
  text-align: center;
  border-radius: 50%;
  color: #333;
  line-height: 154px;
  margin-top: 10px; }

.process-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 2rem 0;
  z-index: 10;
  position: relative; }
  .process-list > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    position: relative;
    position: relative; }
    .process-list > li::after {
      content: "";
      width: 154px;
      height: 154px;
      border-radius: 50%;
      background-color: #376b86;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1; }
    .process-list > li:nth-child(2)::after {
      background-color: #375886; }
    .process-list > li:nth-child(3)::after {
      background-color: #3b3786; }
    .process-list > li:nth-child(4)::after {
      background-color: #4d3786; }
    .process-list > li:nth-child(5)::after {
      background-color: #8b3793; }
    .process-list > li .desc {
      color: #333;
      position: absolute;
      top: 140px;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
      line-height: 1.2; }

.grade {
  font-size: .75rem; }
  .grade span {
    display: block;
    margin-bottom: .6rem;
    padding-bottom: .6rem;
    position: relative; }
    .grade span::after {
      width: 50px;
      height: 1px;
      content: "";
      position: absolute;
      bottom: 0;
      transform: translateX(-50%);
      left: 50%;
      background-color: rgba(255, 255, 255, 0.3); }

.place figure .pic {
  background-color: #ebebeb;
  height: 190px; }
.place figure figcaption {
  text-align: center;
  margin-top: .5rem; }

.arrow {
  text-align: center;
  background: url("../../images/gcn/sub/bg_arrow.png") center bottom no-repeat; }
  .arrow strong {
    font-size: 1.25rem;
    color: #3b3786;
    display: inline-block;
    padding: 20px 100px;
    border: 1px solid #3b3786;
    margin: 0 auto;
    border-radius: 40px; }
  .arrow .desc {
    margin-top: 7rem;
    font-size: .9rem;
    color: #666;
    padding-bottom: 4rem; }

.process-box {
  border: 1px solid #ddd;
  border-top: 2px solid #3b3786;
  height: 410px; }
  .process-box > div {
    padding: 25px 90px;
    border-right: 1px solid #ddd;
    height: 100%;
    position: relative; }
    .process-box > div::after {
      background: url("../../images/gcn/sub/i_processbox.gif") 0 0 no-repeat;
      width: 43px;
      height: 51px;
      content: "";
      position: absolute;
      top: 50%;
      right: -22px;
      margin-top: -25px; }
    .process-box > div strong {
      color: #3b3786;
      font-size: 1rem;
      text-align: center;
      display: block;
      font-weight: 700;
      padding-top: 160px;
      background: url("../../images/gcn/sub/i_processbox1.png") center 50px no-repeat; }
    .process-box > div em {
      font-size: .9rem;
      border-radius: 20px;
      border: 1px solid #ddd;
      display: block;
      text-align: center;
      margin: 1rem 0;
      color: #222;
      padding: 5px 0; }
    .process-box > div:nth-child(2) strong {
      background-image: url("../../images/gcn/sub/i_processbox2.png"); }
    .process-box > div:last-child {
      border-right: 0; }
      .process-box > div:last-child strong {
        background-image: url("../../images/gcn/sub/i_processbox3.png"); }
      .process-box > div:last-child::after {
        display: none; }

.circle-list > li {
  text-align: center; }
  .circle-list > li:first-child::before {
    display: none; }
  .circle-list > li .shape {
    width: 228px;
    height: 228px;
    border: 1px solid #3c3886;
    border-radius: 50%;
    background-color: #fff;
    padding-top: 60px;
    margin: 0 auto; }
    .circle-list > li .shape strong {
      color: #3b3786;
      font-size: 1rem;
      font-weight: 700;
      display: block;
      margin-bottom: 10px;
      padding-bottom: 10px;
      position: relative; }
      .circle-list > li .shape strong::after {
        content: "";
        width: 20px;
        height: 1px;
        background-color: #3b3786;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -10px; }
  .circle-list > li::before {
    content: "";
    width: 26px;
    height: 6px;
    background: url("../../images/gcn/sub/i_dots.gif") 0 0 no-repeat;
    position: absolute;
    top: 50%;
    left: -13px;
    margin-top: -3px; }

.bg-full {
  position: relative;
  padding: 4rem 0; }
  .bg-full::before {
    width: 300%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f7f7f7;
    z-index: -1; }
  .bg-full + h2.title:first-of-type {
    margin-top: 3rem; }

.bg-area {
  position: relative;
  padding: 4rem 0;
  background-color: #f7f7f7; }

.area {
  position: relative;
  padding: 4rem 0; }
  .area + .area {
    padding-top: 0; }

h2.title:first-of-type {
  margin-top: 0; }

.bullet-floor {
  color: #666;
  font-size: .8rem;
  margin-bottom: 2.5rem;
  position: relative;
  padding-left: 85px; }
  .bullet-floor span {
    float: left;
    width: 64px;
    height: 76px;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin-right: 20px;
    line-height: 76px;
    background: url("../../images/gcn/sub/bg_floor.gif") 0 0 no-repeat;
    position: absolute;
    top: -14px;
    left: 0; }
  .bullet-floor strong {
    font-size: .9rem;
    color: #000; }

.img-group {
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 40px 0; }
  .img-group > div {
    float: left;
    position: relative; }
    .img-group > div::before {
      content: "";
      width: 1px;
      height: 100%;
      background-color: #ddd;
      position: absolute;
      top: 0;
      right: 0; }
    .img-group > div:last-of-type::before {
      display: none; }
  .img-group + hr {
    margin: 3.2rem 0; }

.g-start .row {
  margin-left: -.75rem;
  margin-right: -.75rem; }
  .g-start .row > div .box {
    border: none;
    height: 190px;
    padding: 40px 40px 40px 164px;
    font-size: .7rem;
    background: #fff url("../../images/gcn/sub/i_gstart1.gif") 60px 50px no-repeat; }
    .g-start .row > div .box strong {
      font-size: 1rem;
      color: #222;
      display: block;
      margin-bottom: 10px; }
  .g-start .row > div:last-of-type .box {
    background-image: url("../../images/gcn/sub/i_gstart2.gif"); }
.g-start .box-list {
  margin: 0 -9px;
  padding-top: 40px; }
  .g-start .box-list > li {
    float: left;
    width: 20%; }
    .g-start .box-list > li .box {
      margin: 0 9px;
      height: 260px;
      text-align: center;
      font-size: .7rem;
      padding: 30px;
      background-color: #fff;
      }
      .g-start .box-list > li .box .tag {
        width: 170px;
        height: 75px;
        background: #376b86;
        position: relative;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        top: -68px;
        line-height: 1.4;
        border-radius: 0;
		margin-bottom:-33px;
		font-size:19px
        }
        .g-start .box-list > li .box .tag::before {
          content: "";
          position: absolute;
          left: -25px;
          top: 0;
          width: 0;
          height: 0;
          border-top: 38px solid transparent;
          border-bottom: 37px solid transparent;
          border-right: 25px solid #376b86;
          }
        .g-start .box-list > li .box .tag::after {
          content: "";
          position: absolute;
          right: -25px;
          top: 0;
          width: 0;
          height: 0;
          border-top: 38px solid transparent;
          border-bottom: 37px solid transparent;
          border-left: 25px solid #376b86;
          }
      .g-start .box-list > li .box .title {
        color: #376b86;
        font-weight: 700;
        font-size: 18px;
        }
      .g-start .box-list > li .box .txt {
        padding-top: 20px;
        border-top: 1px solid #ddd;
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.6;
        }
    .g-start .box-list > li:nth-child(2) .box .tag {
      background-color: #375886; }
      .g-start .box-list > li:nth-child(2) .box .tag::before {
        border-right-color: #375886;
        }
      .g-start .box-list > li:nth-child(2) .box .tag::after {
        border-left-color: #375886;
        }
    .g-start .box-list > li:nth-child(2) .box .title {
      color: #375886; }
    .g-start .box-list > li:nth-child(3) .box .tag {
      background-color: #3b3786; }
      .g-start .box-list > li:nth-child(3) .box .tag::before {
        border-right-color: #3b3786;
        }
      .g-start .box-list > li:nth-child(3) .box .tag::after {
        border-left-color: #3b3786;
        }
    .g-start .box-list > li:nth-child(3) .box .title {
      color: #3b3786; }
    .g-start .box-list > li:nth-child(4) .box .tag {
      background-color: #4d3786; }
      .g-start .box-list > li:nth-child(4) .box .tag::before {
        border-right-color: #4d3786;
        }
      .g-start .box-list > li:nth-child(4) .box .tag::after {
        border-left-color: #4d3786;
        }
    .g-start .box-list > li:nth-child(4) .box .title {
      color: #4d3786; }
    .g-start .box-list > li:nth-child(5) .box .tag {
      background-color: #8b3793; }
      .g-start .box-list > li:nth-child(5) .box .tag::before {
        border-bottom-color: #8b3793; }
      .g-start .box-list > li:nth-child(5) .box .tag::after {
        border-top-color: #8b3793; }
    .g-start .box-list > li:nth-child(5) .box .title {
      color: #8b3793; }
  .g-start .box-list::after {
    display: block;
    content: "";
    clear: both; }
  .g-start .box-list.type2 {
    padding-top: 30px; }
    .g-start .box-list.type2 > li {
      display: table-cell;
      float: inherit;
      width: 1%; }
      .g-start .box-list.type2 > li .box {
        height: 340px; }
        .g-start .box-list.type2 > li .box .tag {
          width: 52px;
          font-size: 1rem;
          font-weight: 700;
          height: 30px; }
          .g-start .box-list.type2 > li .box .tag::before {
            border-left: 26px solid transparent;
            border-right: 26px solid transparent;
            border-bottom-width: 15px;
            top: -15px; }
          .g-start .box-list.type2 > li .box .tag::after {
            border-left: 26px solid transparent;
            border-right: 26px solid transparent;
            border-top-width: 15px;
            bottom: -15px; }
        .g-start .box-list.type2 > li .box .title {
          padding-top: 80px;
          color: #222;
          font-size: .9rem;
          display: block;
          background: url("../../images/gcn/sub/i_boxlist1.gif") center top no-repeat; }
      .g-start .box-list.type2 > li:nth-child(2) .box .title {
        background-image: url("../../images/gcn/sub/i_boxlist2.gif"); }
      .g-start .box-list.type2 > li:nth-child(3) .box .title {
        background-image: url("../../images/gcn/sub/i_boxlist3.gif"); }
      .g-start .box-list.type2 > li:nth-child(4) .box .title {
        background-image: url("../../images/gcn/sub/i_boxlist4.gif"); }
    .g-start .box-list.type2.bg > li .box {
      background-color: #fff;
      height: 180px;
      font-size: .8rem;
      color: #666; }
  .g-start .box-list.type3 > li {
    display: table-cell;
    float: inherit;
    width: 1%; }
    .g-start .box-list.type3 > li .box {
      text-align: left;
      min-height: 300px; }
      .g-start .box-list.type3 > li .box .tag {
        font-size: .8rem; }
      .g-start .box-list.type3 > li .box strong {
        font-weight: 700;
        font-size: .8rem;
        color: #222;
        display: block;
        margin-bottom: 10px;
        text-align: center; }
  .g-start .box-list.type4 > li .box {
    height: 300px; }

.g-start .box-list.type5 {width: calc(100% + 2rem);}
.g-start .box-list.type5 > li {position: relative; width: calc(25% - 2rem); margin-right: 2rem;}
.g-start .box-list.type5.col3 > li {width: calc(33.3333% - 2rem);} /* 200325 */
.g-start .box-list.type5 > li:nth-child(2n) .box {background-color: #f8f8f8;}
.g-start .box-list.type5 > li::after {position: absolute; right: -2rem; top: 2.5rem; width: 2rem; font-family: 'xeicon'; font-size: 1.6rem; color: #bcbcbc; content: ''; text-align: center; text-indent: 0.7rem;}
.g-start .box-list.type5 > li:last-child::after {display: none;}
.g-start .box-list.type5 > li .box {height: 27rem;}
.g-start .box-list.type5 > li li {text-align: left; word-break: keep-all;}
.g-start .box-list.type5 > li li + li {margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #ddd;}
.g-start .box-list.type5 > li li strong {display: block; margin-bottom: 0.5rem; font-weight: 500; color: #000;}
.g-start .box-list.type5.col3 > li li p {margin-bottom: 0.6rem;} /* 200325 */

/*20210112 start*/
@media (max-width:1300px) {
	.g-start .box-list {margin:0;}
	.g-start .box-list > li .box {margin:0;margin-left:5px;width:auto;}

}
/*20210112 end*/

.place .box-list {
  margin-left: -.75rem;
  margin-right: -.75rem; }
  .place .box-list .box {
    padding: 30px; }
    .place .box-list .box .bullet-floor {
      height: 53px;
      margin-bottom: 2rem; }

.img-responsive.border {
  border: 1px solid #ddd; }
.img-responsive + .img-responsive {
  margin-top: 30px; }
.img-responsive + .box {
  margin-top: 30px; }
.img-responsive.between {
  margin: 2rem 0; }

.composition-list > li {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 10px; }
  .composition-list > li:first-child {
    margin-top: 0; }
  .composition-list > li strong {
    width: 84px;
    height: 84px;
    display: table-cell;
    vertical-align: middle;
    background-color: #376b86;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 1.2; }
  .composition-list > li .cont {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px; }
  .composition-list > li:nth-child(2) strong {
    background-color: #375886; }
  .composition-list > li:nth-child(3) strong {
    background-color: #3b3786; }
  .composition-list > li:nth-child(4) strong {
    background-color: #4d3786; }
  .composition-list > li:nth-child(5) strong {
    background-color: #914199; }
.composition-list.overlap {
  margin: 50px 0; }
  .composition-list.overlap > li {
    margin: -15px 0; }

.exhibition .table-wrap tbody th,
.exhibition .table-wrap tbody td {
  padding: 12px 20px 13px; }

.count > div .box {
  padding: 44px;
  background-repeat: no-repeat;
  background-position: 90% 20%;
  background-image: url("../../images/gcn/sub/i_count1.gif"); }
  .count > div .box .title {
    font-size: 1.0rem;
    color: #222;
    font-weight: 700;
    width: auto;
    height: auto;
    display: inline;
    padding-top: 0;
    background: none; }
  .count > div .box p .counter {
    font-size: 2.5rem;
    color: #375886;
    font-weight: 700;
    letter-spacing: -.05em; }
.count > div:nth-of-type(2) .box {
  background-image: url("../../images/gcn/sub/i_count2.gif"); }
.count > div:nth-of-type(3) .box {
  background-image: url("../../images/gcn/sub/i_count3.gif"); }

.icon-box > div .box {
  font-size: .7rem;
  background: #fff;
  padding: 40px 30px 40px 50px;
  border: none;
  overflow: hidden;
  display: flex;
  align-items: center; }
  .icon-box > div .box .bg {
    float: left;
    margin-right: 36px; }
  .icon-box > div .box .cont {
    float: left; }
    .icon-box > div .box .cont .title {
      margin-bottom: 0.5rem;
      font-size: 1rem;
      color: #222;
      font-weight: 700;
      display: block;
      background: none;
      width: auto;
      height: auto;
      border-radius: 0;
      text-align: left;
      padding-top: 0; }

.icon-box.type1 .box {position: relative; padding: 1.5rem 4.2rem; background-color: #f9f9f9;}
.icon-box.type1 .bg {position: absolute; left: auto; top: auto; width: 5.8rem; height: 5.8rem; border-radius: 100%; background-color: #fff; text-align: center; line-height: 5.8rem;}
.icon-box.type1 .bg img {vertical-align: middle;}
.icon-box.type1 .cont {display: table; width: 100%; height: 5.8rem; padding-left: 7.75rem; table-layout: fixed;}
.icon-box.type1 .cont .title {display: table-cell; width: 7.5rem; font-size: 0.9rem; color: #222; vertical-align: middle;}
.icon-box.type1 .cont .title + ul {display: table-cell; vertical-align: middle;}
.icon-box.type1 .cont .title + ul li {position: relative; padding-left: 2.5rem;}
.icon-box.type1 .cont .title + ul li strong {position: absolute; left: 0; top: auto; font-weight: 500; color: #000;}
.icon-box.type1 .cont .title + ul li + li {margin-top: 0.25rem;}

.hexagon-list > li .box {
  padding-left: 190px;
  position: relative;
  min-height: 150px; }
  .hexagon-list > li .box .tag {
    width: 75px;
    height: 42px;
    background: #376b86;
    position: absolute;
    color: #fff;
    display: block;
    border-radius: 0;
    top: 40px;
    left: 70px;
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4; }
    .hexagon-list > li .box .tag::before {
      content: "";
      position: absolute;
      top: -20px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 38px solid transparent;
      border-right: 37px solid transparent;
      border-bottom: 20px solid #376b86; }
    .hexagon-list > li .box .tag::after {
      content: "";
      position: absolute;
      bottom: -20px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 38px solid transparent;
      border-right: 37px solid transparent;
      border-top: 20px solid #376b86; }
  .hexagon-list > li .box .title {
    font-size: .9rem;
    color: #222;
    display: block;
    margin-bottom: 10px;
    width: auto;
    height: auto;
    background: none;
    text-align: left;
    padding-top: 0; }
/*.hexagon-list > li:nth-child(2) .box .tag {
  background-color: #375886; }
  .hexagon-list > li:nth-child(2) .box .tag::before {
    border-bottom-color: #375886; }
  .hexagon-list > li:nth-child(2) .box .tag::after {
    border-top-color: #375886; }
.hexagon-list > li:nth-child(3) .box .tag {
  background-color: #3b3786; }
  .hexagon-list > li:nth-child(3) .box .tag::before {
    border-bottom-color: #3b3786; }
  .hexagon-list > li:nth-child(3) .box .tag::after {
    border-top-color: #3b3786; }*/
.hexagon-list.type2 > li .box {
  padding-top: 40px;
  padding-left: 300px; }
.hexagon-list.type2 > li .tag-title {
  background: url("../../images/gcn/sub/bg_tagtitle1.gif") 0 0 no-repeat;
  position: absolute;
  top: 30px;
  left: 60px;
  width: 200px;
  height: 83px;
  padding-left: 100px;
  padding-top: 30px;
  font-size: .9rem;
  color: #222; }
.hexagon-list.type2 > li:nth-child(2) .tag-title {
  background-image: url("../../images/gcn/sub/bg_tagtitle2.gif"); }
.hexagon-list.type2 > li:nth-child(3) .tag-title {
  background-image: url("../../images/gcn/sub/bg_tagtitle3.gif"); }
.hexagon-list.type2 > li:nth-child(4) .tag-title {
  background-image: url("../../images/gcn/sub/bg_tagtitle4.gif"); }

.link-area > div .box {
  height: 156px;
  padding-left: 140px;
  background: url("../../images/gcn/sub/bg_linkarea1.gif") 40px 40px no-repeat;
  padding-top: 40px; }
  .link-area > div .box a:hover {
    text-decoration: underline; }
  .link-area > div .box .title {
    color: #222;
    display: block;
    margin-bottom: 10px;
    width: auto;
    height: auto;
    background: none;
    text-align: left;
    padding-top: 0; }
.link-area > div:nth-child(2) .box {
  background-image: url("../../images/gcn/sub/bg_linkarea2.gif"); }
.link-area > div:nth-child(3) .box {
  background-image: url("../../images/gcn/sub/in.png"); }

.circle-list2 {
  overflow: hidden;
  margin-top: 60px; }
  .circle-list2 > li {
    padding-right: 230px;
    height: 180px;
    text-align: right;
    position: relative; }
    .circle-list2 > li::before {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      background: url("../../images/gcn/sub/i_circle-list2_1.gif") center no-repeat;
      background-color: #376b86; }
    .circle-list2 > li:nth-child(even) {
      padding-left: 230px;
      padding-right: 0;
      text-align: left; }
      .circle-list2 > li:nth-child(even)::before {
        right: inherit;
        left: 0; }
    .circle-list2 > li strong {
      display: block;
      font-size: 1rem;
      color: #222;
      margin-bottom: 10px;
      font-weight: 700; }
    .circle-list2 > li .desc {
      margin-bottom: 10px;
      color: #222; }
    .circle-list2 > li:nth-child(2)::before {
      background-image: url("../../images/gcn/sub/i_circle-list2_2.gif");
      background-color: #375886; }
    .circle-list2 > li:nth-child(3)::before {
      background-image: url("../../images/gcn/sub/i_circle-list2_3.gif");
      background-color: #3b3786; }
    .circle-list2 > li:nth-child(4)::before {
      background-image: url("../../images/gcn/sub/i_circle-list2_4.gif");
      background-color: #4d3786; }

.organization {
  padding: 70px 0 140px;
  letter-spacing: -.05em;
  position: relative; 
	box-sizing: border-box;
	height:900px;
    margin-top: 70px;
}
  .organization::before {
   display: none;
    content: "";
    width: 50%;
    right: 50%;
    height: 1px;
    background-color: #dcdbdb;
    position: absolute;
    top: 50%;
    margin-top: -93px; }
  .organization .h1 {
    width: 152px;
    height: 152px;
    color: #fff;
    background: #513789;
    letter-spacing: -.05em;
    background: -moz-linear-gradient(45deg, #513789 0%, #7a3790 100%);
    background: -webkit-linear-gradient(45deg, #513789 0%, #7a3790 100%);
    background: linear-gradient(45deg, #513789 0%, #7a3790 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#513789', endColorstr='#7a3790',GradientType=1 );
    border-radius: 50%;
    line-height: 152px;
    text-align: center;
    margin: 0 auto 70px;
    font-size: 1.8rem;
    font-weight: 300;
    position: relative; 
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -76px;

	}
    .organization .h1::after {
      content: "";
      width: 1px;
      height: 434px;
      background-color: #dcdbdb;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: -1; }
  .organization .h2 {
    width: 254px;
    height: 66px;
    line-height: 66px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background-color: #3b3786;
    font-size: 1.05rem;
    font-weight: 300; 
	position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -127px;
	}
  .organization .h2.special {
    position: absolute;
    left: 50%;
	margin-left:197px;
    top: 200px;
	
    background-color: #8b3793; }
    .organization .h2.special::before {
      content: "";
      width: 70px;
      height: 1px;
      background-color: #dcdbdb;
      position: absolute;
      left: -70px;
      top: 50%;
      z-index: -1; }
    .organization .h2.special span {
      font-size: .75rem; }
  .organization .h3.special {    
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    width: 254px;
    height: 66px;
    line-height: 66px;
    color: #fff;
    text-align: center;
    background-color: #727285;
    font-weight: 300;    
    position: absolute;
    top: 265px;
    left: 50%;
    transform: translateX(-443px); 
}
    .organization .h3.special::before {
      display: none; }
    .organization .h3.special::after {
      content: "";
      width: 190px;
      height: 1px;
      background-color: #dcdbdb;
      position: absolute;
      right: -190px;
      top: 50%;
      z-index: -1; }
  .organization .h3n[style="visibility: hidden;"] {visibility: visible !important; background: none;}
  .organization .h3n[style="visibility: hidden;"]::before {top: -50px; bottom: auto; height: 250%;}
  .organization h4.special {
    position: absolute;
    bottom: 22px;
    left: 38px;
    font-weight: 300; }
    .organization h4.special::before {
      content: "";
      width: 38px;
      height: 1px;
      background-color: #dcdbdb;
      position: absolute;
      left: -38px;
      top: 50%;
      z-index: -1; }
    .organization h4.special > a {
      display: block;
      height: 66px;
      background-color: #eee;
      text-align: center;
      padding-top: 20px;
      width: 254px;
      border: 1px solid #dcdbdb;
      font-weight: 400; }
  .organization .row {
    position: relative; 
	margin-left:0;
	margin-right:0;}
	.organization .new-row {
		position: absolute;
		top:484px;
		left: 50%;
		width: 85%;
		transform: translateX(-50%);
	}
    .organization .row::before {
      width: 75%;
      height: 1px;
      background-color: #dcdbdb;
      content: "";
      position: absolute;
      top: -50px;
      left: 50%;
      transform: translateX(-50%); }
  .organization .h3n {
    width: 100%;
    height: 66px;
    line-height: 66px;
    color: #fff;
    text-align: center;
    background-color: #727285;
    font-weight: 300;
    position: relative; 
    margin: 0 auto;
    }
    .organization .h3n::before {
      content: "";
      width: 1px;
      height: 116px;
      background-color: #dcdbdb;
      position: absolute;
      bottom: 0;
      left: 50%;
      z-index: -1; }
    .organization .h3n + ul {
      width: 100%;
	  margin: 0 auto;
      margin-top: 30px;
      border: 1px solid #dcdbdb; }
      .organization .h3n + ul > li {
        border-top: 1px solid #dcdbdb; }
        .organization .h3n + ul > li:first-child {
          border-top: none; }
        .organization .h3n + ul > li > a {
          display: block;
          height: 66px;
          background-color: #eee;
		  color: #000;
          text-align: center;
          padding-top: 20px; }
  .organization .row {
	}
  .organization::after {
    display: none;
    content: "";
    width: 1px;
    left: 0;
    height: calc(50% + 37px);
    background-color: #dcdbdb;
    position: absolute;
    top: 50%;
    margin-top: -92px; }

.mission .circle-list {
  width: 1100px;
  margin: 0 auto 30px; }
  .mission .circle-list > li {
  width: 25%;
    font-size: 1.25rem;
    color: #000; }
    .mission .circle-list > li .shape {
    width: 210px; height: 210px;
      background: #fff url("../../images/gcn/sub/i_goal1.gif") center 30px no-repeat;
      padding-top: 100px; }
    .mission .circle-list > li small {
      display: block;
      font-size: .8rem; }
    .mission .circle-list > li:nth-child(2) .shape {
      background-image: url("../../images/gcn/sub/i_goal2.gif"); }
    .mission .circle-list > li:nth-child(3) .shape {
      background-image: url("../../images/gcn/sub/i_goal3.gif"); }

.horizontal-list h2 {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  text-align: center;
  font-size: .9rem;
  color: #222;
  background-color: #ececec;
  font-weight: 400;
  position: relative; }
  .horizontal-list h2::before {
    content: "";
    width: 26px;
    height: 6px;
    background: url(../../images/gcn/sub/i_dots.png) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    right: -74px;
    margin-top: -3px; }
  .horizontal-list h2 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
.horizontal-list .title {
  height: 112px;
  background-color: #376b86;
  text-align: center;
  color: #fff;
  display: block;
  padding: 42px 0;
  margin-bottom: 36px; }
.horizontal-list .box {
  border-color: #376b86;
  min-height: 300px;
  margin-bottom: 2rem;
  position: relative; }
  .horizontal-list .box::before {
    content: "\e942";
    font-family: 'xeicon';
    font-size: 25px;
    color: #d3d3d3;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -12px; }
.horizontal-list .col-md-3:nth-of-type(2) .title {
  background-color: #375886; }
.horizontal-list .col-md-3:nth-of-type(3) .title {
  background-color: #3b3786; }
.horizontal-list .col-md-3:nth-of-type(4) .title {
  background-color: #4d3786; }
.horizontal-list .list.dash > li {
  padding-left: 15px;
  font-size: .75rem; }
  .horizontal-list .list.dash > li::before {
    left: 0; }
.horizontal-list:last-of-type .box {
  border-color: #ddd;
  min-height: 360px; }

.recruit-list {
  margin-top: -50px; }
  .recruit-list > li {
    font-size: .8rem;
    color: #666;
    padding: 0 40px 0;
    border-right: 1px solid #ddd;
    text-align: left; }
    .recruit-list > li .title {
      color: #376b86;
      font-size: 1rem; }
      .recruit-list > li .title::before {
        display: none; }
      .recruit-list > li .title::after {
        content: "";
        width: 6px;
        height: 6px;
        background-color: #376b86;
        border-radius: 50%;
        position: absolute;
        top: 40px;
        left: 0; }
    .recruit-list > li:last-child {
      border-right: none; }
  .recruit-list.bg > li {
    height: 450px;
    background: url("../../images/gcn/sub/bg_recruit1.jpg") center bottom/contain no-repeat; }
    .recruit-list.bg > li:nth-child(2) {
      background-image: url("../../images/gcn/sub/bg_recruit2.jpg"); }
    .recruit-list.bg > li:nth-child(3) {
      background-image: url("../../images/gcn/sub/bg_recruit3.jpg"); }
    .recruit-list.bg > li:nth-child(4) {
      background-image: url("../../images/gcn/sub/bg_recruit4.jpg"); }

.recruit .title2 {
  background: url("../../images/gcn/sub/img_recruit.jpg") right top no-repeat;
  height: 310px;
  margin-top: 90px; }
  .recruit .title2 strong {
    color: #010101;
    font-size: 2.5rem;
    display: block;
    font-weight: 700; }
  .recruit .title2 p {
    color: #555;
    font-size: 1.5rem;
    line-height: 1.4;
    padding-top: 10px;
    margin-top: 10px;
    position: relative; }
    .recruit .title2 p::after {
      content: "";
      width: 33px;
      height: 3px;
      background-color: #000;
      position: absolute;
      top: -10px;
      left: 0; }
.recruit .recruit-box {
  background-color: #fcf5ec;
  text-align: center;
  padding: 80px;
  font-size: .9rem;
  line-height: 2; }
  .recruit .recruit-box .message {
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
    margin-bottom: 40px; }

.mean {
  text-align: center;
  margin-bottom: 80px; }
  .mean strong {
    font-size: 1.25rem;
    color: #222;
    display: block;
    margin-bottom: 10px; }
  .mean p {
    font-size: .9rem; }

.agree {
  text-align: right;
  margin-bottom: 30px; }

/* 포토갤러리 */
.photo-gallery > ul {
  border-top: 2px solid #000; }
  .photo-gallery > ul > li {
    border-bottom: 1px solid #ddd;
    padding: 25px 0; }
    .photo-gallery > ul > li figure > a {
      overflow: hidden;
      display: block; }
      .photo-gallery > ul > li figure > a .photo {
        width: 258px;
        height: 176px;
        background-color: #e9e9e9;
        margin: 0 auto;
        position: relative; }
        .photo-gallery > ul > li figure > a .photo::after {
          content: "\ea4a";
          font-family: 'xeicon';
          color: #fff;
          font-size: 50px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 1; }
        .photo-gallery > ul > li figure > a .photo img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 2; }
        .photo-gallery > ul > li figure > a .photo iframe {
          position: relative;
          z-index: 5; }
      .photo-gallery > ul > li figure > a figcaption .title {
        font-size: .9rem;
        color: #000;
        display: block;
        margin-bottom: 15px;
        font-weight: 700; }
        .photo-gallery > ul > li figure > a figcaption .title + p {
          margin-bottom: 25px; }
      .photo-gallery > ul > li figure > a figcaption .date {
        padding-right: 10px; }
      .photo-gallery > ul > li figure > a:hover figcaption .title {
        text-decoration: underline; }
        .photo-gallery > ul > li figure > a:hover figcaption .title + p {
          text-decoration: underline; }
  .photo-gallery > ul.type2 {
    padding: 15px 0 30px;
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    .photo-gallery > ul.type2 > li {
      border: none;
      padding: 0;
      width: 25%;
      float: left; }
      .photo-gallery > ul.type2 > li figure {
        padding: 15px; }
        .photo-gallery > ul.type2 > li figure > a {
          position: relative; }
          .photo-gallery > ul.type2 > li figure > a .photo {
            width: 100%;
            height: 220px; line-height:220px;}
            .photo-gallery > ul.type2 > li figure > a .photo img {
            max-width: 100%;
            max-height: 100%;
              height: auto;
              transition: all .3s; vertical-align:middle;}
          .photo-gallery > ul.type2 > li figure > a figcaption {
            position: absolute;
            bottom: -100%;
            left: 0;
            width: 100%;
            height: 100%;
            transition: all .3s;
            background-color: rgba(56, 55, 133, 0.7);
            z-index: 10; }
            .photo-gallery > ul.type2 > li figure > a figcaption .title {
              color: #fff;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 100%;
              text-align: center;
              padding: 0 30px; }
              .photo-gallery > ul.type2 > li figure > a figcaption .title + p {
                display: none; }
            .photo-gallery > ul.type2 > li figure > a figcaption .date,
            .photo-gallery > ul.type2 > li figure > a figcaption .view {
              display: none; }
          .photo-gallery > ul.type2 > li figure > a:hover figcaption,
		  .photo-gallery > ul.type2 > li figure > a.on figcaption {
            bottom: 0; }
    .photo-gallery > ul.type2.video > li figure > a {
      position: relative; }
      .photo-gallery > ul.type2.video > li figure > a .photo::after {
        display: none; }
      .photo-gallery > ul.type2.video > li figure > a figcaption .title {
        text-align: left; }
      .photo-gallery > ul.type2.video > li figure > a::after {
        content: "\ea3f";
        font-family: 'xeicon';
        color: #fff;
        font-size: 40px;
        position: absolute;
        bottom: 10px;
        right: 20px;
        z-index: 50; }
  .photo-gallery > ul.type3 {
    border-bottom: 1px solid #ddd; }
    .photo-gallery > ul.type3 > li {
      float: left;
      width: 25%;
      border-bottom: none; }
      .photo-gallery > ul.type3 > li figure {
        margin: 0 15px; }
        .photo-gallery > ul.type3 > li figure .photo {
          width: 100%;
          overflow: hidden;
          position: relative; }
          .photo-gallery > ul.type3 > li figure .photo .tag {
            width: 58px;
            height: 58px;
            color: #fff;
            background-color: #383785;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 5;
            line-height: 1.4;
            display: flex;
            align-items: center;
            justify-content: center; }
            .photo-gallery > ul.type3 > li figure .photo .tag.color2 {
              background-color: #376b86; }
          .photo-gallery > ul.type3 > li figure .photo img {
            width: 100%; }
        .photo-gallery > ul.type3 > li figure figcaption .title {
          border-bottom: 1px solid #ddd;
          padding: 10px 0;
          position: relative; }
          .photo-gallery > ul.type3 > li figure figcaption .title strong {
            width: calc(100% - 100px);
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: middle; }
          .photo-gallery > ul.type3 > li figure figcaption .title .btn {
            border-radius: 20px;
            padding: 5px 10px;
            position: absolute;
            top: 6px;
            right: 0; }
            .photo-gallery > ul.type3 > li figure figcaption .title .btn i {
              color: #383785;
              font-size: 13px; }
    .photo-gallery > ul.type3::after {
      content: "";
      clear: both;
      display: block; }

.rules {
  margin: 5.5rem 0; }
  .rules .box {
    border: 5px solid #f3f3f3;
    overflow: hidden;
    margin-bottom: 60px;
    letter-spacing: -.05em; }
    .rules .box strong {
      display: block;
      background: url("../../images/gcn/sub/i_rules_box.gif") 0 0 no-repeat;
      padding-left: 130px;
      height: 106px;
      line-height: 106px;
      font-size: 1.25rem;
      color: #000; }
    .rules .box .strong {
      display: block;
      color: #000;
      margin-top: 20px;
      margin-bottom: 10px;
      font-weight: 700; }
      .rules .box .strong em {
        color: #3b3786; }
    .rules .box p, .rules .box .cts {
      padding-top: 30px;
      display: flex;
      align-items: center;
      min-height: 70px; }
    .rules .box.email strong {
      background-image: url("../../images/gcn/sub/i_rules_box2.gif"); }
    .rules .box.email p {
      padding-top: 10px; }
    .rules .box.pw strong {
      background-image: url("../../images/gcn/sub/i_rules_box3.gif"); }
    .rules .box.signup strong {
      background-image: url("../../images/gcn/sub/i_rules_box4.gif"); }
    .rules .box.out strong {
      background-image: url("../../images/gcn/sub/i_rules_box5.gif"); }
    .rules .box.info strong {
      background-image: url("../../images/gcn/sub/i_rules_box6.gif"); }
    .rules .box.info .caution {
      display: block; }
    .rules .box.info .info-list {
      margin-bottom: 30px; }
      .rules .box.info .info-list > li {
        margin-bottom: 4px; }
        .rules .box.info .info-list > li em {
          display: inline-block;
          width: 132px;
          border: 1px solid #ddd;
          border-radius: 20px;
          font-size: .8rem;
          color: #000;
          text-align: center;
          margin-right: 20px; }

@media screen and (min-width:1px) and (max-width:678px) {
	.rules .box strong {
		background-size:65px;
		padding-left:90px;
		height:65px;
		line-height:65px;
	    font-size: 18px;

	}
}
.login .row {
  margin-left: -.4rem !important;
  margin-right: -.4rem !important;
  padding: 15px 0; }
  .login .row:nth-of-type(2) {
    border-top: 1px dashed #ddd;
    border-bottom: 1px solid #ddd; }
.login [class^="col"] {
  padding-left: .4rem !important;
  padding-right: .4rem !important; }
.login .container {
  width: 620px;
  margin: 150px auto; }
.login .top {
  border: 1px solid #ddd;
  background-color: #fbfbfb;
  padding: 2.5rem 5rem; }
.login h1 {
  text-align: center;
  font-size: 1.8rem;
  color: #333;
  font-weight: 700;
  margin-bottom: 10px; }
.login p.desc {
  font-size: .8rem;
  color: #767676;
  margin-bottom: 10px;
  text-align: center; }
.login .form-control {
  height: 50px;
  margin-bottom: 5px; }
.login input[type="text"],
.login input[type="password"] {
  font-family: 'dotum'; }
.login .btn {
  width: 100%;
  font-size: .7rem; }
  .login .btn.type1 {
    background-color: #00c840;
    border-color: #00c840;
    color: #fff; }
  .login .btn.type2 {
    background-color: #30589b;
    border-color: #30589b;
    color: #fff; }
  .login .btn.type3 {
    background-color: #ffe41f;
    border-color: #ffe41f; }
.login .sign-up {
  background-color: #000;
  color: #fff;
  border-color: #000;
  height: 50px;
  padding-top: 12px;
  margin-top: 20px;
  font-size: .8rem; }
.login .bot {
  border: 1px solid #ddd;
  border-top: none;
  padding: 1rem; }

.person-list {
  border-top: 1px solid #000; }
  .person-list > li .inner h2.title {
    color: #3b3786;
    font-size: 1rem; }
  .person-list > li .inner .ar-title {
    display: block;
    font-size: 1rem;
    color: #000;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    position: relative; }
    .person-list > li .inner .ar-title::before {
      content: "\e946";
      font-family: 'xeicon';
      font-size: 30px;
      color: #6f6f6f;
      position: absolute;
      top: 5px;
      right: 30px;
      font-weight: 300; }
    .person-list > li .inner .ar-title .bullet {
      padding-left: 40px;
      position: relative; }
      .person-list > li .inner .ar-title .bullet::after {
        content: "";
        width: 15px;
        height: 3px;
        background-color: #3b3786;
        position: absolute;
        top: 15px;
        left: 15px; }
    .person-list > li .inner .ar-title span {
      display: inline-block;
      width: 202px;
      height: 32px;
      border: 1px solid #ddd;
      border-radius: 20px;
      text-align: center;
      font-size: .8rem;
      color: #3c3886;
      font-weight: 700;
      line-height: 32px;
      margin-right: 20px; }
    .person-list > li .inner .ar-title.bar {
      padding-left: 40px;
      position: relative; }
      .person-list > li .inner .ar-title.bar::after {
        content: "";
        width: 15px;
        height: 3px;
        background-color: #3b3786;
        position: absolute;
        top: 28px;
        left: 15px; }
  .person-list > li .inner .row {
    margin-top: 10px; }
    .person-list > li .inner .row img {
      width: 100%; }
  .person-list > li .inner .cts {
    display: none;
    background-color: #fafafa;
    padding: 30px;
    border-bottom: 1px solid #ddd; }
    .person-list > li .inner .cts .gallery-title {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 20px; }

	.person-list > li .inner .cts .table-wrap {
		overflow:auto;
	}
    .person-list > li .inner .cts table {
		min-width:600px;
      text-align: center; }
      .person-list > li .inner .cts table tbody td {
        background: none; }
  .person-list > li.active .inner .ar-title::before {
    content: "\e943"; }
  .person-list > li.active .inner .cts {
    display: block; }
    .person-list > li.active .inner .cts p {
      margin-top: 30px; }
      .person-list > li.active .inner .cts p:first-of-type {
        margin-top: 0; }
  .person-list.faq > li .inner .ar-title {
    position: relative;
    padding-left: 100px; }
    .person-list.faq > li .inner .ar-title::after {
      content: "Q";
      color: #000;
      font-size: 1.5rem;
      position: absolute;
      top: 5px;
      left: 40px;
      font-weight: 700; }
  .person-list.faq > li .inner .cts {
    padding: 30px 100px;
    position: relative; }
    .person-list.faq > li .inner .cts::before {
      content: "A";
      color: #8c8c8c;
      font-size: 1.5rem;
      position: absolute;
      top: 20px;
      left: 40px;
      font-weight: 700; }

.choose-list > li .box {
  border: 1px solid #ddd;
  text-align: center;
  min-height: 340px;
  transition: all .3s; }
  .choose-list > li .box em {
    display: block;
    font-size: 20px;
    color: #222;
    margin-bottom: 30px;
    padding-top: 140px;
    background: url("../../images/gcn/sub/i_choose1.png") center 60px no-repeat; }
  .choose-list > li .box span {
    display: block;
    margin-bottom: 30px;
	min-height:128px;
	}

	@media screen and (max-width: 768px) and (min-width: 1px) {
	.choose-list > li .box span {min-height:30px;}
	}

  .choose-list > li .box .btn {
    border-color: #3b3786;
    background-color: #3b3786;
    color: #fff;
    border-radius: 20px;
    width: 150px;
    margin-bottom: 30px; }
.choose-list > li:hover .box {
  background-color: #fafafa;
  border-color: #3b3786; }
/* .choose-list > li:nth-child(1) .box em {
  background-image: url("../../images/gcn/sub/i_choose1.png"); } */
.choose-list > li:nth-child(1) .box em {
  background-image: url("../../images/gcn/sub/i_choose2.png"); }
.choose-list > li:nth-child(2) .box em {
  background-image: url("../../images/gcn/sub/i_choose3.png"); }
.choose-list > li:nth-child(3) .box em {
  background-image: url("../../images/gcn/sub/i_choose4.png"); }

.step-list {
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 30px; }

.scroll-area {
  border: 1px solid #ddd;
  padding: 40px;
  height: 274px;
  overflow: auto;
  margin-bottom: 5px; }

.scroll-area:focus {
	border:2px solid black
}
.complete-box {
  border: 1px solid #ddd;
  text-align: center;
  padding: 60px 50px; }
  .complete-box em,
  .complete-box .desc {
    display: block; }
  .complete-box em {
    padding-top: 110px;
    background: url("../../images/gcn/sub/i_complete.png") center top no-repeat;
    font-size: 1rem;
    color: #000;
    margin-bottom: 20px; }

.inner-box {
  text-align: left;
  background-color: #f9f9f9;
  padding: 40px; }
  .inner-box h3:first-of-type {
    margin-top: 0; }

/* 캘린더 */
.m_schedule {
  position: relative; }

.month_num {
  text-align: center;
  font-size: 2.5rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
  top: 25px; }

.btn_prev_m {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -180px;
  color: #bbb;
  font-size: 50px; }

.btn_prev_m:focus i {
	border:1px solid gold;
}
.btn_next_m {
  position: absolute;
  top: 30px;
  right: 50%;
  margin-right: -180px;
  color: #bbb;
  font-size: 50px; }

.btn_next_m:focus i {
	border:1px solid gold;
}
.tb_schedule {
  position: relative; }
  .tb_schedule::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #313c4c;
    height: 1px; }
  .tb_schedule thead th {
    background-color: #f9f9f9;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 14px 0; }
    .tb_schedule thead th:first-child {
      border-left: 0; }
    .tb_schedule thead th.sun {
      color: #cd2525; }
    .tb_schedule thead th:last-child {
      color: #517bd8; }
  .tb_schedule tbody td {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 0;
    vertical-align: top;
    padding: 15px 0;
    height: 140px; }
    .tb_schedule tbody td p {
      padding: 0 15px; }
      .tb_schedule tbody td p > a {
        font-size: .7rem; }
	.tb_schedule tbody td p > a:focus {text-decoration:underline;}
    .tb_schedule tbody td:first-child {
      border-left: 0; }
      .tb_schedule tbody td:first-child .day {
        color: #cd2525; }
    .tb_schedule tbody td.sun p {
      color: #cd2525; }
      .tb_schedule tbody td.sun p:last-of-type {
        position: absolute;
        top: 15px;
        left: 25px; }

/* 오시는길 */
.locate {
  padding: 4rem 0; }

.locate-desc {
  overflow: hidden;
  border-top: 1px solid #ddd;
  padding: 40px 0; }
  .locate-desc:first-of-type {
    border-color: #000; }
  .locate-desc .thumb {
    width: 230px;
    float: left; }
  .locate-desc .context {
    width: calc(100% - 260px);
    float: right;
    position: relative; }
    .locate-desc .context .title {
      color: #000;
      font-size: 1.3rem;
      display: block;
      margin-bottom: 20px; }
    .locate-desc .context > ul > li {
      font-size: .9rem;
      color: #767676; }
      .locate-desc .context > ul > li span {
        font-size: .9rem;
        color: #000;
        width: 130px;
        display: inline-block;
        position: relative; }
        .locate-desc .context > ul > li span::after {
          position: absolute;
          top: 5px;
          right: 20px;
          content: "";
          width: 1px;
          height: 15px;
          background-color: #d7d7d7; }
    .locate-desc .context .btn {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 180px;
      height: 50px;
      color: #fff;
      background-color: #000;
      border-color: #000;
      font-size: .9rem;
      padding: 12px 24px;
      text-align: left; }
      .locate-desc .context .btn::after {
        content: "\e946";
        color: #fff;
        font-family: 'xeicon';
        position: absolute;
        top: 10px;
        right: 20px; }
      .locate-desc .context .btn.open::after {
        content: "\e943"; }

.locate-cts {
  display: none;
  padding-bottom: 30px; }

.total-search {
  margin: 5rem 0;
  padding-top: 80px; }
  .total-search .box {
    text-align: center;
    border: 5px solid #f3f3f3; }
    .total-search .box strong {
      font-size: 1.25rem;
      color: #000;
      font-weight: 700;
      vertical-align: middle;
      padding-right: 10px; }
    .total-search .box .form-control {
      width: inherit;
      width: 450px; }
    .total-search .box .btn {
      width: 170px;
      background-color: #3b3786;
      border-color: #3b3786;
      color: #fff; }
  .total-search h2.title em {
    color: #bd0000; }
.total-search{margin-top:0;}
.result {
  border: 1px dashed #999;
  background-color: #fcfcfc;
  text-align: center;
  padding: 40px 15px;
  font-size: .9rem; }
  .result mark {
    background: none;
    color: #3b3786; }
  .result strong {
    color: #bd0000; }

.result-list {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd; }
  .result-list .empty {
    text-align: center;
    padding: 30px 15px; }
  .result-list .list {
    margin-bottom: 0; }
    .result-list .list > li {
      border-bottom: 1px solid #ddd; }
      .result-list .list > li > a {
        display: block;
        font-size: 1rem;
        color: #000;
        padding: 30px 0; }
      .result-list .list > li:last-child {
        border-bottom: 0; }
    .result-list .list.detail strong {
      display: block;
      font-size: 1rem;
      color: #000;
      margin-bottom: 10px; }
    .result-list .list.detail .desc {
      font-size: .8rem;
      color: #767676; }
    .result-list .list.detail .path span {
      color: #767676;
      font-size: .75rem;
      display: inline-block;
      position: relative;
      padding-right: 20px; }
      .result-list .list.detail .path span::before {
        content: "\e93f";
        font-family: 'xeicon';
        position: absolute;
        top: 0;
        right: 0;
        color: #767676;
        font-size: 15px; }
      .result-list .list.detail .path span:first-of-type {
        color: #35437f; }
      .result-list .list.detail .path span:last-of-type::before {
        display: none; }
  .result-list .more {
    display: block;
    text-align: center;
    background-color: #f9f9f9;
    padding: 15px;
    border-top: 1px solid #ddd; }
    .result-list .more i {
      font-weight: 700;
      font-size: 11px;
      color: #000; }
  .result-list .photo-gallery > ul.type2 {
    border-bottom: none; }

.row + .img-responsive {
  margin-top: 4rem; }

.popup-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 80; }
  .popup-area .container {
    width: 756px;
    min-height: 590px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
    .popup-area .container strong {
      display: block;
      background-color: #3b3786;
      color: #fff;
      padding: 16px 30px;
      font-size: .9rem; }
    .popup-area .container .inner {
      padding: 30px; }
    .popup-area .container .inner-top {
      margin-bottom: 14px; }
      .popup-area .container .inner-top select {
        width: 20%;
        display: inline-block;
        vertical-align: middle; }
      .popup-area .container .inner-top input[type="text"] {
        width: 58%;
        display: inline-block;
        vertical-align: middle; }
      .popup-area .container .inner-top .btn {
        width: 20%;
        display: inline-block;
        vertical-align: middle;
        background-color: #3b3786;
        border-color: #3b3786;
        color: #fff;
        font-size: .9rem; }
    .popup-area .container .inner-cts {
      background-color: #f9f9f9;
      padding: 35px 15px;
      height: 410px;
      overflow: auto; }
    .popup-area .container .close {
      font-size: 18px;
      color: #fff;
      position: absolute;
      top: 15px;
	  left:unset;
	  text-align:center;
      right: 30px; }
    .popup-area .container .close:focus {background-color:#444}

.window-popup {
  position: relative; }
  .window-popup strong {
    display: block;
    background-color: #3b3786;
    color: #fff;
    padding: 16px 30px;
    font-size: .9rem; }
  .window-popup .inner {
    padding: 30px; }
  .window-popup .inner-top {
    margin-bottom: 14px; }
    .window-popup .inner-top select {
      width: 20%;
      display: inline-block;
      vertical-align: middle; }
    .window-popup .inner-top input[type="text"] {
      width: 58%;
      display: inline-block;
      vertical-align: middle; }
    .window-popup .inner-top .btn {
      width: 20%;
      display: inline-block;
      vertical-align: middle;
      background-color: #3b3786;
      border-color: #3b3786;
      color: #fff;
      font-size: .9rem; }
  .window-popup .inner-cts {
    background-color: #f9f9f9;
    padding: 35px 15px;
    height: 410px;
    overflow: auto; }
  .window-popup .close {
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 30px; }

.place-list > li {
  padding: 1.4rem 0;
  border-bottom: 1px dashed #ddd; }
  .place-list > li figure {
    overflow: hidden; }
    .place-list > li figure .thumb {
      width: 112px;
      height: 112px;
      float: left; }
    .place-list > li figure figcaption {
      float: right;
      width: calc(100% - 140px); }
      .place-list > li figure figcaption strong {
        color: #000;
        font-size: 1.25rem;
        color: #000;
        display: block;
        font-weight: 700;
        margin-bottom: 5px; }
  .place-list > li:nth-child(3), .place-list > li:nth-child(4) {
    border-bottom: 0; }

.west-box {
  text-align: center;
  background-color: #fff;
  margin-top: 4rem; }
  .west-box strong {
    display: block;
    background-color: #808091;
    color: #fff;
    padding: 10px 15px; }
  .west-box p {
    padding: 20px;
    min-height: 90px; }

.place-list2 {
  margin: -15px; }
  .place-list2 > li {
    width: 33.3333%;
    float: left; }
    .place-list2 > li .box {
      background-color: #fff;
      border: none;
      margin: 15px;
      padding: 0; }
    .place-list2 > li .photo {
      background-color: #dfdfdf;
      height: 147px; }
      .place-list2 > li .photo img {
        width: 100%; }
    .place-list2 > li .photo-desc {
      padding: 30px 30px 30px 110px;
      position: relative;
      min-height: 115px; }
      .place-list2 > li .photo-desc em {
        position: absolute;
        top: 20px;
        left: 35px;
        font-size: 35px;
        color: #000;
        font-weight: 700; }
      .place-list2 > li .photo-desc strong {
        color: #000;
        display: block;
        margin-bottom: 5px;
        font-weight: 700; }

.box strong.title {
  width: 134px;
  height: 134px;
  display: block;
  border-radius: 50%;
  text-align: center;
  font-size: .9rem;
  margin: 0 auto;
  background: #fff url("../../images/gcn/sub/i_target.gif") center 20px no-repeat;
  padding-top: 85px; }

.pic-detail-info {
  padding: 40px 0;
  overflow: hidden; }
  .pic-detail-info .list > li {
    margin-top: 10px; }

.equipment-option {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  padding: 12px; }
  .equipment-option .equip-list {
    overflow: hidden; }
    .equipment-option .equip-list > li {
      text-align: center;
      width: 20%;
      float: left; }
      .equipment-option .equip-list > li .group {
        margin: 12px; }
      .equipment-option .equip-list > li .thumb {
        border: 1px solid #ddd;
        background-color: #fff;
        min-height: 150px;
        overflow: hidden;
        margin-bottom: 5px; }

.equipment-option + .title + .table-wrap.scroll + .title + .table-wrap td.tLeft {vertical-align:top;}

.open-info {
  padding-top: 4.5rem; }
  .open-info .box {
    margin-bottom: 0;
    padding: 2.5rem 4rem 2.5rem 12rem;
    position: relative;
    min-height: 220px;
    background: url("../../images/gcn/sub/i_openinfo1.gif") 4rem 2.5rem no-repeat; }
    .open-info .box strong {
      color: #000;
      font-size: 1.25rem;
      display: block;
      margin-bottom: 10px; }
    .open-info .box + .box {
      margin-top: -1px; }
    .open-info .box .list {
      margin-left: -15px; }
    .open-info .box .link {
      position: absolute;
      top: 2.5rem;
      right: 4rem;
      width: 254px; }
      .open-info .box .link .btn {
        background-color: #000;
        border-radius: 20px;
        color: #fff;
        width: 100%;
        border: none; }
        .open-info .box .link .btn + .btn {
          margin-top: 10px; }
    .open-info .box + .box {
      background-image: url("../../images/gcn/sub/i_openinfo2.gif"); }

.clip-connect {
  border-top: 2px solid #3b3786; }
  .clip-connect [class^="col"] {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 380px;
    padding: 30px;
    background: url("../../images/gcn/sub/i_clip1.gif") center 50px no-repeat; }
    .clip-connect [class^="col"]:nth-of-type(2) {
      background-image: url("../../images/gcn/sub/i_clip2.gif"); }
    .clip-connect [class^="col"]:nth-of-type(3) {
      background-image: url("../../images/gcn/sub/i_clip3.gif");
      border-right: 1px solid #ddd; }
  .clip-connect .title {
    text-align: center;
    color: #3b3786;
    font-size: 1rem;
    display: block;
    padding-top: 120px;
    font-weight: 700;
    margin-bottom: 20px; }

.news-box {
  overflow: hidden;
  border: 5px solid #f3f3f3;
  padding: 30px 50px;
  margin: 4.5rem 0;
  line-height: 106px; }
  .news-box .title {
    float: left;
    font-size: 1.25rem;
    padding-left: 150px;
    padding-right: 60px;
    background: url("../../images/gcn/sub/i_newsletter.gif") 0 0 no-repeat;
    color: #000;
    height: 106px; }
  .news-box .desc {
    float: left;
    font-size: .8rem;
    color: #767676; }
  .news-box .btn {
    float: right;
    background-color: #000;
    border-radius: 30px;
    color: #fff;
    width: 210px;
    height: 50px;
    line-height: 2;
    margin-top: 25px; }

.newsRoom-newest-wrap {
  padding: 4.5rem 0;
  background: #f9f9f9; }

.newsRoom-newest-wrap .newestNews .photo img {
  width: 650px;
  height: 450px; }

.newsRoom-newest-wrap + .container {
  min-height: 1000px; }

.newsRoom-lst {
  margin: 0 -.9rem; }
  .newsRoom-lst:after {
    clear: both;
    display: block;
    content: ""; }
  .newsRoom-lst > li {
    float: left;
    width: 25%;
    padding: 0 .9rem 3rem; }
  .newsRoom-lst + .btns {
    margin: 0; }
    .newsRoom-lst + .btns > .btn {
      border-radius: 0;
      background: #000;
      border-color: #000;
      width: 250px; }
      .newsRoom-lst + .btns > .btn:hover {
        color: #fff; }
  .newsRoom-lst.newest {
    width: 400%;
    margin: 0; }
    .newsRoom-lst.newest > li {
      width: 25%;
      padding: 0; }

.newestNews:after {
  clear: both;
  display: block;
  content: ""; }
.newestNews a {
  display: block; }
  .newestNews a:after {
    clear: both;
    display: block;
    content: ""; }
.newestNews .photo {
  position: relative;
  overflow: hidden; }
  .newestNews .photo img {
    width: 298px;
    height: 298px; }
  .newestNews .photo > .more {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(59, 55, 134, 0.7);
    transition: all .3s ease;
    -webkit-transition: all .3s ease; }
    .newestNews .photo > .more > i[class*="xi-"] {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 1.5rem;
      line-height: 1.5rem;
      color: #fff;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
  .newestNews .photo:hover > .more {
    top: 0; }
.newestNews .caption {
  padding: .9rem 0 1.9rem;
  border-bottom: 1px solid #ddd;
  min-height: 164px; }
  .newestNews .caption .cate, .newestNews .caption .desc, .newestNews .caption .date, .newestNews .caption .view, .newestNews .caption .sns, .newestNews .caption .tags {
    float: left;
    font-size: 0.75rem;
    line-height: 1.25rem; }
  .newestNews .caption .cate {
    color: transparent; }
    .newestNews .caption .cate.opin {
      color: #99325f; }
    .newestNews .caption .cate.fb {
      color: #214485; }
    .newestNews .caption .cate.pr {
      color: #000; }
    .newestNews .caption .cate.data {
      color: #aa6c23; }
    .newestNews .caption .cate.youtb {
      color: #c40000; }
    .newestNews .caption .cate.letter {
      color: #2d8bad; }
    .newestNews .caption .cate.blog {
      color: #1a8c00; }
    .newestNews .caption .cate.story {
      color: #7923aa; }
  .newestNews .caption .date {
    position: relative;
    padding-left: 0.4rem;
    margin-left: 0.4rem;
    color: #767676; }
    .newestNews .caption .date:after {
      position: absolute;
      top: 8px;
      left: 0;
      width: 1px;
      height: 9px;
      background: #ddd;
      content: ""; }
    .newestNews .caption .date > i[class*="xi-"] {
      line-height: 1.25rem; }
  .newestNews .caption .title {
    float: left;
    width: 100%;
    padding: 1rem 0 .5rem;
    font-size: 0.8rem;
    line-height: 1.25rem;
    color: #555;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .newestNews .caption .desc {
    width: 100%;
    word-break: keep-all; }
  .newestNews .caption .sns {
    display: block;
    float: none; }
    .newestNews .caption .sns:after {
      clear: both;
      display: block;
      content: ""; }
    .newestNews .caption .sns > a {
      float: left;
      width: 1.25rem;
      line-height: 1.25rem;
      color: #b8b8b8;
      text-align: center; }
      .newestNews .caption .sns > a.fb:hover {
        color: #3b5a9a; }
      .newestNews .caption .sns > a.tt:hover {
        color: #2aade3; }
      .newestNews .caption .sns > a.ks:hover {
        color: #f9bf14; }
  .newestNews .caption .tags {
    width: 100%;
    margin: 1.5rem 0 0;
    color: #666; }
    .newestNews .caption .tags > span {
      float: left;
      padding: 2px .7rem;
      border: 1px solid #ddd;
      border-radius: 1.55rem; }
      .newestNews .caption .tags > span + span {
        margin-left: .4rem; }

.newsRoom-newest {
  overflow: hidden;
  position: relative; }
  .newsRoom-newest .bx-pager {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: 95px;
    font-size: 18px;
    color: #000;
    letter-spacing: -.05em; }
  .newsRoom-newest .bx-controls-direction {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px; }
    .newsRoom-newest .bx-controls-direction > a {
      width: 60px;
      height: 60px;
      display: inline-block;
      background-color: #000;
      color: #fff;
      text-align: center;
      font-size: 0;
      line-height: 0;
      position: relative; }
      .newsRoom-newest .bx-controls-direction > a::after {
        content: "\e93b";
        font-family: 'xeicon';
        font-size: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .newsRoom-newest .bx-controls-direction > a.bx-next {
        border-left: 1px solid #fff; }
        .newsRoom-newest .bx-controls-direction > a.bx-next::after {
          content: "\e93e"; }
  .newsRoom-newest .newestNews {
    margin: 0 -.75rem; }
  .newsRoom-newest .caption {
    padding: 0 .75rem 0 3.25rem;
    border-bottom: 0 none; }
    .newsRoom-newest .caption:after {
      clear: both;
      display: block;
      content: ""; }
    .newsRoom-newest .caption > a {
      float: left;
      width: 100%; }
    .newsRoom-newest .caption .cate {
      font-size: 1rem;
      line-height: 1.25rem; }
    .newsRoom-newest .caption .title {
      padding: 1.25rem 0 1.5rem;
      font-size: 1.5rem;
      line-height: 2rem;
      color: #000;
      letter-spacing: -0.05rem; }
    .newsRoom-newest .caption .desc {
      margin: 0 0 1.5rem;
      font-size: 0.9rem;
      line-height: 1.5rem;
      color: #555;
      letter-spacing: -0.0375rem; }
    .newsRoom-newest .caption .date, .newsRoom-newest .caption .view {
      font-size: 0.8rem;
      line-height: 1.5rem;
      color: #767676; }
    .newsRoom-newest .caption .date {
      padding: 0 .75rem 0 0;
      margin: 0; }
      .newsRoom-newest .caption .date:after {
        display: none; }
    .newsRoom-newest .caption .sns {
      float: right;
      font-size: 0.9rem;
      line-height: 1.5rem; }
      .newsRoom-newest .caption .sns > a {
        line-height: 1.5rem; }
  .newsRoom-newest .more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 17.5rem; }
    .newsRoom-newest .more > a {
      display: block;
      width: 7.25rem;
      height: 2.5rem;
      padding: 0.45rem 0;
      border: 1px solid #000;
      font-size: 0.8rem;
      line-height: 1.5rem;
      color: #000;
      text-align: center; }
    .newsRoom-newest .more:after {
      position: absolute;
      bottom: 50%;
      left: 0;
      width: calc(100% - 7.75rem);
      height: 1px;
      background: #ddd;
      content: ""; }

.zoom-in {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000; }

.circle-list3 {
  text-align: center; }
  .circle-list3 > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 50px;
    position: relative; }
    .circle-list3 > li::before {
      content: "";
      width: 26px;
      height: 6px;
      background: url("../../images/gcn/sub/i_dots.gif") 0 0 no-repeat;
      position: absolute;
      top: 50%;
      left: -65px;
      margin-top: -3px; }
    .circle-list3 > li:first-child::before {
      display: none; }
    .circle-list3 > li:nth-child(2) .shape strong {
      color: #375886; }
    .circle-list3 > li:nth-child(3) .shape strong {
      color: #4d3786; }
    .circle-list3 > li .shape {
      width: 192px;
      height: 192px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 50%;
      text-align: center;
      padding-top: 40px;
      font-size: 1rem;
      color: #222; }
      .circle-list3 > li .shape strong {
        color: #376b86;
        font-size: 2.25rem;
        font-weight: 700;
        letter-spacing: -.05em; }
      .circle-list3 > li .shape p {
        font-size: .8rem;
        color: #666; }
    .circle-list3 > li small {
      font-size: .7rem;
      color: #888; }

.place-list3 > li .wrap {
  background-color: #fff;
  text-align: center;
  padding: 30px 0; }
.place-list3 > li p {
  margin-top: 15px; }

.place-list3.type1 {margin-top: 5.8rem;}
.place-list3.type1 > li .wrap {position: relative; border: 1px solid #ddd; word-break: keep-all;}
.place-list3.type1 .title {position: absolute; left: 50%; top: -1.75rem; width: 3.5rem; height: 3.5rem; margin-left: -1.75rem; border-radius: 100%; background-color: #000; font-size: 1rem; font-weight: bold; color: #fff; text-align: center; line-height: 3.5rem;}
.place-list3.type1 .title.type1 {padding-top: 0.75rem; background-color: #3b3786; font-size: 0.75rem; font-weight: 400; line-height: 1.2;}

.area.clearfix {
  background-color: #fff; }
  .area.clearfix .row + .row {
    margin-top: 3rem; }

.area.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.pic-detail-info .list.dot > li strong {
  width: 38%; }

.detail-reservation .product {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; }

.point-manage .box {
  height: 280px;
  padding: 40px; }
  .point-manage .box + .box {
    margin-left: -1px; }
  .point-manage .box .status {
    font-size: .8rem;
    color: #626262;
    margin-bottom: 1rem; }
    .point-manage .box .status strong {
      color: #000;
      font-weight: 700; }
    .point-manage .box .status em {
      color: #3eb1fa; }
  .point-manage .box .point-list > li {
    border-top: 1px dashed #ddd; }
    .point-manage .box .point-list > li:first-child {
      border-top: 0; }
    .point-manage .box .point-list > li strong {
      color: #424242;
      vertical-align: middle;
      display: inline-block;
      width: 100px; }
    .point-manage .box .point-list > li span {
      font-size: 1rem;
      color: #afb5bb;
      vertical-align: middle;
      padding-left: 38px;
      display: inline-block;
      background: url("../../images/gcn/sub/bg_leaf.gif") left center no-repeat; }
      .point-manage .box .point-list > li span em {
        font-size: 1.8rem;
        color: #424242;
        font-weight: 700;
        vertical-align: middle; }
  .point-manage .box .list > li {
    font-size: .8rem;
    color: #767676; }

.box.bg.row {
  padding: 3rem; }

@media (max-width: 1300px) {
  .locate-desc .context .btn {
    bottom: 80px; }

  .recruit-list > li br {
    display: none; } }
@media (max-width: 1024px) {
  .organization .row::before {
    
	}

  .process-box {
    height: inherit; }

  .process-box > div {
    border-right: 0;
    border-bottom: 1px solid #ddd; }

  .process-box > div::after {
    top: inherit;
    left: 50%;
    margin-top: 0;
    bottom: -25px;
    transform: translateX(-50%);
    right: inherit; }

  .locate-desc .context .btn {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 30px; }

  .locate {
    padding-left: 15px;
    padding-right: 15px; }

  .locate .horizontal h2.title {
    width: 100%; }

.g-start .box-list.type5 {width: 100%; margin-bottom: -4rem;}
.g-start .box-list.type5 > li {float: none; width: 100%; margin-bottom: 4rem;}
.g-start .box-list.type5.col3 > li {width: 100%;} /* 200325 */
.g-start .box-list.type5 > li::after {right: 0; top: auto; bottom: -2.5rem; width: 100%; content: ''; text-indent: 1rem; line-height: 2.5rem;}
.g-start .box-list.type5 > li .box {height: auto;}

}

@media (max-width: 991px) {
  .organization .row h3,
  .organization .row h3 + ul {
    width: 100%; }
    .greeting .welcome .col-md-5 img {top: 0;}

.icon-box.type1 .box {padding: 1.5rem;}

.place-list3.type1 {margin-top: 0;}
.place-list3.type1 > li {margin-top: 2.5rem;}

    }
@media (max-width: 767px) {
  .tabs > ul.equal > li > a.active {
    position: relative; }

  .tabs > ul.equal > li > a.active::after {
    content: "\e913";
    font-family: 'xeicon';
    position: absolute;
    top: 0;
    right: 20px; }

  .horizontal h2.title {
    width: 100%;
    padding-top: 1rem; }

  .horizontal h2.title br {
    display: none; }

  .place figure figcaption {
    margin-bottom: 1rem; }
  

  .photo-area .bg img {
    width: 100%; }

  .photo-area .bg .message {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 15px; }

  .photo-area .bg .message br {
    display: none; }

  .photo-area .bg .message em {
    margin-top: 0; }

  .photo-area .bg .message strong {
    margin-bottom: 0; }

  .photo-area .recruit-list.bg {
    height: inherit;
    margin-top: 0; }

  .recruit-list {
    margin-top: 0; }

  .recruit-list > li {
    border-right: 0;
    padding: 0; }

  .recruit-list > li br {
    display: none; }

  .photo-area .recruit-list.bg > li {
    height: 340px;
    border-right: 0;
    padding: 0; }

  .photo-area .recruit-list > li .title::after {
    top: 33px; }

  .photo-area .sentence.auto {
    width: 90%;
    margin-top: 0; }

  .photo-area .sentence {
    width: 90%;
    padding-top: .5rem;
    margin-top: -100px;
    padding-left: 15px;
    padding-right: 15px; }

  .history .title {
    padding: 40px 30px; }

  .history .history-list > li.active > a::before {
    display: none; }

  .history .title br {
    display: none; }

  .history .history-list > li strong {
    font-size: 1rem; }

  .history .history-list > li,
  .history .history-list > li.active {
    width: 33.333%; }

  .history .history-list > li.active .detail-list {
    width: 100%; }

  .history .history-list > li.active strong {
    padding-top: 0;
    font-size: 1rem; }

  .history .history-list > li.active strong::before,
  .history .history-list > li.active strong::after {
    display: none; }

  .history .history-list {
    margin-top: 49px; }

  .history .history-list > li .detail-list {
    top: 120px; }

  .history .history-list > li .detail-list > li {
    padding: 0 22px; }

  .history .history-list > li .detail-list > li:nth-child(even) {
    padding: 0 22px; }

  .count > div .box {
    background-position: 90% center; }

  .tabs {
    padding-right: .75rem;
    padding-left: .75rem; }

  .tabs > ul > li {
    display: block !important; }

  .process-list {
    padding: 0; }

  .process-list > li {
    display: flex;
    height: 154px;
    justify-content: center;
    align-items: center;
    margin: 1rem 0; }

  .list.dash > li {
    padding-left: 15px; }

  .list.dash > li::before {
    left: 0px; }

  .arrow strong {
    width: 95%;
    padding: 20px 30px; }

  .arrow .desc {
    padding-left: .75rem;
    padding-right: .75rem; }

  .bg-full {
    padding: 2rem .75rem; }

  .bg-area {
    padding: 2rem .75rem; }

  .icon-box > div .box {
    padding: 15px; }

.icon-box.type1 .bg {width: 4rem; height: 4rem; line-height: 4rem;}
.icon-box.type1 .bg img {max-width: 60%;}
.icon-box.type1 .cont {display: block; height: auto; padding: 0;}
.icon-box.type1 .cont .title {display: block; width: auto; margin-bottom: 0.5rem; padding-left: 4.5rem; line-height: 4rem;}
.icon-box.type1 .cont .title + ul {display: block;}

  .mission .circle-list {
    width: 100%; }

  .mission .circle-list > li .shape {
    width: 100%;
    height: 172px; }

  .circle-list {
    margin-top: -25px; }

  .circle-list > li {
    margin-top: 25px; }

  .circle-list > li .shape {
    width: 152px;
    height: 152px;
    padding-top: 30px;
    border-radius: 0; }

  .circle-list > li::before {
    display: none; }

  .img-group {
    padding: 10px 0; }

  .img-group > div:first-of-type {
    margin-top: 0; }

  .img-group > div {
    margin-top: 10px; }

  .img-group > div::before {
    display: none; }

  .photo-area .sentence p br {
    display: none; }

  .g-start .row > div .box {
    padding-left: 100px;
    background-position: 20px center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit; }

  .g-start .box-list {
    margin-top: -50px; }

  .g-start .box-list > li {
    width: 50% !important;
    margin-top: 50px; }

  .g-start .box-list.type2 > li {
    display: block;
    float: left;
    width: 50%; }

  .g-start .box-list > li .box .txt br {
    display: none; }

  .area {
    padding: 2rem .75rem; }

  .g-start .box-list.type2 > li .box {
    height: 300px;
    padding: 30px 15px; }

  .exhibition > div {
    margin-bottom: 20px; }

  .photo .box {
    height: inherit;
    min-height: 206px; }

  .count > div .box {
    padding: 15px; }

  .hexagon-list > li .box .tag {
    left: 15px; }

  .hexagon-list > li .box {
    padding-left: 110px;
    background-position: 15px center; }

  .link-area > div .box {
    padding-left: 90px;
    height: inherit;
    background-position: 15px center;
    padding-top: 30px;
    padding-bottom: 30px; }

  .circle-list2 > li {
    padding-right: 0;
    text-align: left;
    padding-left: 110px;
    height: inherit;
    min-height: 90px; }

  .circle-list2 > li:nth-child(even) {
    padding-left: 110px; }

  .circle-list2 > li::before {
    width: 90px;
    height: 90px;
    right: inherit;
    left: 0;
    background-size: 50px; }

  .circle-list2 {
    margin-top: 30px; }

  .common-btn {
    width: 100%; }

  .greeting {
    padding-top: 0; }

  .greeting .welcome {
    background: linear-gradient(45deg, #d7eaf1 0%, #e6d7eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7eaf1', endColorstr='#e6d7eb',GradientType=1 ); }

  .greeting .welcome::before {
    display: none; }

  .greeting .welcome .message {
    padding-left: 0; }

  .greeting .welcome .message strong {
    font-size: 3rem; padding-top: 0.5rem;}
     .greeting .welcome .message span {letter-spacing: 0.5rem;}

  .greeting .welcome .desc {
    padding: 15px 0; }

  .greeting .welcome .desc br {
    display: none; }

  .greeting .welcome::before {
    height: 620px;
    width: 100%; }

  .sentence .finale p:first-of-type {
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    z-index: 10; }

  .sentence .finale p br {
    display: none; }

  .greeting .sentence p {
    margin-top: 10px; }

  .greeting.type2 .welcome {
    background: #fdffe1;
    background: -moz-linear-gradient(45deg, #fdffe1 0%, #e9fcff 100%);
    background: -webkit-linear-gradient(45deg, #fdffe1 0%, #e9fcff 100%);
    background: linear-gradient(45deg, #fdffe1 0%, #e9fcff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdffe1', endColorstr='#e9fcff',GradientType=1); }

  .greeting.type2 .sentence {
     padding-bottom: 55px; text-align: left;}
     .greeting.type2 .sentence p {max-width: 90%;}

  .organization {
	position: relative;
	height:auto;
	margin-left:20px;
	margin-right:20px;
	margin-top:0;
	padding-bottom:0;
  }
  .organization .row {
    padding-left: 0; }

  .organization .row::before {
    display: none; }

  .organization .h1 {
	position: relative;
	display: block;
	top:0;
	left:0;
	margin-left: 0;
    margin-bottom: 15px;
	width: 100%;
	border-radius: 10px;
	height:70px;
	line-height:70px;
	font-size:1.05rem;
}
	.organization .h1::after {
		display: none;
	}
  .organization .h2 {
    
    margin-bottom: 15px;
	display: block;
    left: 0;
    transform: translate(0 , 0);
    width: 100%;
    top: 0px; 
	margin-left:0;
	position: relative;
	border-radius: 10px;
	}

  .organization .h2.special {
    left: 0;
    transform: translate(0 , 0);
    width: 100%;
    top: 0px; 
	margin-left:0;
	position: relative;

	}

  .organization .h2.special::before {
    left: -20px;
	display: none;
    width: 20px; }

  .organization .h3.special {
	display: block;
	border-radius: 10px;
    left: 0;
    transform: translate(0 , 0);
    width: 100%;
    top: 0px; 
	margin-left:0;
	position: relative;
   }

  .organization .h3.special::after {
	display: none;
    }
  .organization .new-row {
	
	display: block;
    left: 0;
    transform: translate(0 , 0);
    width: 100%;
    top: 0px; 
	margin-left:0;
	position: relative;
  }
  .organization .h3n + ul {
	margin-top:0;
	margin-bottom:30px;
  }
  .organization .h3n::before {
	display: none;
  }
  .organization h4.special {
    width: calc(100% - 50px); }

  .organization h4.special > a {
    width: 100%; }

  /* .tabs > ul > li > a {
    max-height: 0;
    opacity: 0;
    visibility: hidden; } */

  .tabs > ul > li > a.active,
  .tabs > ul > li > a.show {
    max-height: 64px;
    opacity: 1;
    visibility: visible; }

  .box .qr-code {
    display: block;
    margin: 0 auto 20px; }

  .hexagon-list.type2 > li .tag-title {
    position: absolute;
    top: 20px;
    left: 0;
    width: 110px;
    overflow: hidden;
    padding: 90px 0 0 0;
    height: inherit;
    text-align: center;
    background-position: center top; }

  .hexagon-list.type2 > li .box {
    padding: 15px 15px 15px 110px; }

  .person-list > li .inner .cts {
    padding: 15px; }

  .g-start .box-list.type3 > li {
    width: 50%;
    display: block;
    float: left; }

  .g-start .box-list.type3 > li .box {
    padding: 15px; }

  .person-list > li .inner .ar-title {
    font-size: .8rem; }

  .person-list > li .inner .ar-title span {
    width: 50px;
    margin-right: 10px;
    margin-left: 10px; }

  .person-list > li .inner .ar-title::before {
    right: 15px; }

  .rules {
    margin: 2.75rem 0;
    padding-left: 15px;
    padding-right: 15px; }

  .rules .box {
    margin-bottom: 30px; }

  .rules .box.email p {
    height: inherit; }

  .box.big.info .col-md-9 {
    margin-top: 20px; }

  .box.big {
    padding: 15px; }

  .rules .box.info .info-list > li {
    overflow: hidden; }

  .rules .box.info .info-list > li em {
    width: 35%;
    float: left;
    margin-right: 0; }

  .rules .box.info .info-list > li span {
    width: 60%;
    display: inline-block;
    overflow: hidden;
    float: right; }

  .complete-box {
    padding: 60px 30px; }

  .btns .btn {
    width: 45%; }

  .rules .box p, .rules .box .cts {
    height: inherit; }

  .horizontal-list h2 {
    margin: 0 auto 40px; }

  .horizontal-list h2::before {
    display: none; }

  .horizontal-list .box,
  .horizontal-list:last-of-type .box {
    min-height: inherit; }

  .horizontal-list .title {
    height: inherit;
    padding: 20px 0; }

  .login {
    padding-left: 15px;
    padding-right: 15px; }

  .login .container {
    width: 100%;
    margin: 75px 0; }

  .login .top {
    padding: 2.5rem; }

  .scroll-area {
    padding: 15px; }

  .form-control {
    width: 100% !important;
    padding: 5px 10px !important; }

  .form-control.xl {
    width: inherit !important; }

  .form-control.md {
    width: 120px !important; }

  .form-control.sm {
    width: 77px !important; }

  .place-list > li:nth-child(3) {
    border-bottom: 1px dashed #ddd; }

  .person-list.faq > li .inner .cts {
    padding: 30px 30px 30px 100px; }

  .total-search {
    padding-left: 15px;
    padding-right: 15px; }

  .photo-gallery > ul.type2 > li {
    width: 100%; }

  .photo-gallery > ul.type2.video > li figure > a figcaption .title {
    padding: 0 15px; }

  .total-search .box {
    text-align: left; }

  .total-search .box .form-control {
    width: calc(100% - 86px) !important; }

  .total-search .box .btn {
    width: 100%;
    margin-top: 15px; }

  .locate-desc .thumb {
    width: 100%;
    float: inherit; }

  .locate-desc .context {
    width: 100%; }

  .person-list.faq > li .inner .ar-title {
    padding-left: 50px;
    padding-right: 60px; }

  .person-list.faq > li .inner .ar-title::after {
    left: 15px; }

  .person-list.faq > li .inner .cts {
    padding-left: 50px; }

  .person-list.faq > li .inner .cts::before {
    left: 15px; }

  .photo-gallery > ul.type2 > li figure > a .photo img {
    width: 100%;
    height: inherit; }

  .place-list2 > li {
    width: 100%; }

  .photo-gallery > ul.type3 > li {
    width: 100%; }

  .popup-area .container {
    width: 90%;
    min-height: inherit;
    height: 70vh;
    overflow: auto;
    transform: translate(0, 0);
    top: 10%;
    left: 5%; }

  .popup-area .container .inner-top .btn {
    width: 100%; }

  .equipment-option .equip-list > li {
    width: 100%; }

  .open-info .box {
    padding: 15px;
    min-height: inherit;
    background: none !important; }

  .open-info .box .link {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    margin-top: 15px; }

  .open-info .box .list {
    margin-left: 0; }

  .clip-connect [class^="col"] {
    border-right: 1px solid #ddd;
    height: inherit; }

  .news-box {
    padding: 15px;
    margin: 2rem 15px; }
    .news-box .title {
      width: 200px;
      margin: 0 auto 20px;
      display: block;
      padding-left: 120px;
      padding-right: 0;
      float: inherit; }
    .news-box .desc {
      width: 100%;
      height: inherit;
      line-height: 1;
      text-align: center; }
    .news-box .btn {
      width: 100%; }

  .recruit .title {
    background-size: 310px;
    background-position: right bottom;
    padding: 0 15px; }

  .recruit .recruit-box {
    padding: 50px 30px; }

  .point-manage .box {
    height: inherit;
    padding: 15px; }

  .composition-list.overlap {
    margin-top: 25px; }

  .composition-list > li strong {
    display: block;
    margin: 0 auto;
    line-height: 84px; }

  .composition-list > li .cont {
    display: block;
    margin-top: 10px;
    padding: 0 10px; }

  .composition-list.overlap > li {
    margin: 30px 0; }

  .circle-list3 > li {
    margin-top: 20px; }

  .circle-list3 > li::before {
    top: 0;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px; }

  .photo-gallery > ul > li figure > a .photo {
    margin-bottom: 20px; }

  .total-search {
    padding-top: 0; }

  .recruit .title2 {
    background-size: auto 50%;
    background-position: right bottom; }

  .recruit .title2 p br {
    display: none; }

  .list-style {
    margin-top: 10px; } }

/* 20181024 ㅈㅁㅈ */
.list1 {display:table; width:100%; margin-bottom:1rem; table-layout:fixed;}
.list1 li {float:left; width:20%; text-align:center;}
.list1 img {max-width:95%;}

.list2 {overflow:hidden; width:102%; margin:0 -1%; padding-bottom:4rem;}
.list2 li {float:left; width:33.333%; margin-bottom:2rem; text-align:center;}
.list2 li:nth-child(3n+1) {clear:both;}
.list2 img {max-width:95%;}

.list3 {display:table; width:103%; table-layout:fixed;}
.list3 li {display:table-cell; padding-right:3%; vertical-align:top;}
.list3 a {display:table; width:100%; height:5.5rem; padding:0.5rem; border:1px solid #3b3786; background-color:#fff; text-align:center; table-layout:fixed; transition:all .2s; vertical-align:top;}
.list3 a:hover,
.list3 a:focus,
.list3 a:active {box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2); background-color:#3b3786; color:#fff;}
.list3 span {display:table-cell; font-size:0.9rem; vertical-align:middle;}

@media (max-width:768px)
{
	.photo-area.gstart .sentence {margin-top:-50px;}

	.list1 {margin-top:-1rem;}
	.list1 li {display:block; float:left; width:50%; margin-top:1rem; vertical-align:top;}

	.list2 li {width:50%;}
	.list2 li:nth-child(3n+1) {clear:none;}
	.list2 li:nth-child(2n+1) {clear:both;}

	.list3 {width:100%;}
	.list3 li {display:block; padding:0;}
	.list3 li + li {margin-top:-1px;}
	.list3 a {height:auto;}
}


@media (max-width:480px){

	.g-start .box-list > li {
		width: 100% !important;
	}
}
/* =====================================
2018.12.19 SY,CHo 예약프로그램 - GHUB STYLE 이관
===================================== */

/*================================== 구분 클래스 생성 GHUB 이관 작업용 */
.ghub {padding: 50px ; line-height: 1.5; font-size: .75rem;}

/*================================== 폼요소 GHUB general.css 이관 */
.ui-widget {font-size: .75rem;}
/* 폼요소(체크박스, 라디오버튼) 라벨영역 */
.controlgroup .ui-visual-focus{
	box-shadow: none;
}
.controlgroup .ui-state-default,
.controlgroup .ui-widget-content .ui-state-default,
.controlgroup .ui-widget-header .ui-state-default,
.controlgroup .ui-button,
html .controlgroup .ui-button.ui-state-disabled:hover,
html .controlgroup .ui-button.ui-state-disabled:active {
    background: inherit;
    border: none;
}
.controlgroup .ui-state-hover,
.controlgroup .ui-widget-content .ui-state-hover,
.controlgroup .ui-widget-header .ui-state-hover,
.controlgroup .ui-state-focus,
.controlgroup .ui-widget-content .ui-state-focus,
.controlgroup .ui-widget-header .ui-state-focus,
.controlgroup .ui-button:hover,
.controlgroup .ui-button:focus {
    border: none;
    background: inherit;
    font-weight: inherit;
    color: inherit;
}
.controlgroup .ui-icon {
    width: 18px;
    height: 18px;
}

/* 폼요소영역 */
.controlgroup .ui-icon-check {
	background-color: #3b3786;
    background-image: url(/resources/js/cluster/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png);
}
.controlgroup .ui-checkboxradio-label .ui-icon-background {
	background-color: #d6dde7;
    background-image: url(/resources/js/cluster/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png);
    box-shadow: none;
    border-radius: 0;
    border: none;
}
.controlgroup .ui-icon-background,
.controlgroup .ui-state-active .ui-icon-background {
    border: none;
	background-color: #3b3786;
}
.controlgroup .ui-state-active,
.controlgroup .ui-widget-content .ui-state-active,
.controlgroup .ui-widget-header .ui-state-active, a.ui-button:active,
.controlgroup .ui-button:active,
.controlgroup .ui-button.ui-state-active:hover {
    border: none;
    background: inherit;
    background-color: inherit;
    font-weight: inherit;
    color: inherit;
}

/* 체크박스 */
.checkbox-line .ui-checkboxradio-label .ui-icon-background,
.checkbox-line .ui-icon-check {
	background-position: -63px -144px;
}

/* 라디오버튼 */
.radio-line .ui-checkboxradio-label .ui-icon-background {
    border-radius: 50%;
}
.radio-line .ui-checkboxradio-label .ui-icon-background,
.radio-line .ui-icon-check {
	background-position: -77px -142px;
    /*background-position: -76px -141px;*/
}
.radio-line .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.radio-line .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: url(/resources/js/cluster/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png);
    width: 18px;
    height: 18px;
	border: none;
}

/* 체크박스 */
.controlgroup.unique {display: table; width: 100%;}
.controlgroup.unique > span {position: relative; display: table-cell; padding: 0 10px 10px;}
.controlgroup.unique > span:before {position: absolute; left: 10px; bottom: 0; width: calc(100% - 20px); height: 1px; background-color: #4c5264; content: '';}
.unique > span .ui-button {display: block; padding: 0 10px; text-align: left;}
.unique > span .ui-icon {float: right;}

/* jquery UI 요소 */
.ui-button {padding: 0;}

/* 셀렉트박스 */
.ui-button.ui-selectmenu-button {padding: 8px 15px; width: auto;}

/*================================== 폼요소 GHUB sub.css 이관 */

/* 타이틀 */
.heading2 {position: relative; margin: 50px 0 20px; line-height: 1.2; font-size: 1.3rem; font-weight: 400; color: #000;}
.heading5 {position: relative; margin: 30px 0 20px; line-height: 1.2; font-size: .9rem; font-weight: 400; color: #424242;}

/* 박스 스타일 */
.box {padding: 30px; width: 100%;}
.box.tableBox {display: table;}
.box.tableBox > div {display: table-cell; vertical-align: middle;}
.box.tableBox > div.image {width: 250px; text-align: center;}

.box.style01 {background-color: #fff; border: 5px solid #e8ecf1;}

.box.tableBox.style01 {padding-left: 0;}
.box.tableBox.style01 > div.image {width: 200px;}

/* 박스 근접 요소 여백 설정 */
.box + .tabmenu,
.tabmenu + .box + .tab-inner {margin-top: 40px;}
.box + .checkbox-line.controlgroup {margin-top: 20px;}

.radio-line.controlgroup > span,
.checkbox-line.controlgroup > span {margin-right: 10px;}

/* 탭메뉴 */
.tabmenu {display: table; margin-bottom: 30px; width: 100%; overflow: hidden;}
.tabmenu > li {display: table-cell; padding-left: 10px; width: 1%;}
.tabmenu > li > a {position: relative; display: block; padding: 0 30px; width: 100%; height: 50px; line-height: 48px; font-size: .75rem; font-weight: 300; color: #424242; background-color: #f9f9f9; border: 1px solid #d6dde7;}
.tabmenu > li > a:before {position: absolute; top: 0; right: 30px; font-family: 'xeicon'; font-weight: bold; color: #b4b8ca; content: "\e9c1";}
.tabmenu > li:first-child {padding-left: 0;}
.tabmenu > li:hover > a,
.tabmenu > li.active > a {line-height: 48px; color: #fff; background-color: #3b3786; border: 1px solid #3b3786;}
.tabmenu > li:hover > a:before,
.tabmenu > li.active > a:before {color: #fff; content: "\e9c5";}

/* 테이블 상단 */
.board-count {position: relative; padding-left: 25px; color: #767676;}
.board-count:before {position: absolute; top: 10px; left: 0; width: 20px; height: 3px; background-color: #000; content: '';}
.board-count strong {color: #000;}

/* 기본 */
.ghub .vital + .table {clear: both; position: relative; margin-top: inherit; overflow: hidden;}
.ghub .table table {table-layout: auto; margin-left: -1px;/*  border-top: 3px solid #4d5265; */}
.ghub .table table th,
.ghub .table table td {padding: 15px; line-height: 1.3; text-align: center; font-size: .75rem; border: none;}
.ghub .table table th {font-weight: 400; color: #424242;}
.ghub .table table thead th {border-bottom: 1px solid #9ba6b0;}
.ghub .table table tbody th {border-bottom: 1px solid #e8ecf1;}
.ghub .table table td {border-left: 1px solid #e8ecf1; border-bottom: 1px solid #e8ecf1;}
.ghub .table table td.tLeft {padding-left: 30px;}
.ghub .table table.horizontal-table {border-top: none;}

.ghub .table table thead th {line-height: 20px; border-bottom: 1px solid #9ca6b1;}
.ghub .table.schedule td {white-space: nowrap;}

.vital {position: relative; margin: -38px 0 15px; text-align: right;}
.vital2 {position: relative; margin: -38px 0 15px; text-align: right;}

.ghub .table table .new {position: relative; display: inline-block; margin-left: 15px; width: 20px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center; font-size: .6rem; color: #fff; background-color: #ff9c00; border-radius: 50%;}
.ghub .table table .new:before {position: absolute; top: 7px; left: -2px; width: 5px; height: 5px; background-color: #ff9c00; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.ghub .table table.horizontal-table th,
.ghub .table table.horizontal-table td {padding: 10px 20px;}
.ghub .table table.horizontal-table tbody td {text-align: left;}

/* 갤러리,썸네일 공통 */
.table > ul {border-top: 3px solid #4d5265; border-bottom: 1px solid #9ca6b1; overflow: hidden;}
.table > ul > li > a {display: block;}
.table > ul > li .image {position: relative; background: #e8ecf1 url(/resources/images/gcn/cilogo.png) no-repeat center center; border: 1px solid #e8ecf1;}
.table > ul > li .image img {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.table > ul > li .title {margin-top: 20px; height: 20px; line-height: 20px; color: #424242; overflow: hidden;}
.table > ul > li .cont {margin-top: 20px; max-height: 60px; line-height: 20px; overflow: hidden;}
.table > ul > li .info {margin-top: 10px;}

/* 2018.11.09 SY,CHo 고도화작업추가 */
.table > ul > li .tag {display: inherit; margin-top: 30px; margin-right: 0; padding: 0; min-width: 0; height: 40px; text-align: inherit; vertical-align: inherit; font-size: inherit; color: inherit; background-color: inherit; border-radius: 0;}
.table > ul > li .tag span {display: inline-block; padding: 0 10px; width: 32%; height: 40px; line-height: 38px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #e8e9f1;}
.table > ul > li .tag span + span {margin-left: 2%;}
.table > ul > li .info-state {position: relative; margin-top: 20px; padding-top: 20px; text-align: right; border-top: 1px dashed #9ca6b1;}
.table > ul > li .info-state .location {bottom: 5px; right: auto; left: 0; color: #028bd3;}
.table > ul > li .info-state .state {padding: 0 10px; width: 100px;}
.table > ul > li .info-state .state + .state {margin-left: 5px;}

/* 갤러리 */
.table > ul.gallery {padding: 40px 0;}
.table > ul.gallery > li {float: left; margin-top: 50px; margin-left: 1.333%; width: 24%;}
.table > ul.gallery > li .image {position: relative; width: 100%; height: 190px; overflow: hidden;}
.table > ul.gallery > li .title {font-size: .85rem;}
.table > ul.gallery .info-list {margin-top: 10px;}
/* 2018.11.22 SY,CHo 고도화작업추가 */
.table > ul.gallery > li .image.square {height: 295px;}
.table > ul.gallery > li .image.square {height: 295px;}
.table > ul.gallery > li .title {height: 30px; line-height: 30px;}
.table > ul.gallery > li .title .place {display: inline-block; margin-right: 10px; width: 55px; height: 30px; text-align: center; color: #fff;}
.place.bucheon {background-color: #757575;}
.place.bukbu {background-color: #ff3c89;}
.place.goyang {background-color: #29417a;}
.place.gwanggyo {background-color: #5918cf;}
.place.pangyo {background-color: #1889cf;}
.place.seobu {background-color: #ff8a00;}
.place.gwangmyung {background-color: #08a574;}
.place.nambu {background-color: #757575;}
.place.dongbu {background-color: #29417a;}

.table > ul.gallery .info-list .preference {height: 27px; line-height: 27px;}
.table > ul.gallery .info-list .preference a {position: relative; display: inline-block; width: 45px; height: 27px; text-align: center; font-size: .6rem; color: transparent;}
.table > ul.gallery .info-list .preference a:before {position: absolute; top: 0; left: 50%; height: 27px; background-image: url(/resources/images/cluster/sub/preference.png); background-repeat: no-repeat; content: "";}
.table > ul.gallery .info-list .preference a:hover {color: #fff;}
.table > ul.gallery .info-list .preference a:hover:before {display: none;}
.table > ul.gallery .info-list .preference a + a {margin-left: 10px;}
.preference a.gender:before {margin-left: -13px; width: 26px;}
.preference a.gender.type01:before {background-position: 0 0;}
.preference a.gender.type02:before {background-position: 0 -27px;}
.preference a.gender:hover {background-color: #04aed3;}
.preference a.spot:before {margin-left: -28px; width: 57px;}
.preference a.spot.type01:before {background-position: -26px 0;}
.preference a.spot.type02:before {background-position: -26px -27px;}
.preference a.spot.type03:before {background-position: -26px -54px;}
.preference a.spot.type04:before {background-position: -26px -81px;}
.preference a.spot.type05:before {background-position: -26px -108px;}
.preference a.spot.type06:before {background-position: -26px -135px;}
.preference a.spot:hover {background-color: #fda36d;}
.preference a.age:before {margin-left: -14px; width: 27px;}
.preference a.age.type01:before {background-position: -84px -135px;}
.preference a.age.type02:before {background-position: -84px -108px;}
.preference a.age.type03:before {background-position: -84px -81px;}
.preference a.age.type04:before {background-position: -84px -54px;}
.preference a.age.type05:before {background-position: -84px -27px;}
.preference a.age.type06:before {background-position: -84px 0;}
.preference a.age:hover {background-color: #5e7cc9;}

/* 썸네일 */
.table > ul.gallery > li:nth-child(4n+1) {clear: both; margin-left: 0;}
.table > ul.gallery > li:nth-child(-n+4) {margin-top: 0;}

/* 버튼 */
.btn.type-d.sky {padding: 0 25px; height: 35px; line-height: 35px; color: #fff; background-color: #28b1fa;}

.btn-square {position: relative; display: inline-block; width: 38px; height: 38px; line-height: 36px; text-align: center; background-color: #fff; border: 1px solid #d6dde7;}
.btn-square:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; content: "";}

.btn-square.thumbnail:before {background: url(/resources/images/gcn/sub/thumbnail.png) no-repeat center center;}
.btn-square.list:before {background: url(/resources/images/gcn/sub/list.png) no-repeat center center;}
.btn-square.thumbnail:hover:before,
.btn-square.thumbnail.on:before {background: url(/resources/images/gcn/sub/thumbnail-on.png) no-repeat center center;}
.btn-square.list:hover:before,
.btn-square.list.on:before {background: url(/resources/images/gcn/sub/list-on.png) no-repeat center center;}

.btn-square.list {margin-bottom: 0; margin-left: 10px;}

/* 검색폼 */
.search-layout {overflow: hidden;}
.search-layout .ui-button.ui-selectmenu-button {padding: 6px 15px; width: 125px;}
.search-layout input[type='text'] {padding: 0 10px; height: 35px; line-height: 33px; border: 1px solid #e1e5ea;}

/* 컨텐츠 > 상단 박스 > 검색폼 */
.box.tableBox.style01 .search-layout .ui-button.ui-selectmenu-button {width: 130px;}
.box.tableBox.style01 .search-layout input[type='text'] {margin-left: 5px; width: 730px;}
.box.tableBox.style01 .search-layout input[type='submit'] {vertical-align: middle;}
.box.tableBox.style01 .search-layout .btn.type-d.sky {margin-left: 5px;}
.box.tableBox.style01 .search-layout .select + .select,
.box.tableBox.style01 .search-layout .select + .ui-selectmenu-button + .select + .ui-selectmenu-button {margin-left: 5px;}
.box.tableBox.style01 .search-layout .select + .select + input[type='text'],
.box.tableBox.style01 .search-layout .select + .ui-selectmenu-button + .select + .ui-selectmenu-button + input[type='text'] {width: 620px;}

/* 리스트 */
.info-list {color: #909090; overflow: hidden;}
.info-list > li {position: relative; padding-left: 80px; line-height: 25px; letter-spacing: -0.07em;}
.info-list > li strong {position: absolute; left: 0; top: 0; font-weight: 400; color: #424242;}

.info-list.wide > li {padding-left: 100px;}

/* 접수대기, 접수중, 접수마감, 현장예약, 온라인예약 */
.state {display: inline-block; padding: 0 30px; line-height: 30px; text-align: center; color: #fff;}
.state.ready {background-color: #12d49b;}/* 접수대기 */
.state.receive {background-color: #ff9b2c;}/* 접수중 */
.state.close {background-color: #4c5264;}/* 접수마감 */
.state.place {background-color: #6a73c3;}/* 현장예약 */
.state.online {background-color: #00baf7;}/* 온라인예약 */
.state.reservation {background-color: #17b69e;}/* 예약 */
.state.checkout {background-color: #214c86;}/* 점검중 */

.table table .state {padding: 0 15px; min-width: 120px; width: 100%;}

.state.color01 {background-color: #4d5265;}/* 신청완료, 사용완료, 사용완료(지각) */
.state.color02 {background-color: #ff9b2c;}/* 선정 */
.state.color03 {background-color: #f6501c;}/* 미선정, 신청취소, 미수료 */
.state.color04 {background-color: #32c9e7;}/* 수료 */

.tab-layout {margin: 0; height: 0; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */}
.tab-layout.active {margin-bottom: 50px; height: auto; opacity: 1;}

.tab-inner {display: none;}
.tab-inner.active {display: block;}

/* 예약/신청 - 리스트 */
.gallery .image .state {position: absolute; top: 20px; right: 20px; padding: 10px 0; width: 60px; height: 60px; line-height: 20px; border-radius: 50%; z-index: 1;}
.gallery .image .state.receive {padding: 20px 0;}
.gallery .location {position: absolute; bottom: 20px; right: 20px; font-size: .85rem; color: #fff; font-style: italic; z-index: 1;}
.gallery .location:before {position: relative; margin-right: 10px; vertical-align: middle; font-family: 'xeicon'; font-size: 1rem; font-style: normal; content: "\eb5d"; z-index: 1;}
/* 2018.11.22 SY,CHo 고도화작업추가 */
.gallery .image.square .state {top: 0; right: auto; left: 20px; padding: 0; width: 80px; height: 28px; line-height: 28px; text-align: center; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0;}
.gallery .image.square .state.receive {padding: 0;}

/* 예약/신청 - 상세정보 + 참가신청 */
.box.tableBox.style01.program {padding: 0; border: none;}
.box.tableBox.style01.program .image {padding-right: 50px; width: 470px; height: 420px; vertical-align: top;}
.box.tableBox.style01.program .image > img {width: 420px; height: 420px;}
.box.tableBox.style01.program .image + div {vertical-align: top; border-top: 3px solid #4d5265; border-bottom: 1px solid #9ca6b1;}
.box.tableBox.style01.program .title {padding: 20px 0; /*font-size: 1.1rem*/font-size: .85rem; color: #424242; border-bottom: 1px solid #9ca6b0;}
.box.tableBox.style01.program .summary {padding: 20px 0 30px; line-height: 28px; font-size: .85rem; color: #424242; border-bottom: 1px dashed #9ba6b0; overflow: hidden;}
.box.tableBox.style01.program .info-list {margin-top: 20px;}
.box.tableBox.style01.program .info-list > li {margin-bottom: 5px; padding-right: 10px; width: 100%; min-height: 30px; line-height: 30px;}
.box.tableBox.style01.program .info-list > li > p + p {margin-top: 5px;}
.box.tableBox.style01.program .list-dot {padding-top: 20px;}
.box.tableBox.style01.program .list-dot > li {margin-top:10px;}

.v2.box.tableBox.style01.program .info-list {float: left; width: 59%;}
.v2.box.tableBox.style01.program .info-list > li {float: none; width: 100%;}
.v2.box.tableBox.style01.program .calendar {float: right; margin: 20px 0; width: 40%; text-align: center;}
.v2.box.tableBox.style01.program .calendar .month {height: 30px; line-height: 30px; font-size: .7rem; color: #e8ecf1; background-color: #90949e;}
.v2.box.tableBox.style01.program .calendar .month a {position: relative; display: inline-block; width: 30px; height: 30px; vertical-align: middle; overflow: hidden;}
.v2.box.tableBox.style01.program .calendar .month a:before {position: absolute; top: 0; left: 0; width: 100%; font-family: 'xeicon';}
.v2.box.tableBox.style01.program .calendar .month .prev {margin-right: 25px; line-height: 30px;}
.v2.box.tableBox.style01.program .calendar .month .prev:before {content: "\e93d";}
.v2.box.tableBox.style01.program .calendar .month .next {margin-left: 25px;}
.v2.box.tableBox.style01.program .calendar .month .next:before {content: "\e940";}
.v2.box.tableBox.style01.program .calendar table th,
.v2.box.tableBox.style01.program .calendar table td {height: 30px; border: 1px solid #e8ecf1;}
.v2.box.tableBox.style01.program .calendar table th {padding: 5px 10px; font-size: .6rem; font-weight: normal; color: #424242; background-color: #f7f8fc;}
.v2.box.tableBox.style01.program .calendar table td {padding: 5px; vertical-align: top; text-align: right; font-size: .45rem; color: #424242;}
.v2.box.tableBox.style01.program .calendar table td.impossible {color: #ff2222;}
.v2.box.tableBox.style01.program .calendar table td.possible {color: #fff; background-color: #40b9fa;}
.v2.box.tableBox.style01.program .calendar table td.gray {color: #d4d4d4;}
.info-possible {margin-top: 10px; text-align: right;}
.info-possible span {position: relative; display: inline-block; padding-left: 12px;}
.info-possible span:before {position: absolute; top: 10px; left: 0; width: 7px; height: 7px; border-radius: 50%; content: "";}
.info-possible .possible {margin-right: 10px;}
.info-possible .possible:before {background-color: #40b9fa;}
.info-possible .impossible:before {background-color: #ff0000;}
.v2.box.tableBox.style01.program .calendar .box.gray {margin-top: 10px; padding: 10px; color: #e8ecf1; background-color: #5f6577;}

.program.style01.tableBox.box .info-list > li.attach {clear: both; width: 100%;}

/* 슬라이드 */
.image .slide {position: relative; width: 480px; height: 320px; overflow: hidden;}
.image .slide .slide-now {width: 100%; height: 320px; overflow: hidden;}
.image .slide .slide-now li {display: none; float: left; width: 100%; height: 320px;}
.image .slide .slide-now li:first-child {display: block;}
.image .slide .slide-now li img {width: 100%; height: 320px;}
.image .slide .slide-btn {position: absolute; top: 0; right: 0; width: 120px; height: 60px;}
.slide-outer {position: absolute; bottom: 0; left: 0; padding: 20px; width: 480px; height: 115px; background-color: rgba(0, 0, 0, 0.7); overflow: hidden;}
.image .slide .slide-list {position: relative;}
.image .slide .slide-list li {float: left; width: 133px; height: 75px; overflow: hidden;}
.image .slide .slide-list li:first-child {margin-left: 0;}
.image .slide .slide-list li img {width: 100%; height: 75px;}
.image .slide .slide-list li.on {border: 5px solid #00b2f6;}

/* 예약/신청 - 예약현황 */
table .reservation {position: relative;}
table .reservation span {position: absolute; top: -1px; left: 0; padding: 15px 0; width: 100%; height: 50px; color: #fff;}
table .reservation.complete span {background-color: #6c7181;}/* 예약완료 */
table .reservation.impossible span {background-color: #ff4f2c;}/* 예약불가 */
table .reservation.inspect  span {background-color: #214c86;}/* 시설점검 */

/* 예약/신청 - 개인정보수집 */
.controlgroup + .controlgroup {margin-top: 30px;}

/* 예약/신청 - 예약현황조회 */
.box.style01 > .search-layout {text-align: center;}
.box.tableBox.style01 > .search-layout {padding-left: 30px;}
.box.tableBox.style01 > .image + .search-layout {padding-left: 0;}

/* 휴일공지 */
.holiday-layout {display: table; table-layout: fixed; margin-bottom: 50px; overflow: hidden;}
.holiday-layout .box {display: table-cell; padding: 0 5px; width: 1%; height: 230px; text-align: center; border: none;}
.holiday-layout .box .inner {position: relative; padding: 45px; border: 1px solid #d6dde7; border-top: none;}
.holiday-layout .box .name {display: block; width: 100%; font-size: 1.2rem; color: #424242;}
.holiday-layout .box .alert {margin-top: 20px;}
.holiday-layout .box .icon {position: relative; margin-top: 30px;}
.holiday-layout .box .icon:before {position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #9ca6b1; content: "";}
.holiday-layout .box .icon i {position: relative; display: inline-block; padding: 0 20px; font-size: 2.15rem; color: #d7dde8; background-color: #fff;}

.three-color-line {position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: #37425a;}
.three-color-line span:nth-child(1) {position: absolute; top: 0; left: 0; width: 66%; height: 4px; background-color: #748292;}
.three-color-line span:nth-child(2) {position: absolute; top: 0; left: 0; width: 33%; height: 4px; background-color: #3cb8fa;}

/* 여백조정 */
.box + .table {margin-top: 60px;}/* 예약/신청 - 리스트 */
.list-dot + .table {margin-top: 20px;}/* 리스트 근접 요소 여백 설정 */
.table + .board-count,
.table + .tRight + .board-count,
.box.style01 + .board-count {margin-top: 40px;}
.board-count + .table,
.board-count + .vital + .table {margin-top: 20px;}
.table + .tRight {margin-top: 15px; color: #707070;}
.tRight + .table {margin-top: 20px;}/* 나의매거진 */
ul li .table {margin-top: 20px;}

/* 개발 작업 후 보정 - form 태그 삽입 후 css 여백 재조정용 */
.searchForm + .board-count {margin-top: 40px;}
form + .table,
.board-count + form > .table {margin-top: 20px;}

/* 그래프영역 */
.statistics {clear: both; margin-top: 60px; height: 35px; line-height: 35px;}
.statistics > span {position: relative; display: inline-block; font-size: 1rem; font-weight: 400; color: #424242;}
.statistics > span:before {position: absolute; top: 3px; left: 0; width: 25px; font-family: 'xeicon'; font-size: 1.2rem; color: #dbdfed; content: "\e901";}
.statistics > span > em {display: inline-block; margin-left: 10px; font-size: 1.4rem;}
.statistics > span > em > strong {color: #8b3793;}
.statistics .cumulative,
.statistics .today {padding-left: 30px;}
.statistics .today {margin-left: 60px;}
.statistics .yesterday {margin-left: 30px;}
.statistics .yesterday:before {display: none;}
.box.graph {margin-top: 30px; margin-bottom: 0; padding: 0; border: none; overflow: hidden;}
.box.graph .bg-line {position: relative; float: left; padding: 60px 30px; width: 365px; height: 248px; border: 1px dashed #f0f2f6; overflow: hidden;}
.box.graph .bg-line:before {position: absolute; left: 30px; bottom: 55px; width: 340px; height: 1px; background-color: #9ca6b1; content: "";}
.box.graph .rate {position: absolute; font-weight: 500;}
.box.graph .bar {position: absolute; bottom: 0; left: 0; width: 100%;}
.box.graph .title {position: absolute; bottom: -35px; left: 50%; font-size: .75rem; color: #909090; white-space: nowrap; transform: translateX(-50%);}

.graph-style01 {}
.graph-style01 .gender {position: relative; float: left; padding: 0 25px; width: 50%;}
.graph-style01 .bg-area {position: relative; float: left; padding: 0;}
.graph-style01 .bg-area img {position: relative;}
.graph-style01 .rate {top: 50%; right: 20px; font-size: 1.25rem; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.male .bar {height: 35%; background-color: #344ba1;}
.female .bar {height: 65%; background-color: #c26262;}
.male .rate {color: #344ba1;}
.female .rate {color: #c26262;}

.graph-style02 {margin-left: 50px;}
.graph-style02 > ul {position: relative; left: 50%; display: inline-block; padding: 0 10%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.graph-style02 > ul > li {position: relative; float: left; width: 30px; height: 130px;}
.graph-style02 > ul > li + li {margin-left: 10px;}
.graph-style02 .rate {font-size: .9rem;}
.graph-style02 .bar {background-color: #dbdfed;}
.graph-style02 .bar.first {background-color: #8b3793;}
#chart2.graph-style02 .bar.first {background-color: #1b878b;}

@media (max-width: 1299px) {
	/*================================== 구분 클래스 생성 GHUB 이관 작업용 */
	.ghub {padding: 30px;}

	/* 그래프영역 */
	.box.graph .bg-line {float: none; width: 100%;}
	.box.graph .bg-line:before {width: calc(100% - 60px);}

	.graph-style02 {margin-top: 50px; margin-left: 0;}

	/* 검색폼 */
	.search-layout .ui-button.ui-selectmenu-button,
	.search-layout input[type='text'] {margin-bottom: 5px; width: 100%;}

	/* 테이블 상단 */
	.board-header .search-layout {float: none; max-width: 100%;}
	.board-header .search-layout input[type='text'],
	.board-header .search-layout input[type='submit'] {margin-left: 0; width: 100%;}

	.board-header .search-layout .select + .select {margin-left: 0;}
	.board-header .search-layout .select + .select + input[type='text'] {width: 100%;}

	/* 컨텐츠 > 상단 박스 > 검색폼 */
	.box.tableBox.style01 .search-layout .ui-button.ui-selectmenu-button {width: 100%;}
	.box.tableBox.style01 .search-layout input[type='text'],
	.box.tableBox.style01 .search-layout input[type='submit'] {margin-left: 0; width: 100%;}

	.box.tableBox.style01 .search-layout .select + .select {margin-left: 5px;}
	.box.tableBox.style01 .search-layout .select + .select + input[type='text'] {width: 100%;}

	.box.tableBox.style01 .search-layout .btn.type-d.sky {margin-left: 0;}
	.box.tableBox.style01 .search-layout .select + .select,
	.box.tableBox.style01 .search-layout .select + .ui-selectmenu-button + .select + .ui-selectmenu-button {margin-left: 0;}
	.box.tableBox.style01 .search-layout .select + .select + input[type='text'],
	.box.tableBox.style01 .search-layout .select + .ui-selectmenu-button + .select + .ui-selectmenu-button + input[type='text'] {width: 100%;}

	/* 컨텐츠 > 상단 박스 > 인명 정보 검색폼 */
	.box.tableBox.style01 .search-layout.person-info input[type='text'] {margin: 0 7px; width: 100px;}
	.box.tableBox.style01 .search-layout.person-info input[type='text'].email-address {width: 150px;}
}

@media (max-width: 1024px) {

	/*================================== 구분 클래스 생성 GHUB 이관 작업용 */
	/* 타이틀 */
	.heading2 {margin: 40px 0 15px;}
	.heading5 {margin: 20px 0 15px;}

	/* 박스 스타일 */
	.box.tableBox > div.image {width: 250px;}

	.box.style01 {border-width: 3px;}

	.box.tableBox.style01 {padding-left: 20px;}
	.box.tableBox.style01 > div.image {margin: 0 auto 10px; width: 200px;}

	/* 박스 근접 요소 여백 설정 */
	.box + .tabmenu,
	.tabmenu + .box + .tab-inner {margin-top: 30px;}
	.box + .checkbox-line.controlgroup {margin-top: 15px;}

	/* 탭메뉴 */
	.tabmenu {display: block; margin-bottom: 20px;}
	.tabmenu > li {float: left; display: inline-block; padding-left: 0; width: 50%;}
	.tabmenu > li:nth-of-type(2n) a {border-left: none;}
	.tabmenu > li:nth-of-type(n+3) a {border-top: none;}

	/* 테이블 상단 */
	.board-header {margin-bottom: 15px;}

	/* 기본 */
	.ghub .vital + .table table {margin-left: 0;}
	.ghub .vital + .table table thead {display: none;}
	.ghub .vital + .table table tbody tr {display: block; width: 100%; padding: 10px; border-top: 1px solid #ddd;}
	.ghub .vital + .table table tbody tr:last-of-type {border-bottom: 1px solid #ddd;}
	.ghub .vital + .table table th {display: none;}
	.ghub .vital + .table table td {display: inline-block; margin: 0 3px; padding: 0; text-align: inherit; border: none;}
	.ghub .vital + .table table td br {display: none;}
	.ghub .table table.horizontal-table {border-top: none;}
	.ghub .table table td.order,
	.ghub .table table td.title,
	.ghub .table table td.btns {display: block; padding: 5px 0;}
	.ghub .table table td.order {position: relative; text-align: center; color: #fff;}
	.ghub .table table td.order:before {position: absolute; top: 0; left: 50%; margin-left: -15px; width: 30px; height: 30px; background-color: #000; border-radius: 50%; content: ""; z-index: -1;}
	.ghub .table table td.title {margin: 10px 3px;}
	.ghub .table table td.btns {margin-top: 10px;}
	.ghub .table table td.tLeft {padding-left: 0;}
	.ghub .table table td.no-data {display: block; text-align: center;}

	.ghub .table table.horizontal-table td {margin: 0; padding: 0;}

	/* 갤러리 */
	.table > ul.gallery {padding: 30px 0;}
	.table > ul.gallery > li {margin-top: 35px; margin-left: 2%; width: 49%;}
	.table > ul.gallery > li:nth-child(4n+1) {margin-left: 2%;}
	.table > ul.gallery > li:nth-child(-n+4) {margin-top: 35px;}

	/* 썸네일 */
	.table > ul.gallery > li:nth-child(2n+1) {margin-left: 0;}
	.table > ul.gallery > li:nth-child(-n+2) {margin-top: 0;}

	/* 박스 스타일 */
	.box.tableBox {display: block;}
	.box.tableBox > div {display: block;}

	/* 예약/신청 - 상세정보 + 참가신청 */
	.box.tableBox.style01.program .image {padding-right: 0; width: 100%; height: auto;}
	.box.tableBox.style01.program .image > img {width: 100%; height: auto;}

	.v2.box.tableBox.style01.program .info-list {float: none; width: 100%;}
	.v2.box.tableBox.style01.program .calendar {float: none; width: 100%;}

	/* 접수대기, 접수중, 접수마감, 현장예약, 온라인예약 */
	.state {width: 100%;}

	/* 슬라이드 */
	.image .slide {width: 100%;}
	.slide-outer {width: 100%;}

	.ghub .btns {margin-top: 10px;}
	.ghub .btns .btn {padding: 0; width: 100%; height: 40px; line-height: 40px; font-size: .75rem;}
	.ghub .btns .btn + .btn {margin-top: 10px; margin-left: 0;}
}

@media (max-width: 767px) {
	/*================================== 구분 클래스 생성 GHUB 이관 작업용 */
	.ghub {padding: 15px;}

	/* 박스 스타일 */
	.box {padding: 20px;}

	/* 탭메뉴 */
	.tabmenu > li > a {padding: 0 20px; height: 40px; line-height: 38px;}
	.tabmenu > li > a:before {right: 20px;}
	.tabmenu > li:hover > a,
	.tabmenu > li.active > a {line-height: 38px;}

	.ghub .vital + .table {overflow-x: hidden;}
	.ghub .table table {min-width: 0;}

	.statistics > span,
	.statistics > span:before,
	.statistics > span > em {font-size: .75rem;}
	.statistics .cumulative,
	.statistics .today {padding-left: 20px;}
	.statistics .today {margin-left: 10px;}
	.statistics .yesterday {margin-left: 10px;}

	.graph-style01 .rate {font-size: 1rem;}
}

@media (max-width: 414px) {
	/*================================== 구분 클래스 생성 GHUB 이관 작업용 */
	.ghub {padding: 10px;}

	/* 갤러리 */
	.table > ul.gallery {padding: 20px 0;}
	.table > ul.gallery > li {margin-top: 20px; margin-left: 0; width: 100%;}
	.table > ul.gallery > li:nth-child(2n+1) {margin-left: 0;}
	.table > ul.gallery > li:nth-child(-n+2) {margin-top: 20px;}

	/* 그래프영역 */
	.box.graph .bg-line {padding: 60px 0;}
}

/* 레이어팝업 */
.layerpopup {position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.layerpopup .mail {position: relative; top: 50%; width: 22.8rem; max-width: 90%; margin: 0 auto; padding: 1rem 4rem; background-color: #070656; font-size: 1rem; color: #fff; text-align: center; transform: translateY(-50%);}
.layerpopup .mail .close {overflow: hidden; position: absolute; right: 0; top: 50%; width: 4rem; height: 1.5rem; background: none; text-align: center; line-height: 1.5rem; transform: translateY(-50%);}
.layerpopup .mail .close::before {display: block; height: 1.5rem; font-family: 'xeicon'; font-size: 1.25rem; content: ''; line-height: 1.5rem; transition: all 0.2s;}
.layerpopup .mail .close:hover::before,
.layerpopup .mail .close:focus::before,
.layerpopup .mail .close:active::before {transform: rotate(180deg);}

/*원장인사말 20190902*/
.greeting .welcome.diff strong{font-size:4.5rem;}
.greeting .welcome.diff .message{padding-left:30px;}
.greeting .welcome.diff .message span{font-size:1.6rem; letter-spacing:0px; font-weight:bold; margin-top:-23px; display:block;}
.greeting .welcome.diff .director{font-size:1rem; padding:0px 0px 30px 30px;}
.greeting .welcome .director span{font-size:2.4rem; font-weight:bold; color:#cfcfcf; letter-spacing:-3.5px; line-height:1.3;}
.greeting .welcome .director div {margin:30px 0; font-size:1.3rem; letter-spacing:-1.5px; font-weight:bold; line-height:1.3;}
.greeting .welcome .director p{font-size: 1.95rem;font-weight:bold; letter-spacing:-2.5px; line-height:1.3;}
.greeting .welcome::before{height:456px; top:60px;}
.greeting .welcome.diff .col-md-5 img{position:relative; top:26px;}
.sentence.director{font-size:0.85rem;}
.sentence.director .finale p:last-of-type::before{display:none;}
.sentence.director .finale p span{font-size:14px;}

.greeting .welcome .director span br{display:none;}


@media (max-width: 1220px) {
	.greeting .welcome .director span br{display:block;}
	.greeting .welcome::before{height:550px;}
}

@media (max-width: 1090px) {
	.greeting .welcome .director div br{display:none;}
}

@media (max-width: 767px) {
	.greeting .welcome.diff .message{padding-left:0px;}
	.greeting .welcome .message span{font-size:1.1rem !important; color:#dfbadf; margin-top:-10px !important;}
	.greeting .welcome.diff .director{padding:0px 0px 30px 0px;}
	.greeting .welcome.diff strong{font-size:3rem;}
	.greeting .welcome.diff .col-md-5 img{position:relative; top:0;}

	.greeting .welcome .director span{color:#b6b6b6; font-size:1.3rem;}
	.greeting .welcome .director div{margin:20px 0; font-size:1.1rem; line-height:1.5; font-weight:normal;}
	.greeting .welcome .director p{font-size:1.25rem;}

	.sentence.director .finale::before, .sentence.director .finale::after{display:none;}
	.sentence.director .finale p:last-of-type::before{display:none;}
	.sentence .finale p:last-of-type img{width: 200px !important; height:auto !important;}

		/*================================== 사업공고 상세페이지 수정작업  new2019 */
	.bsDetailCon{padding:30px 20px; margin:0;}
	.bsDetailCon .bsHead .bsHeadPC{margin-left:0;}
	.bsDetailCon .bsHead .imgArea{position:static;}
	.bsDetailCon .bsHead .imgArea .img{width:100%; height:auto;}
	.bsDetailCon .bsHead .imgArea .img span{width:100%; height:auto;}
	.bsDetailCon .bsHead .imgArea .img img{position:static; transform:inherit;}
	.bsDetailCon .bsHead .tlt{font-size:22px;}
	.bsDetailCon .bsHead .txtBox li{float:none; width:100% !important;}
	.bsDetailCon .bsHead .txtBox .state{margin-top:10px;}
	.bsDetailCon .bsHead .director span{display:block; margin-bottom:8px;}
	.bsDetailCon .bsHead .commBox.bsHeadPC{min-height:auto;}

	.bsDetailCon .commBox{margin-top:25px;}
	.bsDetailCon .commBox .tlt{font-size:20px; margin-bottom:5px;}
	.bsDetailCon .commBox .filter{font-size:14px;}
	.skyBtn{padding:3px 10px;}

	.bsDetailCon .commBox > ul > li > div{padding:10px 0; width:100%; font-size:14px;}
	.bsDetailCon .commBox > ul > li > div.sTlt{width:auto; padding-left:12px; padding-bottom:0; position:relative; font-size:17px !important;}
	.bsDetailCon .commBox > ul > li > div.sTlt::after{content:"▶"; display:block; font-size:10px; color:#bbb; position:absolute; left:0; top:15px;}
	.bsDetailCon .commBox > ul > li > div > ul{margin-left:15px;}
	.bsDetailCon .commBox > ul > li > div > ul span.first{display:block; width:100% !important; margin-bottom:5px;}
	.bsDetailCon .commBox .tlt span{display:block; padding-left:0; font-size:13px; margin-top:8px;}

	.bsDetailCon .bsbody{margin-top:0px;}

	.graph{overflow-x: auto;}

	.fileShow{width:100%;}
	.fileShow > span{width:60%;}
}

.bsDetail .bsbody .commBox .diffLs span.first{vertical-align:top;}
.bsDetail .bsbody .commBox .diffLs ul{display:inline-block;}

.choose-list.join-icon > li:nth-child(1) .box em {
  background-image: url("../../images/gcn/sub/i_join_1.png");
}
.choose-list.join-icon > li:nth-child(2) .box em {
  background-image: url("../../images/gcn/sub/i_join_2.png");
}
.cont-mid strong.title {
  font-size: 0.8rem;
  color: #222;
  margin-bottom: .5rem;
  font-weight: 400;
  margin-top: 1rem;
  padding-left: 15px;
  position: relative; }
.cont-mid strong.title::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #3c3787;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0; }
.black { color: #222; font-size: 0.8rem; }
.tbl-topline { width: 100%; border: 0;  line-height: 1.8;}
@media (max-width: 1300px) {
  .tbl-topline { width: 90%; margin: 0 auto; }
}
.tbl-topline th { font-size: 1.25rem; text-align: left; padding: 0; vertical-align: top; color: #222; }
.tbl-topline th:before {
  content: '';
  display: block;
  width: 100%;
  border-top: 2px solid #000;
  padding-top: 38px;
}
.tbl-topline th { padding-right: 3rem; white-space: nowrap; line-height: 1.2; }
.tbl-topline td { padding: 2rem 0; font-size: 1rem; color: #222; }
.tbl-topline td { border-top: 1px solid #ddd; }
.tbl-topline .dot-list > li {
  text-indent: -12px;
  padding-left: 12px;
  line-height: 1.6;
}
.tbl-topline .dot-list > li:before {
  content:'';
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background: #3b3686;
  margin-right: 5px;
  margin-top: 13px;
  vertical-align: top;
}
.tbl-topline .indent-list {
  font-size: 0.8rem;
  color: #767676;
  line-height: 1.8;
}
.tbl-topline .bl { display: block; }
.alR { text-align: right; margin-top: 20px; }
.dot-list a:focus {text-decoration:underline;}
@media (max-width: 767px) {
  .tbl-topline th,
  .tbl-topline td {
    display: table-row;
  }
  .tbl-topline th { line-height: 2.5; }
  .tbl-topline .bl { display: inline-block; }
  .tbl-topline th:before {
    padding-top: 10px;
  }
  .tbl-topline td ul,
  .tbl-topline td .indent-list,
  .tbl-topline td > p { margin: 1rem 0; }
}
.h3 {
  clear: both;
}
.box-thick {
  width: 100%;
  overflow: hidden;
  border: 5px solid #f3f3f3;
  padding: 1.667rem 2.500rem;
  display: table;
}
.box-thick strong {
  font-size: 1.2rem;
  color: #222;
  /*float: left;*/
  letter-spacing: -1px;
  display: table-cell;
  vertical-align: middle;
  min-width: 17rem;
}
.box-thick strong:before {
  content: '';
  display: inline-block;
  width: 5.944rem;
  height: 5.944rem;
  background: url('../../images/gcn/sub/icon_cyber.png') center no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-right: 1.2rem;
}
.box-thick .txt {
  /*float: left;*/
  display: table-cell;
  color: #767676;
  font-size: 0.889rem;
  vertical-align: middle;
}
.tbl-write {
  border-top: 1px solid #000;
}
.tbl-write th {
  background: #fcfcfc;
  border-bottom: 1px solid #ddd;
  font-size: 0.889rem;
  font-weight: normal;
  color: #767676;
  padding: 1.2rem 2rem;
}
.tbl-write td {
  background: #fff;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  padding: 1.1rem 2rem;
}
.tbl-write td input {
  border: 1px solid #ddd;
  font-size: 0.889rem;
  line-height: 2rem;
  height: 2rem;
}
.tbl-write td input.full {
  width: 100%;
}
.tbl-write td textarea {
  width: 100%;
  border: 1px solid #ddd;
  font-size: 0.889rem;
  line-height: 2rem;
}
@media (max-width: 767px) {
  .box-thick {
    padding: 1rem 2rem;
  }
  .box-thick strong,
  .box-thick .txt { display: block; }
  .box-thick strong:before {
    display: none;
  }
}
.icon-box > div .box .cont strong { font-weight: bold; color: #222; letter-spacing: -1px; }
.sentence .dot-list > li {
  text-indent: -12px;
  padding-left: 12px;
  line-height: 1.6;
  font-size: 1rem;
  color: #222;
  margin-bottom: 1rem;
}
.sentence .dot-list > li p { padding-left: 1rem; }
.sentence .dot-list > li a { color: #3b3686; }
.sentence .dot-list > li .noti { font-size: .8rem; color: #767676; margin-top: 10px; }
.sentence .dot-list > li:before {
  content:'';
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background: #3b3686;
  margin-right: 5px;
  margin-top: 13px;
  vertical-align: top;
}
.desc { color: #767676; }
.desc strong { display: inline-block; font-size: .9rem; }
.desc .lb { display: block; }
@media (max-width: 1200px) {
  .desc .lb { display: inline-block; }
}

/* 사업공고 목록 제목글 정렬 20200401 */
.table-wrap table tbody td.subject.in-state {position:relative;}
.table-wrap table tbody td.subject.in-state .tag {position:absolute; top:17px; left:20px; min-width:64px;}
.table-wrap table tbody td.subject.in-state a + a {display: inline-block; padding-left:150px;}

@media (max-width: 767px) {
  .table-wrap table tbody td.subject.in-state .tag {top:2px; left:0; min-width:57px; margin-top: 0;position:relative;
    margin-bottom: 5px;}
  .table-wrap table tbody td.subject.in-state a + a {display: inline-block; padding-left:0px;}
}



/* 20200401 G-START 프로그램 box-list 수정 */
.g-start .box-list.type06 {margin: 0 -4px;}
.g-start .box-list.type06 > li {padding: 0 4px;}
.g-start .box-list.type06 > li .box {margin: 0; height: 150px; padding: 30px 10px;}
.g-start .box-list.type06 > li .box.blank {border: none; background: none;}
.g-start .box-list.type06 > li .box + .box {margin-top: 8px; padding: 20px;}
.g-start .box-list.type06 > li .box .title {line-height: 1.5;}
.g-start .box-list.type06 > li .box .txt {text-align: left; padding-top: 0; font-size: 0.7rem; line-height: 1.5; border-top: none; margin-top: 0;}
.g-start .box-list.type06 > li .box .txt strong {display: block; margin-bottom: 0.25rem; font-weight: 500; color: #000;}
.g-start .box-list.type06 > li .box .txt li {position: relative; padding-left: 10px;}
.g-start .box-list.type06 > li .box .txt li:before {content:'-'; position: absolute; top: 0; left: 0;}
@media (max-width: 767px) {
  .g-start .box-list.type06 {padding-top: 0;}
  .g-start .box-list.type06 > li .box {margin: 0; height: 135px;}
  .g-start .box-list.type06 > li:last-child .box.blank {display:none;}
  .g-start .box-list.type06 > li .box + .box {height: 120px;}
}

	/*20201029 사전정보공표목록*/
	.float_wrap:after {content:' ';clear:both;visibility:hidden;display:block}
		*+ html .float_wrap {display:inline-block;}
	.sj-list {
		margin-bottom:40px;
	}
	.sj-list__ul {border-left:1px solid #dddddd;}
	.sj-list__ul__list {float:left;width:7.69%}
	.sj-list__ul__list a {
		display:block;
		box-sizing: border-box;
		border:1px solid #dddddd;
		border-left:0px;
	}
	.sj-list__ul__list a .item1 {
		display:block;
		height:50px;width:50px;
		margin:0 auto;
		margin-top:5px;
		background-image:url('https://www.gcon.or.kr/resources/images/gcn/sub/sj-list-icon.png');
		background-repeat: no-repeat;
		}


	.sj-list__ul__list.on a,
	.sj-list__ul__list a:hover,
	.sj-list__ul__list a:focus {background-color:#0f2a78;color:#fff;}

	.sj-list__ul__list a .item1.type1 {background-position:0 0;}
	.sj-list__ul__list a .item1.type2 {background-position:0 -50px;}
	.sj-list__ul__list a .item1.type3 {background-position:0 -100px;}
	.sj-list__ul__list a .item1.type4 {background-position:0 -150px;}
	.sj-list__ul__list a .item1.type5 {background-position:0 -200px;}
	.sj-list__ul__list a .item1.type6 {background-position:0 -250px;}
	.sj-list__ul__list a .item1.type7 {background-position:0 -300px;}
	.sj-list__ul__list a .item1.type8 {background-position:0 -350px;}
	.sj-list__ul__list a .item1.type9 {background-position:0 -400px;}
	.sj-list__ul__list a .item1.type10 {background-position:0 -450px;}
	.sj-list__ul__list a .item1.type11 {background-position:0 -500px;}
	.sj-list__ul__list a .item1.type12 {background-position:0 -550px;}
	.sj-list__ul__list a .item1.type13 {background-position:0 -600px;}

	.sj-list__ul__list.on a .item1.type1,
	.sj-list__ul__list a:hover .item1.type1,
	.sj-list__ul__list a:focus .item1.type1 {background-position:-50px 0;}

	.sj-list__ul__list.on a .item1.type2,
	.sj-list__ul__list a:hover .item1.type2,
	.sj-list__ul__list a:focus .item1.type2 {background-position:-50px -50px;}

	.sj-list__ul__list.on a .item1.type3,
	.sj-list__ul__list a:hover .item1.type3,
	.sj-list__ul__list a:focus .item1.type3 {background-position:-50px -100px;}

	.sj-list__ul__list.on a .item1.type4,
	.sj-list__ul__list a:hover .item1.type4,
	.sj-list__ul__list a:focus .item1.type4 {background-position:-50px -150px;}

	.sj-list__ul__list.on a .item1.type5,
	.sj-list__ul__list a:hover .item1.type5,
	.sj-list__ul__list a:focus .item1.type5 {background-position:-50px -200px;}

	.sj-list__ul__list.on a .item1.type6,
	.sj-list__ul__list a:hover .item1.type6,
	.sj-list__ul__list a:focus .item1.type6 {background-position:-50px -250px;}

	.sj-list__ul__list.on a .item1.type7,
	.sj-list__ul__list a:hover .item1.type7,
	.sj-list__ul__list a:focus .item1.type7 {background-position:-50px -300px;}

	.sj-list__ul__list.on a .item1.type8,
	.sj-list__ul__list a:hover .item1.type8,
	.sj-list__ul__list a:focus .item1.type8 {background-position:-50px -350px;}

	.sj-list__ul__list.on a .item1.type9,
	.sj-list__ul__list a:hover .item1.type9,
	.sj-list__ul__list a:focus .item1.type9 {background-position:-50px -400px;}

	.sj-list__ul__list.on a .item1.type10,
	.sj-list__ul__list a:hover .item1.type10,
	.sj-list__ul__list a:focus .item1.type10 {background-position:-50px -450px;}

	.sj-list__ul__list.on a .item1.type11,
	.sj-list__ul__list a:hover .item1.type11,
	.sj-list__ul__list a:focus .item1.type11 {background-position:-50px -500px;}

	.sj-list__ul__list.on a .item1.type12,
	.sj-list__ul__list a:hover .item1.type12,
	.sj-list__ul__list a:focus .item1.type12 {background-position:-50px -550px;}

	.sj-list__ul__list.on a .item1.type13,
	.sj-list__ul__list a:hover .item1.type13,
	.sj-list__ul__list a:focus .item1.type13 {background-position:-50px -600px;}

	.sj-list__ul__list a .item2 {text-align:center;font-size:15px;padding-top:5px;padding-bottom:10px;white-space: nowrap;}

	@media screen and (min-width:1px) and (max-width:1200px) {
		.sj-list {padding-left:5px;padding-right:5px;}
		.sj-list__ul__list {width:16%;margin-top:-1px;}
		/*
		.sj-list__ul {display: flex;flex-wrap: wrap;}
		.sj-list__ul__list {float:none;flex:1;min-width:80px;} */
	}
	@media screen and (min-width:1px) and (max-width:768px) {
		.sj-list__ul__list {width:25%}
	}

/* 컨텐츠 하단에 유튜브 영상 링크 20210112*/
.bottom-wrap {
	margin:0 auto;
	width:1300px;
	padding-top:50px;
}
.bottom-wrap__tit {color:#000;font-size:26px;margin-bottom:15px;}
.bottom-mov {
	margin-left:-130px;
}
.bottom-mov__lay {
	float:left;
	width:46%;
}
.bottom-mov__lay__in {
	margin-left:130px;
	text-align:center;
	word-break: keep-all;
}
/*유동적 가로세로 비율 박스*/
.mov-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /*16:9*/
	background-color:#00235d;
	color:#fff
}
.mov-wrapper .mov-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mov-wrapper iframe { width: 100%; height: 100%}
.mov-tit {font-size:21px;color:#000;padding-top:15px;margin-bottom:20px}
/*20210218 접근성 관련 아이프레임 display:none처리*/
	.mov-wrapper iframe {display:none;}
	.mov-wrapper img { width: 100%; height: 100%}

@media (max-width:1300px) {

	.bottom-wrap {width:auto;padding-right:10px;padding-left:10px;}
	.bottom-mov {
		margin-left:-10px;
	}
	.bottom-mov__lay__in {
		margin-left:10px;
	}
	.mov-tit {font-size:17px;}
}

@media (max-width:768px) {
	.bottom-mov__lay {width:50%}
	.bottom-wrap__tit {font-size: 1.3rem;}
}
@media (max-width:520px) {

	.bottom-mov__lay {width:100%}
}

@media (max-width:520px) {
.cont-mid strong.title {word-break:keep-all;}
}


/*	202105 주요사업
==========================*/

img {
	max-width: 100%;
}

.float_wrap:after {
	content: ' ';
	clear: both;
	visibility: hidden;
	display: block;
}

.float-wrap:after {
	content: ' ';
	clear: both;
	visibility: hidden;
	display: block;
}
.align_left {text-align:left;}
.align_center {text-align:center;}
.align_right {text-align:right;}
.left_10 {padding-left:10px;}
.left_20 {padding-left:20px;}
.left_30 {padding-left:30px;}
.mgn_b10 {margin-bottom:10px;}
.mgn_b20 {margin-bottom:20px;}
.mgn_b30 {margin-bottom:30px;}
.mgn_b40 {margin-bottom:40px;}
.mgn_b50 {margin-bottom:50px;}

.h3_bul {color:#000;font-size:20px;font-weight: normal;}

/*목적 박스 (책 생태계 활성화사업)*/
.mj-box {
	padding-left:100px;
}

.mj-box__item {
	color:#fff;
	font-weight: normal;
	text-align: center;
	width: 25%;
	float: left;
	padding:25px;
	border-radius: 80px;
	margin-left:-20px;
}
.mj-box.w33 .mj-box__item {width: 33.33%;}
.mj-box.type1 {padding-left:0;}
.mj-box.type1 .mj-box__item {min-width:40%;float:none;margin:0 auto;font-size:20px;}

.mj-box.ver2 .mj-box__item {font-size:20px}
.mj-box.ver3 .mj-box__item {font-size:20px;width:33.33%}
.mj-box__item:nth-child(1) {background:rgba(55,107,134,0.9)}
.mj-box__item:nth-child(2) {background:rgba(75,53,139,0.9)}
.mj-box__item:nth-child(3) {background:rgba(53,85,130,0.9)}
.mj-box__item:nth-child(4) {background:rgba(57,53,130,0.9)}

@media screen and (min-width:1px) and (max-width:768px){

	.mj-box {padding:10px;}
	.mj-box__item {width:48%;margin:1%;}
	.mj-box.w33 .mj-box__item{width:48%;}
	.mj-box.ver3 .mj-box__item {width:48%;margin:1%;}


	.mj-box.type1 {padding:0;}
	.mj-box.type1 .mj-box__item {min-width:80%;float:none;margin:0 auto;font-size:20px;word-break:keep-all;}
}

/*주요사업 영화영상산업 쪽*/

.both-box {}
.both-box__left {width:585px;float:left;}
.both-box__right {width:680px;float:right;}
.both-box__right__in {margin-left:-40px;}
.both-box__right__in__item {float:left;margin-left:40px;}
.both-box__right__in__item.type3 {margin-top:-210px;}
@media screen and (min-width:1px) and (max-width:1300px){

.both-box__left {width:auto;float:none;margin-bottom:40px;}
.both-box__right {float:none;margin:0 auto;}
}
@media screen and (min-width:1px) and (max-width:700px){

	.both-box__right {width:100%;}
	.both-box__right__in {margin-left:0;text-align: center;}
	.both-box__right__in__item {margin-left:0;margin-bottom:30px;float:none;}
}

/*경기특화콘텐츠개발지원*/
.dev-img-box img {margin-left:20px;margin-bottom:10px;}
@media screen and (min-width:1px) and (max-width:1300px){
	.dev-img-box img {display:block}
}
@media screen and (min-width:1px) and (max-width:700px){
	.dev-img-box {text-align:center;}
	.dev-img-box img {display:inline-block}
}


/*xr*/
	.hidden_word {position: absolute; top:0; left:-9999px;font-size: 0;height:0;overflow: hidden;}
	.mgn_b20 {margin-bottom:20px;}
	.mgn_b30 {margin-bottom:30px;}
	.mgn_b40 {margin-bottom:40px !important;}

	img {max-width: 100%;}
	/**/
	.menu-num-2 > ul > li {width:50%;}
	.menu-num-3	> ul > li {width:33.33%;}
		*+ html .menu-num-3	> ul > li {width:33%;}
	.menu-num-4	> ul > li {width:25%;}
	.menu-num-5	> ul > li {width:20%;}
	.menu-num-6	> ul > li {width:16.66%;}
		*+ html .menu-num-6	> ul > li {width:16%;}
	.menu-num-7	> ul > li {width:14%;}
	.menu-num-8	> ul > li {width:12.5%;}
	.menu-num-9	> ul > li {width:11.20%;}
		*+ html .menu-num-9	> ul > li {width:11%;}
	.menu-num-10	> ul > li {width:10%;}
	.menu-num-11	> ul > li {width:9.09%;}
		*+ html .menu-num-11	> ul > li {width:9%;}
	.menu-num-12	> ul > li {width:8.3%;}
		*+ html .menu-num-12	> ul > li {width:8%;}

	.menu-num-13	> ul > li {width:7.5%;}
		*+ html .menu-num-13	> ul > li {width:7%;}

	.js-box {display:none;}
	.js-box.on {display:block;}

	.float_wrap:after {content:' ';clear:both;visibility: hidden;display: block;}
		*+ html .float_wrap {display:inline-block;}

	.basic-list {margin-bottom:20px;}
	td .basic-list {margin-bottom:0px;}
	.basic-list li {padding-left:15px;
		background-image:url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/basic-list.jpg');
		background-position: left 12px;
		background-repeat: no-repeat;margin-bottom:3px;
	}
	.basic-list2 {margin-bottom:20px;}
	.basic-list2 li {padding-left:0px;margin-bottom:3px;}

	.xr-table {margin-bottom:20px;border-top:1px solid #000;border-right:1px solid #ddd;}
	.xr-table table {width:100%;border-collapse:collapse;}
	.xr-table table th {font-weight: normal; color:#000;padding-top:20px;padding-bottom:20px;
		border-bottom:1px solid #ddd;
		border-left:1px solid #ddd;
		background-color:#f9f9f9;
	}
	.xr-table table td {color:#444;padding-top:20px;padding-bottom:20px;
		border-bottom:1px solid #ddd;
		border-left:1px solid #ddd;
		padding-left:15px;
		padding-right:5px;
	}
	.xr-table table th.no-bgc {background-color:#fff;}

	.xr-table table td.align_center {text-align: center;padding-left:0;padding-right:0;}
/**/
	.xr-bg {height:442px;
	background-image:url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/bg_img.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	}
	.xr-bg.fs-ver {	background-image:url('https://www.gcon.or.kr/resources/images/gcn/sub/bg_img-fs.jpg');}
	.xr-bg.mcj-ver {	background-image:url('https://www.gcon.or.kr/resources/images/gcn/sub/mcj-bg.jpg');}
	.xr-bg.mcy-ver {	background-image:url('https://www.gcon.or.kr/resources/images/gcn/sub/mcy-bg.jpg');}
	.xr-center {width:auto;margin:0 auto;}

	.xr-center__h3 {
		padding-top:120px;
		background-image:url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/h3.png');
		background-position: center 60px;
		background-repeat: no-repeat;
		color:#000;
		background-color:#fff;
		font-size:26px;
		text-align: center;
		width:1300px;
		margin:0 auto;
		margin-bottom:20px;
		margin-top:-60px;
	}
	.xr-center__top-info {
		text-align: center;
		color:#333;
		font-size:17px;
		padding-left:10px;padding-right:10px;
		margin-bottom:50px;
		}

	.xr-center__nav {width:1300px;margin:0 auto;margin-bottom:50px;}

	.xr-center__nav__list {float:left;}
	.xr-center__nav__list a {
		display:block;text-align: center;padding-top:14px;
		font-size:18px;
		padding-bottom:14px;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		border-right: 1px solid #ddd;
		font-weight: 500;
		color:#767676;
	}

	.xr-center__nav__list:first-child a {border-left:1px solid #ddd;}

	.xr-center__nav__list.on a {
		background-color:#3b3786;
		border:1px solid #3b3786;
		color:#fff;
	}

	/*1*/
	.xr-center-1-top {border:1px solid #ddd;padding:40px;margin-bottom:100px;}
		.xr-h3 {font-size:22px;color:#000;margin-bottom:20px;}
		.xr-center-1-top__ul {margin-left:30px;margin-bottom:50px;}
		.xr-center-1-top__ul > li {float:left;width:25%;position:relative;}
		.xr-center-1-top__ul > li div {position:relative;
			background-position:center center;
			background-repeat:no-repeat;
			height:198px;
			width:173px;
			color:#fff;
			margin-left:30px;
			margin-bottom:20px;
		}
		.xr-center-1-top__ul > li div p {
			position: absolute;
			width:100%;
			left:0;
			top:113px;
			font-size:18px;
			text-align: center;
		}
		.xr-center-1-top__ul .basic-list {font-size:15px;white-space: nowrap;margin-left:20px;}
		.xr-center-1-top__ul .type1 .xr-top-icon {
			background-image: url("https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/xr-top-icon1.png");
		}
		.xr-center-1-top__ul .type2 .xr-top-icon {
			background-image: url("https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/xr-top-icon2.png");
		}
		.xr-center-1-top__ul .type3 .xr-top-icon {
			background-image: url("https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/xr-top-icon3.png");
		}
		.xr-center-1-top__ul .type4 .xr-top-icon {
			background-image: url("https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/xr-top-icon4.png");
		}

		.xr-center-1-top__ul > li:before {
			position:absolute;
			content:' ';
			top:30%;
			left:-42px;
			display:block;
			width:26px;
			height:6px;
			background-image: url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/xr-top-icon-bul.png');
			background-position: center center;
			background-repeat:no-repeat;
		}
		.xr-center-1-top__ul > li:first-child:before {display:none;}


		.xr-center-1-top__p {
			border:2px solid #a593d2;
			padding:10px;
			font-size:18px;
			font-weight: bold;
			border-radius: 40px;
			margin:0 auto;
			display:block;
			width:320px;
			text-align: center;
		}


		.xr-center-1-bottom img {max-width:100%;height:auto !important;}

		.pc-ver {display:block;}
		.mobile-ver {display:none;}

	/*2*/
		.xr-center-2 {width:1300px;margin:0 auto;}
		.xr-center-2__tit {float:left;width:20%;border-top:3px solid #000;
			font-size:25px;
			line-height: 1.3;
			letter-spacing: -1px;
			font-weight: normal;
			color:#000;padding-top:30px;
		}
		.xr-center-2__cont {float:left;width:76%;margin-left:4%;border-top:1px solid #ddd;
			color:#000;padding-top:40px;
			min-height:155px;
			padding-bottom:20px;
			}
		.sisisi {
			text-align: center;
			padding-top:12px;
			padding-bottom:12px;
			background-color:#ebebeb;
			font-size:20px;
			margin-bottom:30px;
			font-weight: bold;
		}
		.nrp-prgm li {float:left;margin-bottom:25px;position: relative;}
		.nrp-prgm li div {position: relative;width:95px;height:108px;margin:0 auto;
			background-position: center center;
			background-repeat:no-repeat;
		}
		.nrp-prgm li span {position: absolute;
			width:100%;
			display:block;
			top:40px;
			left:0;
			text-align: center;
			color:#fff;
		}
		.nrp-prgm li.type1 div {
			background-image: url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/nrp1.png');
		}
		.nrp-prgm li.type2 div {
			background-image: url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/nrp2.png');
		}
		.nrp-prgm li.type3 div {
			background-image: url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/nrp3.png');
		}
		.nrp-prgm li.type4 div {
			background-image: url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/nrp4.png');
		}
		.nrp-prgm li.type5 div {
			background-image: url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/nrp5.png');
		}


		.nrp-prgm li:before {
			position:absolute;
			content:' ';
			top:42%;
			left:-20px;
			display:block;
			width:45px;
			height:16px;
			background-image: url('https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/nrp-hs.png');
			background-position: center center;
			background-repeat:no-repeat;
		}
		.nrp-prgm li:first-child:before {display:none;}

	/*3*/

	.floar-line {
		position: relative;
		background-image:url("https://www.gcon.or.kr/resources/component/crosseditor/binary/images/000029/floar.png");
		background-position:left top;
		height:88px;
		background-repeat: no-repeat;
		margin-bottom:20px;
	}
	.floar-line em {
		display:inline-block;
		height:76px;
		line-height: 76px;
		width: 64px;
		color:#fff;
		text-align: center;
		font-size:26px;
	}
	.floar-line strong { position:absolute;top:10px;left:78px; font-size: 18px;font-weight: bold; }
	.floar-line small { position:absolute;top:40px;left:78px;font-size:14px; font-weight: normal;}

	.xr-center-2__cont__f {
		padding:20px;
		border:1px solid #ddd;
		margin-bottom:30px;
	}
	.xr-center-2__cont__f li {
		float:left;
		text-align: center;
		font-size:14px;
		color:#666;
	}
	.img-line {margin-left:3px;margin-right:3px;margin-bottom:5px;}
	.xr-center-2__cont__11f li {width:25%;}
	.xr-center-2__cont__6f li {width:33.33%;}
	.xr-center-2__cont__2f li {width:50%;}

	@media screen and (min-width:1px) and (max-width:1300px) {
		.xr-center {width: auto;margin-top:0;padding-top:30px;padding-left:10px;padding-right:10px;}
		.xr-center__h3 {width:auto;}
		.xr-center__nav {width:auto;}
		.xr-center-1-top__ul > li:before {display:none;}
		.xr-center-1-top__ul {margin-left:0;}
		.xr-center-1-top__ul > li div{margin:0 auto;}
		.xr-center-1-top__ul .basic-list {margin-left:0;white-space: normal;}

		.xr-center__nav__list a {white-space: nowrap;font-size:13px;}

		.xr-center-2 {width:auto;}
		.xr-center-2__tit {width:100%;padding-top:20px;padding-bottom:20px;}
		.xr-center-2__cont {width:100%;margin-left:0;}

	}

@media screen and (min-width:1px) and (max-width:768px) {
	.xr-bg {height:150px;background-size:cover;}
	.xr-center-1-top {padding:20px 10px;}
	.xr-center-1-top__ul > li {width:50%;}
	.xr-top-icon {margin-bottom:20px !important;}

	.nrp-prgm {margin-left:50px;}
	.nrp-prgm li:before {}
	.nrp-prgm > ul > li {width:33.33%;}


		.pc-ver {display:none;}
		.mobile-ver {display:block;}
}

@media screen and (min-width:1px) and (max-width:560px) {
	.nrp-prgm {margin-left:30px;}
	.nrp-prgm > ul > li {width:50%;}

	.xr-center-2__cont__f li {margin-bottom:10px;}
	.xr-center-2__cont__11f li {width:50%;}
	.xr-center-2__cont__6f li {width:50%;}
	.xr-center-2__cont__2f li {width:50%;}
}

/*vr 장비소개탭 내용*/
.vr-list {padding-top:40px;}
.vr-list li {
	float:left;
	width:20%;
	text-align:center;
	min-height:200px;
}
.vr-list li .item1 {margin-bottom:5px;}
.vr-list li .item2 {font-size:16px}

.vr-list.ver2 {display:flex;flex-wrap: wrap;}
.vr-list.ver2 li {max-width:50%;min-width:33.33%;flex:1;
		margin-bottom:30px;}

.vr-list.ver2.w50 li{min-width: 50%;}
@media screen and (min-width:1px) and (max-width:768px) {
	.vr-list li {
		width:30%;
		margin-left:1.5%;
		margin-right:1.5%;
	}

	.vr-list.ver2 li {
		box-sizing:border-box;
		width:30%;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	.vr-list.ver2 li .item2 br {display:none; }
}
@media screen and (min-width:1px) and (max-width:460px) {
	.vr-list.ver2 li {
		min-width:100%
	}
	.vr-list.ver2.w50 li {
    	min-width: 100%;
	}
}


/*selectbox*/

.selectboxN2 {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #fff;
  text-align: left;
  border: 1px solid #e0dede;
}

.selectboxN2:after {
  position: absolute;
  top: 50%;
  right: 7px;
 	content: "▼";
 	font-size:8px;
 	transform:translateY(-50%);

}

.lte-ie9 .selectboxN2:after {
  display: none;
}

.selectboxN2 select {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  appearance: none;
  min-width: 100px;
  vertical-align: middle;
  color: #666;
  font-size: 16px;
  height: 38px;
  margin-top: 0;
  padding: 2px 2px 2px 10px;
  padding-right: 40px;
  position: relative;
  border: 0px;
  appearance: none;
  box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  /*ie10~11 에서 셀렉트 기본디자인 무력화*/
}

@media screen and (min-width: 1px) and (max-width: 768px) {
	.selectboxN2 select {
	  box-shadow:inset 0 0px 0px rgb(0 0 0 / 8%);
	}
}
.selectboxN2 select::-ms-expand {
  display: none;
}

.lte-ie9 .selectboxN2 select {
  width: 100%;
  vertical-align: top;
  padding-right: 0px;
}

.selectboxN2 select option {
  font-family: "Nanum Gothic";
}


/*상담신청의 셀렉트 감추기*/
.second-sel.hide {display:none;}
.second-input.hide {display:none;}

/*콘텐츠해외진출지원*/
.special-blue-box {background-color:#3b3686;color:#fff;max-width:700px;margin:0 auto;font-size:26px;border-radius:40px;word-break:keep-all;margin-bottom:40px;text-align:center;padding:20px;}

@media screen and (min-width: 1px) and (max-width: 560px) {
	.special-blue-box {
		margin-left:10px;
		margin-right:10px;
	}
}

/*상담신청 허브선택 마우스오버*/

.reservation_wrap__tab {position:relative;}
.reservation__addr {display:none;position:absolute;top:42px;background-color:#fff;border:1px solid #000;padding:10px;}
.reservation__addr.on {display:block}


/* 사이트맵 */
.sitemap {width:1300px;margin: 0 auto;margin-top:40px;}
.sitemap .box.style01 {padding: 50px; overflow: hidden;}
.sitemap .box.style01 .heading2 {margin-top: 0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e8ecf1;}
.sitemap .box.style01 + .box.style01 {margin-top: 40px;}
.sitemap .sitemap-depth01 {display:flex;flex-wrap:wrap;}
.sitemap .sitemap-depth01 > li {float: left; width: 18%; margin-left: 2%;margin-bottom:30px;}
/* .sitemap .sitemap-depth01 > li:nth-child(5n+1) {margin-left: 0;}
.sitemap .sitemap-depth01 > li:nth-child(n+6) {margin-top: 25px;} */
.sitemap .sitemap-depth01 > li > a {font-size: 20px; font-weight: 500; color: #424242;}
.sitemap .sitemap-depth01 > li > a:hover {color: #28b1fa;}
.sitemap .list-dot > li {margin-top: 20px;position:relative;padding-left:15px;}
.list-dot > li:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #c2cad5;
    border-radius: 50%;
    content: '';
}
.sitemap .list-dot > li > a {position: relative; display: inline-block; padding-right: 10px; color: #909090;}
.sitemap .list-dot > li > a:hover {color: #28b1fa;}
.sitemap .list-dot > li > a:hover:after {position: absolute; right: 0; top: 0; font-family: 'xeicon'; content: "\e940";}

@media screen and (min-width: 1px) and (max-width: 1300px) {
	.sitemap {width:auto;padding-left:5px;padding-right:5px;}
	.sitemap .sitemap-depth01 > li {width:auto;min-width:150px;flex:1;}
	.sitemap .box.style01 {padding:10px;}
	.sitemap .box.style01 + .box.style01 {padding:10px;}
}
@media screen and (min-width: 1px) and (max-width: 768px) {
	.sitemap .box.style01 .heading2 {padding-top:20px;}
	.list-dot > li:before {top:6px}
	.sitemap .sitemap-depth01 > li > a {font-size:16px;}
}

/*20210802 기관장 인사말*/

.greeting__photo {float:left;width:45%;text-align: center;}
.greeting__text {float:right;width:55%;font-size:18px;word-break: keep-all;}
.greeting__text .item1 {font-weight: bold;font-size:25px;margin-bottom:30px;color:#28499d}
.greeting__text .item2 {margin-bottom:25px;}
@media screen and (min-width: 1px) and (max-width: 768px) {
.greeting2 {padding:10px;}
.greeting__photo {width:100%;float: none;margin-bottom:30px}
.greeting__text {width:100%;float: none;}

}
@media screen and (min-width: 1px) and (max-width: 560px) {
	.greeting__text br {display:none;}
	.greeting__text {font-size:15px;}
	.greeting__photo {width:60%;margin: 0 auto;margin-bottom:40px;}
	.greeting__text .item1 {font-size: 18px;line-height: 1.4;}

}

/* 20211008 평가위원신청 */
.title_caption{ color: red; margin-left: 10px;  font-size: 14px;}

/*20220530 책생태계 faq*/

.faq-box {
  margin-bottom: 50px;
  border-top: 2px solid #000;
}

.faq-box__list {
  background-color: #fafafa;
}

.faq-box__list__tit {
  padding: 15px;
  padding-left: 30px;
  padding-top: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 60px;
  position: relative;
  font-size: 17px;
  padding-right: 100px;
  border: 1px solid #e0e0e0;
  border-top: 0px;
  padding-left: 70px;
  position: relative;
  display: block;
  color:#000;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
  .faq-box__list__tit {
    padding-right: 30px;
    padding-left: 60px;
  }
}

.faq-box__list__tit__sbj:focus {
  text-decoration: underline;
  text-underline-position: under;
}

.faq-box__list__tit:before {
  position: absolute;
  top: 15px;
  left: 15px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position:0 0;
  background-image: url("../../images/gcn/sub/q-icon.png");
  width: 34px;
  min-width: 34px;
  height: 27px;
}

.faq-box__list__tit:after {
  position: absolute;
  top: 25px;
  right: 15px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position:0 0;
  background-image: url("../../images/gcn/sub/open-icon2.png");
  width: 12px;
  min-width: 12px;
  height: 7px;
}

.faq-box__list__answer {
  display: none;
  border: 1px solid #e0e0e0;
  border-top: 0px;
  padding: 30px;
  padding-top: 25px;
  padding-left: 70px;
  background-color: #fff;
  position: relative;
  color:#000;
  font-size: 18px;
}

.faq-box__list__answer:before {
  position: absolute;
  top: 25px;
  left: 15px;
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position:0 0;
  background-image: url("../../images/gcn/sub/a-icon.png");
  width: 33px;
  min-width: 33px;
  height: 26px;
}

.faq-box__list.on .faq-box__list__tit:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position:0 0;
  background-image: url("../../images/gcn/sub/open-icon.png");
  width: 12px;
  min-width: 12px;
  height: 7px;
}

/*주요사업 추가 수정 20220808*/
/*남부권역센터*/

	.nb-box__list {
		margin-bottom:50px;
	}
	.nb-box-img {
		float:left;width:34%;
	}
	.nb-box-text {
		float:right;
		width:66%;
	}

	.nb-box-text strong {
		color:#000;
		font-size:18px;
		margin-bottom:10px;
		display: block;
	}
	.nb-box-text .list {
		margin-left:-20px;
	}
	@media screen and (min-width: 1px) and (max-width: 1200px) {
		.nb-box{margin-left:20px;}
		.nb-box-img {float:none;margin-bottom:20px;width:auto;}
		.nb-box-text {float:none;width:auto;}
	}
	/* basic-list */
	.new-list {margin-left: 10px;margin-bottom:30px;}
	.new-list li {
		margin-bottom:10px;
	}
	.col_black {color:#000;}
	.col_black2 {color:#444;}
	/*설정*/
	@media screen and (min-width: 1px) and (max-width: 1200px) {
		.container.new {
			padding:10px;
		}
	}
/*북부권역센터*/

	.new-box {
		padding-bottom: 50px;
	}
	.new-box__in {}
	.new-box__in__left {
		float:left;
		width: 50%;
		font-weight: bold;
		color:#000;
		font-size: 22px;
		text-align: right;
		padding-top:140px;
		box-sizing: border-box;
		padding-right:10px;
	}
	.new-box__in__right {
		float:right;
		width: 50%;
		text-align: center;
	}
	@media screen and (min-width: 1px) and (max-width: 800px) {
		.new-box__in__left{
			width: 100%;
			float:none;
			text-align: center;
			padding-right: 0;
			padding-top:30px;
		}
		.new-box__in__right{
			width: 100%;
			float:none;
		}
	}

/*만화애니영화 콘텐츠산업 활성화*/
	.design-ul.ver4 li {
		margin-bottom: 100px;
		width:25%;
	}
	.design-ul.ver4 > li .boxN {
		padding:30px 5px 10px 5px;
	}
	.design-ul.ver4 > li .boxN .tagN {
		font-size: 16px;
	}
	@media screen and (min-width: 1px) and (max-width: 1300px) {

		.design-ul.ver4 li {
			width:50%;
		}
	}
	@media screen and (min-width: 1px) and (max-width: 768px) {

		.design-ul.ver4 li {
			width:100%;
			text-align: center;
		}
		.design-ul > li .align_left {
			text-align: center;
		}
	}

/*경기도1인크리에이터육성*/
.mgn_b30 {
	margin-bottom: 30px;
}

.space-design {
	padding-left: 90px;
	position: relative;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.space-design strong {
	position: absolute;
	top: 0;
	left: 10px;
	color: #333;
	font-weight: bold;
}

.link-a {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	display: block;
}

.link-a:hover {
	opacity: 0.9
}

.space-design2 {
	padding-left: 30px;
	position: relative;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.space-design2 strong {
	display: block;
	color: #444;
	font-weight: normal;
	margin-left: -20px
}

/*스포츠육성*/

.e-sports-ul {display:flex; text-align:center;    flex-wrap: wrap; }
.e-sports-ul li {width:24%; margin-right:1.3%}
.e-sports-ul li:last-child {margin-right:0;}
.e-sports-ul li img {margin-top:4px; margin-bottom:4px;}
.e-sports-ul li h4 {color:#fff; font-size:21px; min-height:60px; display:grid; align-items:center;}
.e-sports-ul li:first-child h4{background-color:#497890;}
.e-sports-ul li:nth-child(2) h4{background-color:#5b4795;}
.e-sports-ul li:nth-child(3) h4{background-color:#47648d;}
.e-sports-ul li:nth-child(4) h4{background-color:#4b478d;}
.e-sports-ul__text{min-height: 210px;line-height: 1.4;
    border: 1px solid #dddddd;
    display: grid;
    align-items: center;}

@media screen and (min-width: 1px) and (max-width: 768px) {
	.e-sports-ul li {width:100%; margin-right:0; margin-bottom:20px;}

}
/*지역특화 콘텐츠 개발지원*/

.insta-box .item1 {
	float:left;
	padding-right:30px;
}
.insta-box {

	font-size:22px;
	font-weight: bold;
}
.insta-box a:hover,
.insta-box a:focus {
	text-decoration: underline;
}
@media screen and (min-width:1px) and (max-width:768px) {
	.insta-box .item1 {
		float:none;
		margin-bottom: 20px;
	}
	.insta-box .item1 img {
		max-width: 40%;
	}
}
/**/
.table-wrap.all-center td {
	text-align: center !important;
}
/**/
.mov-wrap video {
	height:100%;
	width:100%;
}

/*주요사업 문화기술쪽 로고 디자인 리스트*/
.mh-box {padding-top:20px;}
.mh-box__in {margin-bottom:40px;display: flex;flex-wrap: wrap;}

.mh-box__in__left {text-align: center; font-weight: bold;font-size: 18px;flex:1;}
.mh-box__in__left img {width: 100px;}
.mh-box__in__right {width:75%;flex: 7;}
.mh-box__in__right ul {}
@media screen and (min-width:1px) and (max-width:768px) {

	.mh-box__in__right {width:75%;flex: 3;}
}

/*2022 일반현황에 ESG 경영 추가*/
/**/
.vision-box {
 width: 1300px;
 margin: 0 auto;
 margin-top: -400px;
 position: relative;
 z-index: 1;
 min-height: 500px;
 background-color: #fff;
 color: #333;
}
.vision-box strong {
 font-weight: bold;
}
.vision-box__in {
 padding: 30px;
}
.vision-tit {
 text-align: center;
 font-size: 25px;
 color: #333333;
 margin-bottom: 20px;
}
.vision-tit span {
 display: inline-block;
 padding-left: 10px;
 padding-right: 4px;
 padding-top: 4px;
 padding-bottom: 4px;
 border-bottom: 3px solid #102b9f;
}
.vision-cont1 {
 font-size: 46px;
 text-align: center;
 padding-bottom: 100px;
 padding-top: 30px;
 background-image: url('/resources/component/crosseditor/binary/images/000027/vision-bg1.png');
 background-repeat: no-repeat;
 background-position: center center;
}
.vision-cont2 {
 font-size: 29px;
 text-align: center;
 padding-bottom: 80px;
 padding-top: 20px;
 color: #35437f;
}
.vision-cont3 {
 text-align: center;
 padding-bottom: 100px;
 padding-top: 20px;
}
.vision-ul {
 width: 995px;
 margin: 0 auto;
 margin-bottom: 80px;
 background-image: url('/resources/component/crosseditor/binary/images/000032/vision-ul-new_1.jpg');
 background-repeat: no-repeat;
 background-position: center center;
}
.vision-ul__li {
 float: left;
 width: 25%;
}
.vision-ul__li__in {
 width: 248px;
 height: 193px;
 margin: 0 auto;
 font-size:18px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
 /*추진전략*/
.vision-pyo {
 margin-left: -30px;
 margin-right: -30px;
}
.vision-pyo__in {
 display: table;
 width: 100%;
 border-spacing: 10px;
 font-size: 14px;
}
.vision-pyo__in h3 {
 display: table-cell;
 background-color: #2a3a67;
 width: 14%;
 vertical-align: middle;
 text-align: center;
 font-size: 22px;
 color: #fff;
 border-radius: 10px;
}
.table-right {
 display: table-cell;
 font-size: 16px;
}
.three-line {
 width: 100%;
 margin-bottom: 0px;
}
.three-line__item {
 float: left;
 width: 33.33%;
 text-align: center;
}
.three-line__item strong {
 display: block;
}
.three-line__item div {
 margin-left: 15px;
 height: 97px;
 letter-spacing: -1px;
 padding-top: 20px;
 white-space: nowrap;
 border-radius: 10px;
}
.three-line__item.type1 div {
 background-color: #e7def8
}
.three-line__item.type2 div {
 background-color: #dadefc;
}
.three-line__item.type3 div {
 background-color: #cbdffa
}
.three-line__item.type4 div {
 background-color: #cfe6f5
}
.one-line {
 width: 100%;
 float: left;
}
.one-line div {
 margin-left: 15px;
 background-color: #f0f0f0;
 min-height: 40px;
 padding-bottom: 10px;
 padding-top: 10px;
 text-align: center;
 border-radius: 10px;
}
.three-list {
 display: table-cell;
}
.three-list img {
    max-height: 217px;
}
.three-list__item {
 float: left;
 width: 33.33%;
 font-weight: bold;
}
.three-list__item__ul {
 margin-left: 15px;
 min-height: 380px;
 border: 1px solid #dddddd;
 border-radius: 10px 10px 0 0;
 border-bottom: 1px dotted #ddd;
 padding: 15px;
}
.three-list__item__ul__bottom {
 margin-left: 15px;
 min-height: 180px;
 border: 1px solid #dddddd;
 border-radius: 0 0 10px 10px;
 border-top: 0;
 padding: 15px;
}
.three-list__item__list li {
 padding-left: 15px;
 margin-bottom: 5px;
 background-image: url('/resources/component/crosseditor/binary/images/000027/list-bul.png');
 background-repeat: no-repeat;
 background-position: 0 9px;
}
.three-list__item h4 {
 display: none;
}
/*2021 추가수정*/
.three-list__item {
 margin-top:-15px;
}
.three-list__item__newbox {
 border:1px solid #ddd;
 border-radius: 10px;
 margin-left:15px;
 margin-top:15px;
 box-sizing: border-box;
 padding:20px;
 font-size:16px;
 min-height:110px;
 text-align: center;
 padding-top:40px;
}
.three-list__item__newbox.two-line {
 padding-top:30px
}
@media screen and (min-width:1px) and (max-width:1300px) {
 .vision-tit span {
  width: auto !important;
  height: auto !important;
 }
 .vision-box {
  width: auto;
 }
 .vision-cont1 {
  font-size: 30px;
 }
 .vision-ul {
  background-image: none;
  width: auto;
  margin:0 auto;
  margin-bottom:80px;
 }
 .vision-ul2 {
  background-image: none;
  width: auto;
  margin:0 auto;
  margin-bottom:80px;
 }
 .vision-ul__li__in {
  width: 193px;
  height: 193px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  border: 10px solid #e7e7e7;
  border-radius: 100px;
  text-align: center;
  box-sizing: border-box;
 }
 .vision-ul2__li__in {
  width: 193px;
  height: 193px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  border: 10px solid #e7e7e7;
  border-radius: 100px;
  text-align: center;
  box-sizing: border-box;
 } /*추진전략*/
 .vision-pyo__in {
  display: block;
  padding: 10px;
 }
 .vision-pyo__in h3 {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
 }
 .vision-pyo__in h3 br {
  display: none;
 }
 .table-right {
  display: block;
  margin-left: -15px;
 }
 .three-list {
  display: block;
  margin-left: -15px;
 }
}

@media screen and (min-width:1px) and (max-width:1000px) {
 .vision-ul__li {
  width: 33.33%;
  margin-bottom: 5px;
 }
 .vision-ul__li__in {
  display: block;
  padding-top: 50px;
  height: 193px;
  font-size: 16px
 }
 .vision-ul2__li {
  width: 33.33%;
  margin-bottom: 5px;
 }
 .vision-ul2__li__in {
  display: block;
  padding-top: 50px;
  height: 193px;
  font-size: 16px
 } /*추진전략*/
 .four-line__item {
  width: 50%;
  margin-bottom: 10px;
 }
 .three-list__item {
  width: 50%;
  margin-bottom: 10px;
 }
 .three-list__item h4 {
  display: block;
  margin-left: 20px;
  font-size: 18px;
  margin-bottom: 3px;
  padding-top:30px;
 }
}
@media screen and (min-width:1px) and (max-width:620px) {
 .vision-ul__li {
  width: 50%;
  margin-bottom: 5px;
 }
 .vision-ul__li__in {
  width: 165px;
  height: 165px;
  padding-top: 38px;
 }
 .vision-ul2__li {
  width: 100%;
  margin-bottom: 5px;
 }
 .vision-ul2__li__in {
  width: 165px;
  height: 165px;
  padding-top: 25px;
 } /*추진전략*/
 .four-line__item {
  width: 100%;
  margin-bottom: 10px;
 }
 .three-list__item {
  width: 100%;
  margin-bottom: 10px;
 }
 .three-list__item__ul {
  min-height: 10px;
 }
 .three-list__item__ul__bottom {
  min-height: 10px;
 }
}
@media screen and (min-width:1px) and (max-width:480px) {
 .vision-ul__li {
  width: 100%;
 }
 .three-line__item strong{
	 white-space: normal;
	word-break: keep-all;
}
 .three-line__item br { display:none}
}


/* 개인정보처리방침 라벨링추가 20221205 */
.labeling {margin-bottom:50px;}
.labeling__tit {
	text-align: center;
	padding:13px;
	margin-bottom:30px;
	border-top:2px solid #3b3686;
	background-color: #f5f5fc;
}

.labeling li {
	float:left;
	width: 14.2%;
	text-align: center;
	margin-bottom:50px;
}
.labeling li a {
	display: block;
	position: relative;
}
.labeling li strong{
	display: block;
	white-space: nowrap;
	font-size: 17px;
}

.labeling li .lab-cont {
	display: none;
	position: absolute;
	top: 100%;
	left:30px;
	background-color: #3b3686;
	color: #fff;
	white-space: nowrap;
	padding:7px 10px;
	margin-top:5px;
}
.labeling li .lab-cont:before {
	content:' ';
	display: block;
	width:8px;
	height:8px;
	background-color: #3b3686;
	position: absolute;
	top:-4px;
	left:30px;
	transform: rotate(45deg);
}
.labeling li a:hover .lab-cont,
.labeling li a:focus .lab-cont {
	display: block;
}
@media screen and (min-width:1px) and (max-width:1080px) {
	.labeling li {
		width:25%
	}
}
@media screen and (min-width:1px) and (max-width:678px) {
	.labeling li {
		width:33.33%;
		margin-bottom: 20px;
	}
	.labeling li img {
		width:60px;
	}
	.labeling li strong {
		font-size:14px;
		white-space:normal;

	}
}


/*20230213 사업설명회*/
.more-info-small {position:relative;}
.more-info-small small{
	position:absolute;
	top:50px;
	left:50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
	white-space:nowrap;
	color:#000;
}
.more-info-small:focus {
	text-decoration:underline !important;
}

/* 230607 */
.table-wrap.full.custom-ty01 table thead th:last-child {
  display: revert;
}

.table-wrap.full.custom-ty01 table tbody td:last-child {
  display: revert;
}

.mov-wrapper .mov-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mov-wrapper .mov-wrap a:focus {
  border: 5px solid gold;
  display:block;
  box-sizing:border-box;
}


/* 20230912 지역서점 지역화폐 소비지원금 대상 서점 리스트 팝업 추가 */
.layer_popup{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2001;
    width: 100%;
    height: 100vh;
  }
  .layer_popup .deemed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:1002;
  }
  .layer_popup .layer_wrap{
    max-width: 900px;
    width: calc(100% - 40px);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1003;
  }
  .layer_popup .layer_wrap .pop_wrap{
    position:relative;
  }
  .layer_popup .con_wrap .desc {
    font-size:18px;
    line-height:30px;
  }
  .layer_popup .layer_wrap .btn_pop_close{
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 11111;
  }
  .layer_popup .layer_wrap .btn_pop_close span{
    position: absolute;
    top: 0;
    left: 0;
  }

  @media screen and (max-width: 768px){
    .layer_popup .layer_wrap .btn_pop_close {
      width: 30px;
      height: 30px;
      font-size: 30px;
      right: 10px;
    }
  }
  
  /* 20231012 원장 인사말 */
.new_greeting .director_img_wrap{
  margin-top: 20px;
}
.new_greeting .sub_t_blue{
  font-size: 1.6em;
  font-weight: bold;
  color: #35437f;
  margin-bottom: 1.6em;
}
.new_greeting .sub_t_blue::after{
  content: '';
  display: block;
  width: 62px;
  height: 3px;
  background: #102b9f;
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  .new_greeting .director_img_wrap img{
    width: 500px;
  }
  .new_greeting .sub_t_blue::after {
    width: 40px;
    margin: 15px auto 0;
  }
}

/* 인권경영헌장 수정 */
.tbl-topline .indent_txt{
  margin-bottom: 10px;
  word-break: keep-all;
}
.page_go_btn_wrap{
  max-width: 980px;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page_go_btn_wrap>.btn_txt {
  width: 100%;
  font-size: 18px;
  max-width: 980px;
  margin-bottom: 20px;
}

.page_go_btn_wrap .btn {
  min-width: 192px;
  width: auto;
  letter-spacing: -0.06em;
}
    
@media screen and (max-width: 768px) {
 .page_go_btn_wrap>.btn_txt {
   font-size: 16px;
   margin-bottom: 15px;
 }
 .page_go_btn_wrap .btn {
   min-width: 100%;
   height: 40px;
   line-height: 18px;
   margin-right: 0px;
   margin-bottom: 10px;
 }
}

/* 상담센터 운영 일시중단 안내 팝업 */
.layer_popup .layer_wrap.temporary {
    max-width: 600px;
}

/* 미션/비전/전략 수정-정지석(2023.12.26) */
    .mvr_wrap{
      max-width: 1300px;
      margin: 0 auto;
      padding: 70px 10px 0;
    }
    .mvr_wrap .top{
      margin-bottom: 63px;
    }
    .mvr_wrap .top > img{
      display: block;
      margin: 0 auto;
      max-width: 100%;
    }
    .mvr_wrap .mobile{
      display: none !important;
    }
    .mvr_box{
      display: flex;
      gap: 20px;
    }
    .mvr_box + .mvr_box{
      margin-top: 20px;
    }
    .mvr_box .box_mvr.mvr_title{
      width: 190px;
      background-color: #293a66;
      color: #fff;
      font-size: 22px;
      font-weight: 700;
    }
    .mvr_box .mvr_list{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 98px;
      flex: 1;
      min-width: 0;
      gap: 20px;
    }
    .mvr_box .mvr_list .box_mvr{
      border: 1px solid #dddddd;
    }
    .mvr_box .box_mvr{
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      text-align: center;
      font-size: 18px;
      padding: 10px;
      min-width: 0;
    }
    .mvr_box .box_mvr.type01{
      grid-column: 1 / 5;
      background-color: #f7dfef;
    }
    .mvr_box .box_mvr.type02{
      background-color: #e7dff7;
    }
    .mvr_box .box_mvr.type03{
      background-color: #daddfc;
    }
    .mvr_box .box_mvr.type04{
      background-color: #cbdffa;
    }
    .mvr_box .box_mvr.type05{
      background-color: #cfe6f4;
    }
    .mvr_box .box_mvr:is(.type01, .type02, .type03, .type04, .type05){
      font-size: 20px;
      border: none;
      }
    @media screen and (max-width:1024px){
      .mvr_box .box_mvr:is(.type01, .type02, .type03, .type04, .type05){
        font-size: 18px;
      }
      .mvr_box .mvr_list{
        grid-template-columns: repeat(2, 1fr);
      }
      .mvr_box .box_mvr.type01{
        grid-column: 1 / 3;
      }
    }
    @media screen and (max-width:768px) {
      .mvr_wrap .mobile{
      display: block !important;
    }
    .mvr_wrap .pc{
      display: none !important;
    }
    .mvr_wrap .top{
      margin-bottom: 40px;
    }
    .mvr_box{
        flex-direction: column;
      }
      .mvr_box .box_mvr.mvr_title{
        width: 100%;
      }
      .mvr_box .mvr_list{
        grid-auto-rows: auto;
      }
      .mvr_box .box_mvr{
        height: 65px;
      }
    }
    @media screen and (max-width: 450px) {
      .mvr_box .mvr_list{
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
      }
      .mvr_box .box_mvr.type01{
        grid-column: 1 / 2;
      }
      .mvr_box .box_mvr.mvr_title{
        font-size: 18px;
        font-weight: 600;
      }
      .mvr_box{
        gap: 10px;
      }
      .mvr_box + .mvr_box{
        margin-top: 10px;
      }
      .mvr_box .box_mvr{
        font-size: 16px;
      }
      .mvr_box .box_mvr:is(.type01, .type02, .type03, .type04, .type05){
        font-size: 16px;
      }
    }
    
   /* 남부권역센터 */
   .default_lay5{padding: 60px 70px; box-sizing: border-box; margin-bottom: 80px; background-color: #f7fafe;margin-top:1rem;}
.default_lay5 .title{margin-bottom: 50px; }
.default_lay5  .default_lay5_list .default_lay5_list_title{padding-left: 30px;line-height: 1.2;font-size: 30px;  color: #333; margin-bottom: 10px; font-weight: bold; position: relative;}
.default_lay5_list_title:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #38425a;
    border-left: 10px solid #28b1fa;
    border-bottom: 10px solid #28b1fa;
    content: '';

}
.default_lay5_list_title:after {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    content: '';
}
.default_lay5_list_img{text-align: center; margin-top: 50px;}

.default_lay6{padding: 60px 70px; box-sizing: border-box; }
.default_lay6 .title{margin-bottom: 15px; }
.default_lay6 .title h2{font-size: 30px;   color: #333; font-weight: bold;padding-left: 30px;line-height: 1.2;position: relative;}
.default_lay6 .title h2:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #38425a;
    border-left: 10px solid #28b1fa;
    border-bottom: 10px solid #28b1fa;
    content: '';

}
.default_lay6 .title h2:after {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    content: '';
}

.default_lay6 .default_lay6_col ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.default_lay6 .default_lay6_col ul li {
	width: 49%;
}
.default_lay7{padding: 60px 70px; box-sizing: border-box; background-color: #effafa; }
.default_lay7 .title{margin-bottom: 15px; }
.default_lay7 .title h2{font-size: 30px;   color: #333; font-weight: bold;padding-left: 30px;line-height: 1.2;position: relative;}
.default_lay7 .title h2:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #38425a;
    border-left: 10px solid #28b1fa;
    border-bottom: 10px solid #28b1fa;
    content: '';

}
.default_lay7 .title h2:after {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    content: '';
}
.default_lay7 > .default_lay7_col > ul{
    display: flex ;
    justify-content: center;
    align-items: stretch;
}
.default_lay7 > .default_lay7_col > ul > li{width:25%;box-sizing: border-box; padding: 10px;    }
.default_lay7 > .default_lay7_col .wraps{
    width:100%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 9px 9px 2px rgba(174, 214, 236, 0.59);
    height: 100%;
}
.default_lay7 > .default_lay7_col .wraps .top{border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden ; }
.default_lay7 > .default_lay7_col .wraps .top img{width: 100%; }
.default_lay7 > .default_lay7_col .wraps .bottom{padding: 10px 25px;}
.default_lay7 > .default_lay7_col .wraps .bottom span{display: block; font-size: 15px; padding: 5px 10px; text-align: center;  margin: 0 auto;  margin-top: 5px; margin-bottom:10px; color: #fff; border-radius: 30px; }
.default_lay7 > .default_lay7_col .wraps .bottom span.type1{background-color: #229f96}
.default_lay7 > .default_lay7_col .wraps .bottom span.type2{background-color: #00a0c6}
.default_lay7 > .default_lay7_col .wraps .bottom span.type3{background-color: #0075ba}
.default_lay7 > .default_lay7_col .wraps .bottom span.type4{background-color: #005a95}
.default_lay7 > .default_lay7_col .wraps .bottom h2{font-size: 21px;  text-align: center; margin-bottom: 10px;}
.default_lay7 > .default_lay7_col .wraps .bottom ul li{position: relative; margin-bottom: 5px; padding-left: 10px; font-size: 14px;}
.default_lay7 > .default_lay7_col .wraps .bottom ul li:before{content: ''; width: 3px; height: 3px; background:#0070c3;  position: absolute; left: 0; top: 10px;  border-radius: 20px; }

.default_lay7 > .default_lay7_col.rel02 .wraps{
    padding-top:130px;
}
.default_lay7_col.rel02{
  position: relative;
}
.default_lay7_col.rel02 .detail_line_wrap{
    position:absolute;
    width: 100%;
    top: 25px;
}
.default_lay7_col.rel02 .detail_line_wrap ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.default_lay7_col.rel02 .detail_line_wrap ul li {
    height: 32px;
    display: flex;
}
.default_lay7_col.rel02 .detail_line_wrap ul .right{
    justify-content: flex-end;
}
.default_lay7_col.rel02 .detail_line_wrap .length_box{
    height: 100%;
    margin: 0 25px;
    border-radius: 16px;
    font-size:14px;
    color: #fff;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center
}
.default_lay7_col.rel02 .detail_line_wrap .length3{
    width: calc(75% - 50px);
}
.default_lay7_col.rel02 .detail_line_wrap .length1{
    width: calc(25% - 50px);
    background: #222;
}
.default_lay7_col.rel02 .detail_line_wrap .line01 .length_box{
    background: #00a0c6;
}
.default_lay7_col.rel02 .detail_line_wrap .line02 .length_box{
    background: #0075ba;
}
.default_lay7_col.rel02 .detail_line_wrap .line03 .length_box{
    background: #005a95;
}
   
@media screen and (max-width: 768px){
	.default_lay5{box-sizing: border-box;padding:20px;  background-color: #f7fafe;}

.default_lay5  .default_lay5_list .default_lay5_list_title{font-size: 21px;  color: #333; margin-bottom: 10px; }
.default_lay5_list_img{text-align: center; margin-top: 10px;}
.default_lay5_list_img img{width:100%; }



.default_lay6{padding: 20px; box-sizing: border-box; }
.default_lay6 .title{margin-bottom: 15px; }
.default_lay6 .title h2{font-size: 21px;   color: #333;}
.default_lay6 .default_lay6_col ul{
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
.default_lay6 .default_lay6_col ul li {
	width: 100%;
	margin-bottom:10px;
}
.default_lay6 .default_lay6_col ul li img{
	width: 100%;
}

.default_lay7{padding: 20px ; box-sizing: border-box; background-color: #effafa; }
.default_lay7 .title{margin-bottom: 15px; }
.default_lay7 .title h2{font-size: 28px;   color: #333;}
.default_lay7 > .default_lay7_col > ul{
    display: flex ;
    justify-content: center;
    align-items: stretch;
		flex-wrap: wrap;
}
.default_lay7_col.rel02 .detail_line_wrap .length1{width: 30%;}
.default_lay7 > .default_lay7_col > ul > li{width:100%;box-sizing: border-box; padding: 10px;    }
.default_lay7 > .default_lay7_col .wraps{
    width:100%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 9px 9px 2px rgba(174, 214, 236, 0.59);
    height: 100%;
}
.default_lay7 > .default_lay7_col .wraps .top{border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden ; }
.default_lay7 > .default_lay7_col .wraps .top img{width: 100%; }
.default_lay7 > .default_lay7_col .wraps .bottom{padding: 10px 25px;}
.default_lay7 > .default_lay7_col .wraps .bottom span{display: block; font-size: 15px; padding: 5px 10px; text-align: center;  margin: 0 auto;  margin-top: 5px; margin-bottom:10px; color: #fff; border-radius: 30px; }
.default_lay7 > .default_lay7_col .wraps .bottom span.type1{background-color: #229f96}
.default_lay7 > .default_lay7_col .wraps .bottom span.type2{background-color: #00a0c6}
.default_lay7 > .default_lay7_col .wraps .bottom span.type3{background-color: #0075ba}
.default_lay7 > .default_lay7_col .wraps .bottom span.type4{background-color: #005a95}
.default_lay7 > .default_lay7_col .wraps .bottom h2{font-size: 21px;  text-align: center; margin-bottom: 10px;}
.default_lay7 > .default_lay7_col .wraps .bottom ul li{position: relative; margin-bottom: 5px; padding-left: 10px; font-size: 14px;}
.default_lay7 > .default_lay7_col .wraps .bottom ul li:before{content: ''; width: 3px; height: 3px; background:#0070c3;  position: absolute; left: 0; top: 10px;  border-radius: 20px; }
.default_lay7 > .default_lay7_col.rel02 ul li:not(:first-of-type) .wraps{
	padding-top: 0;
}
}

/* 평가위원 신청내역 중지 팝업 */
.layerPop.temporary {
	max-width: 700px;
	width: calc(100% - 40px) !important;
	top: -150px !important;
    left: 50% !important;
    transform: translateX(-50%);
}
.layerPop.temporary .layerPop_area{
    background: #fff;
    border: 1px solid #000;
    padding: 50px 25px 30px;
}
.layerPop.temporary .layerPop_area p{   
    font-size: 20px;
    word-break: keep-all;
}

@media screen and (max-width: 768px){
	.layerPop.temporary .layerPop_area p {
   		font-size: 16px;
	}
}

/* 남부 경기 문화창조허브 */
.default_lay7.no_wrap > .default_lay7_col > ul{
  flex-wrap: nowrap;
}
.default_lay7.no_wrap > .default_lay7_col.rel02 .wraps{
  padding-top: 0;
}
.default_lay7.no_wrap > .default_lay7_col .wraps .bottom{
  padding-top: 130px;
}
.default_lay7.no_wrap .default_lay7_col.rel02 .detail_line_wrap{
  width: 75%;
  left: 12.5%;
}
.default_lay7.no_wrap .default_lay7_col.rel02 .detail_line_wrap .length3{
  width: calc(66% - 50px);
}
.default_lay7.no_wrap .default_lay7_col.rel02 .detail_line_wrap .length1{
  width: calc(33% - 50px);
}
.default_lay7.no_wrap .default_lay7_col.rel02 .detail_line_wrap .length_full{
  width: 100%
}

/* 사업설명회 */
.photo-area .bg.type_height{
  aspect-ratio: 1920 / 400;
}
.txt_box_wp ul {
  margin-top: 20px;
}
.txt_box_wp ul li{
  font-size: 20px;
}
.txt_box_wp ul li::before{
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #3b3786;
  border-radius: 50%;
  margin: 0 7px 4px;
}
.photo-area .sentence .btn.type_link{
  width: auto;
  min-width: 192px;
  padding: 8px 17px;
  margin-top: 0;
}
.photo-area .sentence .btn.type_link + .btn.type_link{
  margin-left: 15px;
}
.center_map_image.type02{
  margin-top: 30px;
}