@charset "utf-8";

.footer-banner {display: none;}

/* 사이트맵 */
.sitemap-bx > ul {margin: 0 -4.5%;}
.sitemap-bx > ul > li {padding: 0 4.5%; float: left; width: 33.33%; box-sizing: border-box; margin-bottom: 75px; min-height: 185px;}

.sitemap-bx .sitemap-tit {position: relative; height: 50px; border-radius: 25px; padding-left: 70px; background-color: #0057C2;}
.sitemap-bx .sitemap-tit p {font-size: 18px; color: #fff; letter-spacing: -0.5px; line-height: 50px;}

.sitemap-bx .sitemap-tit::before {position: absolute; font-size: 48px; left: 5px; top: 0; color: rgba(255, 255, 255, 0.2); line-height: 48px;}

.sitemap-bx .site1 .sitemap-tit::before {content: "01."}
.sitemap-bx .site2 .sitemap-tit::before {content: "02."}
.sitemap-bx .site3 .sitemap-tit::before {content: "03."}
.sitemap-bx .site4 .sitemap-tit::before {content: "04."}
.sitemap-bx .site5 .sitemap-tit::before {content: "05."}
.sitemap-bx .site6 .sitemap-tit::before {content: "06."}

.sitemap-bx > ul > li ul {margin-top: 15px;}
.sitemap-bx > ul > li ul li {padding: 0 6%;}
.sitemap-bx > ul > li ul li a {position: relative; display: block; font-size: 18px; line-height: 40px; color: #333333; font-weight: 300; padding-left: 20px;}
.sitemap-bx > ul > li ul li a::before {content: ""; position: absolute; width: 8px; height: 8px; background-color: #1E69E0; border-radius: 50%; left: 0; top: 17px;}
.sitemap-bx > ul > li ul li a:hover {color: #0057c2; text-decoration: underline;}


@media all and (max-width: 1000px){
  .sitemap-bx > ul {margin: 0 -1%;}
  .sitemap-bx > ul > li {padding: 0 1%;}
}

@media all and (max-width: 800px){
  .sitemap-bx > ul > li {width: 50%;}
}

@media all and (max-width: 460px){
  .sitemap-bx > ul > li {width: 100%; margin-bottom: 35px;}
}

/* 영상 */
.video-bx {position: relative; padding-top: 56.25%;}
.video-bx iframe, .video-bx object, .video-bx embed {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


/* 손과장님 작업내역 */
@import "utf-8";
*, *:after, *:before, *::after, *::before {box-sizing: border-box;}
.sub_contents {font-size:14px; line-height:1.4; box-sizing: border-box;}
.sub_contents img {width:auto; max-width:100%;}
.sub_contents .con-h3 {display:block; line-height:1.3; font-size:24px; margin:0 0 40px 0; font-weight:normal; color:#222; padding: 0 0 0 30px; background:url('../images/sub/bull_h3.png') no-repeat left 4px;}
.sub_contents .con-h3.small {margin: 0 0 20px 0;}
.sub_contents .con-h4 {display:block; line-height:1.5; font-size:18px; margin:0 0 30px 0; font-weight:normal; color:#002c63; padding: 0 0 0 25px; background:url('../images/sub/bull_h4.png') no-repeat left 6px;}
.sub_contents .con-h4.small {margin: 0 0 10px 35px;}
.sub_contents .con-h5 {display:block; line-height:1.5; font-size:16px; margin:0 0 20px 55px; font-weight:normal; color:#454545; padding: 0 0 0 20px; background:url('../images/sub/bull_h5.png') no-repeat left 6px;}
.sub_contents .con-h5.small {margin: 0 0 10px 55px;}

.sub_contents .section-box {margin:0 0 40px 0;}

.sub_contents .con-list {margin: 0 0 30px 0;}
.sub_contents .con-list.small {margin:0 0 10px 0;}
.sub_contents .con-list.end {margin:0 0 0px 0;}
.sub_contents .con-list li {position:relative; font-size:14px; padding: 0 0 0 35px; margin:0 0 10px 40px; color:#186097; line-height:1.5;}
.sub_contents .con-list li:after {content:''; position:absolute; left:20px; top:9px; width:3px; height:3px; background:#666666;}

.sub_contents .con-list .con-under li {position:; font-size:14px; padding: 0 0 0 35px; margin:0 0 10px 50px; color:#666; line-height:1.5;}

.sub_contents .con-notice {display:block; padding:10px 0 10px 40px;}
.sub_contents .con-notice.icon1 {background:url('../images/sub/ico_noti01.png') no-repeat 20px 12px; font-style:normal; color:#24825b;}
.sub_contents .con-notice.icon2 {background:url('../images/sub/ico_noti02.png') no-repeat 20px 12px; font-style:normal; color:#d44322;}
.sub_contents .con-notice.small {background-position: 0px 12px !important; padding-left:20px;}
.sub_contents .con-notice .imarg{margin-left:-25px;}

.sub_contents .con-box {background:#f6f6f6; border:1px solid #d9d9d9; padding:20px; margin:0 0 20px 0; line-height:1.5}

.sub_contents .con-table {position:relative; margin:0 0 40px 0;}
.sub_contents .con-table:after {content:''; position: absolute; right:0px; top:0px; width:1px; height:100%; background:#fff;}
.sub_contents .con-table table {position:relative; width:100%;}
.sub_contents .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#0052ab;}
.sub_contents .con-table thead th {padding:15px 10px; font-weight:normal; background:#eff2f9; color:#0052ab; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:15px;}
.sub_contents .con-table thead td {padding:15px 10px; background:#fff; color:#666; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:14px;}
.sub_contents .con-table tbody th {padding:15px 10px; font-weight:normal; background:#f1f1f1; color:#6d6e71; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:15px;}
.sub_contents .con-table tbody td {padding:15px 10px; background:#fff; color:#666; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:14px;}
.sub_contents .con-table .align-l {text-align:left;}
.sub_contents .con-table .align-c {text-align:center;}
.sub_contents .con-table .align-r {text-align:right;}

@media all and (max-width:960px) {
    .sub_contents .con-table {overflow-x: auto;}
    .sub_contents .con-table table {width:1000px;}
}

.sub_contents .con-card {max-width:1120px; margin:0 auto; position:relative; width: 100%; padding:130px; text-align:center;  background:url('../images/sub/bg_card.png') no-repeat top center; border:1px solid #d1d1d1; background-size:cover; margin-bottom: 60px;}
.sub_contents .con-card .control {cursor:pointer; position:absolute; left:0px; top:50%; width:100%; transform: translate(0,-50%);}
.sub_contents .con-card .control .prev {float:left; width:10%;}
.sub_contents .con-card .control .next {float:right; width:10%;}
.sub_contents .con-card .paging {display:inline-block; border-radius:15px; background:#053ea7; color:#fff; margin:30px 0; padding:10px 30px; font-size:16px;}
.sub_contents .con-card img {display: inline-block;}

.sub_contents .con-ready {max-width:1120px; margin:0 auto; margin-bottom:60px; border:1px solid #d1d1d1;}

.sub_contents .img-box {position:relative; background:url('../images/sub/pattern-menu-box.png') left top; padding:6px; margin:0 0 60px 0;}
.sub_contents .img-box:after {content:''; position:absolute; left:0px; top:0px; width:45px; height:45px; background:url('../images/sub/deco_imgbox1.png') no-repeat center center;}
.sub_contents .img-box:before {content:''; position:absolute; right:0px; bottom:0px; width:172px; height:79px; background:url('../images/sub/deco_imgbox2.png') no-repeat center center; z-index:4;}
.sub_contents .img-box .inner {display:table; width:100%; background:#fff; padding:25px; position: relative; z-index:5;}
.sub_contents .img-box .ico {display:table-cell; vertical-align: top; width:140px;}
.sub_contents .img-box .desc {display:table-cell; vertical-align: middle; padding:0 0 0 60px}
.sub_contents .img-box strong {display:inline-block; color:#0044c1; font-size:20px; font-weight:normal; margin:0 0 10px 0;}
.sub_contents .img-box p {color:#2a2a2a; font-size:16px; margin:0 0 10px 0;}
.sub_contents .img-box li {color:#575757; padding:0 0 10px 13px; background:url('../images/sub/bul_list.png') no-repeat left 4px;}

@media all and (max-width:700px) {
	.sub_contents .con-card {padding: 70px 40px 50px;}
    .sub_contents .img-box .ico {text-align: center; width:100%; margin: 0 0 20px 0;}
    .sub_contents .img-box .ico, .sub_contents .img-box .desc {display:block; padding:0px;}
}

.sub-content1 .area-bx .con-notice {margin: 0px 0 0px 0px; padding: 10px 0 5px 25px;}
.sub-content1 .area-bx .con-notice.icon2 {background:url('../images/sub/ico_noti02.png') no-repeat 0px 12px; font-style:normal; color:#d44322;}

/* 이주임님 작업내역 */

.bnd-new {
  position: relative;
  color: #000;
}

.bnd-new .inner {
  background: url('../images/sub/sub-visual_2003.png') top center no-repeat;
}

.bnd-new h3 {
  position: relative;
  font-size: 35px;
  font-weight: normal;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
  padding: 120px 0 80px 0;
}

.bnd-new h3::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 100px;
  width: 40px;
  height: 3px;
  margin-left: -20px;
  background-color: #fff;
}

.bnd-new .sub-vis {
  position: relative;
  background-color: rgba(38, 53, 74, .9);
}

.bnd-new .sub-vis::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 465px;
  height: 100%;
  background-color: rgba(60, 69, 80, .9);
  margin-left: -1000px;
}

.bnd-new .sub-vis .btm-area {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.bnd-new .btm-area {
  width: 100%;
  font-size: 16px;
}

.bnd-new .btm-area::after {
  content: '';
  display: block;
  clear: both;
}

.bnd-new .btm-area>ul>li>a {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  color: #fff;
  background-image: url('../images/sub/subVis-ico.png');
  background-repeat: no-repeat;
  padding: 0 20px;
  box-sizing: border-box;
}

.bnd-new .btm-area .btm-left>li>a.goHome {
  width: 70px;
  text-indent: -9999px;
  background-position: 20px 10px;
}

.bnd-new .btm-area .btm-left>li:nth-child(2)>a {
  background-image: url('../images/sub/subVis-ico.png'), url('../images/sub/subVis-ico.png');
  background-position: right 15px top -56px, right -14px top -170px;
}

.bnd-new .btm-area .btm-left>li:nth-child(3)>a {
  background-position: right 15px top -56px;
}
.bnd-new .btm-area .btm-left>li:nth-child(2)>a {
min-width: 192px;
}
.bnd-new .btm-area .btm-left>li:nth-child(2)>a,
.bnd-new .btm-area .btm-left>li:nth-child(3)>a {
  padding-right: 50px;
}

.bnd-new .btm-area .btm-left>li:nth-child(2)>a.ac {
  background-position: right 15px top -112px, right -14px top -170px;
}

.bnd-new .btm-area .btm-left>li:nth-child(3)>a.ac {
  background-position: right 15px top -112px;
}

.bnd-new .btm-area>ul {
  display: table;
  width: 50%;
}

.bnd-new .btm-area>ul>li {
  position: relative;
  display: inline-block;
  margin-bottom: -4px;
}

.bnd-new .btm-area .btm-left {
  float: left;
}

.bnd-new .btm-area .btm-right {
  float: right;
  text-align: right;
}

.bnd-new .btm-area .btm-right>li>a {
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -99999px;
  padding: 0;
  border-right: 1px solid rgba(255, 255, 255, .5);
}

.bnd-new .btm-right>li:nth-child(1)>a {
  background-position: left 9px top -234px;
  border-left: 1px solid rgba(255, 255, 255, .5);
}

.bnd-new .btm-right>li:nth-child(2)>a {
  background-position: left 9px top -482px;
}

.bnd-new .btm-right>li:nth-child(3)>a {
  background-position: left 7px top -290px;
}

.bnd-new .btm-right>li:nth-child(4)>a {
  background-position: left 8px top -350px;
}

.bnd-new .btm-right>li:nth-child(5)>a {
  background-position: left 9px top -417px;
}

.bnd-new .btm-area .sp-share,
.bnd-new .btm-area .sp-menu {
  display: none;
  position: absolute;
  width: 100%;
  color: #666;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 5px;
  z-index: 1;
  box-sizing: border-box;
}

.bnd-new .btm-area .sp-share {
  text-align: left;
  width: 500px;
  right: 0;
  top: 100%;
}

.bnd-new .btm-area .sp-share li,
.bnd-new .btm-area .sp-menu li {
  display: block;
  margin: 5px 0;
}

.bnd-new .btm-area .sp-share a,
.bnd-new .btm-area .sp-menu a {
  display: block;
  padding: 8px;
  box-sizing: border-box;
  /* display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 !important;
  padding: 5px !important;
  background: none !important;
  color: #666; */
}

.bnd-new .btm-area .sp-menu a:hover {
  color: #fff;
  background-color: rgba(38, 53, 74, .5) !important;
}

/* 프린트&sns공유버튼 */
label.labelH {
  font-size: 0;
  line-height: 0;
}

.floatL {
  float: left !important;
}

.box_share {
  text-align: left;
  max-width: 1200px;
  position: relative;
}

.box_share>ul {
  position: absolute;
  top: -52px;
  right: 0;
}

.box_share>ul>li {
  display: inline-block;
}

.box_share>ul>li>button {
  font-size: 0;
  width: 17px;
  height: 17px;
  border: 0;
  background: url('../images/sub/btn_share.gif') left top no-repeat;
  margin-left: 10px;
}

.box_share>ul>li>button.share {
  background-position: -18px top;
}

.box_share>ul>li>button.share.on {
  background-position: -35px top;
}

.box_share {
  display: none;
  position: absolute;
  right: 10px;
  top: calc(100% + 11px);
  width: 350px;
  padding: 10px 0 0 15px;
  border: 1px solid #cecece;
  background: #fff;
  text-indent: 0;
  z-index: 990;
}

.box_share .box_sns dl {
  margin: 5px 0;
}

.box_share .box_sns button.close {
  background: url('../images/sub/btn_fav_close.gif') center center no-repeat;
  width: 13px;
  height: 13px;
  text-indent: -5000px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.box_share .list_sns,
.box_share .list_share {
  display: inline-block;
  width: 100%;
  text-indent: 0;
}

.box_share dt {
  width: 20%;
  color: #333;
  font-weight: bold;
}

.box_share dd {
  width: 77%;
}

.box_share .list_sns dt,
.box_share .list_sns dd {
  float: left;
}

.box_share .list_sns ul {
  display: inline-block;
}

.box_share .list_sns ul li {
  float: left;
  text-align: left;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  background: url('../images/sub/btn_sns.gif') 0 0 no-repeat;
  text-indent: -5000px;
  cursor: pointer;
}

.box_share .list_sns ul li a {
  display: block;
}

.box_share .list_sns ul li.btn_fb {
  background-position: 0 0;
}

.box_share .list_sns ul li.btn_tw {
  background-position: -25px 0;
}

.box_share .list_sns ul li.btn_ks {
  background-position: -50px 0;
}

.box_share .list_sns ul li.btn_pr {
  background-position: -75px 0;
}

.box_share .list_sns ul li.btn_na {
  background-position: -100px 0;
}

.box_share .list_share dt,
.box_share .list_share dd,
.box_share .list_share dd ul li {
  float: left;
}

.box_share dt {
  padding: 5px 0;
  font-size: 14px;
}

.box_share .list_share ul {
  display: inline-block;
  width: 100%;
}

.box_share .list_share ul li.first {
  width: 80%;
  min-width: 180px;
  height: 30px;
}

.box_share .list_share ul li.last {
  float: right;
  width: 20%;
}

.box_share .list_share input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border: 1px solid #cecece;
  text-indent: 5px;
}

.box_share .list_share a {
  display: block;
  width: auto;
  height: 30px;
  font-size: 14px;
  padding: 0 5px;
  margin-left: 5px;
  background: #707070;
  line-height: 29px;
  text-align: center;
  color: #fff;
}

.box_share .list_share a:hover {
  color: #ffcc00 !important;
}

@media all and (max-width: 1000px) {
  .bnd-new .btm-area .btm-left {
    /* display: none; */
  }

  .bnd-new .btm-area .btm-left {
  }

  .bnd-new .btm-area .btm-right {
    /* float: left; */
    /* width: 100%; */
    /* text-align: left; */
  }

  .bnd-new .btm-area>ul {
    width: auto;
  }

  .bnd-new .btm-area .btm-right>li {
    display: none;
  }

  .bnd-new .btm-area>ul>li::after {
    content: '';
    display: block;
    clear: both;
  }

  .bnd-new .btm-area>ul>li:last-child {
    display: inline-block;
  }

  .bnd-new .btm-area .btm-right>li>a {
    float: right;
    border-left: 1px solid rgba(255, 255, 255, .5);
  }
}

@media all and (max-width: 600px) {
  .sub-vis {
    display: none;
  }
  
	.bnd-new .inner {
	  background-size: cover;
}

  .bnd-new h3 {
    font-size: 28px;
    padding: 55px 0;
  }

  .bnd-new h3::before {
    top: 40px;
  }

  .content-area .page-tit {
    font-size: 26px;
  }
}

/* Content wrap */
.content-area {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.content-area .content-tit {
  text-align: center;
  border-bottom: 1px solid #bfbfbf;
  padding-top: 40px;
  padding-bottom: 20px;
}

.content-area h2 {
  position: relative;
  text-align: center;
  display: inline-block;
  color: #2c2c2c;
  font-size: 34px;
  padding-top: 30px;
}

.content-area h2::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 31px;
  height: 22px;
  margin-left: -15px;
  background: url('../images/sub/page-tit.png') center center no-repeat;
}

.content-area .content-btm {
  min-height: 350px;
}
.prep-area {
  position: relative;
  width: 100%;
  max-width: 1120px;
  border: 1px solid #d1d1d1;
  background: url('../images/sub/prep-bg.png') center center no-repeat #fbfbfb;
  box-sizing: border-box;
  padding: 70px;
  margin: 0 auto;
}

.prep-area::before {
  content: '';
  position: absolute;
  width: 123px;
  height: 127px;
  left: 35px;
  top: 0;
  background: url('../images/sub/prep-before.png');
}

.prep-area::after {
  content: '';
  position: absolute;
  width: 116px;
  height: 265px;
  right: 60px;
  bottom: 0;
  background: url('../images/sub/prep-after.png');
}

.prep-area img {
  display: block;
  width: 100%;
  max-width: 287px;
  margin: 0 auto;
}

.prep-area .txt-wrap {
  text-align: center;
  margin-top: 20px;
}

.prep-area .txt-wrap strong {
  display: block;
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 400;
}

.prep-area .txt-wrap b {
  position: relative;
  color: #006cb0;
  font-size: 30px;
 font-weight: 400;
}

.prep-area .txt-wrap b::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-left: -2px;
  background-color: #006cb0;
}

.prep-area .txt-wrap p {
  font-size: 17px;
}

@media all and (max-width: 800px) {
  .prep-area {
    padding: 50px 20px;
  }

  .prep-area img {
    position: relative;
    z-index: 1;
  }

  .prep-area .txt-wrap {
    position: relative;
    z-index: 1;
  }

  .prep-area .txt-wrap strong {
    font-size: 20px;
  }

  .prep-area .txt-wrap b {
    font-size: 25px;
  }

  .prep-area .txt-wrap p {
    font-size: 15px;
  }

  .prep-area::before {
  content: '';
 display: none;
}

.prep-area::after {
  content: '';
 display: none;
}
}


/* 설문조사 */
#survey-container {font-size: 16px; font-weight: 300; line-height: 25px; word-break: keep-all;}
#survey-container.area-bx .answer dl dt {font-weight: 500;}
#survey-container.area-bx .answer dl dt span {font-size: 13px;}
#survey-container .answer dl dd ol li {margin: 10px 0;}
#survey-container span.wizBtn.large, #survey-container span.wizBtn.small {height: auto;}

/* 서브 이미지 박스 */
.sub-img-bx {margin-left: 60px;}
.sub-img-bx img {max-width: 100%;}

.tit-img-bx img {max-width: 100%;}

.broad-content .sub-img-bx {margin-left: 0; }
.broad-content .sub-img-bx, .broad-content .tit-img-bx {text-align: center;}

/* 서브 추가 작업 손과장님 */
.wrap-graph {display:inline-block; width:100%;}
.wrap-graph .graph {width: 33.333%; float:left; padding:0 2%;}
.wrap-graph .graph .year {display:inline-block; width:100%; background:#eff2f9; border-top:2px solid #303030; padding:15px 0; text-align:center}
.wrap-graph .graph .year .prev, .wrap-graph .graph .year .next, .wrap-graph .graph .year .first, .wrap-graph .graph .year .last {width:50%; float:left; color:#0052ab;}
.wrap-graph .graph .title {margin-top:-5px; background:#5b5b5b; text-align:center; color:#fff; font-size:18px; padding:15px 0;}
.wrap-graph .graph .rect {height:160px; display:table; width:100%;}
.wrap-graph .graph .rect .prev, .wrap-graph .graph .rect .next, .wrap-graph .graph .rect .first, .wrap-graph .graph .rect .last {display:table-cell; vertical-align:bottom; padding:0 11%;}
.wrap-graph .graph .rect span {position:relative; display:block; text-align:center; background:url('../images/sub/bg_graph.png') repeat center center;}
.wrap-graph .graph .rect span i {position:absolute; left:50%; top: 50%; width:100%; font-style:normal; transform:translate(-50%,-50%); color:#fff;}
.wrap-graph .graph .rect span:after {display:none; content:''; position:absolute; top:0px; right: 115%; width:40px; height:28px; background:url('../images/sub/ico_change.png') no-repeat center center;}
.wrap-graph .graph .rect .prev span {background-color:#dc5019;}
.wrap-graph .graph .rect .next span {background-color:#1976c9;}
.wrap-graph .graph .rect .next span:after {display:block;}

.wrap-graph.type02 {margin:0px;}
.wrap-graph.type02 .graph {width:100%; margin:40px 0 0 0;}
.wrap-graph.type02 .graph .rect .prev, .wrap-graph.type02 .graph .rect .next, .wrap-graph.type02 .graph .rect .first, .wrap-graph.type02 .graph .rect .last {padding:0 6%;}
.wrap-graph.type02 .graph .year .prev, .wrap-graph.type02 .graph .year .next, .wrap-graph.type02 .graph .year .first, .wrap-graph.type02 .graph .year .last {width:25%;}
.wrap-graph.type02 .graph .rect .first span {background-color:#dc5019;}
.wrap-graph.type02 .graph .rect .prev span {background-color:#858585;}
.wrap-graph.type02 .graph .rect .next span {background-color:#3083ce;}
.wrap-graph.type02 .graph .rect .last span {background-color:#1c804d;}
.wrap-graph.type02 .graph .rect span:after {display:block; width:75px; height:61px; right:120%; background:url('../images/sub/ico_change2.png') no-repeat center center;}
.wrap-graph.type02 .graph .rect .first span:after {display:none;}
.wrap-graph.type02 .graph .rect span:before {content:''; position:absolute; top:-10px; right: 140%; font-size:32px; color:#ef6716; z-index:1;}
.wrap-graph.type02 .graph .rect .prev span:before {content:'88%'}
.wrap-graph.type02 .graph .rect .next span:before {content:'33%'}
.wrap-graph.type02 .graph .rect .last span:before {content:'25%'}
.wrap-graph.type02 .graph .rect span i {font-size:18px; top:-20px;}
.wrap-graph.type02 .graph .rect .first span i {color:#a12d00;}
.wrap-graph.type02 .graph .rect .prev span i {color:#4a4a4a;}
.wrap-graph.type02 .graph .rect .next span i {color:#004b8e;}
.wrap-graph.type02 .graph .rect .last span i {color:#00592c;}
.wrap-graph.type02 .subject {font-size:14px; color:#d44322; padding:0 0 0 20px; margin:0 0 0 20px; background:url('../images/sub/ico_subject.png') no-repeat left 3px;}

@media all and (max-width:1030px) {
    .wrap-graph.type02 .graph .rect span:before {font-size: 21px; right: 138%;}
    .wrap-graph.type02 .graph .rect span:after {right:110%;}
}

@media all and (max-width:760px) {
    .wrap-graph .graph {width:100%; padding:2%; float:none;}
    .wrap-graph .graph .rect span:after {right:125%;}
    .wrap-graph.type02 .graph .rect span:after {background-size:contain; width:50px;}
    .wrap-graph.type02 .graph .rect span:before {font-size:17px; right:133%;}
    .wrap-graph.type02 .graph .rect span i {font-size:14px;}
}

@media all and (max-width:530px) {
    .wrap-graph.type02 .graph .rect .prev, .wrap-graph.type02 .graph .rect .next, .wrap-graph.type02 .graph .rect .first, .wrap-graph.type02 .graph .rect .last {padding: 0 5%;}
    .wrap-graph.type02 .graph .rect span:after {width:30px; right: 111%;}
    .wrap-graph.type02 .graph .rect span:before {font-size:13px; right: 122%; top: 0;}
    .wrap-graph.type02 .graph .rect span i {font-size:12px;}
}

/* 국방태세 확립 */
.sub_contents .broad-content  .con-h5 {margin: 0 0 5px 55px;}
.sub_contents .broad-content  .con-notice {margin-left: 55px;}

/* 추가작업 이주임님 */

/* design */
.g-diag {
  position: relative;
  overflow: hidden;
  width: 100%; box-sizing: border-box;
}

.g-diag dl {
  float: left;
  width: calc(100% / 3 - (160px / 3));
  margin-right: 80px;
}

.g-diag dl:last-child {
  margin-right: 0;
}

.g-diag dl dt {
  position: relative;
  display: table;
  width: 130px;
  height: 130px;
  text-align: center;
  border-radius: 50%;
  background-image: url('../images/ptrn-01.png');
  background-repeat: repeat;
  margin: 0 auto;
  margin-bottom: -10px;
  z-index: 1;
}

.g-diag dt b {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  padding: 10px;
}

.g-diag dl:nth-child(1) dt {
  background-color: #1c804d;
}

.g-diag dl:nth-child(2) dt {
  background-color: #1976c9;
}

.g-diag dl:nth-child(3) dt {
  background-color: #d95d31;
}

.g-diag dl dd {
  display: table;
  width: 100%;
  height: 170px;
  border: 1px solid #c9c9c9;
  border-radius: 12px;
  padding: 15px;
  box-sizing: border-box;
}

.g-diag dl dd .dd-inner {
  display: table-cell;
  vertical-align: middle;
}

.g-diag dd ul {}

.g-diag dd ul li {
  color: #555;
  font-size: 14px;
  line-height: 24px;
}

.g-diag dd ul.in-block li {
  display: inline-block;
  margin-right: 12px;
}

/* Tablet */
@media all and (max-width: 860px) {
  .g-diag dl {
    width: calc(100% / 2 - (40px / 2));
    margin: 20px 40px 20px 0;
  }

  .g-diag dl:last-child {
    float: none;
    margin: 0 auto;
  }

  .g-diag dl:nth-child(2n) {
    margin-right: 0;
  }
}

/* Mobile */
@media all and (max-width: 420px) {
  .g-diag dl {
    float: none;
    width: 100%;
    margin: 20px 0;
  }
}

.graph-bx {margin: 10px 0 30px; margin-left: 65px; }


/* design */
.g-graph {
  position: relative;
}

.g-graph dl {
  width: 100%;
  margin-bottom: -5px;
  overflow: hidden;
}

.g-graph dl:last-child {
  margin-bottom: 0;
}

.g-graph dt {
  position: relative;
  display: inline-block;
  width: 22%;
  text-align: right;
}

.g-graph dt p {
  display: table;
  width: 100%;
  height: 140px
}

.g-graph dt b {
  display: table-cell;
  vertical-align: middle;
  font-size: 19px;
  font-weight: normal;
}

.g-graph dd {
  display: table;
  float: right;
  width: 76%;
  height: 140px;
  border-left: 2px solid #d4d4d4;
  box-sizing: border-box;
}

.g-graph dd ul {
  display: table-cell;
  vertical-align: middle;
}

.g-graph dd ul li {
  margin: 10px 0;
}

.g-graph dd ul p {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  background-repeat: repeat;
  background-color: #1976c9;
  background-image: url('../images/ptrn-01.png');
  padding: 8px 15px;
  box-sizing: border-box;
}

.g-graph dd ul li:nth-child(2n) p {
  background-color: #eb9374;
}

.g-graph dd ul p span {
  color: #fffc00;
}

.g-graph dd ul p.graph-t01 {
  width: calc(100% - 62px);
}

.g-graph dd ul p.graph-t02 {
  width: calc(90% - 62px);
}

.g-graph dd ul p.graph-t03 {
  width: calc(70% - 62px);
}

.g-graph dd ul p.graph-t04 {
  width: calc(30% - 62px);
}

.g-graph dd ul p.graph-t05 {
  width: calc(50% - 62px);
}

.g-graph dd ul p.graph-t06 {
  width: calc(40% - 62px);
}

.g-graph dd ul i {
  color: #383838;
  font-size: 18px;
}

/* Tablet */
@media all and (max-width: 860px) {
  .g-graph dl {
    margin-bottom: 20px;
  }

  .g-graph dt {
    width: 100%;
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .g-graph dt p {
    display: block;
    height: auto;


    text-align: center;
    padding: 20px 0;
  }

  .g-graph dt b {
    display: inline-block;
  }

  .g-graph dd {
    width: 100%;
  }

  .g-graph dd ul i {
    font-size: 15px;
  }

  .g-graph dd {
    border: 2px solid #ddd;
  }

  .g-graph dd ul p.graph-t01 {
    width: calc(100% - 52px);
  }

  .g-graph dd ul p.graph-t02 {
    width: calc(90% - 52px);
  }

  .g-graph dd ul p.graph-t03 {
    width: calc(80% - 52px);
  }

  .g-graph dd ul p.graph-t04 {
    width: calc(40% - 52px);
  }

  .g-graph dd ul p.graph-t05 {
    width: calc(66% - 52px);
  }

  .g-graph dd ul p.graph-t06 {
    width: calc(50% - 52px);
  }
}

/* Mobile */
@media all and (max-width: 420px) {
  .g-graph dd ul p.graph-t04 {
    width: calc(45% - 52px);
  }

  .g-graph dd ul p.graph-t05 {
    width: calc(70% - 52px);
  }

  .g-graph dd ul p.graph-t06 {
    width: calc(55% - 52px);
  }
}


/* 게시판 */
/* 페이징 */
.paging {text-align: center; padding: 40px 0;}
.paging > button {display: inline-block; vertical-align: middle; width: 33px; height: 33px; border: 1px solid #CFCFCF; margin: 0 3px;}
.paging > button.first {background: url("/mbshome/mbs/plan/images/button/btn_pg_first.png") no-repeat center;}
.paging > button.prev {background: url("/mbshome/mbs/plan/images/button/btn_pg_prev.png") no-repeat center;}
.paging > button.next {background: url("/mbshome/mbs/plan/images/button/btn_pg_next.png") no-repeat center;}
.paging > button.last {background: url("/mbshome/mbs/plan/images/button/btn_pg_last.png") no-repeat center;}

.paging .pc {display: inline-block; vertical-align: middle; }
.paging ul {display: inline-block; vertical-align: middle; margin: 0 10px;}
.paging ul li {display: inline-block; vertical-align: middle; margin: 0 3px;}
.paging ul li button {display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 16px; color: #666666; font-weight: 300;}
.paging ul li.selected button {font-weight: 500; color: #fff; background-color: #777777;}
.paging ul li:hover button {text-decoration: underline;}

.paging .tam {display: none; margin: 0 20px;}
.paging .tam p {float: left; font-size: 16px; color: #666; line-height: 35px; font-weight: 300;}
.paging .tam p.current {color: #063F96; margin-right: 10px; font-weight: 500;}
.paging .tam p.total {margin-left: 10px;}

.ta .paging {padding: 30px 0;}
.mo .paging {padding: 30px 0;}

.ta .paging .pc {display: none;}
.mo .paging .pc {display: none;}

.ta .paging .tam, .mo .paging .tam {display: inline-block; vertical-align: middle;}


/* 버튼 모음 */
.board-btn-group {padding: 50px 0; text-align: center;}

/* 파일 가져오기 */
.custom-file label {display: inline-block; width: 145px; height: 35px; border: 1px solid #D5D5D5; background: #ECECEC url("/mbshome/mbs/sdd/images/icon/ic_file.png") no-repeat 10px center; padding-left: 45px; box-sizing: border-box; text-align: center; line-height: 33px; text-align: left;}
.custom-file input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }



/* 비디오 */
.video-list {margin: 0 -1%; padding-top: 40px;}
.video-list-inner {float: left; width: 31.333%; position: relative; padding: 0 1%; margin-bottom: 40px;}

.video-list-inner .video-view-btn {position: absolute; z-index: 15; display:inline-block; width: 100px; height: 35px; font-size: 14px; color: #fff; background-color: #1c3c8f; left: 5%; top: 10px; line-height: 35px; text-align: center; border: 0;}
.video-list-inner .video-view-btn::after {border: 0;}


.video-list-inner > a {display: block; position: relative;}
.video-list-inner > a::after {content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid #DADDDE; box-sizing: border-box; left: 0; top: 0; }
.video-list-inner > a .video-list-img {position: relative; padding-top: 72.7%;}
.video-list-inner > a .video-list-img span {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.video-list-inner > a .video-list-img span img {width: 100%; height: 100%;}

.video-list-txt {position: absolute; left: 0px; box-sizing: border-box; bottom: 0px; text-align: center; width: 100%; z-index: 10; background: rgba(0, 0, 0, 0.7); height: 70px; overflow: hidden; }
.video-list-txt > p {display: table; width: 100%; height: 60px;}
.video-list-txt > p span {display: table-cell; vertical-align: middle; font-size: 19px; line-height: 30px; color: #fff; padding: 5px 10px; width: 100%; word-break: break-all;}

.video-list-txt ul {display: none;}
.video-list-txt ul li {float: left; position: relative; font-size: 14px; line-height: 20px; color: #9a9a9a; padding: 0 10px;}
.video-list-txt ul li::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #616161; left: 0; top: 6px; z-index: 10;}
.video-list-txt ul li:first-child::before {display: none;}
.video-list-txt ul li .view {padding-left: 25px; background: url("/mbshome/mbs/sdd/images/icon/ic_view.png") no-repeat left center;}

.video-hover {position: absolute; width: 100%; height: 100%; z-index: 11; left: 0; top: 0; background: rgba(0, 0, 0, 0.5) url("/mbshome/mbs/sdd/images/icon/ic_video.png") no-repeat center; transition: all 0.3s; opacity: 0; }

.video-list-inner a:hover .video-hover {opacity: 1;}

.ta .video-list-inner {width: 48%; margin-bottom: 20px;}
.ta .video-hover {background-size: 60px auto;}

.mo .video-list-inner {width: 100%; padding: 0; margin-bottom: 20px;}
.mo .video-hover {background-size: 60px auto;}

/* 사진 */
.photo-list {margin: 0 -1%; padding-top: 40px;}
.photo-list-inner {float: left; width: 25%; position: relative; padding: 0 1%; margin-bottom: 40px;}
.photo-list-inner a {display: block; position: relative; transition: all 0.3s; }
.photo-list-inner a::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; z-index: 5; border: 1px solid #DADDDE;}
.photo-list-inner a .photo-img {position: relative; padding-top: 100%; }
.photo-list-inner a .photo-img span {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.photo-list-inner a .photo-img span img {width: 100%;}

.photo-info {padding: 25px; padding-bottom: 35px; }
.photo-info p {font-size: 18px; line-height: 30px; color: #444444; font-weight: 500; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; height: 60px;}

.photo-list-inner a:hover {background-color: #F7FDFF; box-shadow: 0 5px 2px rgba(0, 0, 0, 0.11);}
.photo-list-inner a:hover::after {border: 1px solid #6991B4;}

.ta .photo-list-inner {width: 48%; margin-bottom: 20px;}
.ta .photo-info {padding: 20px;}

.mo .photo-list-inner {width: 100%; padding: 0; margin-bottom: 20px;}
.mo .photo-info {padding: 20px;}

/* 보도자료 */
.broad-list {padding-top: 40px;}
.broad-list-inner {position: relative; margin-bottom: 40px;}
.broad-list-inner a {display: block; border: 1px solid #C5C5C5; transition: all 0.3s;}
.broad-img {position: relative; float: left; height: 240px; width: 365px;}
.broad-img span {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.broad-img span img {width: 100%; height: 100%;}

.broad-info {float: left; width: calc(100% - 365px); padding: 25px 20px; box-sizing: border-box;}


.broad-view-btn {position: absolute; z-index: 10; left: 25px; top: 20px; z-index: 15;
display: inline-block;
width: 100px;
height: 35px;
font-size: 14px;
color: white;
background-color: #1C3C8F;
line-height: 35px;
text-align: center;
border: 0;}

.broad-info .num {font-size: 16px; line-height: 25px; color: #6fbcf6; margin-left: 10px;}
.broad-info .tit {font-size: 20px; line-height: 30px; color: #444444; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 12px 10px;}
.broad-info .info {font-size: 16px; line-height: 25px; color: #666666; height: 50px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; margin:0 10px; margin-bottom: 20px;}
.broad-info .broad-date {text-align: right; font-size: 14px; line-height: 20px; color: #9b9b9b; font-weight: 300; border-top: 1px solid #DADADA; padding-right: 20px; padding-top: 20px;}

.broad-list-inner a:hover {border-color: #6991B4; background-color: #F7FDFF; box-shadow: 0 5px 2px rgba(0, 0, 0, 0.11);}

@media all and (max-width: 700px){
  .broad-img {float: none; width: 100%; height: auto; padding-top: 65.75%;}
  .broad-info {float: none; width: 100%; }
}

.mo .broad-list-inner {margin-bottom: 20px;}

.mo .broad-img {float: none; width: 100%; height: auto; padding-top: 65.75%;}
.mo .broad-info {float: none; width: 100%; }










/* 글쓰기폼 */
.write-content {padding-top: 40px;}
.write-content .essential-icon {color: #f90029; font-size: 20px;}
.write-content table {width: 100%; border-bottom: 2px solid #7C7C7C; border-top: 2px solid #7C7C7C;}
.write-content table tbody th {padding: 0 25px; height: 50px; background-color: #F5F5F5; border-bottom: 1px solid #dfdfdf; text-align: left; font-size: 17px; color: #555555; font-weight: 300;}
.write-content table tbody tr:first-child th:first-child {border-top: 2px solid #0073DB;}
.write-content table tbody td {padding: 10px; border-bottom: 1px solid #dfdfdf;}
.write-content table tbody td input[type="text"] {width: 100%; border: 1px solid #DFDFDF; height: 30px; box-sizing: border-box; padding: 0 10px; font-size: 14px;}
.write-content table tbody td input::placeholder {color: #9c9c9c;}

.write-content table tbody td.editor {padding: 20px 0; border-bottom: 1px solid #7C7C7C;}
.write-content table tbody td.editor .editor-form {width: 100%;}
.write-content table tbody td.editor .editor-form textarea {width: 100%; min-height: 475px; box-sizing: border-box;}

.file-form {display: table; width: 100%;}
.file-form .file-list {display: table-cell; vertical-align: top;}
.file-form .file-list input {background-color: #fff;}
.file-form .file-list select {width: 100%; height: 100%; box-sizing: border-box;}

.file-form .file-btn {position: relative; display: table-cell; vertical-align: top; width: 310px; box-sizing: border-box; padding-left: 10px; }
.file-form .file-btn button {display: block; width: 145px; height: 35px; border: 1px solid #D5D5D5; background: #ECECEC url("/mbshome/mbs/sdd/images/icon/ic_delete.png") no-repeat 10px center; padding-left: 35px; box-sizing: border-box; text-align: left;}
.file-form .file-btn button.save {display: block; width: 145px; height: 35px; border: 1px solid #D5D5D5; background: #ECECEC url("/mbshome/mbs/sdd/images/icon/ic_file.png") no-repeat 10px center; padding-left: 35px; box-sizing: border-box; text-align: left;}
.file-form .file-btn p {position: absolute; left: 10px; bottom: 0; font-size: 14px; color: #9c9c9c; letter-spacing: -0.5px;}

.image-form .file-btn .custom-file {float: left;}
.image-form .file-btn button {float: right; }

.attach-form .file-list input, .attach-form .file-list select {min-height: 130px; vertical-align: top; border: 1px solid #DFDFDF;}

.attach-form .file-btn button {margin-top: 10px;}

.write-table {position: relative; border-bottom: 2px solid #7C7C7C; border-top: 2px solid #7C7C7C;}
.write-table::after {content: ""; position: absolute; width: 200px; height: 2px; background-color: #0073DB; left: 0; top: -2px; }
.write-form-wrap {display: table; width: 100%;}

.write-tit {display: table-cell; vertical-align: middle; padding: 0 25px; height: 50px; background-color: #F5F5F5; border-bottom: 1px solid #dfdfdf; text-align: left; font-size: 17px; color: #555555; font-weight: 300; width: 200px; box-sizing: border-box;}
.write-box {display: table-cell; vertical-align: middle; padding: 10px; border-bottom: 1px solid #dfdfdf;}
.write-box input[type="text"] {width: 100%; border: 1px solid #DFDFDF; height: 30px; box-sizing: border-box; padding: 0 10px; font-size: 14px;}
.write-box input::placeholder {color: #9c9c9c;}

.write-box input[id="noticeFrom"], .write-box input[id="noticeTo"] {width: auto;}

.write-editor {padding: 20px 0; border-bottom: 1px solid #7C7C7C;}
.write-editor .editor-form { width: 100%;}
.write-editor .editor-form textarea {width: 100%; min-height: 475px; box-sizing: border-box;}


.ta .write-form-wrap.col4-wrap {display: block; overflow: hidden;}
.ta .col4-wrap .write-tit {display: block; float: left; width: 200px; height: 51px; line-height: 51px;}
.ta .col4-wrap .write-box {display: block; float: left; width: calc(100% - 220px);}


.ta .file-form {display: block; overflow: hidden;}
.ta .file-form .file-list {display: block; }
.ta .file-form .file-btn {display: block; padding-left: 0; margin-top: 10px; overflow: hidden; width: 220px;}
.ta .file-form .file-btn p {position: static; float: left; width: 100%; margin-top: 10px;}

.ta .file-form .file-btn .custom-file {float: left;}
.ta .file-form .file-btn button {float: right; }
.ta .attach-form .file-btn button  {margin-top: 0;}

.ta .custom-file label {padding-left: 0; width: 100px; background: #ECECEC; text-align: center;}
.ta .file-form .file-btn button {padding-left: 0; width: 110px; background: #ECECEC; text-align: center;}


.mo .write-table::after {width: 130px;}
.mo .write-tit {width: 130px;}
.mo .write-form-wrap.col4-wrap {display: block; overflow: hidden;}
.mo .col4-wrap .write-tit {display: block; float: left; width: 130px; height: 51px; line-height: 51px;}
.mo .col4-wrap .write-box {display: block; float: left; width: calc(100% - 150px);}


.mo .file-form {display: block; overflow: hidden;}
.mo .file-form .file-list {display: block; }
.mo .file-form .file-btn {display: block; padding-left: 0; margin-top: 10px; overflow: hidden; width: 220px;}
.mo .file-form .file-btn p {position: static; float: left; width: 100%; margin-top: 10px;}

.mo .file-form .file-btn .custom-file {float: left;}
.mo .file-form .file-btn button {float: right; }
.mo .attach-form .file-btn button  {margin-top: 0;}

.mo .custom-file label {padding-left: 0; width: 100px; background: #ECECEC; text-align: center;}
.mo .file-form .file-btn button {padding-left: 0; width: 110px; background: #ECECEC; text-align: center;}

.mo .write-editor .editor-form {}
.mo .write-editor .editor-form textarea {min-height: 300px;}
.mo .write-content table tbody td.editor .editor-form {}
.mo .write-content table tbody td.editor .editor-form textarea {min-height: 300px;}










/* 일반리스트 */
.notice-list {padding-top: 40px;}
.bbs-list-tbl{display:table; width:100%; table-layout:fixed;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#F2F2F2; color:#444444; font-weight:400; font-size:16px; line-height: 16px; letter-spacing:-0.5px; padding:15px 0; border-top:2px solid #555555;  border-bottom:1px solid #CFCFD1;}

.bbs-list-row {display: table-row-group; width: 100%;}
.bbs-list-row a {display:table-row; width:100%; transition: all 0.3s; box-sizing: border-box;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:18px 0; color:#444444; font-size:18px; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #CFCFD1; height: 30px;}

.bbs-list-row.notice-row {background-color: #F9F9F9;}
.bbs-list-row.notice-row .notice-tit{display:inline-block; width: 30px; height: 30px; background: url("/mbshome/mbs/sdd/images/icon/ic_notice.png") no-repeat center;}

.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:block; position:relative; padding:0 112px 0 0; overflow:hidden;}
.bbs-list-row .bbs-title a:hover{color:#000; }

.bbs-subject-con{display:inline-block; position:relative; max-width:100%; padding-right: 30px; box-sizing: border-box;}
.bbs-subject-con .bbs-subject-txt{display: inline-block; padding-right: 10px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:18px; font-weight:400; line-height:18px; vertical-align:middle; color: #444; box-sizing: border-box;}

.bbs-subject-con .bbs-subject-icons{ position: absolute; right:10px; top: 50%; width: 18px; height:18px; margin-top:-7px; text-align:left; display: inline-block;}
.bbs-subject-con .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}

.bbs-subject-con .bbs-icons{display:inline-block; margin-left:-2px; color:#999; vertical-align:middle;  }

.new-icon{display:inline-block; height:16px; width:16px; background: url("/mbshome/mbs/sdd/images/icon/ic_new.png") no-repeat center;}


.bbs-list-row a:hover {background-color: #F2FBFE;}

.ta .bbs-list-tbl{border-top:1px solid #d7d7d7;}
.ta .bbs-list-tbl,.ta .bbs-list-row, .ta .bbs-list-row .column{display:block;}
.ta .bbs-list-head {display: table; width: 100%;}
.ta .bbs-list-head .tm-hidden {display: none;}
.ta .bbs-list-head span:first-child {width: 60px !important;}
.ta .bbs-list-head span {width: calc(100% - 60px) !important;}

.ta .bbs-list-row{position:relative; width:calc(100% - 15px); padding:15px; padding-left: 0; border-bottom:1px solid #ddd; overflow:hidden;}
.ta .bbs-list-row a {display: block; overflow: hidden;}
.ta .bbs-list-row .column{bottom:0; text-align:left; padding:3px 0; font-size:14px; height: auto; border-bottom: 0; color: #9b9b9b;}

.ta .bbs-relative-row{padding-top:40px}
.ta .bbs-list-row .column.bbs-no-data{display:none;}
.ta .bbs-list-row .column.bbs-block{clear:both; width:100%;}
.ta .bbs-list-row .column.bbs-inline{position: relative; display:inline-block; width:auto; margin-left:10px; padding-left: 10px; float: left;}
.ta .bbs-list-row .column.bbs-inline::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #C3C3C3; left: 0; top: 6px; }
.ta .bbs-list-row .column.bbs-inline.first-inline {margin-left: 0; padding-left: 0;}
.ta .bbs-list-row .column.bbs-inline.first-inline::before {display: none;}

.ta .bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}

.ta .bbs-list-row .column.bbs-num {float: left; width: 60px; height: 42px; text-align: center; line-height: 42px; padding: 0; }
.ta .bbs-list-row.notice-row .notice-tit {vertical-align: middle;}

.ta .bbs-subject-con {padding-right: 20px;}
.ta .bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;}

.ta .bbs-list-row .bbs-title {float: left; width: calc(100% - 60px);}
.ta .bbs-list-row .bbs-title a{padding:0 55px 0 0;}
.ta .bbs-subject-con .bbs-subject-icons{width:18px; right: 0;}

.mo .bbs-list-tbl{border-top:1px solid #d7d7d7;}
.mo .bbs-list-tbl,.mo .bbs-list-row,.mo .bbs-list-row .column{display:block;}
.mo .bbs-list-head {display: table; width: 100%;}
.mo .bbs-list-head .tm-hidden {display: none;}
.mo .bbs-list-head span:first-child {width: 60px !important;}
.mo .bbs-list-head span {width: calc(100% - 60px) !important;}

.mo .bbs-list-row{position:relative; width:calc(100% - 15px); padding:15px; padding-left: 0; border-bottom:1px solid #ddd; overflow:hidden;}
.mo .bbs-list-row a {display: block; overflow: hidden;}
.mo .bbs-list-row .column{bottom:0; text-align:left; padding:3px 0; font-size:14px; height: auto; border-bottom: 0; color: #9b9b9b;}

.mo .bbs-relative-row{padding-top:40px}
.mo .bbs-list-row .column.bbs-no-data{display:none;}
.mo .bbs-list-row .column.bbs-block{clear:both; width:100%;}
.mo .bbs-list-row .column.bbs-inline{position: relative; display:inline-block; width:auto; margin-left:10px; padding-left: 10px; float: left;}
.mo .bbs-list-row .column.bbs-inline::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #C3C3C3; left: 0; top: 6px; }
.mo .bbs-list-row .column.bbs-inline.first-inline {margin-left: 0; padding-left: 0;}
.mo .bbs-list-row .column.bbs-inline.first-inline::before {display: none;}
.mo .bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}

.mo .bbs-list-row .column.bbs-num {float: left; width: 60px; height: 42px; text-align: center; line-height: 42px; padding: 0; }
.mo .bbs-list-row.notice-row .notice-tit {vertical-align: middle;}

.mo .bbs-subject-con {padding-right: 20px;}
.mo .bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;}

.mo .bbs-list-row .bbs-title {float: left; width: calc(100% - 60px);}
.mo .bbs-list-row .bbs-title a{padding:0 55px 0 0;}
.mo .bbs-subject-con .bbs-subject-icons{width:18px; right: 0;}


.mo .bbs-subject-con {padding-right: 20px;}
.mo .bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;  }
.mo .bbs-list-row .bbs-title a{padding:0 55px 0 0; }
.mo .bbs-subject-con .bbs-subject-icons{width:18px; right: 0;}
.mo .bbs-list-row .reply-state{height:24px; line-height:24px; font-size:12px; text-align:center;}
.mo .bbs-list-row .bbs-comment-data{display:inline-block;}

/* 뷰페이지 */
.view-content {padding-top: 40px;}
.view-top {position: relative; padding:25px 30px 55px; border-top: 2px solid #7C7C7C; border-bottom: 1px solid #DADADA;}
.view-top .view-tit p {font-size: 20px; line-height: 35px; color: #444444;}

.view-date {position: absolute; right: 30px; bottom: 15px; }
.view-date p {position: relative; float: left; font-size: 14px; line-height: 20px; color: #9b9b9b; padding: 0 15px;}
.view-date p::before {content: ""; position: absolute; width: 1px; height: 10px; background-color: #C3C3C3; left: 0; top: 6px;}
.view-date p:first-child::before {display: none;}
.view-date p.view {padding-left: 37px; background: url("/mbshome/mbs/sdd/images/icon/ic_view.png") no-repeat 10px center;}

.view-info {padding: 50px 30px;}
.view-info img {width: 100%; display: block; height: auto;}
.view-info p {}

.view-file dl {display: table; width: 100%; border-top: 1px solid #7C7C7C; border-bottom: 2px solid #7C7C7C;}
.view-file dt {display: table-cell; width: 200px; vertical-align: middle; font-size: 16px; color: #444444; font-weight: 300; background: #F5F5F5; text-align: center;}
.view-file dd {display: table-cell; vertical-align: middle; padding: 15px 30px;}
.view-file dd ul li {padding: 3px 0;}
.view-file dd ul li a {display: inline-block; padding: 5px 0; padding-left: 30px; background: url("/mbshome/mbs/sdd/images/icon/ic_download.png") no-repeat center left;}

.view-btn-group {position: relative; text-align: center;}
.view-btn-group .view-btn {position: absolute; top: 48px; }
.view-btn-group .view-prev {left: 0;}
.view-btn-group .view-next {right: 0; }


.view-btn-group .view-btn button {display: inline-block; vertical-align: middle; width: 53px; height: 53px; border: 1px solid #B5B5B5; overflow: visible;}
.view-btn-group .view-btn span {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 20px; color: #444444; padding-bottom: 5px; border-bottom: 2px solid #fff; transition: all 0.3s; margin-top: 10px; position:relative; z-index: 10;}

.view-btn-group .view-prev button {background: url("/mbshome/mbs/sdd/images/button/btn_notice_prev2.png") no-repeat center;}
.view-btn-group .view-prev span {margin-right: -125px;}
.view-btn-group .view-next button {background: url("/mbshome/mbs/sdd/images/button/btn_notice_next2.png") no-repeat center;}
.view-btn-group .view-next span {margin-left: -125px;}

.view-btn-group .view-btn button:hover span {border-color: #A1A1A1;}

.view-file dd ul li a:hover {text-decoration: underline;}

.ta .view-top {padding:15px 15px 50px;}
.ta .view-info {padding: 15px;}

.ta .view-file dt {display: none;}
.ta .view-btn-group .view-btn {top: 50px;}
.ta .view-btn-group .view-btn span {display: none;}

.mo .view-top {padding:15px 15px 50px;}
.mo .view-info {padding: 15px;}

.mo .view-file dt {display: none;}
.mo .view-btn-group .view-btn {top: 50px;}
.mo .view-btn-group .view-btn span {display: none;}

/** SDD 게시판 스킨 작업 **/

/* 검색하기 */
.search-form {background: #fff; margin-top: 25px; text-align:right; margin-bottom: 20px;}
.search-form-inner {display:inline-block; width: 100%; max-width: 500px;}
.search-form label {display: none; float: left; font-size: 20px; line-height: 45px; margin-right: 15px;}
.search-form select {float: left; border: 1px solid #ddd; font-size: 17px; height: 45px; width: 150px; padding: 0 5px; margin-right: 5px;}
.search-form .search_area {float: left; width: calc(100% - 155px);}
.search-form .search_area .input_search {float: left; width: calc(100% - 95px); border: 1px solid #ddd; height: 43px; padding: 0 10px; font-size: 16px;}
.search-form .search_area .search_btn {float: right; width: 70px; height: 45px; line-height: 45px; font-size: 17px; background: #1C3C8F; color: #fff; border: 0;}

/* 글쓰기 버튼 */

.sub-btn-group {padding: 50px 55px;}
.sub-btn-group.center {text-align: center;}
.sub-btn-group.right {text-align: right;}
.sub-btn-group > button {display: inline-block; vertical-align: middle; padding: 0 30px; min-width: 110px; height: 50px; line-height: 48px; text-align: center; margin-left: 15px; font-size: 16px;}
.sub-btn-group > button:first-child {margin-left: 0;}


.sub-btn-group button.save {background-color: #313644; color: #fff;}
.sub-btn-group button.cancel {border: 1px solid #313644; color: #313644;}
.sub-btn-group button.modify {color: #0067C3; border: 1px solid #0067C3;}
.sub-btn-group button.list {background-color: #0067C3; color: #fff;}
.sub-btn-group button.delete {color: #ce2856; border: 1px solid #CE2856;}
.sub-btn-group button.write {background-color: #1C3C8F; color: #fff;}
.sub-btn-group button.write img {margin-right: 10px; vertical-align: middle; display: inline-block;}

.ta .sub-btn-group > button {margin: 5px 8px;}
.mo .sub-btn-group > button {margin: 5px 8px;}


.sub-btn-group > div a, .sub-btn-group > div input {display: inline-block; vertical-align: middle; padding: 0 30px; height: 50px; line-height: 48px; text-align: center; font-size: 16px; cursor: pointer; background: #fff; min-width: 110px; box-sizing: border-box;}
.sub-btn-group > div {margin-left: 15px; display: inline-block; vertical-align: middle;}
.sub-btn-group > div:first-child {margin-left: 0;}

.sub-btn-group > div.delete a {color: #ce2856; border: 1px solid #CE2856;}
.sub-btn-group > div.modify input {color: #0067C3; border: 1px solid #0067C3;}

.ta .sub-btn-group > div {margin: 5px 8px;}
.mo .sub-btn-group > div {margin: 5px 8px;}

/*버튼*/
a.btn_go {
	display:block;
	float:left;
	padding: 5px 50px 5px 15px;
	margin: 0 10px 5px 0;
	background: #3b9e96 url('../images/sub/btn_go.png') right center no-repeat;
	color: #fff;
	font-weight: bold;
} 
a.blue {
	background-color: #2875b1 !important;
	color: #fff !important;
}