@charset "UTF-8";

/* Intro */
.intro-title {margin-bottom: 30px;}
.intro-title .title {font-size: 35px; line-height: 40px; letter-spacing: -0.5px; color: #000; margin-bottom: 10px;}
.intro-title .info {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: #000;}

.intro-bg {position: relative;}
.intro-bg::before {content: ""; position: absolute; width: 100%; height: 10px; left: 0; top: -10px; background: url("../images/repeat_bg.png"); z-index: 3;}
.intro-bg::after {content: ""; position: absolute; width: 100%; height: 10px; left: 0; bottom: -10px; background: url("../images/repeat_bg.png"); z-index: 3;}

.intro-bx {position: relative;}
.intro-bx::before {content: ""; position: absolute; width: 10px; height: 100%; left: 0; top: 0; background: url("../images/repeat_bg.png"); z-index: 3;}
.intro-bx::after {content: ""; position: absolute; width: 10px; height: 100%; right: 0; top: 0; background: url("../images/repeat_bg.png"); z-index: 3;}
.intro-bx-wrap {background: rgba(255, 255, 255, 0.7); margin: 10px; overflow: hidden;}

.intro-bx .introbx-inner {position: relative; float: left; width: 50%; text-align: center; padding: 60px 0;}
.intro-bx .introbx-inner::after {display: none; content: ""; position: absolute; width: 1px; height: calc(100% - 80px); right: 0; top: 40px; background: #C9C9C9;}
.intro-bx .introbx-inner:first-child:after {display: block;}
.intro-bx .introbx-inner strong {display: block; margin-bottom: 10px; font-family: 'Dream Bold'; font-size: 26px; color: #111;}
.intro-bx .introbx-inner .m-blank {display: block;}
.intro-bx .introbx-inner p {font-size: 18px; line-height: 26px; letter-spacing: -0.5px; color: #000000; margin: 15px 0 20px;}
.intro-bx .introbx-inner a {display: inline-block; margin-top: 30px; margin-left: 5px; margin-right: 5px; padding: 10px 20px; border-radius: 5px; font-family: 'Dream Regular'; font-size: 16px; color: #fff;}
.intro-bx .introbx-inner a.color1 {background: #0d98d7;}
.intro-bx .introbx-inner a.color1:hover {background: #0179b1;}
.intro-bx .introbx-inner a.color2 {background: #004098;}
.intro-bx .introbx-inner a.color2:hover {background: #001c44;}
.intro-bx .introbx-inner a::after {content: ''; position: relative; top: -2px; display: inline-block; width: 9px; height: 14px; margin-left: 70px; background: url('../images/arrow-intro.png') no-repeat; vertical-align: middle;}

@media all and (max-width: 830px){
  .intro-content {background: none;}
  .intro-bx .introbx-inner {float: none; width: 100%; padding: 40px 0;}
  .intro-bx .introbx-inner::after {display: none;}
  .intro-bx .introbx-inner:first-child::after {display: block; width: calc(100% - 80px); left: 40px; top: auto; bottom: 0; height: 1px;}
}

/* Table */
.func-table {position: relative; line-height: 1.6;}
.func-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table table {position: relative;}
.func-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #111}
.func-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #FFF;}
.func-table thead th {padding: 13px 10px; background: #f7f8f9; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-family: 'Dream Regular'; font-size: 18px; font-family: 'Dream Regular'; font-weight: 400; color: #111;}
.func-table tbody {display: table-header-group;}
.func-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8b9099;}
.func-table tbody th {padding-left: 20px; background:#fbfbfb; border-right: 1px solid #dddee0; border-bottom: 1px solid #ccd0d7; font-family: 'Dream Medium'; font-size: 18px; font-weight: 400; text-align: left; color: #111;}
.func-table tbody td {height: 60px; padding: 17px 20px; background:#fff; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; font-family: 'Dream Light'; font-size: 16px; text-align: left; color: #666;}
.func-table tbody td a {color: #333;}
.func-table .list > li {position: relative; padding-left: 20px;}
.func-table .list > li:after {content: ''; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; background: #b4c1dd; border-radius: 100%;}
.func-table .no-data {padding: 50px 0; text-align: center;}
.func-table .align-l {text-align: left;}
.func-table .align-c {text-align: center;}
.func-table .align-r {text-align: right;}
.func-table strong {font-family: 'Dream Regular'; color: #000;}
.func-table input[type="text"] {height: 40px; padding: 0 10px; line-height: 40px;}
.func-table select {height: 40px; padding: 0 5px; line-height: 40px;}
.func-table input,
.func-table select,
.func-table textarea {font-family: 'Dream Light'; font-size: 16px;}
.func-table .must {display: inline-block; margin-left: 5px; color: #e70000;}
.func-table .btn {display: inline-block; height: 40px; padding: 0 15px; font-size: 14px; line-height: 35px; color: #fff; cursor: pointer; transition: .4s;}
.func-table .btn.color1 {background: #ebebeb; border: 1px solid #ccc; color: #111 !important;}
.func-table .btn.color1:hover {background: #cacaca;}
.func-table .btn.color2 {background: #777; border: 1px solid #777;}
.func-table .btn.color2:hover {background: #555;}
.func-table .btn.color3 {background: #111; border: 1px solid #111;}
.func-table .btn.color3:hover {background: #000;}
.visually-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

@media all and (max-width:960px) {
  .func-table {overflow-x: auto;}
  .func-table::-webkit-scrollbar {height: 7px;}
  .func-table::-webkit-scrollbar-thumb {background-color: rgba(0,64,152,.8);border-radius: 0px;}
  .func-table::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0px;}
  .func-table table {width: 1300px;}
  .func-table:after {display: none; content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(60,81,82,0.4) url('../images/img_mobile_text.png') no-repeat center 40px;}
  .func-table.on:after {display: none;}
  .func-table thead th,
  .func-table tbody th,
  .func-table tbody td {padding: 10px 8px; font-size: 16px;}
}

/* Paging */
._paging {padding: 60px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}

/* Button */
.btn-submit {margin-top: 30px; text-align: center;}
.btn-submit input,
.btn-submit button,
.btn-submit a {display: inline-block; height: 50px; margin: 0 5px; padding: 0 25px; font-size: 16px; line-height: 45px; color: #fff; cursor: pointer; transition: .4s;}
.btn-submit .color1 {background: #0d98d7; border: 1px solid #0d98d7;}
.btn-submit .color1:hover {background: #0088c7; border: 1px solid #0088c7;}
.btn-submit .color2 {background: #777; border: 1px solid #777;}
.btn-submit .color2:hover {background: #555; border: 1px solid #555;}

#_articleContent table._table th, #_articleContent table._table td{white-space:normal !important;}